@radix-ui/themes/dist/cjs/components/segmented-control.js

[](https://radix-ui.com/themes)

"use strict";"use client";var N=Object.create;var a=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var w=(e,o)=>{for(var t in o)a(e,t,{get:o[t],enumerable:!0})},g=(e,o,t,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of V(o))!x.call(e,n)&&n!==t&&a(e,n,{get:()=>o[n],enumerable:!(s=T(o,n))||s.enumerable});return e};var m=(e,o,t)=>(t=e!=null?N(b(e)):{},g(o||!e||!e.__esModule?a(t,"default",{value:e,enumerable:!0}):t,e)),D=e=>g(a({},"__esModule",{value:!0}),e);var G={};w(G,{Item:()=>i,Root:()=>p});module.exports=D(G);var r=m(require("react")),l=m(require("classnames")),P=m(require("@radix-ui/react-toggle-group")),f=require("@radix-ui/react-use-controllable-state"),C=require("./segmented-control.props.js"),u=require("../helpers/index.js"),S=require("../props/index.js");const p=r.forwardRef((e,o)=>{const{className:t,children:s,radius:n,value:v,defaultValue:I,onValueChange:c,...R}=(0,u.extractProps)(e,C.segmentedControlRootPropDefs,S.marginPropDefs),[y,h]=(0,f.useControllableState)({prop:v,onChange:c,defaultProp:I});return r.createElement(P.Root,{"data-radius":n,ref:o,className:(0,l.default)("rt-SegmentedControlRoot",t),onValueChange:d=>{d&&h(d)},...R,type:"single",value:y,asChild:!1,disabled:!1},s,r.createElement("div",{className:"rt-SegmentedControlIndicator"}))});p.displayName="SegmentedControl.Root";const i=r.forwardRef(({children:e,className:o,...t},s)=>r.createElement(P.Item,{ref:s,className:(0,l.default)("rt-reset","rt-SegmentedControlItem",o),...t,disabled:!1,asChild:!1},r.createElement("span",{className:"rt-SegmentedControlItemSeparator"}),r.createElement("span",{className:"rt-SegmentedControlItemLabel"},r.createElement("span",{className:"rt-SegmentedControlItemLabelActive"},e),r.createElement("span",{className:"rt-SegmentedControlItemLabelInactive"},e))));i.displayName="SegmentedControl.Item";
//# sourceMappingURL=segmented-control.js.map