@womp/kookie-ui 0.14.5 → 0.15.0

package/dist/esm/chunk-L6M2MI7Y.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/avatar.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends MarginProps, AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    color,\n    radius,\n    status,\n    badge,\n    ...imageProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (status !== undefined && badge !== undefined) {\n      console.warn(\n        'Avatar: Cannot use both `status` and `badge` props together. ' +\n          'The `badge` prop will be used and `status` will be ignored.'\n      );\n    }\n  }\n\n  // Cheap boolean checks \u2014 no memoization needed\n  const isDisabled =\n    asChild &&\n    children != null &&\n    React.isValidElement(children) &&\n    ((children.props as any).disabled === true ||\n      (children.props as any)['data-disabled'] === true);\n\n  const hasIndicator = badge !== undefined || status !== undefined;\n\n  return (\n    // TODO as a rule, should we rather spread the props on root?\n    <AvatarPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      data-disabled={isDisabled || undefined}\n      data-has-indicator={hasIndicator || undefined}\n      className={classNames('rt-reset', 'rt-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n      {badge !== undefined ? (\n        <span className=\"rt-AvatarBadge\">{badge}</span>\n      ) : status !== undefined ? (\n        <span className=\"rt-AvatarStatus\" data-accent-color={status} />\n      ) : null}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n  extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n    AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.memo(\n  React.forwardRef<AvatarImplElement, AvatarImplProps>(\n    ({ fallback, onLoadingStatusChange, ...imageProps }, forwardedRef) => {\n      const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n      const handleLoadingStatusChange = React.useCallback(\n        (newStatus: 'idle' | 'loading' | 'loaded' | 'error') => {\n          onLoadingStatusChange?.(newStatus);\n          setStatus(newStatus);\n        },\n        [onLoadingStatusChange],\n      );\n\n      return (\n        <>\n          {status === 'idle' || status === 'loading' ? <span className=\"rt-AvatarFallback\" /> : null}\n\n          {status === 'error' ? (\n            <AvatarPrimitive.Fallback\n              className={classNames('rt-AvatarFallback', {\n                'rt-one-letter': typeof fallback === 'string' && fallback.length === 1,\n                'rt-two-letters': typeof fallback === 'string' && fallback.length === 2,\n              })}\n              delayMs={0}\n            >\n              {fallback}\n            </AvatarPrimitive.Fallback>\n          ) : null}\n\n          <AvatarPrimitive.Image\n            ref={forwardedRef}\n            className=\"rt-AvatarImage\"\n            {...imageProps}\n            onLoadingStatusChange={handleLoadingStatusChange}\n          />\n        </>\n      );\n    },\n  ),\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n"],
+  "mappings": "gKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAY1C,IAAMC,EAAe,aAA2C,CAACC,EAAOC,IAAiB,CACvF,GAAM,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaX,EAAOY,EAAgBC,CAAc,EAYhDC,EACJZ,GACAC,GAAY,MACN,iBAAeA,CAAQ,IAC3BA,EAAS,MAAc,WAAa,IACnCA,EAAS,MAAc,eAAe,IAAM,IAE3CY,EAAeN,IAAU,QAAaD,IAAW,OAEvD,OAEE,gBAACQ,EAAgB,KAAhB,CACC,oBAAmBV,EACnB,cAAaC,EACb,gBAAeO,GAAc,OAC7B,qBAAoBC,GAAgB,OACpC,UAAWE,EAAW,WAAY,gBAAiBb,CAAS,EAC5D,MAAOC,EACP,QAASH,GAERgB,EAAW,CAAE,QAAAhB,EAAS,SAAAC,CAAS,EAAG,gBAACgB,EAAA,CAAW,IAAKlB,EAAe,GAAGS,EAAY,CAAE,EACnFD,IAAU,OACT,gBAAC,QAAK,UAAU,kBAAkBA,CAAM,EACtCD,IAAW,OACb,gBAAC,QAAK,UAAU,kBAAkB,oBAAmBA,EAAQ,EAC3D,IACN,CAEJ,CAAC,EACDT,EAAO,YAAc,SAYrB,IAAMoB,EAAmB,OACjB,aACJ,CAAC,CAAE,SAAAC,EAAU,sBAAAC,EAAuB,GAAGX,CAAW,EAAGT,IAAiB,CACpE,GAAM,CAACO,EAAQc,CAAS,EAAU,WAAkD,MAAM,EAEpFC,EAAkC,cACrCC,GAAuD,CACtDH,IAAwBG,CAAS,EACjCF,EAAUE,CAAS,CACrB,EACA,CAACH,CAAqB,CACxB,EAEA,OACE,gCACGb,IAAW,QAAUA,IAAW,UAAY,gBAAC,QAAK,UAAU,oBAAoB,EAAK,KAErFA,IAAW,QACV,gBAACQ,EAAgB,SAAhB,CACC,UAAWC,EAAW,oBAAqB,CACzC,gBAAiB,OAAOG,GAAa,UAAYA,EAAS,SAAW,EACrE,iBAAkB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACxE,CAAC,EACD,QAAS,GAERA,CACH,EACE,KAEJ,gBAACJ,EAAgB,MAAhB,CACC,IAAKf,EACL,UAAU,iBACT,GAAGS,EACJ,sBAAuBa,EACzB,CACF,CAEJ,CACF,CACF,EAEAJ,EAAW,YAAc",
+  "names": ["React", "classNames", "AvatarPrimitive", "Avatar", "props", "forwardedRef", "asChild", "children", "className", "style", "color", "radius", "status", "badge", "imageProps", "extractProps", "avatarPropDefs", "marginPropDefs", "isDisabled", "hasIndicator", "AvatarPrimitive", "classNames", "getSubtree", "AvatarImpl", "fallback", "onLoadingStatusChange", "setStatus", "handleLoadingStatusChange", "newStatus"]
+}

package/dist/esm/chunk-LRFAOQK6.js

@@ -0,0 +1,2 @@
+import{a as R}from"./chunk-QPNYHS6A.js";import{a as m}from"./chunk-TGRRQHLQ.js";import{b as n}from"./chunk-PRRJ4WRE.js";import{a as d}from"./chunk-UBSLEGQZ.js";import{a as p}from"./chunk-GSTOGDAJ.js";import{a as v}from"./chunk-OS3FCYZY.js";var x={};v(x,{Item:()=>P,Root:()=>l});import*as o from"react";import C from"classnames";import{RadioGroup as f}from"radix-ui";var c=o.createContext(void 0),y=()=>o.useContext(c),l=o.forwardRef((e,r)=>{let a=n(),t=e.material??a.material,{className:s,color:i,material:I,...u}=d(e,R,p);return o.createElement(c.Provider,{value:{size:e.size,variant:e.variant}},o.createElement(m,{asChild:!0},o.createElement(f.Root,{"data-accent-color":i,"data-material":t,...u,ref:r,className:C("rt-RadioCardsRoot",s)})))});l.displayName="RadioCards.Root";var P=o.forwardRef(({className:e,...r},a)=>{let t=y(),s=t?.variant?`rt-variant-${t.variant}`:void 0,i=t?.size?`rt-r-size-${t.size}`:void 0;return o.createElement(f.Item,{...r,asChild:!1,ref:a,className:C("rt-reset","rt-BaseCard","rt-RadioCardsItem",s,i,e)})});P.displayName="RadioCards.Item";export{l as a,P as b,x as c};
+//# sourceMappingURL=chunk-LRFAOQK6.js.map

package/dist/esm/chunk-LRFAOQK6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-cards.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ntype RadioCardsContextValue = {\n  size?: Responsive<(typeof radioCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof radioCardsRootPropDefs.variant.values)[number];\n};\n\nconst RadioCardsContext = React.createContext<RadioCardsContextValue | undefined>(undefined);\n\nconst useRadioCardsContext = () => {\n  const context = React.useContext(RadioCardsContext);\n  return context;\n};\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const resolvedMaterial = props.material ?? themeContext.material;\n    const {\n      className,\n      color,\n      material: _material,\n      ...rootProps\n    } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n    return (\n      <RadioCardsContext.Provider value={{ size: props.size, variant: props.variant }}>\n        <Grid asChild>\n          <RadioGroupPrimitive.Root\n            data-accent-color={color}\n            data-material={resolvedMaterial}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-RadioCardsRoot', className)}\n          />\n        </Grid>\n      </RadioCardsContext.Provider>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const context = useRadioCardsContext();\n    const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n    const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n    return (\n      <RadioGroupPrimitive.Item\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCard',\n          'rt-RadioCardsItem',\n          variantClass,\n          sizeClass,\n          className,\n        )}\n      />\n    );\n  },\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
+  "mappings": "gPAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,cAAcC,MAA2B,WAiBlD,IAAMC,EAA0B,gBAAkD,MAAS,EAErFC,EAAuB,IACL,aAAWD,CAAiB,EAa9CE,EAAuB,aAC3B,CAACC,EAAOC,IAAiB,CACvB,IAAMC,EAAeC,EAAgB,EAC/BC,EAAmBJ,EAAM,UAAYE,EAAa,SAClD,CACJ,UAAAG,EACA,MAAAC,EACA,SAAUC,EACV,GAAGC,CACL,EAAIC,EAAaT,EAAOU,EAAwBC,CAAc,EAC9D,OACE,gBAACd,EAAkB,SAAlB,CAA2B,MAAO,CAAE,KAAMG,EAAM,KAAM,QAASA,EAAM,OAAQ,GAC5E,gBAACY,EAAA,CAAK,QAAO,IACX,gBAACC,EAAoB,KAApB,CACC,oBAAmBP,EACnB,gBAAeF,EACd,GAAGI,EACJ,IAAKP,EACL,UAAWa,EAAW,oBAAqBT,CAAS,EACtD,CACF,CACF,CAEJ,CACF,EACAN,EAAe,YAAc,kBAM7B,IAAMgB,EAAuB,aAC3B,CAAC,CAAE,UAAAV,EAAW,GAAGL,CAAM,EAAGC,IAAiB,CACzC,IAAMe,EAAUlB,EAAqB,EAC/BmB,EAAeD,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEE,EAAYF,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAACH,EAAoB,KAApB,CACE,GAAGb,EACJ,QAAS,GACT,IAAKC,EACL,UAAWa,EACT,WACA,cACA,oBACAG,EACAC,EACAb,CACF,EACF,CAEJ,CACF,EACAU,EAAe,YAAc",
+  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "React", "classNames", "RadioGroupPrimitive", "RadioCardsContext", "useRadioCardsContext", "RadioCardsRoot", "props", "forwardedRef", "themeContext", "useThemeContext", "resolvedMaterial", "className", "color", "_material", "rootProps", "extractProps", "radioCardsRootPropDefs", "marginPropDefs", "Grid", "RadioGroupPrimitive", "classNames", "RadioCardsItem", "context", "variantClass", "sizeClass"]
+}

package/dist/esm/chunk-LXSARUXD.js

