PageSourceSearch

https://type.com/assets/segmented-control-CbyNdJ0r.js

js type.com collected 2026-10-03 23:02:00 UTC 6,128 bytes, 1 lines download raw bytes

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"471ea52245f40a6eae5bca2a01642f4910b4ed4f"};var a=(new e.Error).stack;a&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[a]="c047a9a7-8ed4-4f0b-ae5f-b1fc20cb6a57",e._sentryDebugIdIdentifier="sentry-dbid-c047a9a7-8ed4-4f0b-ae5f-b1fc20cb6a57")}catch(t){}}();import{r as e,j as a,p as t}from"./react-DtWX0OMs.js";import{aF as r,a6 as s,a7 as n,cH as o}from"./index-CNFpuu8E.js";import{S as i,s as l,a as d}from"./segmented-control-selection-CK_gyZCT.js";import{u as c,P as u,c as f,b as p}from"./index-DtvoNnqd.js";import{I as g,R as v,c as h}from"./index-CeEvQ-BK.js";import{u as m}from"./index-3JiP5kxz.js";import{c as b,T as x,a as j,b as y}from"./tooltip-BICWObj0.js";var C="Toggle",w=e.forwardRef((e,t)=>{const{pressed:r,defaultPressed:s,onPressedChange:n,...o}=e,[i,l]=c({prop:r,onChange:n,defaultProp:s??!1,caller:C});return a.jsx(u.button,{type:"button","aria-pressed":i,"data-state":i?"on":"off","data-disabled":e.disabled?"":void 0,...o,ref:t,onClick:f(e.onClick,()=>{e.disabled||l(!i)})})});w.displayName=C;var _="ToggleGroup",[z]=p(_,[h]),I=h(),T=t.forwardRef((e,t)=>{const{type:r,...s}=e;if("single"===r){const e=s;return a.jsx(R,{...e,ref:t})}if("multiple"===r){const e=s;return a.jsx(E,{...e,ref:t})}throw new Error(`Missing prop \`type\` expected on \`${_}\``)});T.displayName=_;var[k,N]=z(_),R=t.forwardRef((e,r)=>{const{value:s,defaultValue:n,onValueChange:o=()=>{},...i}=e,[l,d]=c({prop:s,defaultProp:n??"",onChange:o,caller:_});return a.jsx(k,{scope:e.__scopeToggleGroup,type:"single",value:t.useMemo(()=>l?[l]:[],[l]),onItemActivate:d,onItemDeactivate:t.useCallback(()=>d(""),[d]),children:a.jsx(A,{...i,ref:r})})}),E=t.forwardRef((e,r)=>{const{value:s,defaultValue:n,onValueChange:o=()=>{},...i}=e,[l,d]=c({prop:s,defaultProp:n??[],onChange:o,caller:_}),u=t.useCallback(e=>d((a=[])=>[...a,e]),[d]),f=t.useCallback(e=>d((a=[])=>a.filter(a=>a!==e)),[d]);return a.jsx(k,{scope:e.__scopeToggleGroup,type:"multiple",value:l,onItemActivate:u,onItemDeactivate:f,children:a.jsx(A,{...i,ref:r})})});T.displayName=_;var[D,G]=z(_),A=t.forwardRef((e,t)=>{const{__scopeToggleGroup:r,disabled:s=!1,rovingFocus:n=!0,orientation:o,dir:i,loop:l=!0,...d}=e,c=I(r),f=m(i),p={role:"group",dir:f,...d};return a.jsx(D,{scope:r,rovingFocus:n,disabled:s,children:n?a.jsx(v,{asChild:!0,...c,orientation:o,dir:f,loop:l,children:a.jsx(u.div,{...p,ref:t})}):a.jsx(u.div,{...p,ref:t})})}),P="ToggleGroupItem",S=t.forwardRef((e,r)=>{const s=N(P,e.__scopeToggleGroup),n=G(P,e.__scopeToggleGroup),o=I(e.__scopeToggleGroup),i=s.value.includes(e.value),l=n.disabled||e.disabled,d={...e,pressed:i,disabled:l},c=t.useRef(null);return n.rovingFocus?a.jsx(g,{asChild:!0,...o,focusable:!l,active:i,ref:c,children:a.jsx(V,{...d,ref:r})}):a.jsx(V,{...d,ref:r})});S.displayName=P;var V=t.forwardRef((e,t)=>{const{__scopeToggleGroup:r,value:s,...n}=e,o=N(P,r),i={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},l="single"===o.type?i:void 0;return a.jsx(w,{...l,...n,ref:t,onPressedChange:e=>{e?o.onItemActivate(s):o.onItemDeactivate(s)}})}),F=T,K=S;const L=r("inline-flex items-center justify-center rounded-md type-label ring-offset-background transition-colors cursor-pointer hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),M=e.createContext({size:"default",variant:"default"});function q({className:e,variant:t,size:r,children:n,ref:o,...i}){return a.jsx(F,{ref:o,className:s("flex items-center justify-center gap-1",e),...i,children:a.jsx(M,{value:{variant:t,size:r},children:n})})}function H({className:t,children:r,variant:n,size:o,ref:i,...l}){const d=e.use(M);return a.jsx(K,{ref:i,className:s(L({variant:d.variant||n,size:d.size||o}),t),...l,children:r})}const Y=e.createContext(null);function Z({children:t,className:r,onValueChange:d,ref:c,size:u="default",shortcuts:f=!1,value:p,...g}){const v=n(c);return e.useEffect(()=>{if(!f||g.disabled)return;const e=e=>{var a;if(e.defaultPrevented||e.repeat||e.isComposing||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||o(e.target))return;const t=Array.from((null==(a=v.current)?void 0:a.querySelectorAll("[data-segmented-control-item]"))??[]).find(a=>
1a.getAttribute("aria-keyshortcuts")===e.key),r=null==t?void 0:t.dataset.segmentedControlValue;t&&!t.disabled&&r&&r!==p&&(e.preventDefault(),d(r))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[d,g.disabled,v,f,p]),a.jsx(b,{delayDuration:400,children:a.jsxs(q,{ref:v,type:"single",size:"sm",value:p,onValueChange:d,className:s("relative isolate",l,r),...g,children:[a.jsx(i,{value:p,rootRef:v}),a.jsx(Y,{value:{size:u,shortcuts:f},children:t})]})})}function $({children:t,shortcut:r,shortcutLabel:s,...n}){const o=e.useContext(Y);if(null===o)throw new Error("SegmentedControlItem must be rendered inside SegmentedControl");const i=o.shortcuts?r:void 0,l=a.jsx(B,{...n,size:o.size,"aria-keyshortcuts":i,children:t});return i?a.jsxs(x,{children:[a.jsx(j,{asChild:!0,children:l}),a.jsx(y,{shortcut:i,shortcutAppearance:"keycap",children:s??a.jsxs(a.Fragment,{children:["Switch to ",t]})})]}):l}function B({children:e,className:t,"data-state":r,size:n,value:o,...i}){return a.jsx(H,{value:o,"data-segmented-control-item":"","data-segmented-control-value":o,className:s(d,"relative z-10 isolate hover:bg-transparent data-[state=on]:bg-transparent data-[state=on]:text-fg-primary data-[state=on]:hover:bg-transparent","sm"===n?"px-[length:var(--space-12)]":"px-[length:var(--space-16)]",t),...i,children:e})}export{Z as S,q as T,$ as a,H as b};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.