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

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

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