@@ -0,0 +1,2 @@
+import{a as S}from"./chunk-MHANZINI.js";import{a as u}from"./chunk-BFLO4IVZ.js";import{a as f}from"./chunk-MJJ7XDIP.js";import{a as y}from"./chunk-O6K6RZXY.js";import{a as g}from"./chunk-RA4U6VVZ.js";import{c as P}from"./chunk-PRRJ4WRE.js";import{a as c}from"./chunk-UBSLEGQZ.js";import{a as k}from"./chunk-OS3FCYZY.js";var _={};k(_,{Close:()=>b,Content:()=>T,Description:()=>E,Root:()=>R,Title:()=>v,Trigger:()=>D});import*as e from"react";import A from"classnames";import{Dialog as a}from"radix-ui";var R=o=>e.createElement(a.Root,{...o,modal:!0});R.displayName="Sheet.Root";var D=e.forwardRef(({children:o,...t},i)=>e.createElement(a.Trigger,{...t,ref:i,asChild:!0},f(o)));D.displayName="Sheet.Trigger";var{align:ee,material:B,...C}=g,F={material:B},{default:te,...K}=C.maxWidth,V={...C,maxWidth:K},T=e.forwardRef((o,t)=>{let{side:i="start",forceMount:n,container:x,className:N,material:M,...w}=o,W={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[i],{material:H}=c({material:M},F),L=H,{className:O,...z}=c(w,V),h=e.useRef(null),j=e.useMemo(()=>r=>{h.current=r,typeof t=="function"?t(r):t&&(t.current=r)},[t]);return S(),e.useEffect(()=>{if(typeof window>"u")return;let r=h.current;if(!r)return;let s=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(s.length===0)return;let l=s[0],m=s[s.length-1],d=p=>{p.key==="Tab"&&(p.shiftKey?document.activeElement===l&&(p.preventDefault(),m.focus()):document.activeElement===m&&(p.preventDefault(),l.focus()))};return r.addEventListener("keydown",d),l.focus(),()=>{r.removeEventListener("keydown",d)}},[]),e.createElement(a.Portal,{container:x,forceMount:n},e.createElement(P,{asChild:!0},e.createElement(a.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},e.createElement(a.Content,{...z,ref:j,className:A("rt-BaseDialogContent","rt-SheetContent",N,O),"data-side":W,"data-material":L,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});T.displayName="Sheet.Content";var v=e.forwardRef(({size:o="4",weight:t="medium",...i},n)=>e.createElement(a.Title,{asChild:!0},e.createElement(u,{ref:n,size:o,weight:t,...i})));v.displayName="Sheet.Title";var E=e.forwardRef(({size:o="2",emphasis:t="medium",...i},n)=>e.createElement(a.Description,{asChild:!0},e.createElement(y,{ref:n,size:o,emphasis:t,...i})));E.displayName="Sheet.Description";var b=e.forwardRef(({children:o,...t},i)=>e.createElement(a.Close,{...t,ref:i,asChild:!0},f(o)));b.displayName="Sheet.Close";export{R as a,D as b,T as c,v as d,E as e,b as f,_ as g};
+//# sourceMappingURL=chunk-LXSARUXD.js.map

package/dist/esm/chunk-LXSARUXD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/sheet.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * Sheet\n *\n * A side-placed overlay built on top of Radix Dialog. It inherits accessibility,\n * focus management, overlay behavior, and sizing scales from the base dialog, and\n * adds side placement and slide motion suited for navigation panels and drawers.\n *\n * Structure mirrors Dialog:\n * - Root, Trigger, Content, Title, Description, Close\n *\n * Notes\n * - Side: set with `side` on `Sheet.Content`. Aliases: `left` \u2192 `start`, `right` \u2192 `end`.\n * - Sizing: reuses Dialog content prop defs (width/min/max/height/size). Default Dialog\n *   maxWidth clamping is removed for Sheets.\n * - Material: use `material` (solid | translucent).\n * - A11y: provide an accessible name via `Sheet.Title` or `aria-label` on `Sheet.Content`.\n *\n * Example\n * <Sheet.Root>\n *   <Sheet.Trigger>\n *     <Button>Open</Button>\n *   </Sheet.Trigger>\n *   <Sheet.Content side=\"end\" width={{ initial: '280px', md: '360px' }}>\n *     <Sheet.Title>Details</Sheet.Title>\n *     ...\n *     <Sheet.Close>\n *       <Button>Close</Button>\n *     </Sheet.Close>\n *   </Sheet.Content>\n * </Sheet.Root>\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport { Theme } from './theme.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { useBodyPointerEventsCleanup } from '../hooks/use-body-pointer-events-cleanup.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { HeadingProps } from './heading.js';\n\n/**\n * Supported sides for the Sheet.\n * Aliases are normalized RTL-aware: `left` \u2192 `start`, `right` \u2192 `end`.\n */\ntype SheetSide = 'start' | 'end' | 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Sheet is a side-placed overlay built on the Dialog primitive.\n * It reuses Dialog's accessibility, focus, overlay, and size scales, while adding side placement and slide motion.\n */\n\n// Root\n/**\n * Props for `Sheet.Root` (Radix Dialog root with `modal` forced on).\n */\ninterface SheetRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst Root: React.FC<SheetRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nRoot.displayName = 'Sheet.Root';\n\n// Trigger\n/** Element type for `Sheet.Trigger`. */\ntype SheetTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\n/** Props for `Sheet.Trigger` (expects a single element child). */\ninterface SheetTriggerProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst Trigger = React.forwardRef<SheetTriggerElement, SheetTriggerProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Trigger {...props} ref={ref} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Trigger>\n  ),\n);\nTrigger.displayName = 'Sheet.Trigger';\n\n// Content\n/** Element type for `Sheet.Content`. */\n// Reuse dialog content prop defs for size/width/height tokens, but handle\n// material explicitly to avoid forwarding unknown DOM props.\n// Built once at module scope: `extractProps` memoises on the identity of the\n// prop def objects it is handed, so rebuilding these per render would recompile\n// them every time a sheet renders.\nconst {\n  align: _alignPropDef,\n  material: materialPropDef,\n  ...dialogPropDefsForSheet\n} = dialogContentPropDefs;\n\nconst materialPropDefs = {\n  material: materialPropDef,\n};\n\n// Override dialog's default maxWidth (600px) to avoid clamping Sheet by default\nconst { default: _mwDefault, ...maxWidthWithoutDefault } = dialogPropDefsForSheet.maxWidth;\nconst sheetPropDefs = {\n  ...dialogPropDefsForSheet,\n  maxWidth: maxWidthWithoutDefault,\n} as typeof dialogPropDefsForSheet;\n\ntype SheetContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface SheetContentProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n    DialogContentOwnProps {\n  /** Side where the Sheet should appear. `left`/`right` alias to `start`/`end`. */\n  side?: SheetSide;\n  /** Optional DOM container to portal into. Defaults to `document.body`. */\n  container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\n\n/**\n * Renders the Sheet panel. Normalizes left/right to logical start/end and\n * forwards dialog sizing props. Provide an accessible name via `Sheet.Title`\n * or `aria-label`.\n */\nconst Content = React.forwardRef<SheetContentElement, SheetContentProps>(\n  (allProps, forwardedRef) => {\n    const {\n      side = 'start',\n      forceMount,\n      container,\n      className,\n      material: materialProp,\n      ...restProps\n    } = allProps;\n    const normalizedSideMap: Record<SheetSide, 'start' | 'end' | 'top' | 'bottom'> = {\n      left: 'start',\n      right: 'end',\n      start: 'start',\n      end: 'end',\n      top: 'top',\n      bottom: 'bottom',\n    };\n    const normalizedSide = normalizedSideMap[side];\n    const { material: resolvedMaterial } = extractProps(\n      { material: materialProp },\n      materialPropDefs,\n    );\n\n\n    const materialValue = resolvedMaterial;\n\n    // Size/width/height class names come from the dialog defs \u2014 see `sheetPropDefs`.\n    const { className: extractedClassName, ...contentProps } = extractProps(\n      restProps,\n      sheetPropDefs,\n    );\n\n    // Dev-only a11y guard: ensure label is provided via Title or aria-label\n    if (process.env.NODE_ENV !== 'production') {\n      const children = (contentProps as any).children as React.ReactNode;\n      const hasAriaLabel = typeof (contentProps as any)['aria-label'] === 'string';\n      let hasTitle = false;\n      if (children) {\n        for (const child of React.Children.toArray(children)) {\n          if (React.isValidElement(child) && child.type === Title) {\n            hasTitle = true;\n            break;\n          }\n        }\n      }\n      if (!hasTitle && !hasAriaLabel) {\n        console.warn(\n          'Sheet.Content: Missing accessible name. Include Sheet.Title as a child or provide aria-label.',\n        );\n      }\n    }\n\n    // Focus management and stuck pointer-events cleanup like Dialog\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useMemo(\n      () => (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    useBodyPointerEventsCleanup();\n\n    React.useEffect(() => {\n      if (typeof window === 'undefined') return;\n      const content = contentRef.current;\n      if (!content) return;\n\n      const focusableElements = content.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      );\n\n      if (focusableElements.length === 0) return;\n\n      const firstElement = focusableElements[0] as HTMLElement;\n      const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (document.activeElement === firstElement) {\n              event.preventDefault();\n              lastElement.focus();\n            }\n          } else if (document.activeElement === lastElement) {\n            event.preventDefault();\n            firstElement.focus();\n          }\n        }\n      };\n\n      content.addEventListener('keydown', handleKeyDown);\n      firstElement.focus();\n\n      return () => {\n        content.removeEventListener('keydown', handleKeyDown);\n      };\n    }, []);\n\n    return (\n      <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay\">\n            <DialogPrimitive.Content\n              {...contentProps}\n              ref={combinedRef}\n              className={classNames(\n                'rt-BaseDialogContent',\n                'rt-SheetContent',\n                className,\n                extractedClassName,\n              )}\n              data-side={normalizedSide}\n              data-material={materialValue}\n              tabIndex={-1}\n              role=\"dialog\"\n              aria-modal=\"true\"\n            />\n          </DialogPrimitive.Overlay>\n        </Theme>\n      </DialogPrimitive.Portal>\n    );\n  },\n);\nContent.displayName = 'Sheet.Content';\n\n// Title - renders as Heading with sensible defaults\ntype SheetTitleElement = React.ElementRef<typeof Heading>;\ntype SheetTitleProps = HeadingProps;\n/** Accessible title for the Sheet. Renders as Heading with sensible defaults. */\nconst Title = React.forwardRef<SheetTitleElement, SheetTitleProps>(\n  ({ size = '4', weight = 'medium', ...props }, ref) => (\n    <DialogPrimitive.Title asChild>\n      <Heading ref={ref} size={size} weight={weight} {...props} />\n    </DialogPrimitive.Title>\n  ),\n);\nTitle.displayName = 'Sheet.Title';\n\n// Description - renders as Text with sensible defaults\ntype SheetDescriptionElement = React.ElementRef<typeof Text>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof Text>;\n/** Supplementary description text for Sheet content. Renders as Text with sensible defaults. */\nconst Description = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ size = '2', emphasis = 'medium', ...rest }, ref) => (\n    <DialogPrimitive.Description asChild>\n      <Text ref={ref} size={size} emphasis={emphasis} {...rest} />\n    </DialogPrimitive.Description>\n  ),\n);\nDescription.displayName = 'Sheet.Description';\n\ntype SheetCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface SheetCloseProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\n/** Close button for the Sheet. Expects a single element child rendered via `asChild`. */\nconst Close = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Close {...props} ref={ref} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Close>\n  ),\n);\nClose.displayName = 'Sheet.Close';\n\nexport { Root, Trigger, Content, Title, Description, Close };\nexport type {\n  SheetRootProps as RootProps,\n  SheetTriggerProps as TriggerProps,\n  SheetContentProps as ContentProps,\n  SheetTitleProps as TitleProps,\n  SheetDescriptionProps as DescriptionProps,\n  SheetCloseProps as CloseProps,\n};\n"],
+  "mappings": "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",
+  "names": ["sheet_exports", "__export", "Close", "Content", "Description", "Root", "Title", "Trigger", "React", "classNames", "DialogPrimitive", "Root", "props", "DialogPrimitive", "Trigger", "children", "ref", "requireReactElement", "_alignPropDef", "materialPropDef", "dialogPropDefsForSheet", "dialogContentPropDefs", "materialPropDefs", "_mwDefault", "maxWidthWithoutDefault", "sheetPropDefs", "Content", "allProps", "forwardedRef", "side", "forceMount", "container", "className", "materialProp", "restProps", "normalizedSide", "resolvedMaterial", "extractProps", "materialValue", "extractedClassName", "contentProps", "contentRef", "combinedRef", "node", "useBodyPointerEventsCleanup", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "Theme", "classNames", "Title", "size", "weight", "Heading", "Description", "emphasis", "rest", "Text", "Close"]
+}

package/dist/esm/{chunk-ALG6R3ZX.js → chunk-MD3QCXRD.js}

@@ -1,2 +1,2 @@
-import{a as u}from"./chunk-ADFUYK3U.js";import{a as m}from"./chunk-5BWLY27A.js";import{a as y}from"./chunk-OS3FCYZY.js";var I={};y(I,{Button:()=>P,Content:()=>f,Item:()=>g,Root:()=>d,Viewport:()=>S,useMessageScroller:()=>B,useMessageScrollerScrollable:()=>w,useMessageScrollerVisibility:()=>h});import*as e from"react";import c from"classnames";import{MessageScroller as a,useMessageScroller as B,useMessageScrollerScrollable as w,useMessageScrollerVisibility as h}from"@shadcn/react/message-scroller";import{useComposedRefs as C}from"radix-ui/internal";var d=e.forwardRef(({autoScroll:o=!0,defaultScrollPosition:t="end",scrollEdgeThreshold:r,scrollMargin:s,className:n,children:i,...l},p)=>e.createElement(a.Provider,{autoScroll:o,defaultScrollPosition:t,...r!=null?{scrollEdgeThreshold:r}:{},...s!=null?{scrollMargin:s}:{}},e.createElement(a.Root,{...l,ref:p,className:c("rt-MessageScrollerRoot",n)},i)));d.displayName="MessageScroller.Root";var S=e.forwardRef(({className:o,"aria-label":t,fade:r=!0,...s},n)=>{let i=m(r),l=C(n,i);return e.createElement(a.Viewport,{"aria-label":t??"",...s,ref:l,"data-fade":r?"":void 0,className:c("rt-MessageScrollerViewport",o)})});S.displayName="MessageScroller.Viewport";var f=e.forwardRef(({className:o,...t},r)=>e.createElement(a.Content,{...t,ref:r,className:c("rt-MessageScrollerContent",o)}));f.displayName="MessageScroller.Content";var g=e.forwardRef(({className:o,...t},r)=>e.createElement(a.Item,{...t,ref:r,className:c("rt-MessageScrollerItem",o)}));g.displayName="MessageScroller.Item";var P=e.forwardRef(({direction:o="end",behavior:t,className:r,children:s,size:n="2",variant:i="surface",emphasis:l,color:p="gray",radius:M="full","aria-label":R,...b},v)=>e.createElement(a.Button,{direction:o,...t?{behavior:t}:{},render:e.createElement(u,{...b,ref:v,size:n,...l?{emphasis:l}:{variant:i},color:p,radius:M,"aria-label":R??(o==="end"?"Jump to the latest":"Jump to the first"),className:c("rt-MessageScrollerButton",r),"data-direction":o},s??e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none","aria-hidden":!0,style:o==="start"?{transform:"rotate(180deg)"}:void 0},e.createElement("path",{d:"M7.5 2.5v10M3.5 8.5l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))}));P.displayName="MessageScroller.Button";export{B as a,w as b,h as c,d,S as e,f,g,P as h,I as i};
-//# sourceMappingURL=chunk-ALG6R3ZX.js.map
+import{a as u}from"./chunk-MQT3YJKY.js";import{a as m}from"./chunk-5BWLY27A.js";import{a as y}from"./chunk-OS3FCYZY.js";var I={};y(I,{Button:()=>P,Content:()=>f,Item:()=>g,Root:()=>d,Viewport:()=>S,useMessageScroller:()=>B,useMessageScrollerScrollable:()=>w,useMessageScrollerVisibility:()=>h});import*as e from"react";import c from"classnames";import{MessageScroller as a,useMessageScroller as B,useMessageScrollerScrollable as w,useMessageScrollerVisibility as h}from"@shadcn/react/message-scroller";import{useComposedRefs as C}from"radix-ui/internal";var d=e.forwardRef(({autoScroll:o=!0,defaultScrollPosition:t="end",scrollEdgeThreshold:r,scrollMargin:s,className:n,children:i,...l},p)=>e.createElement(a.Provider,{autoScroll:o,defaultScrollPosition:t,...r!=null?{scrollEdgeThreshold:r}:{},...s!=null?{scrollMargin:s}:{}},e.createElement(a.Root,{...l,ref:p,className:c("rt-MessageScrollerRoot",n)},i)));d.displayName="MessageScroller.Root";var S=e.forwardRef(({className:o,"aria-label":t,fade:r=!0,...s},n)=>{let i=m(r),l=C(n,i);return e.createElement(a.Viewport,{"aria-label":t??"",...s,ref:l,"data-fade":r?"":void 0,className:c("rt-MessageScrollerViewport",o)})});S.displayName="MessageScroller.Viewport";var f=e.forwardRef(({className:o,...t},r)=>e.createElement(a.Content,{...t,ref:r,className:c("rt-MessageScrollerContent",o)}));f.displayName="MessageScroller.Content";var g=e.forwardRef(({className:o,...t},r)=>e.createElement(a.Item,{...t,ref:r,className:c("rt-MessageScrollerItem",o)}));g.displayName="MessageScroller.Item";var P=e.forwardRef(({direction:o="end",behavior:t,className:r,children:s,size:n="2",variant:i="surface",emphasis:l,color:p="gray",radius:M="full","aria-label":R,...b},v)=>e.createElement(a.Button,{direction:o,...t?{behavior:t}:{},render:e.createElement(u,{...b,ref:v,size:n,...l?{emphasis:l}:{variant:i},color:p,radius:M,"aria-label":R??(o==="end"?"Jump to the latest":"Jump to the first"),className:c("rt-MessageScrollerButton",r),"data-direction":o},s??e.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none","aria-hidden":!0,style:o==="start"?{transform:"rotate(180deg)"}:void 0},e.createElement("path",{d:"M7.5 2.5v10M3.5 8.5l4 4 4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})))}));P.displayName="MessageScroller.Button";export{B as a,w as b,h as c,d,S as e,f,g,P as h,I as i};
+//# sourceMappingURL=chunk-MD3QCXRD.js.map

package/dist/esm/chunk-MGQ4A2FI.js

@@ -0,0 +1,2 @@
+import{a as n}from"./chunk-3PTKPDSA.js";import{b as t}from"./chunk-TBZO22XK.js";import*as s from"react";function p(e){s.useEffect(()=>{},[]);let{breakpoint:o}=t(typeof e!="string");return n(e,()=>"fixed")[o]}export{p as a};
+//# sourceMappingURL=chunk-MGQ4A2FI.js.map

package/dist/esm/{chunk-CMEKH4I5.js → chunk-MGSHX5N5.js}

@@ -1,2 +1,2 @@
-import{b as r}from"./chunk-KRJTW535.js";import{c as e}from"./chunk-Z4DTHR2S.js";var s=["1","2","3","4"],t=["surface","soft","outline"],p={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...e,...r,duration:{type:"string"}};export{p as a};
-//# sourceMappingURL=chunk-CMEKH4I5.js.map
+import{b as r}from"./chunk-KRJTW535.js";import{c as e}from"./chunk-34KVYDF6.js";var s=["1","2","3","4"],t=["surface","soft","outline"],p={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...e,...r,duration:{type:"string"}};export{p as a};
+//# sourceMappingURL=chunk-MGSHX5N5.js.map

package/dist/esm/chunk-MLJLEOZ5.js

@@ -0,0 +1,2 @@
+import{b as e}from"./chunk-KRJTW535.js";var o=["1","2","3","4"],s=["horizontal","vertical"],r={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},orientation:{type:"enum",className:"rt-r-orientation",values:s,default:"horizontal",responsive:!0},material:{type:"enum",values:["solid","translucent"]},...e};export{r as a};
+//# sourceMappingURL=chunk-MLJLEOZ5.js.map

package/dist/esm/chunk-MLJLEOZ5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/segmented-control.props.tsx"],
+  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst orientations = ['horizontal', 'vertical'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', className: 'disabled', default: false },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  orientation: {\n    type: 'enum',\n    className: 'rt-r-orientation',\n    values: orientations,\n    default: 'horizontal',\n    responsive: true,\n  },\n  material: { type: 'enum', values: ['solid', 'translucent'] },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n  material: PropDef<'solid' | 'translucent'>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAe,CAAC,aAAc,UAAU,EAExCC,EAA+B,CACnC,SAAU,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,EACnE,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,YAAa,CACX,KAAM,OACN,UAAW,mBACX,OAAQC,EACR,QAAS,aACT,WAAY,EACd,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,CAAE,EAC3D,GAAGE,CACL",
+  "names": ["sizes", "orientations", "segmentedControlRootPropDefs", "radiusPropDef"]
+}

package/dist/esm/chunk-MNC2O6QW.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk-MOMYWKIO.js";import{a as e}from"./chunk-UBSLEGQZ.js";import{a as o}from"./chunk-GSTOGDAJ.js";import*as r from"react";import l from"classnames";import{Slot as C}from"radix-ui";var y=r.forwardRef((p,a)=>{let{asChild:s,className:m,material:d,flush:i,inset:n,...f}=e(p,t,o),P=d,c=s?C.Root:"div";return r.createElement(c,{ref:a,...f,"data-material":P,"data-flush":i?"true":void 0,"data-inset":n?"true":void 0,className:l("rt-reset","rt-BaseCard","rt-Card",m)})});y.displayName="Card";export{y as a};
+//# sourceMappingURL=chunk-MNC2O6QW.js.map

package/dist/esm/chunk-MNC2O6QW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { cardPropDefs } from './card.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CardElement = React.ElementRef<'div'>;\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>;\ninterface CardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, CardOwnProps {}\nconst Card = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const { asChild, className, material, flush, inset, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n  );\n  const effectiveMaterial = material;\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      ref={forwardedRef}\n      {...cardProps}\n      data-material={effectiveMaterial}\n      data-flush={flush ? 'true' : undefined}\n      data-inset={inset ? 'true' : undefined}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-Card', className)}\n    />\n  );\n});\nCard.displayName = 'Card';\n\nexport { Card };\nexport type { CardProps };\n"],
+  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAarB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,GAAGC,CAAU,EAAIC,EACnER,EACAS,EACAC,CACF,EACMC,EAAoBP,EACpBQ,EAAOV,EAAUW,EAAK,KAAO,MACnC,OACE,gBAACD,EAAA,CACC,IAAKX,EACJ,GAAGM,EACJ,gBAAeI,EACf,aAAYN,EAAQ,OAAS,OAC7B,aAAYC,EAAQ,OAAS,OAC7B,UAAWQ,EAAW,WAAY,cAAe,UAAWX,CAAS,EACvE,CAEJ,CAAC,EACDJ,EAAK,YAAc",
+  "names": ["React", "classNames", "Slot", "Card", "props", "forwardedRef", "asChild", "className", "material", "flush", "inset", "cardProps", "extractProps", "cardPropDefs", "marginPropDefs", "effectiveMaterial", "Comp", "Slot", "classNames"]
+}

package/dist/esm/chunk-MOMYWKIO.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-NZJGC6ZW.js";var s=["1","2","3","4","5"],a=["raised","surface","outline","ghost","soft"],t=["solid","translucent"],r={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},material:{type:"enum",values:t,default:void 0},flush:{type:"boolean",default:!1},inset:{type:"boolean",default:!1}};export{r as a};
+//# sourceMappingURL=chunk-MOMYWKIO.js.map

package/dist/esm/chunk-MOMYWKIO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['raised', 'surface', 'outline', 'ghost', 'soft'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  material: { type: 'enum', values: materials, default: undefined },\n  flush: { type: 'boolean', default: false },\n  inset: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  flush: PropDef<boolean>;\n  inset: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAC3DC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAe,CACnB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["sizes", "variants", "materials", "cardPropDefs", "asChildPropDef"]
+}

package/dist/esm/{chunk-ADFUYK3U.js → chunk-MQT3YJKY.js}

@@ -1,2 +1,2 @@
-import{a as o}from"./chunk-BXX2NVQD.js";import*as t from"react";var a=t.forwardRef((e,n)=>t.createElement(o,{...e,iconOnly:!0,ref:n}));a.displayName="IconButton";export{a};
-//# sourceMappingURL=chunk-ADFUYK3U.js.map
+import{a as o}from"./chunk-Y4IB7KDZ.js";import*as t from"react";var a=t.forwardRef((e,n)=>t.createElement(o,{...e,iconOnly:!0,ref:n}));a.displayName="IconButton";export{a};
+//# sourceMappingURL=chunk-MQT3YJKY.js.map

package/dist/esm/chunk-MQT3YJKY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/icon-button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Button } from './button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\nimport type { ButtonRankProps } from './button.js';\n\ntype IconButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Required accessibility props for icon buttons\n * Icon buttons must have an accessible name to meet WCAG guidelines\n *\n * Three ways to provide accessibility:\n * 1. aria-label: Direct descriptive text\n * 2. aria-labelledby: Reference to a label element\n * 3. children: Visible text content (fallback)\n */\ntype AccessibilityProps =\n  | { 'aria-label': string; 'aria-labelledby'?: never }\n  | { 'aria-label'?: never; 'aria-labelledby': string }\n  | { 'aria-label'?: never; 'aria-labelledby'?: never; children: React.ReactNode };\n\n/**\n * Tooltip configuration props that can be passed to IconButton\n * These props are forwarded to the underlying Tooltip component\n */\ninterface IconButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core IconButton props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with accessibility requirements and tooltip functionality\n */\ntype IconButtonOwnProps = Omit<BaseButtonProps, 'as' | 'variant' | 'fullWidth'> & ButtonRankProps & AccessibilityProps & IconButtonTooltipProps;\n\n/**\n * Polymorphic IconButton props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype IconButtonProps<C extends React.ElementType = 'button'> = IconButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof IconButtonOwnProps>;\n\n/**\n * IconButton component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype IconButtonComponent = <C extends React.ElementType = 'button'>(props: IconButtonProps<C> & { ref?: React.ForwardedRef<IconButtonElement> }) => React.ReactElement | null;\n\n/**\n * IconButton component for compact, accessible icon-only interactions. It is `Button` with\n * `iconOnly` set, kept as its own name for its stricter type: an accessible name is required.\n *\n * The IconButton component extends Button with specialized behavior for visual symbols.\n * It enforces accessibility requirements, provides automatic square sizing, and includes\n * built-in tooltip integration. Icon buttons are essential for space-efficient interfaces\n * while maintaining accessibility compliance.\n *\n * Key features:\n * - Enforced accessibility requirements (aria-label, aria-labelledby, or children)\n * - Automatic square aspect ratios for consistent visual alignment\n * - Built-in tooltip support for context and guidance\n * - Same variant and size system as Button for consistency\n * - Runtime validation for accessibility compliance\n *\n * @example\n * ```tsx\n * // Basic icon button with aria-label\n * <IconButton aria-label=\"Settings\">\n *   <Settings />\n * </IconButton>\n *\n * // Icon button with tooltip\n * <IconButton aria-label=\"Save\" tooltip=\"Save your progress\">\n *   <Save />\n * </IconButton>\n *\n * // Icon button with aria-labelledby\n * <IconButton aria-labelledby=\"settings-label\">\n *   <Settings />\n * </IconButton>\n * <span id=\"settings-label\">Open settings panel</span>\n *\n * // Icon button with visible text (fallback)\n * <IconButton>\n *   <Settings />\n *   Settings\n * </IconButton>\n * ```\n */\nconst IconButton = React.forwardRef(\n  (props: IconButtonProps, forwardedRef: React.ForwardedRef<IconButtonElement>) => <Button {...props} iconOnly ref={forwardedRef} />,\n) as IconButtonComponent & { displayName?: string };\n\nIconButton.displayName = 'IconButton';\n\nexport { IconButton };\nexport type { IconButtonProps };\n"],
+  "mappings": "wCAAA,UAAYA,MAAW,QAsGvB,IAAMC,EAAmB,aACvB,CAACC,EAAwBC,IAAwD,gBAACC,EAAA,CAAQ,GAAGF,EAAO,SAAQ,GAAC,IAAKC,EAAc,CAClI,EAEAF,EAAW,YAAc",
+  "names": ["React", "IconButton", "props", "forwardedRef", "Button"]
+}

package/dist/esm/{chunk-ZE2GWHPY.js → chunk-MVW2SY4F.js}

@@ -1,2 +1,2 @@
-import{a as u,e as f,f as l,g as R}from"./chunk-V32EP3S7.js";import{a as x}from"./chunk-YL62I5SI.js";import{b as P}from"./chunk-IX5HIHVI.js";import{a as G}from"./chunk-KJTEZVOF.js";import{a}from"./chunk-6FLLFCBU.js";import{a as n}from"./chunk-GSTOGDAJ.js";import{a as E}from"./chunk-OS3FCYZY.js";var T={};E(T,{Item:()=>N,Root:()=>v});import*as o from"react";import b from"classnames";import{Context as S}from"radix-ui/internal";var I="CheckboxGroup",[_]=S.createContextScope(I,[u]),d=u(),[g,y]=_(I),v=o.forwardRef(({color:s=x.color.default,size:e=x.size.default,variant:t=x.variant.default,...r},p)=>{let{__scopeCheckboxGroup:c,className:m,...C}=a(r,n),i=d(c);return o.createElement(g,{scope:c,color:s,size:e,variant:t},o.createElement(f,{...i,...C,ref:p,className:b("rt-CheckboxGroupRoot",m)}))});v.displayName="CheckboxGroup.Root";var N=o.forwardRef((s,e)=>{let{__scopeCheckboxGroup:t,children:r,className:p,style:c,...m}=s,{size:C}=y("CheckboxGroupItem",t),i=h=>typeof h=="string"&&/^[1-9]$/.test(h)?h:"3";return r?o.createElement(G,{as:"label",size:i(C),className:b("rt-CheckboxGroupItem",p),style:c},o.createElement(k,{__scopeCheckboxGroup:t,...m,ref:e}),r&&o.createElement("span",{className:"rt-CheckboxGroupItemInner"},r)):o.createElement(k,{__scopeCheckboxGroup:t,...m,ref:e,className:p,style:c})});N.displayName="CheckboxGroup.Item";var k=o.forwardRef(({__scopeCheckboxGroup:s,...e},t)=>{let r=y("CheckboxGroupItemCheckbox",s),p=d(s),{color:c,className:m}=a({...e,...r},x,n);return o.createElement(l,{...p,"data-accent-color":c,...e,ref:t,className:b("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxGroupItemCheckbox",m)},o.createElement(R,{...p,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(P,null)))});k.displayName="CheckboxGroup.ItemCheckbox";export{v as a,N as b,T as c};
-//# sourceMappingURL=chunk-ZE2GWHPY.js.map
+import{a as x}from"./chunk-UA6FP7HS.js";import{a as u,e as f,f as l,g as R}from"./chunk-V32EP3S7.js";import{b as P}from"./chunk-IX5HIHVI.js";import{a as G}from"./chunk-O6K6RZXY.js";import{a}from"./chunk-UBSLEGQZ.js";import{a as n}from"./chunk-GSTOGDAJ.js";import{a as E}from"./chunk-OS3FCYZY.js";var T={};E(T,{Item:()=>N,Root:()=>v});import*as o from"react";import b from"classnames";import{Context as S}from"radix-ui/internal";var I="CheckboxGroup",[_]=S.createContextScope(I,[u]),d=u(),[g,y]=_(I),v=o.forwardRef(({color:s=x.color.default,size:e=x.size.default,variant:t=x.variant.default,...r},p)=>{let{__scopeCheckboxGroup:c,className:m,...C}=a(r,n),i=d(c);return o.createElement(g,{scope:c,color:s,size:e,variant:t},o.createElement(f,{...i,...C,ref:p,className:b("rt-CheckboxGroupRoot",m)}))});v.displayName="CheckboxGroup.Root";var N=o.forwardRef((s,e)=>{let{__scopeCheckboxGroup:t,children:r,className:p,style:c,...m}=s,{size:C}=y("CheckboxGroupItem",t),i=h=>typeof h=="string"&&/^[1-9]$/.test(h)?h:"3";return r?o.createElement(G,{as:"label",size:i(C),className:b("rt-CheckboxGroupItem",p),style:c},o.createElement(k,{__scopeCheckboxGroup:t,...m,ref:e}),r&&o.createElement("span",{className:"rt-CheckboxGroupItemInner"},r)):o.createElement(k,{__scopeCheckboxGroup:t,...m,ref:e,className:p,style:c})});N.displayName="CheckboxGroup.Item";var k=o.forwardRef(({__scopeCheckboxGroup:s,...e},t)=>{let r=y("CheckboxGroupItemCheckbox",s),p=d(s),{color:c,className:m}=a({...e,...r},x,n);return o.createElement(l,{...p,"data-accent-color":c,...e,ref:t,className:b("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxGroupItemCheckbox",m)},o.createElement(R,{...p,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(P,null)))});k.displayName="CheckboxGroup.ItemCheckbox";export{v as a,N as b,T as c};
+//# sourceMappingURL=chunk-MVW2SY4F.js.map

package/dist/esm/{chunk-KJTEZVOF.js → chunk-O6K6RZXY.js}

@@ -1,2 +1,2 @@
-import{a as P}from"./chunk-3HGHPAH4.js";import{a as m}from"./chunk-6FLLFCBU.js";import{a as n}from"./chunk-GSTOGDAJ.js";import*as e from"react";import{Slot as c}from"radix-ui";var l={...P,...n},f=e.memo(e.forwardRef((i,o)=>{let{children:t,className:p,asChild:x,as:T="span",color:r,...s}=m(i,l),a=p?`rt-Text ${p}`:"rt-Text";return x?e.createElement(c.Root,{"data-accent-color":r,...s,ref:o,className:a},t):e.createElement(T,{"data-accent-color":r,...s,ref:o,className:a},t)}));f.displayName="Text";export{f as a};
-//# sourceMappingURL=chunk-KJTEZVOF.js.map
+import{a as P}from"./chunk-PDBVZAUJ.js";import{a as m}from"./chunk-UBSLEGQZ.js";import{a as n}from"./chunk-GSTOGDAJ.js";import*as e from"react";import{Slot as c}from"radix-ui";var l={...P,...n},f=e.memo(e.forwardRef((i,o)=>{let{children:t,className:p,asChild:x,as:T="span",color:r,...s}=m(i,l),a=p?`rt-Text ${p}`:"rt-Text";return x?e.createElement(c.Root,{"data-accent-color":r,...s,ref:o,className:a},t):e.createElement(T,{"data-accent-color":r,...s,ref:o,className:a},t)}));f.displayName="Text";export{f as a};
+//# sourceMappingURL=chunk-O6K6RZXY.js.map

package/dist/esm/{chunk-JUY7CBSL.js → chunk-PBFSBHBS.js}

@@ -1,2 +1,2 @@
-import{b as c}from"./chunk-WRWNN2NW.js";import{a as l}from"./chunk-QM3RCK5P.js";import{a as m}from"./chunk-RZCX6IBE.js";function g(i,n,e){return n!==void 0?n.has(e):i.includes(e)}function h({className:i,customProperties:n,...e}){let f=y({allowArbitraryValues:!0,className:i,...e}),r=v({customProperties:n,...e});return[f,r]}function y({allowArbitraryValues:i,value:n,className:e,propValues:f,propValueSet:r,parseValue:s=o=>o}){if(n){if(typeof n=="string")return g(f,r,n)?R(e,n,s):i?e:void 0;if(m(n)){let o=n,t=[];for(let p in o){if(!l(o,p)||!c.has(p))continue;let d=o[p];if(d!==void 0){if(g(f,r,d)){let u=R(e,d,s),a=p==="initial"?u:`${p}:${u}`;t.push(a)}else if(i){let u=p==="initial"?e:`${p}:${e}`;t.push(u)}}}return t.length>0?t.join(" "):""}if(i)return e}}function R(i,n,e){let f=i?"-":"",r=e(n),s=r?.startsWith("-"),o=s?"-":"",t=s?r?.substring(1):r;return`${o}${i}${f}${t}`}function v({customProperties:i,value:n,propValues:e,propValueSet:f,parseValue:r=s=>s}){if(!n||typeof n=="string"&&g(e,f,n))return;let s;if(typeof n=="string"){let o=r(n);s={};for(let t of i)s[t]=o;return s}if(m(n)){let o=n;for(let t in o){if(!l(o,t)||!c.has(t))continue;let p=o[t];if(p===void 0||g(e,f,p))continue;let d=r(p);s??(s={});for(let u of i){let a=t==="initial"?u:`${u}-${t}`;s[a]=d}}}return s??{}}export{h as a,y as b,v as c};
-//# sourceMappingURL=chunk-JUY7CBSL.js.map
+import{b as c}from"./chunk-WRWNN2NW.js";import{a as m}from"./chunk-RZCX6IBE.js";import{a as l}from"./chunk-QM3RCK5P.js";function g(i,n,e){return n!==void 0?n.has(e):i.includes(e)}function h({className:i,customProperties:n,...e}){let f=y({allowArbitraryValues:!0,className:i,...e}),r=v({customProperties:n,...e});return[f,r]}function y({allowArbitraryValues:i,value:n,className:e,propValues:f,propValueSet:r,parseValue:s=o=>o}){if(n){if(typeof n=="string")return g(f,r,n)?R(e,n,s):i?e:void 0;if(m(n)){let o=n,t=[];for(let p in o){if(!l(o,p)||!c.has(p))continue;let d=o[p];if(d!==void 0){if(g(f,r,d)){let u=R(e,d,s),a=p==="initial"?u:`${p}:${u}`;t.push(a)}else if(i){let u=p==="initial"?e:`${p}:${e}`;t.push(u)}}}return t.length>0?t.join(" "):""}if(i)return e}}function R(i,n,e){let f=i?"-":"",r=e(n),s=r?.startsWith("-"),o=s?"-":"",t=s?r?.substring(1):r;return`${o}${i}${f}${t}`}function v({customProperties:i,value:n,propValues:e,propValueSet:f,parseValue:r=s=>s}){if(!n||typeof n=="string"&&g(e,f,n))return;let s;if(typeof n=="string"){let o=r(n);s={};for(let t of i)s[t]=o;return s}if(m(n)){let o=n;for(let t in o){if(!l(o,t)||!c.has(t))continue;let p=o[t];if(p===void 0||g(e,f,p))continue;let d=r(p);s??(s={});for(let u of i){let a=t==="initial"?u:`${u}-${t}`;s[a]=d}}}return s??{}}export{h as a,y as b,v as c};
+//# sourceMappingURL=chunk-PBFSBHBS.js.map

package/dist/esm/{chunk-3HGHPAH4.js → chunk-PDBVZAUJ.js}

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk-G2CKYO2I.js";import{a as m}from"./chunk-AXUDFYLY.js";import{a as p}from"./chunk-KNQBAOMV.js";import{a as i}from"./chunk-FD2TR343.js";import{b as e}from"./chunk-ZWZGUBL4.js";import{a as t}from"./chunk-WYADYDPN.js";import{a as f}from"./chunk-ZE2KAVXW.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{c as r}from"./chunk-Z4DTHR2S.js";var a=["span","div","label","p"],n=["0","1","2","3","4","5","6","7","8","9","10","11","12"],x={as:{type:"enum",values:a,default:"span"},...o,size:{type:"enum",className:"rt-r-size",values:n,responsive:!0},...m,...i,...s,...p,...f,...t,...r,...e};export{x as a};
-//# sourceMappingURL=chunk-3HGHPAH4.js.map
+import{a as s}from"./chunk-G2CKYO2I.js";import{a as m}from"./chunk-AXUDFYLY.js";import{a as p}from"./chunk-KNQBAOMV.js";import{a as i}from"./chunk-FD2TR343.js";import{a as t}from"./chunk-WYADYDPN.js";import{a as f}from"./chunk-ZE2KAVXW.js";import{b as e}from"./chunk-ZWZGUBL4.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{c as r}from"./chunk-34KVYDF6.js";var a=["span","div","label","p"],n=["0","1","2","3","4","5","6","7","8","9","10","11","12"],x={as:{type:"enum",values:a,default:"span"},...o,size:{type:"enum",className:"rt-r-size",values:n,responsive:!0},...m,...i,...s,...p,...f,...t,...r,...e};export{x as a};
+//# sourceMappingURL=chunk-PDBVZAUJ.js.map

package/dist/esm/chunk-PRRJ4WRE.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-WAURCNAS.js";import{a as N}from"./chunk-F22ZRNWL.js";import{a as e}from"./chunk-CAUFRKTK.js";import*as a from"react";import j from"classnames";import{Direction as O,Slot as L,Tooltip as q}from"radix-ui";import{useComposedRefs as z,useLayoutEffect as J}from"radix-ui/internal";var n=()=>{},K={appearance:e.appearance.default,accentColor:e.accentColor.default,grayColor:e.grayColor.default,resolvedGrayColor:e.grayColor.default,material:e.material.default,radius:e.radius.default,scaling:e.scaling.default,fontFamily:e.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:n,onAccentColorChange:n,onGrayColorChange:n,onMaterialChange:n,onRadiusChange:n,onScalingChange:n,onFontFamilyChange:n,onHeadingFontFamilyChange:n},S=a.createContext(void 0);function ae(){return a.useContext(S)??K}var Q=a.forwardRef((o,l)=>{let t=a.useContext(S),d=O.useDirection();return t===void 0?a.createElement(q.Provider,{delayDuration:200},a.createElement(O.Provider,{dir:d},a.createElement(V,{...o,ref:l}))):a.createElement(E,{...o,ref:l})});Q.displayName="Theme";var V=a.forwardRef((o,l)=>{let{appearance:t=e.appearance.default,accentColor:d=e.accentColor.default,grayColor:i=e.grayColor.default,material:F=e.material.default,radius:m=e.radius.default,scaling:c=e.scaling.default,fontFamily:s=e.fontFamily.default,headingFontFamily:h,hasBackground:u=e.hasBackground.default,...p}=o,[f,g]=r(t),[T,P]=r(d),[v,R]=r(i),[x,A]=r(F),[b,I]=r(m),[C,D]=r(c),[y,k]=r(s),[H,G]=r(h);return a.createElement(E,{...p,ref:l,isRoot:!0,hasBackground:u,appearance:f,accentColor:T,grayColor:v,material:x,radius:b,scaling:C,fontFamily:y,headingFontFamily:H,onAppearanceChange:g,onAccentColorChange:P,onGrayColorChange:R,onMaterialChange:A,onRadiusChange:I,onScalingChange:D,onFontFamilyChange:k,onHeadingFontFamilyChange:G})});V.displayName="ThemeRoot";function U(){if(typeof navigator>"u")return;let o=navigator.userAgent;if(o.includes("Win"))return"windows";if(o.includes("Mac"))return"macos";if(o.includes("Linux"))return"linux"}var E=a.forwardRef((o,l)=>{let t=a.useContext(S),{asChild:d,isRoot:i,hasBackground:F,appearance:m=o.appearance??t?.appearance??e.appearance.default,accentColor:c=o.accentColor??t?.accentColor??e.accentColor.default,grayColor:s=o.grayColor??t?.resolvedGrayColor??e.grayColor.default,material:h=o.material??t?.material??e.material.default,radius:u=o.radius??t?.radius??e.radius.default,scaling:p=o.scaling??t?.scaling??e.scaling.default,fontFamily:f=o.fontFamily??t?.fontFamily??e.fontFamily.default,headingFontFamily:g=o.headingFontFamily??t?.headingFontFamily,onAppearanceChange:T=n,onAccentColorChange:P=n,onGrayColorChange:v=n,onMaterialChange:R=n,onRadiusChange:x=n,onScalingChange:A=n,onFontFamilyChange:b=n,onHeadingFontFamilyChange:I=n,...C}=o,D=d?L.Root:"div",y=s==="auto"?N(c):s,k=o.appearance==="light"||o.appearance==="dark",H=F===void 0?i||k:F,G=a.useRef(null),W=z(l,G),w="data-os"in C;return J(()=>{if(!i||w)return;let M=G.current;if(!M)return;let B=U();if(B)return M.setAttribute("data-os",B),()=>M.removeAttribute("data-os")},[i,w]),a.createElement(S.Provider,{value:a.useMemo(()=>({appearance:m,accentColor:c,grayColor:s,resolvedGrayColor:y,material:h,radius:u,scaling:p,fontFamily:f,headingFontFamily:g,onAppearanceChange:T,onAccentColorChange:P,onGrayColorChange:v,onMaterialChange:R,onRadiusChange:x,onScalingChange:A,onFontFamilyChange:b,onHeadingFontFamilyChange:I}),[m,c,s,y,h,u,p,f,g,T,P,v,R,x,A,b,I])},a.createElement(D,{"data-is-root-theme":i?"true":"false","data-accent-color":c,"data-gray-color":y,"data-has-background":H?"true":"false","data-material":h,"data-radius":u,"data-scaling":p,"data-font-family":f,"data-heading-font-family":g,ref:W,...C,className:j("radix-themes",{light:m==="light",dark:m==="dark"},C.className)}))});E.displayName="ThemeImpl";export{S as a,ae as b,Q as c};
+//# sourceMappingURL=chunk-PRRJ4WRE.js.map

package/dist/esm/chunk-PRRJ4WRE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/theme.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeMaterial = (typeof themePropDefs.material.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeScaling = (typeof themePropDefs.scaling.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onMaterialChange: (material: ThemeMaterial) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onScalingChange: (scaling: ThemeScaling) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  material: ThemeMaterial;\n  radius: ThemeRadius;\n  scaling: ThemeScaling;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  material: themePropDefs.material.default,\n  radius: themePropDefs.radius.default,\n  scaling: themePropDefs.scaling.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onMaterialChange: noop,\n  onRadiusChange: noop,\n  onScalingChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  // Direction is inherited: a Radix DirectionProvider above the Theme (for a right-to-left app)\n  // wins, and left-to-right stays the default when there is none.\n  const dir = Direction.useDirection();\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir={dir}>\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>(\n  (props, forwardedRef) => {\n    const {\n      appearance: appearanceProp = themePropDefs.appearance.default,\n      accentColor: accentColorProp = themePropDefs.accentColor.default,\n      grayColor: grayColorProp = themePropDefs.grayColor.default,\n      material: materialProp = themePropDefs.material.default,\n      radius: radiusProp = themePropDefs.radius.default,\n      scaling: scalingProp = themePropDefs.scaling.default,\n      fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n      headingFontFamily: headingFontFamilyProp,\n      hasBackground = themePropDefs.hasBackground.default,\n      ...rootProps\n    } = props;\n\n\n    // Each of these follows its prop but stays independently settable, so\n    // `ThemePanel` can change the theme at runtime. Syncing during render\n    // rather than in an effect matters here: an effect would commit the old\n    // theme first and re-render every consumer of the context a second time.\n    const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n    const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n    const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n\n    const [material, setMaterial] = usePropSyncedState(materialProp);\n\n    const [radius, setRadius] = usePropSyncedState(radiusProp);\n    const [scaling, setScaling] = usePropSyncedState(scalingProp);\n    const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n    const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n\n    return (\n      <ThemeImpl\n        {...rootProps}\n        ref={forwardedRef}\n        isRoot\n        hasBackground={hasBackground}\n        //\n        appearance={appearance}\n        accentColor={accentColor}\n        grayColor={grayColor}\n        material={material}\n        radius={radius}\n        scaling={scaling}\n        fontFamily={fontFamily}\n        headingFontFamily={headingFontFamily}\n        //\n        onAppearanceChange={setAppearance}\n        onAccentColorChange={setAccentColor}\n        onGrayColorChange={setGrayColor}\n        onMaterialChange={setMaterial}\n        onRadiusChange={setRadius}\n        onScalingChange={setScaling}\n        onFontFamilyChange={setFontFamily}\n        onHeadingFontFamilyChange={setHeadingFontFamily}\n      />\n    );\n  },\n);\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    material = props.material ?? context?.material ?? themePropDefs.material.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    scaling = props.scaling ?? context?.scaling ?? themePropDefs.scaling.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onMaterialChange = noop,\n    onRadiusChange = noop,\n    onScalingChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground =\n    hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          material,\n          radius,\n          scaling,\n          fontFamily,\n          headingFontFamily,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onMaterialChange,\n          onRadiusChange,\n          onScalingChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n        ],\n      )}\n    >\n      <Comp\n        data-is-root-theme={isRoot ? 'true' : 'false'}\n        data-accent-color={accentColor}\n        data-gray-color={resolvedGrayColor}\n        // for nested `Theme` background\n        data-has-background={hasBackground ? 'true' : 'false'}\n        data-material={material}\n        data-radius={radius}\n        data-scaling={scaling}\n        data-font-family={fontFamily}\n        data-heading-font-family={headingFontFamily}\n        ref={composedRef}\n        {...themeProps}\n        className={classNames(\n          'radix-themes',\n          {\n            light: appearance === 'light',\n            dark: appearance === 'dark',\n          },\n          themeProps.className,\n        )}\n      />\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Direction", "Slot", "TooltipPrimitive", "useComposedRefs", "useLayoutEffect", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "context", "dir", "Direction", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "materialProp", "radiusProp", "scalingProp", "fontFamilyProp", "headingFontFamilyProp", "hasBackground", "rootProps", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "material", "setMaterial", "radius", "setRadius", "scaling", "setScaling", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "getClientOS", "ua", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onMaterialChange", "onRadiusChange", "onScalingChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "themeProps", "Comp", "Slot", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "useComposedRefs", "hasExplicitOS", "useLayoutEffect", "node", "os", "classNames"]
+}

package/dist/esm/chunk-PSS45RHX.js

@@ -0,0 +1,2 @@
+import{a as r}from"./chunk-UBSLEGQZ.js";import{a as t}from"./chunk-GSTOGDAJ.js";import{a as e}from"./chunk-4D7OU2UA.js";import*as o from"react";import f from"classnames";import{composeEventHandlers as l}from"radix-ui/internal";var R=o.forwardRef((p,a)=>{let{className:s,color:i,onChange:n,onValueChange:m,...d}=r(p,e,t);return o.createElement("input",{type:"radio","data-accent-color":i,...d,onChange:l(n,u=>m?.(u.currentTarget.value)),ref:a,className:f("rt-reset","rt-BaseRadioRoot","rt-RadioRoot",s)})});R.displayName="Radio";export{R as a};
+//# sourceMappingURL=chunk-PSS45RHX.js.map

package/dist/esm/{chunk-4JNHUPIM.js.map → chunk-PSS45RHX.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/radio.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeEventHandlers } from 'radix-ui/internal';\n\nimport { radioPropDefs } from './radio.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { NotInputRadioAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioElement = React.ElementRef<'input'>;\ntype RadioOwnProps = GetPropDefTypes<typeof radioPropDefs> & {\n  value: string;\n  onValueChange?: (value: string) => void;\n};\ntype RadioInputProps = ComponentPropsWithout<\n  'input',\n  NotInputRadioAttributes | 'color' | 'defaultValue' | 'value'\n>;\ninterface RadioProps extends RadioInputProps, MarginProps, RadioOwnProps {}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>((props, forwardedRef) => {\n  const { className, color, material, onChange, onValueChange, ...radioProps } = extractProps(\n    props,\n    radioPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <input\n      type=\"radio\"\n      data-accent-color={color}\n      data-material={material}\n      {...radioProps}\n      onChange={composeEventHandlers(onChange, (event) =>\n        onValueChange?.(event.currentTarget.value),\n      )}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseRadioRoot', 'rt-RadioRoot', className)}\n    />\n  );\n});\nRadio.displayName = 'Radio';\n\nexport { Radio };\nexport type { RadioProps };\n"],
-  "mappings": "wHAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,wBAAAC,MAA4B,oBAsBrC,IAAMC,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAW,EAAIC,EAC7ER,EACAS,EACAC,CACF,EACA,OACE,gBAAC,SACC,KAAK,QACL,oBAAmBP,EACnB,gBAAeC,EACd,GAAGG,EACJ,SAAUI,EAAqBN,EAAWO,GACxCN,IAAgBM,EAAM,cAAc,KAAK,CAC3C,EACA,IAAKX,EACL,UAAWY,EAAW,WAAY,mBAAoB,eAAgBX,CAAS,EACjF,CAEJ,CAAC,EACDH,EAAM,YAAc",
-  "names": ["React", "classNames", "composeEventHandlers", "Radio", "props", "forwardedRef", "className", "color", "material", "onChange", "onValueChange", "radioProps", "extractProps", "baseRadioPropDefs", "marginPropDefs", "composeEventHandlers", "event", "classNames"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeEventHandlers } from 'radix-ui/internal';\n\nimport { radioPropDefs } from './radio.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { NotInputRadioAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioElement = React.ElementRef<'input'>;\ntype RadioOwnProps = GetPropDefTypes<typeof radioPropDefs> & {\n  value: string;\n  onValueChange?: (value: string) => void;\n};\ntype RadioInputProps = ComponentPropsWithout<\n  'input',\n  NotInputRadioAttributes | 'color' | 'defaultValue' | 'value'\n>;\ninterface RadioProps extends RadioInputProps, MarginProps, RadioOwnProps {}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>((props, forwardedRef) => {\n  const { className, color, onChange, onValueChange, ...radioProps } = extractProps(\n    props,\n    radioPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <input\n      type=\"radio\"\n      data-accent-color={color}\n      {...radioProps}\n      onChange={composeEventHandlers(onChange, (event) =>\n        onValueChange?.(event.currentTarget.value),\n      )}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseRadioRoot', 'rt-RadioRoot', className)}\n    />\n  );\n});\nRadio.displayName = 'Radio';\n\nexport { Radio };\nexport type { RadioProps };\n"],
+  "mappings": "wHAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,wBAAAC,MAA4B,oBAsBrC,IAAMC,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAW,EAAIC,EACnEP,EACAQ,EACAC,CACF,EACA,OACE,gBAAC,SACC,KAAK,QACL,oBAAmBN,EAClB,GAAGG,EACJ,SAAUI,EAAqBN,EAAWO,GACxCN,IAAgBM,EAAM,cAAc,KAAK,CAC3C,EACA,IAAKV,EACL,UAAWW,EAAW,WAAY,mBAAoB,eAAgBV,CAAS,EACjF,CAEJ,CAAC,EACDH,EAAM,YAAc",
+  "names": ["React", "classNames", "composeEventHandlers", "Radio", "props", "forwardedRef", "className", "color", "onChange", "onValueChange", "radioProps", "extractProps", "baseRadioPropDefs", "marginPropDefs", "composeEventHandlers", "event", "classNames"]
 }

package/dist/esm/chunk-PTEAQFHI.js

@@ -0,0 +1,2 @@
+import{a as i}from"./chunk-ELZEAEN2.js";import{a as s}from"./chunk-5SQL4ZRC.js";import{a as p}from"./chunk-UBSLEGQZ.js";import{a}from"./chunk-GSTOGDAJ.js";import*as o from"react";import u from"classnames";import{Slot as R}from"radix-ui";var C=o.forwardRef((n,l)=>{let{asChild:e,className:m,children:d,color:c,radius:f,tooltip:t,tooltipSide:g="top",tooltipAlign:P="center",tooltipDelayDuration:b,tooltipDisableHoverableContent:y,...B}=p(n,s,a),D=o.useMemo(()=>e?R.Root:"span",[e]),r=o.createElement(D,{"data-accent-color":c,"data-radius":f,...B,ref:l,className:u("rt-reset","rt-Badge",m)},d);return t?o.createElement(i,{content:t,side:g,align:P,delayDuration:b,disableHoverableContent:y},r):r});C.displayName="Badge";export{C as a};
+//# sourceMappingURL=chunk-PTEAQFHI.js.map

package/dist/esm/chunk-PTEAQFHI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/badge.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { badgePropDefs } from './badge.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { Tooltip } from './tooltip.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype BadgeElement = React.ElementRef<'span'>;\ntype BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;\n\n// Tooltip props that can be passed to Badge\ninterface BadgeTooltipProps {\n  tooltip?: React.ReactNode;\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  tooltipAlign?: 'start' | 'center' | 'end';\n  tooltipDelayDuration?: number;\n  tooltipDisableHoverableContent?: boolean;\n}\n\ninterface BadgeProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    MarginProps,\n    BadgeOwnProps,\n    BadgeTooltipProps {}\n\nconst Badge = React.forwardRef<BadgeElement, BadgeProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    children,\n    color,\n    radius,\n    tooltip,\n    tooltipSide = 'top',\n    tooltipAlign = 'center',\n    tooltipDelayDuration,\n    tooltipDisableHoverableContent,\n    ...badgeProps\n  } = extractProps(props, badgePropDefs, marginPropDefs);\n\n\n\n  // Memoize component variable to prevent unnecessary re-renders\n  const Comp = React.useMemo(() => (asChild ? Slot.Root : 'span'), [asChild]);\n\n  const badge = (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      {...badgeProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-Badge', className)}\n    >\n      {children}\n    </Comp>\n  );\n\n  // If no tooltip is provided, return the badge as-is\n  if (!tooltip) {\n    return badge;\n  }\n\n  // Wrap with Tooltip when tooltip content is provided\n  return (\n    <Tooltip\n      content={tooltip}\n      side={tooltipSide}\n      align={tooltipAlign}\n      delayDuration={tooltipDelayDuration}\n      disableHoverableContent={tooltipDisableHoverableContent}\n    >\n      {badge}\n    </Tooltip>\n  );\n});\nBadge.displayName = 'Badge';\n\nexport { Badge };\nexport type { BadgeProps };\n"],
+  "mappings": "2JAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WA6BrB,IAAMC,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CACJ,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,EAAIC,EAAab,EAAOc,EAAeC,CAAc,EAK/CC,EAAa,UAAQ,IAAOd,EAAUe,EAAK,KAAO,OAAS,CAACf,CAAO,CAAC,EAEpEgB,EACJ,gBAACF,EAAA,CACC,oBAAmBX,EACnB,cAAaC,EACZ,GAAGM,EACJ,IAAKX,EACL,UAAWkB,EAAW,WAAY,WAAYhB,CAAS,GAEtDC,CACH,EAIF,OAAKG,EAMH,gBAACa,EAAA,CACC,QAASb,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,GAExBO,CACH,EAbOA,CAeX,CAAC,EACDnB,EAAM,YAAc",
+  "names": ["React", "classNames", "Slot", "Badge", "props", "forwardedRef", "asChild", "className", "children", "color", "radius", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "badgeProps", "extractProps", "badgePropDefs", "marginPropDefs", "Comp", "Slot", "badge", "classNames", "Tooltip"]
+}

package/dist/esm/chunk-QDW5ZG5E.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-QDW5ZG5E.js.map

package/dist/esm/chunk-QE2EF7A7.js

@@ -0,0 +1,2 @@
+import{a as h}from"./chunk-EJG2UNTM.js";import{a as u}from"./chunk-MJJ7XDIP.js";import{b,c as d}from"./chunk-PRRJ4WRE.js";import{a as C}from"./chunk-UBSLEGQZ.js";import{a as I}from"./chunk-OS3FCYZY.js";var k={};I(k,{Anchor:()=>N,Close:()=>M,Content:()=>x,Root:()=>E,Toolbar:()=>j,Trigger:()=>L});import*as e from"react";import v from"classnames";import{Popover as c}from"radix-ui";var y=e.createContext(null),g=t=>{let o=e.useContext(y);return o},E=t=>e.createElement(c.Root,{...t});E.displayName="Popover.Root";var L=e.forwardRef(({children:t,...o},r)=>e.createElement(c.Trigger,{...o,ref:r,asChild:!0},u(t)));L.displayName="Popover.Trigger";var x=e.forwardRef((t,o)=>{let r=b(),p=t.material??r.material,{className:n,forceMount:s,container:a,material:i,...f}=C(t,h),l=e.useRef(null),R=e.useCallback(P=>{l.current=P,typeof o=="function"?o(P):o&&(o.current=P)},[o]),[S,w]=e.useState(void 0),T=e.useCallback(P=>{let m=l.current;m&&(P>0?(m.style.setProperty("--popover-toolbar-offset",`${P}px`),m.setAttribute("data-has-toolbar","true")):(m.style.removeProperty("--popover-toolbar-offset"),m.removeAttribute("data-has-toolbar")))},[]);return e.createElement(c.Portal,{container:a,forceMount:s},e.createElement(d,{asChild:!0},e.createElement(c.Content,{align:"start",sideOffset:8,collisionPadding:10,...f,ref:R,"aria-labelledby":S,"data-material":p,className:v("rt-PopperContent","rt-PopoverContent",n)},e.createElement(y.Provider,{value:e.useMemo(()=>({contentRef:l,setToolbarOffset:T,setLabelId:w}),[T])},t.children))))});x.displayName="Popover.Content";var M=e.forwardRef(({children:t,...o},r)=>e.createElement(c.Close,{...o,ref:r,asChild:!0},u(t)));M.displayName="Popover.Close";var N=e.forwardRef(({children:t,...o},r)=>e.createElement(c.Anchor,{...o,ref:r}));N.displayName="Popover.Anchor";var A=e.forwardRef(({className:t,children:o,...r},p)=>{let n=g("Popover.Toolbar"),s=e.useRef(null),a=e.useCallback(i=>{s.current=i,typeof p=="function"?p(i):p&&(p.current=i)},[p]);return e.useEffect(()=>{if(!n||!s.current)return;let i=s.current,f=()=>{let R=i.getBoundingClientRect().height;n.setToolbarOffset(R)};f();let l=new ResizeObserver(f);return l.observe(i),()=>{l.disconnect(),n.setToolbarOffset(0)}},[n]),e.createElement("div",{...r,ref:a,className:v("rt-PopoverToolbar",t)},o)});A.displayName="Popover.Toolbar";var D=e.forwardRef(({className:t,...o},r)=>e.createElement("div",{...o,ref:r,className:v("rt-PopoverToolbarSection","rt-PopoverToolbarLeft",t)}));D.displayName="Popover.Toolbar.Left";var H=e.forwardRef(({className:t,...o},r)=>e.createElement("div",{...o,ref:r,className:v("rt-PopoverToolbarSection","rt-PopoverToolbarCenter",t)}));H.displayName="Popover.Toolbar.Center";var O=e.forwardRef(({className:t,...o},r)=>e.createElement("div",{...o,ref:r,className:v("rt-PopoverToolbarSection","rt-PopoverToolbarRight",t)}));O.displayName="Popover.Toolbar.Right";var W=e.forwardRef(({className:t,id:o,...r},p)=>{let n=g("Popover.Toolbar.Title"),s=e.useId(),a=o??`rt-popover-toolbar-title-${s}`;return e.useEffect(()=>(n?.setLabelId(a),()=>n?.setLabelId(void 0)),[n,a]),e.createElement("span",{...r,id:a,ref:p,className:v("rt-PopoverToolbarTitle",t)})});W.displayName="Popover.Toolbar.Title";var j=Object.assign(A,{Left:D,Center:H,Right:O,Title:W});export{E as a,L as b,x as c,M as d,N as e,j as f,k as g};
+//# sourceMappingURL=chunk-QE2EF7A7.js.map

package/dist/esm/chunk-QE2EF7A7.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/popover.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { popoverContentPropDefs } from './popover.props.js';\nimport { Theme } from './theme.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { PopoverContentOwnProps } from './popover.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// ---------------------------------------------\n// Popover Content Context\n// ---------------------------------------------\ntype PopoverContentContextValue = {\n  /** Ref to the Popover.Content DOM node */\n  contentRef: React.MutableRefObject<HTMLDivElement | null>;\n  /** Update content's toolbar offset variable and presence flag */\n  setToolbarOffset: (offsetPx: number) => void;\n  /** Wire up aria-labelledby for toolbar title */\n  setLabelId: (id: string | undefined) => void;\n};\n\nconst PopoverContentContext = React.createContext<PopoverContentContextValue | null>(null);\nconst usePopoverContentContext = (caller: string) => {\n  const ctx = React.useContext(PopoverContentContext);\n  if (!ctx) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(`${caller} must be used within Popover.Content`);\n    }\n  }\n  return ctx;\n};\n\ninterface PopoverRootProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root> {}\nconst PopoverRoot: React.FC<PopoverRootProps> = (props: PopoverRootProps) => (\n  <PopoverPrimitive.Root {...props} />\n);\nPopoverRoot.displayName = 'Popover.Root';\n\ntype PopoverTriggerElement = React.ElementRef<typeof PopoverPrimitive.Trigger>;\ninterface PopoverTriggerProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Trigger, RemovedProps> {}\nconst PopoverTrigger = React.forwardRef<PopoverTriggerElement, PopoverTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Trigger>\n  ),\n);\nPopoverTrigger.displayName = 'Popover.Trigger';\n\ntype PopoverContentElement = React.ElementRef<typeof PopoverPrimitive.Content>;\ninterface PopoverContentProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Content, RemovedProps>,\n    PopoverContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Portal>['container'];\n}\nconst PopoverContent = React.forwardRef<PopoverContentElement, PopoverContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const resolvedMaterial = props.material ?? themeContext.material;\n    const {\n      className,\n      forceMount,\n      container,\n      material: _material,\n      ...contentProps\n    } = extractProps(props, popoverContentPropDefs);\n\n    // Manage refs (we need the DOM node to apply CSS variables)\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    const [labelId, setLabelId] = React.useState<string | undefined>(undefined);\n\n    const setToolbarOffset = React.useCallback((offsetPx: number) => {\n      const el = contentRef.current;\n      if (!el) return;\n      if (offsetPx > 0) {\n        el.style.setProperty('--popover-toolbar-offset', `${offsetPx}px`);\n        el.setAttribute('data-has-toolbar', 'true');\n      } else {\n        el.style.removeProperty('--popover-toolbar-offset');\n        el.removeAttribute('data-has-toolbar');\n      }\n    }, []);\n\n    return (\n      <PopoverPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <PopoverPrimitive.Content\n            align=\"start\"\n            sideOffset={8}\n            collisionPadding={10}\n            {...contentProps}\n            ref={combinedRef}\n            aria-labelledby={labelId}\n            data-material={resolvedMaterial}\n            className={classNames('rt-PopperContent', 'rt-PopoverContent', className)}\n          >\n            <PopoverContentContext.Provider value={React.useMemo(() => ({ contentRef, setToolbarOffset, setLabelId }), [setToolbarOffset])}>\n              {props.children}\n            </PopoverContentContext.Provider>\n          </PopoverPrimitive.Content>\n        </Theme>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'Popover.Content';\n\ntype PopoverCloseElement = React.ElementRef<typeof PopoverPrimitive.Close>;\ninterface PopoverCloseProps\n  extends ComponentPropsWithout<typeof PopoverPrimitive.Close, RemovedProps> {}\nconst PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Close {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </PopoverPrimitive.Close>\n  ),\n);\nPopoverClose.displayName = 'Popover.Close';\n\ntype PopoverAnchorElement = React.ElementRef<typeof PopoverPrimitive.Anchor>;\ninterface PopoverAnchorProps\n  extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Anchor> {}\nconst PopoverAnchor = React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <PopoverPrimitive.Anchor {...props} ref={forwardedRef} />\n  ),\n);\n\nPopoverAnchor.displayName = 'Popover.Anchor';\n\n// ---------------------------------------------\n// Toolbar (Popover-only)\n// ---------------------------------------------\n\ntype PopoverToolbarElement = HTMLDivElement;\ntype PopoverToolbarProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst PopoverToolbarBase = React.forwardRef<PopoverToolbarElement, PopoverToolbarProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const ctx = usePopoverContentContext('Popover.Toolbar');\n\n    const localRef = React.useRef<HTMLDivElement | null>(null);\n    const setRefs = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        localRef.current = node;\n        if (typeof forwardedRef === 'function') forwardedRef(node);\n        else if (forwardedRef)\n          (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [forwardedRef],\n    );\n\n    React.useEffect(() => {\n      if (!ctx || !localRef.current) return;\n      const el = localRef.current;\n      const update = () => {\n        const height = el.getBoundingClientRect().height;\n        ctx.setToolbarOffset(height);\n      };\n      update();\n      const ro = new ResizeObserver(update);\n      ro.observe(el);\n      return () => {\n        ro.disconnect();\n        ctx.setToolbarOffset(0);\n      };\n    }, [ctx]);\n\n    return (\n      <div {...props} ref={setRefs} className={classNames('rt-PopoverToolbar', className)}>\n        {children}\n      </div>\n    );\n  },\n);\n(PopoverToolbarBase as any).displayName = 'Popover.Toolbar';\n\ntype SectionProps = React.ComponentPropsWithoutRef<'div'>;\n\nconst PopoverToolbarLeft = React.forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-PopoverToolbarSection', 'rt-PopoverToolbarLeft', className)}\n    />\n  ),\n);\nPopoverToolbarLeft.displayName = 'Popover.Toolbar.Left';\n\nconst PopoverToolbarCenter = React.forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-PopoverToolbarSection', 'rt-PopoverToolbarCenter', className)}\n    />\n  ),\n);\nPopoverToolbarCenter.displayName = 'Popover.Toolbar.Center';\n\nconst PopoverToolbarRight = React.forwardRef<HTMLDivElement, SectionProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      {...props}\n      ref={ref}\n      className={classNames('rt-PopoverToolbarSection', 'rt-PopoverToolbarRight', className)}\n    />\n  ),\n);\nPopoverToolbarRight.displayName = 'Popover.Toolbar.Right';\n\ntype TitleProps = React.ComponentPropsWithoutRef<'span'>;\nconst PopoverToolbarTitle = React.forwardRef<HTMLSpanElement, TitleProps>(\n  ({ className, id: idProp, ...props }, ref) => {\n    const ctx = usePopoverContentContext('Popover.Toolbar.Title');\n    const reactId = React.useId();\n    const id = idProp ?? `rt-popover-toolbar-title-${reactId}`;\n    React.useEffect(() => {\n      ctx?.setLabelId(id);\n      return () => ctx?.setLabelId(undefined);\n    }, [ctx, id]);\n    return (\n      <span\n        {...props}\n        id={id}\n        ref={ref}\n        className={classNames('rt-PopoverToolbarTitle', className)}\n      />\n    );\n  },\n);\nPopoverToolbarTitle.displayName = 'Popover.Toolbar.Title';\n\ntype PopoverToolbarComponent = React.ForwardRefExoticComponent<\n  React.PropsWithoutRef<PopoverToolbarProps> & React.RefAttributes<HTMLDivElement>\n> & {\n  Left: typeof PopoverToolbarLeft;\n  Center: typeof PopoverToolbarCenter;\n  Right: typeof PopoverToolbarRight;\n  Title: typeof PopoverToolbarTitle;\n};\n\nconst PopoverToolbar = Object.assign(PopoverToolbarBase, {\n  Left: PopoverToolbarLeft,\n  Center: PopoverToolbarCenter,\n  Right: PopoverToolbarRight,\n  Title: PopoverToolbarTitle,\n}) as PopoverToolbarComponent;\n\nexport {\n  PopoverRoot as Root,\n  PopoverContent as Content,\n  PopoverTrigger as Trigger,\n  PopoverClose as Close,\n  PopoverAnchor as Anchor,\n  PopoverToolbar as Toolbar,\n};\nexport type {\n  PopoverRootProps as RootProps,\n  PopoverContentProps as ContentProps,\n  PopoverTriggerProps as TriggerProps,\n  PopoverCloseProps as CloseProps,\n  PopoverAnchorProps as AnchorProps,\n};\n"],
+  "mappings": "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",
+  "names": ["popover_exports", "__export", "PopoverAnchor", "PopoverClose", "PopoverContent", "PopoverRoot", "PopoverToolbar", "PopoverTrigger", "React", "classNames", "PopoverPrimitive", "PopoverContentContext", "usePopoverContentContext", "caller", "ctx", "PopoverRoot", "props", "PopoverPrimitive", "PopoverTrigger", "children", "forwardedRef", "requireReactElement", "PopoverContent", "themeContext", "useThemeContext", "resolvedMaterial", "className", "forceMount", "container", "_material", "contentProps", "extractProps", "popoverContentPropDefs", "contentRef", "combinedRef", "node", "labelId", "setLabelId", "setToolbarOffset", "offsetPx", "el", "Theme", "classNames", "PopoverClose", "PopoverAnchor", "PopoverToolbarBase", "localRef", "setRefs", "update", "height", "ro", "PopoverToolbarLeft", "ref", "PopoverToolbarCenter", "PopoverToolbarRight", "PopoverToolbarTitle", "idProp", "reactId", "id", "PopoverToolbar"]
+}

package/dist/esm/{chunk-R2MQMCND.js → chunk-QJFAGWBO.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-7ZOGH5NT.js";import{a as N}from"./chunk-PXUQEA77.js";import{b as v}from"./chunk-FWB47YCH.js";import{a as m}from"./chunk-6FLLFCBU.js";import{a as R}from"./chunk-OS3FCYZY.js";var d={};R(d,{Actions:()=>P,Logo:()=>b,Navigation:()=>f,Root:()=>l});import*as o from"react";import p from"classnames";var l=o.forwardRef((e,s)=>{let{children:i,className:n,...a}=m(e,c),r=e.position??"fixed",t=e.size??"2";return o.createElement("header",{...a,ref:s,className:p("rt-NavbarRoot",n),"data-position":r,"data-size":t},o.createElement("div",{className:"rt-NavbarContainer"},i))});l.displayName="Navbar.Root";var b=o.forwardRef(({asChild:e,gap:s="2",align:i="center",justify:n="start",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarLogo",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarLogo",a),...r}));b.displayName="Navbar.Logo";var f=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="center",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarNavigation",a),role:"navigation",...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarNavigation",a),role:"navigation",...r}));f.displayName="Navbar.Navigation";var P=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="end",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarActions",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarActions",a),...r}));P.displayName="Navbar.Actions";export{l as a,b,f as c,P as d,d as e};
-//# sourceMappingURL=chunk-R2MQMCND.js.map
+import{a as c}from"./chunk-7ZOGH5NT.js";import{a as N}from"./chunk-7CBZFHSQ.js";import{b as v}from"./chunk-FWB47YCH.js";import{a as m}from"./chunk-UBSLEGQZ.js";import{a as R}from"./chunk-OS3FCYZY.js";var d={};R(d,{Actions:()=>P,Logo:()=>b,Navigation:()=>f,Root:()=>l});import*as o from"react";import p from"classnames";var l=o.forwardRef((e,s)=>{let{children:i,className:n,...a}=m(e,c),r=e.position??"fixed",t=e.size??"2";return o.createElement("header",{...a,ref:s,className:p("rt-NavbarRoot",n),"data-position":r,"data-size":t},o.createElement("div",{className:"rt-NavbarContainer"},i))});l.displayName="Navbar.Root";var b=o.forwardRef(({asChild:e,gap:s="2",align:i="center",justify:n="start",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarLogo",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarLogo",a),...r}));b.displayName="Navbar.Logo";var f=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="center",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarNavigation",a),role:"navigation",...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarNavigation",a),role:"navigation",...r}));f.displayName="Navbar.Navigation";var P=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="end",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarActions",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarActions",a),...r}));P.displayName="Navbar.Actions";export{l as a,b,f as c,P as d,d as e};
+//# sourceMappingURL=chunk-QJFAGWBO.js.map

package/dist/esm/chunk-QJSSCW3B.js

@@ -0,0 +1,2 @@
+import{a as l}from"./chunk-Y3FVBAN2.js";import{a as n}from"./chunk-UBSLEGQZ.js";import{a as d}from"./chunk-GSTOGDAJ.js";import*as e from"react";import g from"classnames";var v=e.forwardRef((m,c)=>{let{className:f,color:x,radius:y,material:b,style:P,...r}=n(m,l,d),u=b,t=e.useId(),{"aria-describedby":o,"aria-labelledby":i}=r,s=r.error,p=e.useMemo(()=>{let a=[];return r.errorMessage&&a.push(t),o&&a.push(o),a.length>0?a.join(" "):void 0},[r.errorMessage,o,t]),A=e.useMemo(()=>({"aria-invalid":s,"aria-describedby":p,"aria-labelledby":i}),[s,p,i]),{error:M,errorMessage:R,required:D,"aria-describedby":h,"aria-labelledby":N,...T}=r;return e.createElement("div",{"data-accent-color":x,"data-radius":y,"data-material":u,className:g("rt-TextAreaRoot",f,{"rt-error":s}),style:P},e.createElement("textarea",{className:"rt-reset rt-TextAreaInput",ref:c,...T,...A}),r.errorMessage&&e.createElement("div",{id:t,className:"rt-TextAreaErrorMessage",role:"alert"},r.errorMessage))});v.displayName="TextArea";export{v as a};
+//# sourceMappingURL=chunk-QJSSCW3B.js.map

package/dist/esm/chunk-QJSSCW3B.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-area.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { textAreaPropDefs } from './text-area.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextAreaElement = React.ElementRef<'textarea'>;\ntype TextAreaOwnProps = GetPropDefTypes<typeof textAreaPropDefs> & {\n  defaultValue?: string;\n  value?: string;\n};\ninterface TextAreaProps\n  extends ComponentPropsWithout<'textarea', RemovedProps | 'size' | 'value'>,\n    MarginProps,\n    TextAreaOwnProps {}\n\nconst TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((props, forwardedRef) => {\n  const { className, color, radius, material, style, ...textAreaProps } =\n    extractProps(props, textAreaPropDefs, marginPropDefs);\n  const effectiveMaterial = material;\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby } = textAreaProps;\n\n  // Determine invalid state\n  const isInvalid = textAreaProps.error;\n\n  // Build aria-describedby string\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (textAreaProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [textAreaProps.errorMessage, ariaDescribedby, errorId]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const {\n    error,\n    errorMessage,\n   \n    required,\n    'aria-describedby': _ariaDescribedby,\n    'aria-labelledby': _ariaLabelledby,\n    ...nativeTextAreaProps\n  } = textAreaProps;\n\n  return (\n    <div\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={effectiveMaterial}\n      className={classNames('rt-TextAreaRoot', className, {\n        'rt-error': isInvalid,\n      })}\n      style={style}\n    >\n      <textarea\n        className=\"rt-reset rt-TextAreaInput\"\n        ref={forwardedRef}\n        {...nativeTextAreaProps}\n        {...ariaProps}\n      />\n      {textAreaProps.errorMessage && (\n        <div id={errorId} className=\"rt-TextAreaErrorMessage\" role=\"alert\">\n          {textAreaProps.errorMessage}\n        </div>\n      )}\n    </div>\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport { TextArea };\nexport type { TextAreaProps };\n"],
+  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAoBvB,IAAMC,EAAiB,aAA2C,CAACC,EAAOC,IAAiB,CACzF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAc,EAClEC,EAAaR,EAAOS,EAAkBC,CAAc,EAChDC,EAAoBN,EAGpBO,EAAgB,QAAM,EAEtB,CAAE,mBAAoBC,EAAiB,kBAAmBC,CAAe,EAAIP,EAG7EQ,EAAYR,EAAc,MAG1BS,EAAoB,UAAQ,IAAM,CACtC,IAAMC,EAAQ,CAAC,EACf,OAAIV,EAAc,cAAcU,EAAM,KAAKL,CAAO,EAC9CC,GAAiBI,EAAM,KAAKJ,CAAe,EACxCI,EAAM,OAAS,EAAIA,EAAM,KAAK,GAAG,EAAI,MAC9C,EAAG,CAACV,EAAc,aAAcM,EAAiBD,CAAO,CAAC,EAGnDM,EAAkB,UACtB,KAAO,CACL,eAAgBH,EAChB,mBAAoBC,EACpB,kBAAmBF,CACrB,GACA,CAACC,EAAWC,EAAaF,CAAc,CACzC,EAGM,CACJ,MAAAK,EACA,aAAAC,EAEA,SAAAC,EACA,mBAAoBC,EACpB,kBAAmBC,EACnB,GAAGC,CACL,EAAIjB,EAEJ,OACE,gBAAC,OACC,oBAAmBJ,EACnB,cAAaC,EACb,gBAAeO,EACf,UAAWc,EAAW,kBAAmBvB,EAAW,CAClD,WAAYa,CACd,CAAC,EACD,MAAOT,GAEP,gBAAC,YACC,UAAU,4BACV,IAAKL,EACJ,GAAGuB,EACH,GAAGN,EACN,EACCX,EAAc,cACb,gBAAC,OAAI,GAAIK,EAAS,UAAU,0BAA0B,KAAK,SACxDL,EAAc,YACjB,CAEJ,CAEJ,CAAC,EAEDR,EAAS,YAAc",
+  "names": ["React", "classNames", "TextArea", "props", "forwardedRef", "className", "color", "radius", "material", "style", "textAreaProps", "extractProps", "textAreaPropDefs", "marginPropDefs", "effectiveMaterial", "errorId", "ariaDescribedby", "ariaLabelledby", "isInvalid", "describedBy", "parts", "ariaProps", "error", "errorMessage", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeTextAreaProps", "classNames"]
+}

package/dist/esm/chunk-QPNYHS6A.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-HAGKI7NA.js";import{a as s}from"./chunk-MOMYWKIO.js";import{a as r}from"./chunk-NZJGC6ZW.js";import{c as a}from"./chunk-34KVYDF6.js";var o=["1","2","3","4","5"],t=s.variant.values,p=["solid","translucent"],u={...r,size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"raised"},material:{type:"enum",values:p,default:void 0},...a,columns:{...e.columns,default:"repeat(auto-fit, minmax(160px, 1fr))"},gap:{...e.gap,default:"4"}};export{u as a};
+//# sourceMappingURL=chunk-QPNYHS6A.js.map

package/dist/esm/chunk-QPNYHS6A.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-cards.props.tsx"],
+  "sourcesContent": ["import { cardPropDefs } from './card.props.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\n// The same list as Card: a selectable card looks like any other card.\nconst variants = cardPropDefs.variant.values;\nconst materials = ['solid', 'translucent'] as const;\n\nconst radioCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(160px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { radioCardsRootPropDefs };\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAEhCC,EAAWC,EAAa,QAAQ,OAChCC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,MAAU,EAChE,GAAGG,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
+  "names": ["sizes", "variants", "cardPropDefs", "materials", "radioCardsRootPropDefs", "asChildPropDef", "colorPropDef", "gridPropDefs"]
+}

package/dist/esm/chunk-QWFFYUFH.js

@@ -0,0 +1,2 @@
+import{a as e}from"./chunk-NZJGC6ZW.js";import{a as s}from"./chunk-4D7OU2UA.js";import{c as r}from"./chunk-34KVYDF6.js";var o=["1","2","3"],a=s.variant.values,f={...e,size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},...r};export{f as a};
+//# sourceMappingURL=chunk-QWFFYUFH.js.map

package/dist/esm/chunk-QWFFYUFH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/radio-group.props.tsx"],
+  "sourcesContent": ["import { baseRadioPropDefs } from './_internal/base-radio.props.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\n// The same list as Radio: a group offers exactly what its items can draw.\nconst variants = baseRadioPropDefs.variant.values;\n\nconst radioGroupRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { radioGroupRootPropDefs };\n"],
+  "mappings": "wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,GAAG,EAEtBC,EAAWC,EAAkB,QAAQ,OAErCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,GAAGI,CACL",
+  "names": ["sizes", "variants", "baseRadioPropDefs", "radioGroupRootPropDefs", "asChildPropDef", "colorPropDef"]
+}

package/dist/esm/{chunk-JGR3L4SN.js → chunk-R4CN4Q3G.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./chunk-P3KYZBOB.js";import{z as o}from"zod";var l=t.extend({tooltip:o.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:o.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),tooltipAlign:o.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:o.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:o.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior"),"aria-label":o.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":o.string().optional().describe("ARIA labelled by reference"),children:o.any().optional().describe("Children elements (required for accessibility if no aria-label)"),pressed:o.boolean().optional().describe("Controlled pressed state"),onPressedChange:o.function().optional().describe("Callback when pressed state changes"),defaultPressed:o.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>e["aria-label"]||e["aria-labelledby"]||e.children,{message:"ToggleIconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility",path:["aria-label","aria-labelledby","children"]}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function s(e){return e}export{l as a,s as b};
-//# sourceMappingURL=chunk-JGR3L4SN.js.map
+import{a as t}from"./chunk-5PG5YGIW.js";import{z as o}from"zod";var l=t.extend({tooltip:o.string().optional().describe("Content to display in the tooltip on hover/focus"),tooltipSide:o.enum(["top","right","bottom","left"]).optional().default("top").describe("Side of the button where the tooltip should appear"),tooltipAlign:o.enum(["start","center","end"]).optional().default("center").describe("Alignment of the tooltip relative to the button"),tooltipDelayDuration:o.number().optional().describe("Delay before showing the tooltip (in milliseconds)"),tooltipDisableHoverableContent:o.boolean().optional().default(!1).describe("Whether to disable hoverable content behavior"),"aria-label":o.string().optional().describe("ARIA label for accessibility"),"aria-labelledby":o.string().optional().describe("ARIA labelled by reference"),children:o.any().optional().describe("Children elements (required for accessibility if no aria-label)"),pressed:o.boolean().optional().describe("Controlled pressed state"),onPressedChange:o.function().optional().describe("Callback when pressed state changes"),defaultPressed:o.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>e["aria-label"]||e["aria-labelledby"]||e.children,{message:"ToggleIconButton must have either 'aria-label', 'aria-labelledby', or 'children' for accessibility",path:["aria-label","aria-labelledby","children"]}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function s(e){return e}export{l as a,s as b};
+//# sourceMappingURL=chunk-R4CN4Q3G.js.map

package/dist/esm/chunk-RA4U6VVZ.js

@@ -0,0 +1,2 @@
+import{a as o}from"./chunk-VX44UTQ5.js";import{a as e}from"./chunk-ERGJN7FJ.js";import{a as t}from"./chunk-NZJGC6ZW.js";var r=["1","2","3","4"],s=["solid","translucent"],a={...t,align:{type:"enum",className:"rt-r-align",values:["start","center"],default:"center"},size:{type:"enum",className:"rt-r-size",values:r,default:"3",responsive:!0},material:{type:"enum",values:s,default:void 0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"600px"},...o};export{a};
+//# sourceMappingURL=chunk-RA4U6VVZ.js.map

package/dist/esm/chunk-RA4U6VVZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dialog.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst alignValues = ['start', 'center'] as const;\nconst contentSizes = ['1', '2', '3', '4'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst dialogContentPropDefs = {\n  ...asChildPropDef,\n  align: {\n    type: 'enum',\n    className: 'rt-r-align',\n    values: ['start', 'center'],\n    default: 'center',\n  },\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '3',\n    responsive: true,\n  },\n  material: { type: 'enum', values: materials, default: undefined },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '600px' },\n  ...heightPropDefs,\n} satisfies {\n  align: PropDef<(typeof alignValues)[number]>;\n  size: PropDef<(typeof contentSizes)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype DialogContentOwnProps = GetPropDefTypes<\n  typeof dialogContentPropDefs & typeof asChildPropDef & typeof widthPropDefs\n>;\n\nexport { dialogContentPropDefs };\nexport type { DialogContentOwnProps };\n"],
+  "mappings": "wHAQA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAwB,CAC5B,GAAGC,EACH,MAAO,CACL,KAAM,OACN,UAAW,aACX,OAAQ,CAAC,QAAS,QAAQ,EAC1B,QAAS,QACX,EACA,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQH,EACR,QAAS,IACT,WAAY,EACd,EACA,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
+  "names": ["contentSizes", "materials", "dialogContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
+}

package/dist/esm/{chunk-HJLBVNQE.js → chunk-RYURXQLJ.js}

@@ -1,2 +1,2 @@
-import{a as C}from"./chunk-5G4WWJ4Z.js";import{a as P}from"./chunk-6FLLFCBU.js";import{a as x}from"./chunk-GSTOGDAJ.js";import*as t from"react";import j from"classnames";import{Slider as b}from"radix-ui";var G=t.forwardRef((v,N)=>{let{className:A,color:V,radius:k,tabIndex:y,...i}=P(v,C,x),{ticks:o,showTickLabels:M,snapToTicks:p,unit:l}=v,u=i.min??0,s=i.max??100,c=i.value??i.defaultValue??[u],S=Array.isArray(c)&&c.length>1,w=i.step,n=t.useMemo(()=>o?[...o].sort((e,r)=>e.value-r.value):[],[o]),R=t.useCallback(e=>{if(!p||!n.length)return e;let r=0,a=n.length-1;if(e<=n[r].value)return n[r].value;if(e>=n[a].value)return n[a].value;for(;r<=a;){let f=Math.floor((r+a)/2);if(n[f].value===e)return e;n[f].value<e?r=f+1:a=f-1}let D=Math.abs(e-n[a].value),E=Math.abs(e-n[r].value);return D<=E?n[a].value:n[r].value},[p,n]),h=t.useCallback(e=>{let r=a=>l?`${a} ${l}`:a.toString();return e.length===1?`${r(e[0])} out of ${r(s)}`:e.length===2?`${r(e[0])} to ${r(e[1])} out of ${r(s)}`:`${e.map(r).join(", ")} out of ${r(s)}`},[l,s]),$=t.useMemo(()=>o?o.map((e,r)=>({...e,percentage:(e.value-u)/(s-u)*100,index:r})):null,[o,u,s]),m=t.useRef(null),d=t.useRef(null),{onValueChange:g}=i,T=t.useCallback(e=>{let r=p&&o?e.map(a=>R(a)):e;if(m.current){let a=h(r);m.current.textContent=a,d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m.current&&(m.current.textContent="")},1e3)}g?.(r)},[p,o,R,h,g]);return t.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]),t.createElement("div",{className:"rt-SliderContainer"},t.createElement("div",{ref:m,"aria-live":"polite","aria-atomic":"true",className:"sr-only",style:{position:"absolute",left:"-10000px",width:"1px",height:"1px",overflow:"hidden"}}),t.createElement(b.Root,{"data-accent-color":V,"data-radius":k,ref:N,...i,step:w,onValueChange:T,asChild:!1,className:j("rt-SliderRoot",A),"aria-valuemin":u,"aria-valuemax":s,"aria-valuenow":Array.isArray(c)?c[0]:c,"aria-valuetext":h(c),"aria-label":v["aria-label"]||`${S?"Range":"Value"} slider`},t.createElement(b.Track,{className:"rt-SliderTrack"},t.createElement(b.Range,{className:"rt-SliderRange","data-inverted":i.inverted?"":void 0})),(i.value??i.defaultValue??[]).map((e,r)=>t.createElement(b.Thumb,{key:r,className:"rt-SliderThumb",...y!==void 0?{tabIndex:y}:void 0,"aria-label":S?`${r===0?"Minimum":r===1?"Maximum":`Thumb ${r+1}`} value: ${l?`${e} ${l}`:e}`:`Slider value: ${l?`${e} ${l}`:e}`,"aria-valuetext":l?`${e} ${l}`:e.toString()}))),$&&t.createElement("div",{className:"rt-SliderTicks",role:"group","aria-label":"Slider tick marks"},$.map(e=>t.createElement("button",{key:e.index,className:"rt-SliderTick",style:{left:`${e.percentage}%`,transform:"translateX(-50%)"},onClick:()=>{let r=i.value??i.defaultValue??[u],a=Array.isArray(r)?r.map(()=>e.value):[e.value];T(a)},"aria-label":`Set to ${e.label||(l?`${e.value} ${l}`:e.value)}`,"aria-describedby":e.label?void 0:`tick-${e.index}-value`,type:"button"},t.createElement("div",{className:"rt-SliderTickMark"}),e.label&&M!==!1&&t.createElement("div",{className:"rt-SliderTickLabel"},e.label),!e.label&&t.createElement("span",{id:`tick-${e.index}-value`,className:"sr-only"},l?`${e.value} ${l}`:e.value)))))});G.displayName="Slider";export{G as a};
-//# sourceMappingURL=chunk-HJLBVNQE.js.map
+import{a as C}from"./chunk-T5DSQKKF.js";import{a as P}from"./chunk-UBSLEGQZ.js";import{a as x}from"./chunk-GSTOGDAJ.js";import*as t from"react";import j from"classnames";import{Slider as b}from"radix-ui";var G=t.forwardRef((v,N)=>{let{className:A,color:V,radius:k,tabIndex:y,...i}=P(v,C,x),{ticks:o,showTickLabels:M,snapToTicks:p,unit:l}=v,u=i.min??0,s=i.max??100,c=i.value??i.defaultValue??[u],S=Array.isArray(c)&&c.length>1,w=i.step,n=t.useMemo(()=>o?[...o].sort((e,r)=>e.value-r.value):[],[o]),R=t.useCallback(e=>{if(!p||!n.length)return e;let r=0,a=n.length-1;if(e<=n[r].value)return n[r].value;if(e>=n[a].value)return n[a].value;for(;r<=a;){let f=Math.floor((r+a)/2);if(n[f].value===e)return e;n[f].value<e?r=f+1:a=f-1}let D=Math.abs(e-n[a].value),E=Math.abs(e-n[r].value);return D<=E?n[a].value:n[r].value},[p,n]),h=t.useCallback(e=>{let r=a=>l?`${a} ${l}`:a.toString();return e.length===1?`${r(e[0])} out of ${r(s)}`:e.length===2?`${r(e[0])} to ${r(e[1])} out of ${r(s)}`:`${e.map(r).join(", ")} out of ${r(s)}`},[l,s]),$=t.useMemo(()=>o?o.map((e,r)=>({...e,percentage:(e.value-u)/(s-u)*100,index:r})):null,[o,u,s]),m=t.useRef(null),d=t.useRef(null),{onValueChange:g}=i,T=t.useCallback(e=>{let r=p&&o?e.map(a=>R(a)):e;if(m.current){let a=h(r);m.current.textContent=a,d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m.current&&(m.current.textContent="")},1e3)}g?.(r)},[p,o,R,h,g]);return t.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]),t.createElement("div",{className:"rt-SliderContainer"},t.createElement("div",{ref:m,"aria-live":"polite","aria-atomic":"true",className:"sr-only",style:{position:"absolute",left:"-10000px",width:"1px",height:"1px",overflow:"hidden"}}),t.createElement(b.Root,{"data-accent-color":V,"data-radius":k,ref:N,...i,step:w,onValueChange:T,asChild:!1,className:j("rt-SliderRoot",A),"aria-valuemin":u,"aria-valuemax":s,"aria-valuenow":Array.isArray(c)?c[0]:c,"aria-valuetext":h(c),"aria-label":v["aria-label"]||`${S?"Range":"Value"} slider`},t.createElement(b.Track,{className:"rt-SliderTrack"},t.createElement(b.Range,{className:"rt-SliderRange","data-inverted":i.inverted?"":void 0})),(i.value??i.defaultValue??[]).map((e,r)=>t.createElement(b.Thumb,{key:r,className:"rt-SliderThumb",...y!==void 0?{tabIndex:y}:void 0,"aria-label":S?`${r===0?"Minimum":r===1?"Maximum":`Thumb ${r+1}`} value: ${l?`${e} ${l}`:e}`:`Slider value: ${l?`${e} ${l}`:e}`,"aria-valuetext":l?`${e} ${l}`:e.toString()}))),$&&t.createElement("div",{className:"rt-SliderTicks",role:"group","aria-label":"Slider tick marks"},$.map(e=>t.createElement("button",{key:e.index,className:"rt-SliderTick",style:{left:`${e.percentage}%`,transform:"translateX(-50%)"},onClick:()=>{let r=i.value??i.defaultValue??[u],a=Array.isArray(r)?r.map(()=>e.value):[e.value];T(a)},"aria-label":`Set to ${e.label||(l?`${e.value} ${l}`:e.value)}`,"aria-describedby":e.label?void 0:`tick-${e.index}-value`,type:"button"},t.createElement("div",{className:"rt-SliderTickMark"}),e.label&&M!==!1&&t.createElement("div",{className:"rt-SliderTickLabel"},e.label),!e.label&&t.createElement("span",{id:`tick-${e.index}-value`,className:"sr-only"},l?`${e.value} ${l}`:e.value)))))});G.displayName="Slider";export{G as a};
+//# sourceMappingURL=chunk-RYURXQLJ.js.map