@womp/kookie-ui 0.3.22

package/dist/cjs/components/scroll-area.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';
+import { scrollAreaPropDefs } from './scroll-area.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;
+interface ScrollAreaProps extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>, ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>, MarginProps, ScrollAreaOwnProps {
+}
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export { ScrollArea };
+export type { ScrollAreaProps };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/cjs/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAO5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AACrE,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC1E,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,QAAQ,EAAE,YAAY,GAAG,KAAK,CAAC,EAChF,WAAW,EACX,kBAAkB;CAAG;AACzB,QAAA,MAAM,UAAU,wFA+Ed,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/scroll-area.js

@@ -0,0 +1,2 @@
+"use strict";var W=Object.create;var b=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var L=(r,e)=>{for(var s in e)b(r,s,{get:e[s],enumerable:!0})},j=(r,e,s,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of H(e))!J.call(r,t)&&t!==s&&b(r,t,{get:()=>e[t],enumerable:!(i=I(e,t))||i.enumerable});return r};var D=(r,e,s)=>(s=r!=null?W(F(r)):{},j(e||!r||!r.__esModule?b(s,"default",{value:r,enumerable:!0}):s,r)),Q=r=>j(b({},"__esModule",{value:!0}),r);var se={};L(se,{ScrollArea:()=>U});module.exports=Q(se);var a=D(require("react")),x=D(require("classnames")),f=require("radix-ui");var w={asChild:{type:"boolean"}};var X=["none","small","medium","large","full"],k={radius:{type:"enum",values:X,default:void 0}};var Y=["1","2","3"],Z=["vertical","horizontal","both"],g={...w,size:{type:"enum",className:"rt-r-size",values:Y,default:"1",responsive:!0},...k,scrollbars:{type:"enum",values:Z,default:"both"}};function z(r){let{m:e,mx:s,my:i,mt:t,mr:o,mb:n,ml:p,...l}=r;return{m:e,mx:s,my:i,mt:t,mr:o,mb:n,ml:p,rest:l}}var $=D(require("classnames"));var _=["initial","xs","sm","md","lg","xl"],h=new Set(_);function V(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var ee=new Set(["initial","xs","sm","md","lg","xl"]);function A(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(ee.has(e))return!0;return!1}function u({className:r,customProperties:e,...s}){let i=R({allowArbitraryValues:!0,className:r,...s}),t=re({customProperties:e,...s});return[i,t]}function R({allowArbitraryValues:r,value:e,className:s,propValues:i,parseValue:t=o=>o}){let o=[];if(e){if(typeof e=="string"&&i.includes(e))return E(s,e,t);if(A(e)){let n=e;for(let p in n){if(!V(n,p)||!h.has(p))continue;let l=n[p];if(l!==void 0){if(i.includes(l)){let m=E(s,l,t),y=p==="initial"?m:`${p}:${m}`;o.push(y)}else if(r){let m=p==="initial"?s:`${p}:${s}`;o.push(m)}}}return o.join(" ")}if(r)return s}}function E(r,e,s){let i=r?"-":"",t=s(e),o=t?.startsWith("-"),n=o?"-":"",p=o?t?.substring(1):t;return`${n}${r}${i}${p}`}function re({customProperties:r,value:e,propValues:s,parseValue:i=t=>t}){let t={};if(!(!e||typeof e=="string"&&s.includes(e))){if(typeof e=="string"&&(t=Object.fromEntries(r.map(o=>[o,e]))),A(e)){let o=e;for(let n in o){if(!V(o,n)||!h.has(n))continue;let p=o[n];if(!s.includes(p))for(let l of r){let m=n==="initial"?l:`${l}-${n}`;t[m]=p}}}for(let o in t){let n=t[o];n!==void 0&&(t[o]=i(n))}return t}}function S(...r){let e;for(let s of r)s&&(e===void 0&&(e={}),Object.assign(e,s));return e}var c=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],G={m:{type:"enum | string",values:c,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:c,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:c,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:c,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var d=G.m.values;function M(r){let[e,s]=u({className:"rt-r-m",customProperties:["--margin"],propValues:d,value:r.m}),[i,t]=u({className:"rt-r-mx",customProperties:["--margin-left","--margin-right"],propValues:d,value:r.mx}),[o,n]=u({className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"],propValues:d,value:r.my}),[p,l]=u({className:"rt-r-mt",customProperties:["--margin-top"],propValues:d,value:r.mt}),[m,y]=u({className:"rt-r-mr",customProperties:["--margin-right"],propValues:d,value:r.mr}),[C,O]=u({className:"rt-r-mb",customProperties:["--margin-bottom"],propValues:d,value:r.mb}),[P,v]=u({className:"rt-r-ml",customProperties:["--margin-left"],propValues:d,value:r.ml});return[(0,$.default)(e,i,o,p,m,C,P),S(s,t,n,l,y,O,v)]}var N=D(require("react"));function B(r,e){let{asChild:s,children:i}=r;if(!s)return typeof e=="function"?e(i):e;let t=N.Children.only(i);return N.cloneElement(t,{children:typeof e=="function"?e(t.props.children):e})}var U=a.forwardRef((r,e)=>{let{rest:s,...i}=z(r),[t,o]=M(i),{asChild:n,children:p,className:l,style:m,type:y,scrollHideDelay:C=y!=="scroll"?0:void 0,dir:O,size:P=g.size.default,radius:v=g.radius.default,scrollbars:T=g.scrollbars.default,...q}=s;return a.createElement(f.ScrollArea.Root,{type:y,scrollHideDelay:C,className:(0,x.default)("rt-ScrollAreaRoot",t,l),style:S(o,m),asChild:n},B({asChild:n,children:p},K=>a.createElement(a.Fragment,null,a.createElement(f.ScrollArea.Viewport,{...q,ref:e,className:"rt-ScrollAreaViewport"},K),a.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),T!=="vertical"?a.createElement(f.ScrollArea.Scrollbar,{"data-radius":v,orientation:"horizontal",className:(0,x.default)("rt-ScrollAreaScrollbar",R({className:"rt-r-size",value:P,propValues:g.size.values}))},a.createElement(f.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,T!=="horizontal"?a.createElement(f.ScrollArea.Scrollbar,{"data-radius":v,orientation:"vertical",className:(0,x.default)("rt-ScrollAreaScrollbar",R({className:"rt-r-size",value:P,propValues:g.size.values}))},a.createElement(f.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,T==="both"?a.createElement(f.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});U.displayName="ScrollArea";
+//# sourceMappingURL=scroll-area.js.map

package/dist/cjs/components/scroll-area.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/scroll-area.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/radius.prop.ts", "../../../src/components/scroll-area.props.tsx", "../../../src/helpers/extract-margin-props.ts", "../../../src/helpers/get-margin-styles.ts", "../../../src/props/prop-def.ts", "../../../src/helpers/has-own-property.ts", "../../../src/helpers/is-responsive-object.ts", "../../../src/helpers/get-responsive-styles.ts", "../../../src/helpers/merge-styles.ts", "../../../src/props/margin.props.ts", "../../../src/helpers/get-subtree.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    size = scrollAreaPropDefs.size.default,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    ...viewportProps\n  } = marginRest;\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n      style={mergeStyles(marginCustomProperties, style)}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={forwardedRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n};\n\nexport { scrollAreaPropDefs };\n", "import type { MarginProps } from '../props/margin.props.js';\n\nexport function extractMarginProps<T extends MarginProps>(props: T) {\n  const { m, mx, my, mt, mr, mb, ml, ...rest } = props;\n  return { m, mx, my, mt, mr, mb, ml, rest };\n}\n", "import classNames from 'classnames';\n\nimport { getResponsiveStyles } from './get-responsive-styles.js';\nimport { mergeStyles } from './merge-styles.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\n\nconst marginValues = marginPropDefs.m.values;\n\nexport function getMarginStyles(props: MarginProps) {\n  const [mClassNames, mCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-m',\n    customProperties: ['--margin'],\n    propValues: marginValues,\n    value: props.m,\n  });\n\n  const [mxClassNames, mxCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mx',\n    customProperties: ['--margin-left', '--margin-right'],\n    propValues: marginValues,\n    value: props.mx,\n  });\n\n  const [myClassNames, myCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-my',\n    customProperties: ['--margin-top', '--margin-bottom'],\n    propValues: marginValues,\n    value: props.my,\n  });\n\n  const [mtClassNames, mtCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mt',\n    customProperties: ['--margin-top'],\n    propValues: marginValues,\n    value: props.mt,\n  });\n\n  const [mrClassNames, mrCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mr',\n    customProperties: ['--margin-right'],\n    propValues: marginValues,\n    value: props.mr,\n  });\n\n  const [mbClassNames, mbCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-mb',\n    customProperties: ['--margin-bottom'],\n    propValues: marginValues,\n    value: props.mb,\n  });\n\n  const [mlClassNames, mlCustomProperties] = getResponsiveStyles({\n    className: 'rt-r-ml',\n    customProperties: ['--margin-left'],\n    propValues: marginValues,\n    value: props.ml,\n  });\n\n  return [\n    classNames(\n      mClassNames,\n      mxClassNames,\n      myClassNames,\n      mtClassNames,\n      mrClassNames,\n      mbClassNames,\n      mlClassNames\n    ),\n    mergeStyles(\n      mCustomProperties,\n      mxCustomProperties,\n      myCustomProperties,\n      mtCustomProperties,\n      mrCustomProperties,\n      mbCustomProperties,\n      mlCustomProperties\n    ),\n  ] as const;\n}\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({\n  allowArbitraryValues,\n  value,\n  className,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveClassNamesOptions): string | undefined {\n  const classNames: string[] = [];\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && propValues.includes(value)) {\n    return getBaseClassName(className, value, parseValue);\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (propValues.includes(value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.join(' ');\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(\n  className: string,\n  value: string,\n  parseValue: (value: string) => string | undefined\n): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({\n  customProperties,\n  value,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveCustomPropertiesOptions) {\n  let styles: Record<string, string | undefined> = {};\n\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && propValues.includes(value))) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    styles = Object.fromEntries(customProperties.map((prop) => [prop, value]));\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (propValues.includes(value)) {\n        continue;\n      }\n\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = value;\n      }\n    }\n  }\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value !== undefined) {\n      styles[key] = parseValue(value);\n    }\n  }\n\n  return styles;\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n", "import * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement;\n  return React.cloneElement(firstChild, {\n    // @ts-expect-error\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],
+  "mappings": "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",
+  "names": ["scroll_area_exports", "__export", "ScrollArea", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "asChildPropDef", "radii", "radiusPropDef", "sizes", "scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef", "extractMarginProps", "props", "m", "mx", "my", "mt", "mr", "mb", "ml", "rest", "import_classnames", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "value", "propValues", "parseValue", "classNames", "getBaseClassName", "isResponsiveObject", "object", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "prop", "customProperty", "bpProperty", "key", "mergeStyles", "styles", "result", "style", "marginValues", "marginPropDefs", "marginValues", "marginPropDefs", "getMarginStyles", "props", "mClassNames", "mCustomProperties", "getResponsiveStyles", "mxClassNames", "mxCustomProperties", "myClassNames", "myCustomProperties", "mtClassNames", "mtCustomProperties", "mrClassNames", "mrCustomProperties", "mbClassNames", "mbCustomProperties", "mlClassNames", "mlCustomProperties", "classNames", "mergeStyles", "React", "getSubtree", "options", "content", "asChild", "children", "firstChild", "ScrollArea", "props", "forwardedRef", "marginRest", "marginProps", "extractMarginProps", "marginClassNames", "marginCustomProperties", "getMarginStyles", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "size", "scrollAreaPropDefs", "radius", "scrollbars", "viewportProps", "ScrollAreaPrimitive", "classNames", "mergeStyles", "getSubtree", "getResponsiveClassNames"]
+}

package/dist/cjs/components/scroll-area.props.d.ts

@@ -0,0 +1,24 @@
+declare const scrollAreaPropDefs: {
+    scrollbars: {
+        type: "enum";
+        values: readonly ["vertical", "horizontal", "both"];
+        default: "both";
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3"];
+        default: "1";
+        responsive: true;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+export { scrollAreaPropDefs };
+//# sourceMappingURL=scroll-area.props.d.ts.map

package/dist/cjs/components/scroll-area.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.props.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area.props.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;CAQvB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/cjs/components/scroll-area.props.js

@@ -0,0 +1,2 @@
+"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var u=(s,e)=>{for(var r in e)p(s,r,{get:e[r],enumerable:!0})},m=(s,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of f(e))!n.call(s,o)&&o!==r&&p(s,o,{get:()=>e[o],enumerable:!(t=l(e,o))||t.enumerable});return s};var d=s=>m(p({},"__esModule",{value:!0}),s);var y={};u(y,{scrollAreaPropDefs:()=>b});module.exports=d(y);var a={asChild:{type:"boolean"}};var c=["none","small","medium","large","full"],i={radius:{type:"enum",values:c,default:void 0}};var D=["1","2","3"],P=["vertical","horizontal","both"],b={...a,size:{type:"enum",className:"rt-r-size",values:D,default:"1",responsive:!0},...i,scrollbars:{type:"enum",values:P,default:"both"}};
+//# sourceMappingURL=scroll-area.props.js.map

package/dist/cjs/components/scroll-area.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/scroll-area.props.tsx", "../../../src/props/as-child.prop.ts", "../../../src/props/radius.prop.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n};\n\nexport { scrollAreaPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECRA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,EFLA,IAAME,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,GAAGI,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAO,CACxE",
+  "names": ["scroll_area_props_exports", "__export", "scrollAreaPropDefs", "__toCommonJS", "asChildPropDef", "radii", "radiusPropDef", "sizes", "scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef"]
+}

package/dist/cjs/components/section.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { LayoutProps } from '../props/layout.props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { SectionOwnProps } from './section.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface SectionProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, LayoutProps, SectionOwnProps {
+}
+declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
+export { Section };
+export type { SectionProps };
+//# sourceMappingURL=section.d.ts.map

package/dist/cjs/components/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGzF,UAAU,YACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,WAAW,EACX,eAAe;CAAG;AACtB,QAAA,MAAM,OAAO,qFAWX,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/cjs/components/section.js

@@ -0,0 +1,2 @@
+"use strict";var U=Object.create;var d=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var M=(e,s)=>{for(var r in s)d(e,r,{get:s[r],enumerable:!0})},h=(e,s,r,a)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of q(s))!L.call(e,o)&&o!==r&&d(e,o,{get:()=>s[o],enumerable:!(a=H(s,o))||a.enumerable});return e};var D=(e,s,r)=>(r=e!=null?U(z(e)):{},h(s||!e||!e.__esModule?d(r,"default",{value:e,enumerable:!0}):r,e)),I=e=>h(d({},"__esModule",{value:!0}),e);var ne={};M(ne,{Section:()=>W});module.exports=I(ne);var P=D(require("react")),$=D(require("classnames")),B=require("radix-ui");var S={asChild:{type:"boolean"}};var X=["1","2","3","4"],Y=["none","initial"],V={...S,size:{type:"enum",className:"rt-r-size",values:X,default:"3",responsive:!0},display:{type:"enum",className:"rt-r-display",values:Y,parseValue:F,responsive:!0}};function F(e){return e==="initial"?"block":e}var y=D(require("classnames"));var J=["initial","xs","sm","md","lg","xl"],v=new Set(J);function b(e,s){return Object.prototype.hasOwnProperty.call(e,s)}var Q=new Set(["initial","xs","sm","md","lg","xl"]);function u(e){if(typeof e!="object"||e===null)return!1;for(let s in e)if(Q.has(s))return!0;return!1}function w({className:e,customProperties:s,...r}){let a=N({allowArbitraryValues:!0,className:e,...r}),o=Z({customProperties:s,...r});return[a,o]}function N({allowArbitraryValues:e,value:s,className:r,propValues:a,parseValue:o=p=>p}){let p=[];if(s){if(typeof s=="string"&&a.includes(s))return T(r,s,o);if(u(s)){let i=s;for(let n in i){if(!b(i,n)||!v.has(n))continue;let t=i[n];if(t!==void 0){if(a.includes(t)){let f=T(r,t,o),c=n==="initial"?f:`${n}:${f}`;p.push(c)}else if(e){let f=n==="initial"?r:`${n}:${r}`;p.push(f)}}}return p.join(" ")}if(e)return r}}function T(e,s,r){let a=e?"-":"",o=r(s),p=o?.startsWith("-"),i=p?"-":"",n=p?o?.substring(1):o;return`${i}${e}${a}${n}`}function Z({customProperties:e,value:s,propValues:r,parseValue:a=o=>o}){let o={};if(!(!s||typeof s=="string"&&r.includes(s))){if(typeof s=="string"&&(o=Object.fromEntries(e.map(p=>[p,s]))),u(s)){let p=s;for(let i in p){if(!b(p,i)||!v.has(i))continue;let n=p[i];if(!r.includes(n))for(let t of e){let f=i==="initial"?t:`${t}-${i}`;o[f]=n}}}for(let p in o){let i=o[p];i!==void 0&&(o[p]=a(i))}return o}}function R(...e){let s;for(let r of e)r&&(s===void 0&&(s={}),Object.assign(s,r));return s}function _(...e){return Object.assign({},...e)}function C(e,...s){let r,a,o={...e},p=_(...s);for(let i in p){let n=o[i],t=p[i];if(t.default!==void 0&&n===void 0&&(n=t.default),t.type==="enum"&&![t.default,...t.values].includes(n)&&!u(n)&&(n=t.default),o[i]=n,"className"in t&&t.className){delete o[i];let f="responsive"in t;if(!n||u(n)&&!f)continue;if(u(n)&&(t.default!==void 0&&n.initial===void 0&&(n.initial=t.default),t.type==="enum"&&([t.default,...t.values].includes(n.initial)||(n.initial=t.default))),t.type==="enum"){let c=N({allowArbitraryValues:!1,value:n,className:t.className,propValues:t.values,parseValue:t.parseValue});r=(0,y.default)(r,c);continue}if(t.type==="string"||t.type==="enum | string"){let c=t.type==="string"?[]:t.values,[A,K]=w({className:t.className,customProperties:t.customProperties,propValues:c,parseValue:t.parseValue,value:n});a=R(a,K),r=(0,y.default)(r,A);continue}if(t.type==="boolean"&&n){r=(0,y.default)(r,t.className);continue}}}return o.className=(0,y.default)(r,e.className),o.style=R(a,e.style),o}var l=["0","1","2","3","4","5","6","7","8","9","10","11","12"],j={p:{type:"enum | string",className:"rt-r-p",customProperties:["--p"],values:l,responsive:!0},px:{type:"enum | string",className:"rt-r-px",customProperties:["--pl","--pr"],values:l,responsive:!0},py:{type:"enum | string",className:"rt-r-py",customProperties:["--pt","--pb"],values:l,responsive:!0},pt:{type:"enum | string",className:"rt-r-pt",customProperties:["--pt"],values:l,responsive:!0},pr:{type:"enum | string",className:"rt-r-pr",customProperties:["--pr"],values:l,responsive:!0},pb:{type:"enum | string",className:"rt-r-pb",customProperties:["--pb"],values:l,responsive:!0},pl:{type:"enum | string",className:"rt-r-pl",customProperties:["--pl"],values:l,responsive:!0}};var O={height:{type:"string",className:"rt-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"rt-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"rt-r-max-h",customProperties:["--max-height"],responsive:!0}};var k={width:{type:"string",className:"rt-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"rt-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"rt-r-max-w",customProperties:["--max-width"],responsive:!0}};var x=["visible","hidden","clip","scroll","auto"],ee=["static","relative","absolute","fixed","sticky"],g=["0","1","2","3","4","5","6","7","8","9","-1","-2","-3","-4","-5","-6","-7","-8","-9"],se=["0","1"],re=["0","1"],te=["start","center","end","baseline","stretch"],oe=["start","center","end","baseline","stretch"],G={...j,...k,...O,position:{type:"enum",className:"rt-r-position",values:ee,responsive:!0},inset:{type:"enum | string",className:"rt-r-inset",customProperties:["--inset"],values:g,responsive:!0},top:{type:"enum | string",className:"rt-r-top",customProperties:["--top"],values:g,responsive:!0},right:{type:"enum | string",className:"rt-r-right",customProperties:["--right"],values:g,responsive:!0},bottom:{type:"enum | string",className:"rt-r-bottom",customProperties:["--bottom"],values:g,responsive:!0},left:{type:"enum | string",className:"rt-r-left",customProperties:["--left"],values:g,responsive:!0},overflow:{type:"enum",className:"rt-r-overflow",values:x,responsive:!0},overflowX:{type:"enum",className:"rt-r-ox",values:x,responsive:!0},overflowY:{type:"enum",className:"rt-r-oy",values:x,responsive:!0},flexBasis:{type:"string",className:"rt-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"rt-r-fs",customProperties:["--flex-shrink"],values:se,responsive:!0},flexGrow:{type:"enum | string",className:"rt-r-fg",customProperties:["--flex-grow"],values:re,responsive:!0},gridArea:{type:"string",className:"rt-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"rt-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"rt-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"rt-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"rt-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"rt-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"rt-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"rt-r-as",values:te,responsive:!0},justifySelf:{type:"enum",className:"rt-r-js",values:oe,responsive:!0}};var m=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],E={m:{type:"enum | string",values:m,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:m,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:m,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var W=P.forwardRef((e,s)=>{let{asChild:r,className:a,...o}=C(e,V,G,E),p=r?B.Slot.Root:"section";return P.createElement(p,{...o,ref:s,className:(0,$.default)("rt-Section",a)})});W.displayName="Section";
+//# sourceMappingURL=section.js.map

package/dist/cjs/components/section.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/section.tsx", "../../../src/props/as-child.prop.ts", "../../../src/components/section.props.tsx", "../../../src/helpers/extract-props.ts", "../../../src/props/prop-def.ts", "../../../src/helpers/has-own-property.ts", "../../../src/helpers/is-responsive-object.ts", "../../../src/helpers/get-responsive-styles.ts", "../../../src/helpers/merge-styles.ts", "../../../src/props/padding.props.ts", "../../../src/props/height.props.ts", "../../../src/props/width.props.ts", "../../../src/props/layout.props.ts", "../../../src/props/margin.props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { sectionPropDefs } from './section.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { SectionOwnProps } from './section.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SectionElement = React.ElementRef<'div'>;\ninterface SectionProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    LayoutProps,\n    SectionOwnProps {}\nconst Section = React.forwardRef<SectionElement, SectionProps>((props, forwardedRef) => {\n  const { asChild, className, ...sectionProps } = extractProps(\n    props,\n    sectionPropDefs,\n    layoutPropDefs,\n    marginPropDefs\n  );\n  const Comp = asChild ? Slot.Root : 'section';\n  return (\n    <Comp {...sectionProps} ref={forwardedRef} className={classNames('rt-Section', className)} />\n  );\n});\nSection.displayName = 'Section';\n\nexport { Section };\nexport type { SectionProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst displayValues = ['none', 'initial'] as const;\n\nconst sectionPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Controls the vertical padding of the section.\n   *\n   * @values\n   * | Size     | Padding |\n   * | :------- | ------: |\n   * | size=\"1\" | 24px    |\n   * | size=\"2\" | 40px    |\n   * | size=\"3\" | 64px    |\n   * | size=\"4\" | 80px    |\n   *\n   * @example\n   * size=\"4\"\n   * size={{ sm: '3', lg: '4' }}\n   *\n   * @link\n   * https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/components/section.css\n   */\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: sizes,\n    default: '3',\n    responsive: true,\n  },\n  /**\n   * Controls whether the section is visible or hidden.\n   * Supports \"none\", \"initial\", and responsive object values.\n   *\n   * @example\n   * display=\"none\"\n   * display={{ sm: 'none', lg: 'initial' }}\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    parseValue: parseDisplayValue,\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\nfunction parseDisplayValue(value: string) {\n  return value === 'initial' ? 'block' : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype SectionOwnProps = GetPropDefTypes<typeof sectionPropDefs & typeof asChildPropDef>;\n\nexport { sectionPropDefs };\nexport type { SectionOwnProps };\n", "import classNames from 'classnames';\n\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef>\n  ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T]\n  : never;\n\nfunction mergePropDefs<T extends Record<string, PropDef>[]>(...args: T): Record<string, PropDef> {\n  return Object.assign({}, ...args);\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Record<string, PropDef>[]\n>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n  const extractedProps = { ...props };\n  const allPropDefs = mergePropDefs(...propDefs);\n\n  for (const key in allPropDefs) {\n    let value = extractedProps[key];\n    const propDef = allPropDefs[key];\n\n    // Apply prop def defaults\n    if (propDef.default !== undefined && value === undefined) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.type === 'enum') {\n      const values = [propDef.default, ...propDef.values];\n\n      if (!values.includes(value) && !isResponsiveObject(value)) {\n        value = propDef.default;\n      }\n    }\n\n    // Apply the value with defaults\n    (extractedProps as Record<string, any>)[key] = value;\n\n    if ('className' in propDef && propDef.className) {\n      delete extractedProps[key];\n\n      const isResponsivePropDef = 'responsive' in propDef;\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!value || (isResponsiveObject(value) && !isResponsivePropDef)) {\n        continue;\n      }\n\n      if (isResponsiveObject(value)) {\n        // Apply prop def defaults to the `initial` breakpoint\n        if (propDef.default !== undefined && value.initial === undefined) {\n          value.initial = propDef.default;\n        }\n\n        // Apply the default value to the `initial` breakpoint when it is not a valid enum value\n        if (propDef.type === 'enum') {\n          const values = [propDef.default, ...propDef.values];\n\n          if (!values.includes(value.initial)) {\n            value.initial = propDef.default;\n          }\n        }\n      }\n\n      if (propDef.type === 'enum') {\n        const propClassName = getResponsiveClassNames({\n          allowArbitraryValues: false,\n          value,\n          className: propDef.className,\n          propValues: propDef.values,\n          parseValue: propDef.parseValue,\n        });\n\n        className = classNames(className, propClassName);\n        continue;\n      }\n\n      if (propDef.type === 'string' || propDef.type === 'enum | string') {\n        const propDefValues = propDef.type === 'string' ? [] : propDef.values;\n\n        const [propClassNames, propCustomProperties] = getResponsiveStyles({\n          className: propDef.className,\n          customProperties: propDef.customProperties,\n          propValues: propDefValues,\n          parseValue: propDef.parseValue,\n          value,\n        });\n\n        style = mergeStyles(style, propCustomProperties);\n        className = classNames(className, propClassNames);\n        continue;\n      }\n\n      if (propDef.type === 'boolean' && value) {\n        // TODO handle responsive boolean props\n        className = classNames(className, propDef.className);\n        continue;\n      }\n    }\n  }\n\n  extractedProps.className = classNames(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n\nexport { extractProps };\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({\n  allowArbitraryValues,\n  value,\n  className,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveClassNamesOptions): string | undefined {\n  const classNames: string[] = [];\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && propValues.includes(value)) {\n    return getBaseClassName(className, value, parseValue);\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (propValues.includes(value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.join(' ');\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(\n  className: string,\n  value: string,\n  parseValue: (value: string) => string | undefined\n): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({\n  customProperties,\n  value,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveCustomPropertiesOptions) {\n  let styles: Record<string, string | undefined> = {};\n\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && propValues.includes(value))) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    styles = Object.fromEntries(customProperties.map((prop) => [prop, value]));\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (propValues.includes(value)) {\n        continue;\n      }\n\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = value;\n      }\n    }\n  }\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value !== undefined) {\n      styles[key] = parseValue(value);\n    }\n  }\n\n  return styles;\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst paddingValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\n\nconst paddingPropDefs = {\n  /**\n   * Sets the CSS **padding** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * p=\"4\"\n   * p=\"100px\"\n   * p={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n   */\n  p: {\n    type: 'enum | string',\n    className: 'rt-r-p',\n    customProperties: ['--p'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-left** and **padding-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * px=\"4\"\n   * px=\"100px\"\n   * px={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  px: {\n    type: 'enum | string',\n    className: 'rt-r-px',\n    customProperties: ['--pl', '--pr'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-top** and **padding-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * py=\"4\"\n   * py=\"100px\"\n   * py={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  py: {\n    type: 'enum | string',\n    className: 'rt-r-py',\n    customProperties: ['--pt', '--pb'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pt=\"4\"\n   * pt=\"100px\"\n   * pt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   */\n  pt: {\n    type: 'enum | string',\n    className: 'rt-r-pt',\n    customProperties: ['--pt'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pr=\"4\"\n   * pr=\"100px\"\n   * pr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  pr: {\n    type: 'enum | string',\n    className: 'rt-r-pr',\n    customProperties: ['--pr'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pb=\"4\"\n   * pb=\"100px\"\n   * pb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  pb: {\n    type: 'enum | string',\n    className: 'rt-r-pb',\n    customProperties: ['--pb'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pl=\"4\"\n   * pl=\"100px\"\n   * pl={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   */\n  pl: {\n    type: 'enum | string',\n    className: 'rt-r-pl',\n    customProperties: ['--pl'],\n    values: paddingValues,\n    responsive: true,\n  },\n} satisfies {\n  p: PropDef<(typeof paddingValues)[number]>;\n  px: PropDef<(typeof paddingValues)[number]>;\n  py: PropDef<(typeof paddingValues)[number]>;\n  pt: PropDef<(typeof paddingValues)[number]>;\n  pr: PropDef<(typeof paddingValues)[number]>;\n  pb: PropDef<(typeof paddingValues)[number]>;\n  pl: PropDef<(typeof paddingValues)[number]>;\n};\n\ntype PaddingProps = GetPropDefTypes<typeof paddingPropDefs>;\n\nexport { paddingPropDefs };\nexport type { PaddingProps };\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst heightPropDefs = {\n  /**\n   * Sets the CSS **height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * height=\"100px\"\n   * height={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/height\n   */\n  height: {\n    type: 'string',\n    className: 'rt-r-h',\n    customProperties: ['--height'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minHeight=\"100px\"\n   * minHeight={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-height\n   */\n  minHeight: {\n    type: 'string',\n    className: 'rt-r-min-h',\n    customProperties: ['--min-height'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxHeight=\"100px\"\n   * maxHeight={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-height\n   */\n  maxHeight: {\n    type: 'string',\n    className: 'rt-r-max-h',\n    customProperties: ['--max-height'],\n    responsive: true,\n  },\n} satisfies {\n  height: PropDef<string>;\n  minHeight: PropDef<string>;\n  maxHeight: PropDef<string>;\n};\n\ntype HeightProps = GetPropDefTypes<typeof heightPropDefs>;\n\nexport { heightPropDefs };\nexport type { HeightProps };\n", "import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst widthPropDefs = {\n  /**\n   * Sets the CSS **width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * width=\"100px\"\n   * width={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/width\n   */\n  width: {\n    type: 'string',\n    className: 'rt-r-w',\n    customProperties: ['--width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minWidth=\"100px\"\n   * minWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\n   */\n  minWidth: {\n    type: 'string',\n    className: 'rt-r-min-w',\n    customProperties: ['--min-width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxWidth=\"100px\"\n   * maxWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\n   */\n  maxWidth: {\n    type: 'string',\n    className: 'rt-r-max-w',\n    customProperties: ['--max-width'],\n    responsive: true,\n  },\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDefs>;\n\nexport { widthPropDefs };\nexport type { WidthProps };\n", "import { paddingPropDefs } from './padding.props.js';\nimport { heightPropDefs } from './height.props.js';\nimport { widthPropDefs } from './width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst overflowValues = ['visible', 'hidden', 'clip', 'scroll', 'auto'] as const;\nconst positionValues = ['static', 'relative', 'absolute', 'fixed', 'sticky'] as const;\n// prettier-ignore\nconst positionEdgeValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9'] as const;\nconst flexShrinkValues = ['0', '1'] as const;\nconst flexGrowValues = ['0', '1'] as const;\nconst alignSelfValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\nconst justifySelfValues = ['start', 'center', 'end', 'baseline', 'stretch'] as const;\n\nconst layoutPropDefs = {\n  ...paddingPropDefs,\n  ...widthPropDefs,\n  ...heightPropDefs,\n  /**\n   * Sets the CSS **position** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * position=\"absolute\"\n   * position={{ sm: 'absolute', lg: 'sticky' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/position\n   */\n  position: {\n    type: 'enum',\n    className: 'rt-r-position',\n    values: positionValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **inset** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * inset=\"4\"\n   * inset=\"100px\"\n   * inset={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/inset\n   */\n  inset: {\n    type: 'enum | string',\n    className: 'rt-r-inset',\n    customProperties: ['--inset'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * top=\"4\"\n   * top=\"100px\"\n   * top={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/top\n   */\n  top: {\n    type: 'enum | string',\n    className: 'rt-r-top',\n    customProperties: ['--top'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * right=\"4\"\n   * right=\"100px\"\n   * right={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/right\n   */\n  right: {\n    type: 'enum | string',\n    className: 'rt-r-right',\n    customProperties: ['--right'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * bottom=\"4\"\n   * bottom=\"100px\"\n   * bottom={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/bottom\n   */\n  bottom: {\n    type: 'enum | string',\n    className: 'rt-r-bottom',\n    customProperties: ['--bottom'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * left=\"4\"\n   * left=\"100px\"\n   * left={{ sm: '0', lg: '50%' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/left\n   */\n  left: {\n    type: 'enum | string',\n    className: 'rt-r-left',\n    customProperties: ['--left'],\n    values: positionEdgeValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflow=\"hidden\"\n   * overflow={{ sm: 'hidden', lg: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflow: {\n    type: 'enum',\n    className: 'rt-r-overflow',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-x** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowX=\"hidden\"\n   * overflowX={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowX: {\n    type: 'enum',\n    className: 'rt-r-ox',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **overflow-y** property.\n   * Supports the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * overflowY=\"hidden\"\n   * overflowY={{ sm: 'hidden', md: 'visible' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow\n   */\n  overflowY: {\n    type: 'enum',\n    className: 'rt-r-oy',\n    values: overflowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-basis** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexBasis=\"0\"\n   * flexBasis=\"100%\"\n   * flexBasis={{ sm: '200px', lg: 'auto' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis\n   */\n  flexBasis: {\n    type: 'string',\n    className: 'rt-r-fb',\n    customProperties: ['--flex-basis'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-shrink** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexShrink=\"0\"\n   * flexShrink=\"1\"\n   * flexShrink={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink\n   */\n  flexShrink: {\n    type: 'enum | string',\n    className: 'rt-r-fs',\n    customProperties: ['--flex-shrink'],\n    values: flexShrinkValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **flex-grow** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * flexGrow=\"0\"\n   * flexGrow=\"1\"\n   * flexGrow={{ sm: '0', lg: '1' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow\n   */\n  flexGrow: {\n    type: 'enum | string',\n    className: 'rt-r-fg',\n    customProperties: ['--flex-grow'],\n    values: flexGrowValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-area** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridArea=\"header\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area\n   */\n  gridArea: {\n    type: 'string',\n    className: 'rt-r-ga',\n    customProperties: ['--grid-area'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumn=\"1\"\n   * gridColumn=\"1 / -1\"\n   * gridColumn={{ sm: '1 / 3', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column\n   */\n  gridColumn: {\n    type: 'string',\n    className: 'rt-r-gc',\n    customProperties: ['--grid-column'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnStart=\"1\"\n   * gridColumnStart=\"auto\"\n   * gridColumnStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start\n   */\n  gridColumnStart: {\n    type: 'string',\n    className: 'rt-r-gcs',\n    customProperties: ['--grid-column-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-column-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridColumnEnd=\"1\"\n   * gridColumnEnd=\"auto\"\n   * gridColumnEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end\n   */\n  gridColumnEnd: {\n    type: 'string',\n    className: 'rt-r-gce',\n    customProperties: ['--grid-column-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRow=\"1\"\n   * gridRow=\"auto\"\n   * gridRow={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row\n   */\n  gridRow: {\n    type: 'string',\n    className: 'rt-r-gr',\n    customProperties: ['--grid-row'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-start** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowStart=\"1\"\n   * gridRowStart=\"auto\"\n   * gridRowStart={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start\n   */\n  gridRowStart: {\n    type: 'string',\n    className: 'rt-r-grs',\n    customProperties: ['--grid-row-start'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **grid-row-end** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * gridRowEnd=\"1\"\n   * gridRowEnd=\"auto\"\n   * gridRowEnd={{ sm: '2', lg: 'span 3' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end\n   */\n  gridRowEnd: {\n    type: 'string',\n    className: 'rt-r-gre',\n    customProperties: ['--grid-row-end'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **align-self** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * alignSelf=\"center\"\n   * alignSelf={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/align-self\n   */\n  alignSelf: {\n    type: 'enum',\n    className: 'rt-r-as',\n    values: alignSelfValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **justify-self** property.\n   * Supports a subset of the corresponding CSS values and responsive objects.\n   *\n   * @example\n   * justifySelf=\"center\"\n   * justifySelf={{ sm: 'start', lg: 'center' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self\n   */\n  justifySelf: {\n    type: 'enum',\n    className: 'rt-r-js',\n    values: justifySelfValues,\n    responsive: true,\n  },\n} satisfies {\n  position: PropDef<(typeof positionValues)[number]>;\n  inset: PropDef<(typeof positionEdgeValues)[number]>;\n  top: PropDef<(typeof positionEdgeValues)[number]>;\n  right: PropDef<(typeof positionEdgeValues)[number]>;\n  bottom: PropDef<(typeof positionEdgeValues)[number]>;\n  left: PropDef<(typeof positionEdgeValues)[number]>;\n  overflow: PropDef<(typeof overflowValues)[number]>;\n  overflowX: PropDef<(typeof overflowValues)[number]>;\n  overflowY: PropDef<(typeof overflowValues)[number]>;\n  flexBasis: PropDef<string>;\n  flexShrink: PropDef<(typeof flexShrinkValues)[number]>;\n  flexGrow: PropDef<(typeof flexGrowValues)[number]>;\n  gridColumn: PropDef<string>;\n  gridColumnStart: PropDef<string>;\n  gridColumnEnd: PropDef<string>;\n  gridRow: PropDef<string>;\n  gridRowStart: PropDef<string>;\n  gridRowEnd: PropDef<string>;\n  gridArea: PropDef<string>;\n  alignSelf: PropDef<(typeof alignSelfValues)[number]>;\n  justifySelf: PropDef<(typeof justifySelfValues)[number]>;\n};\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype LayoutProps = GetPropDefTypes<\n  typeof paddingPropDefs & typeof widthPropDefs & typeof heightPropDefs & typeof layoutPropDefs\n>;\n\nexport { layoutPropDefs };\nexport type { LayoutProps };\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],
+  "mappings": "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",
+  "names": ["section_exports", "__export", "Section", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "asChildPropDef", "sizes", "displayValues", "sectionPropDefs", "asChildPropDef", "parseDisplayValue", "value", "import_classnames", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "value", "propValues", "parseValue", "classNames", "getBaseClassName", "isResponsiveObject", "object", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "prop", "customProperty", "bpProperty", "key", "mergeStyles", "styles", "result", "style", "mergePropDefs", "args", "extractProps", "props", "propDefs", "className", "style", "extractedProps", "allPropDefs", "key", "value", "propDef", "isResponsiveObject", "isResponsivePropDef", "propClassName", "getResponsiveClassNames", "classNames", "propDefValues", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "paddingValues", "paddingPropDefs", "heightPropDefs", "widthPropDefs", "overflowValues", "positionValues", "positionEdgeValues", "flexShrinkValues", "flexGrowValues", "alignSelfValues", "justifySelfValues", "layoutPropDefs", "paddingPropDefs", "widthPropDefs", "heightPropDefs", "marginValues", "marginPropDefs", "Section", "props", "forwardedRef", "asChild", "className", "sectionProps", "extractProps", "sectionPropDefs", "layoutPropDefs", "marginPropDefs", "Comp", "classNames"]
+}

package/dist/cjs/components/section.props.d.ts

@@ -0,0 +1,52 @@
+import { asChildPropDef } from '../props/as-child.prop.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+declare const sectionPropDefs: {
+    /**
+     * Controls the vertical padding of the section.
+     *
+     * @values
+     * | Size     | Padding |
+     * | :------- | ------: |
+     * | size="1" | 24px    |
+     * | size="2" | 40px    |
+     * | size="3" | 64px    |
+     * | size="4" | 80px    |
+     *
+     * @example
+     * size="4"
+     * size={{ sm: '3', lg: '4' }}
+     *
+     * @link
+     * https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/components/section.css
+     */
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4"];
+        default: "3";
+        responsive: true;
+    };
+    /**
+     * Controls whether the section is visible or hidden.
+     * Supports "none", "initial", and responsive object values.
+     *
+     * @example
+     * display="none"
+     * display={{ sm: 'none', lg: 'initial' }}
+     */
+    display: {
+        type: "enum";
+        className: string;
+        values: readonly ["none", "initial"];
+        parseValue: typeof parseDisplayValue;
+        responsive: true;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+declare function parseDisplayValue(value: string): string;
+type SectionOwnProps = GetPropDefTypes<typeof sectionPropDefs & typeof asChildPropDef>;
+export { sectionPropDefs };
+export type { SectionOwnProps };
+//# sourceMappingURL=section.props.d.ts.map

package/dist/cjs/components/section.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.props.d.ts","sourceRoot":"","sources":["../../../src/components/section.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKrE,QAAA,MAAM,eAAe;IAEnB;;;;;;;;;;;;;;;;;OAiBG;;;;;;;;IAQH;;;;;;;OAOG;;;;;;;;;;;CAWJ,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAGD,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,GAAG,OAAO,cAAc,CAAC,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/section.props.js

@@ -0,0 +1,2 @@
+"use strict";var r=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var l=(e,s)=>{for(var p in s)r(e,p,{get:s[p],enumerable:!0})},y=(e,s,p,t)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of n(s))!f.call(e,o)&&o!==p&&r(e,o,{get:()=>s[o],enumerable:!(t=a(s,o))||t.enumerable});return e};var c=e=>y(r({},"__esModule",{value:!0}),e);var m={};l(m,{sectionPropDefs:()=>d});module.exports=c(m);var i={asChild:{type:"boolean"}};var u=["1","2","3","4"],P=["none","initial"],d={...i,size:{type:"enum",className:"rt-r-size",values:u,default:"3",responsive:!0},display:{type:"enum",className:"rt-r-display",values:P,parseValue:D,responsive:!0}};function D(e){return e==="initial"?"block":e}
+//# sourceMappingURL=section.props.js.map

package/dist/cjs/components/section.props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/section.props.tsx", "../../../src/props/as-child.prop.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst displayValues = ['none', 'initial'] as const;\n\nconst sectionPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Controls the vertical padding of the section.\n   *\n   * @values\n   * | Size     | Padding |\n   * | :------- | ------: |\n   * | size=\"1\" | 24px    |\n   * | size=\"2\" | 40px    |\n   * | size=\"3\" | 64px    |\n   * | size=\"4\" | 80px    |\n   *\n   * @example\n   * size=\"4\"\n   * size={{ sm: '3', lg: '4' }}\n   *\n   * @link\n   * https://github.com/radix-ui/themes/blob/main/packages/radix-ui-themes/src/components/section.css\n   */\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: sizes,\n    default: '3',\n    responsive: true,\n  },\n  /**\n   * Controls whether the section is visible or hidden.\n   * Supports \"none\", \"initial\", and responsive object values.\n   *\n   * @example\n   * display=\"none\"\n   * display={{ sm: 'none', lg: 'initial' }}\n   */\n  display: {\n    type: 'enum',\n    className: 'rt-r-display',\n    values: displayValues,\n    parseValue: parseDisplayValue,\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  display: PropDef<(typeof displayValues)[number]>;\n};\n\nfunction parseDisplayValue(value: string) {\n  return value === 'initial' ? 'block' : value;\n}\n\n// Use all of the imported prop defs to ensure that JSDoc works\ntype SectionOwnProps = GetPropDefTypes<typeof sectionPropDefs & typeof asChildPropDef>;\n\nexport { sectionPropDefs };\nexport type { SectionOwnProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,EDNA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAgB,CAAC,OAAQ,SAAS,EAElCC,EAAkB,CACtB,GAAGC,EAmBH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQH,EACR,QAAS,IACT,WAAY,EACd,EASA,QAAS,CACP,KAAM,OACN,UAAW,eACX,OAAQC,EACR,WAAYG,EACZ,WAAY,EACd,CACF,EAKA,SAASA,EAAkBC,EAAe,CACxC,OAAOA,IAAU,UAAY,QAAUA,CACzC",
+  "names": ["section_props_exports", "__export", "sectionPropDefs", "__toCommonJS", "asChildPropDef", "sizes", "displayValues", "sectionPropDefs", "asChildPropDef", "parseDisplayValue", "value"]
+}

package/dist/cjs/components/segmented-control.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
+import { segmentedControlRootPropDefs } from './segmented-control.props.js';
+import type { MarginProps } from '../props/margin.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+type SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;
+interface SegmentedControlRootProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, SegmentedControlRootOwnProps, MarginProps {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?(value: string): void;
+}
+declare const SegmentedControlRoot: React.ForwardRefExoticComponent<SegmentedControlRootProps & React.RefAttributes<HTMLDivElement>>;
+interface SegmentedControlItemOwnProps {
+    value: string;
+    /** When true, applies fixed square width for icon-only segments */
+    iconOnly?: boolean;
+}
+interface SegmentedControlItemProps extends ComponentPropsWithout<typeof ToggleGroupPrimitive.Item, RemovedProps | 'disabled' | 'type' | 'value'>, SegmentedControlItemOwnProps {
+}
+declare const SegmentedControlItem: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { SegmentedControlRoot as Root, SegmentedControlItem as Item };
+export type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };
+//# sourceMappingURL=segmented-control.d.ts.map

package/dist/cjs/components/segmented-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAI5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAC;AAEzF,UAAU,yBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,EACxD,4BAA4B,EAC5B,WAAW;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC;AAED,QAAA,MAAM,oBAAoB,kGAwCzB,CAAC;AAIF,UAAU,4BAA4B;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,yBACR,SAAQ,qBAAqB,CACzB,OAAO,oBAAoB,CAAC,IAAI,EAChC,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAC7C,EACD,4BAA4B;CAAG;AAEnC,QAAA,MAAM,oBAAoB,qGAmBzB,CAAC;AAIF,OAAO,EAAE,oBAAoB,IAAI,IAAI,EAAE,oBAAoB,IAAI,IAAI,EAAE,CAAC;AACtE,YAAY,EAAE,yBAAyB,IAAI,SAAS,EAAE,yBAAyB,IAAI,SAAS,EAAE,CAAC"}

package/dist/cjs/components/segmented-control.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var $=Object.create;var y=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var K=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var A=(e,t)=>{for(var s in t)y(e,s,{get:t[s],enumerable:!0})},C=(e,t,s,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of E(t))!z.call(e,n)&&n!==s&&y(e,n,{get:()=>t[n],enumerable:!(p=B(t,n))||p.enumerable});return e};var P=(e,t,s)=>(s=e!=null?$(K(e)):{},C(t||!e||!e.__esModule?y(s,"default",{value:e,enumerable:!0}):s,e)),U=e=>C(y({},"__esModule",{value:!0}),e);var X={};A(X,{Item:()=>G,Root:()=>j});module.exports=U(X);var m=P(require("react")),N=P(require("classnames")),S=require("radix-ui"),I=require("radix-ui/internal");var M=["none","small","medium","large","full"],T={radius:{type:"enum",values:M,default:void 0}};var W=["1","2","3","4"],q=["soft"],L=["horizontal","vertical"],x={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:W,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:q,default:"soft"},orientation:{type:"enum",className:"rt-r-orientation",values:L,default:"horizontal",responsive:!0},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},...T};var c=P(require("classnames"));var H=["initial","xs","sm","md","lg","xl"],v=new Set(H);function D(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var F=new Set(["initial","xs","sm","md","lg","xl"]);function u(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(F.has(t))return!0;return!1}function O({className:e,customProperties:t,...s}){let p=R({allowArbitraryValues:!0,className:e,...s}),n=J({customProperties:t,...s});return[p,n]}function R({allowArbitraryValues:e,value:t,className:s,propValues:p,parseValue:n=i=>i}){let i=[];if(t){if(typeof t=="string"&&p.includes(t))return V(s,t,n);if(u(t)){let a=t;for(let o in a){if(!D(a,o)||!v.has(o))continue;let r=a[o];if(r!==void 0){if(p.includes(r)){let l=V(s,r,n),f=o==="initial"?l:`${o}:${l}`;i.push(f)}else if(e){let l=o==="initial"?s:`${o}:${s}`;i.push(l)}}}return i.join(" ")}if(e)return s}}function V(e,t,s){let p=e?"-":"",n=s(t),i=n?.startsWith("-"),a=i?"-":"",o=i?n?.substring(1):n;return`${a}${e}${p}${o}`}function J({customProperties:e,value:t,propValues:s,parseValue:p=n=>n}){let n={};if(!(!t||typeof t=="string"&&s.includes(t))){if(typeof t=="string"&&(n=Object.fromEntries(e.map(i=>[i,t]))),u(t)){let i=t;for(let a in i){if(!D(i,a)||!v.has(a))continue;let o=i[a];if(!s.includes(o))for(let r of e){let l=a==="initial"?r:`${r}-${a}`;n[l]=o}}}for(let i in n){let a=n[i];a!==void 0&&(n[i]=p(a))}return n}}function b(...e){let t;for(let s of e)s&&(t===void 0&&(t={}),Object.assign(t,s));return t}function Q(...e){return Object.assign({},...e)}function h(e,...t){let s,p,n={...e},i=Q(...t);for(let a in i){let o=n[a],r=i[a];if(r.default!==void 0&&o===void 0&&(o=r.default),r.type==="enum"&&![r.default,...r.values].includes(o)&&!u(o)&&(o=r.default),n[a]=o,"className"in r&&r.className){delete n[a];let l="responsive"in r;if(!o||u(o)&&!l)continue;if(u(o)&&(r.default!==void 0&&o.initial===void 0&&(o.initial=r.default),r.type==="enum"&&([r.default,...r.values].includes(o.initial)||(o.initial=r.default))),r.type==="enum"){let f=R({allowArbitraryValues:!1,value:o,className:r.className,propValues:r.values,parseValue:r.parseValue});s=(0,c.default)(s,f);continue}if(r.type==="string"||r.type==="enum | string"){let f=r.type==="string"?[]:r.values,[g,w]=O({className:r.className,customProperties:r.customProperties,propValues:f,parseValue:r.parseValue,value:o});p=b(p,w),s=(0,c.default)(s,g);continue}if(r.type==="boolean"&&o){s=(0,c.default)(s,r.className);continue}}}return n.className=(0,c.default)(s,e.className),n.style=b(p,e.style),n}var d=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],k={m:{type:"enum | string",values:d,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:d,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:d,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:d,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var j=m.forwardRef((e,t)=>{let{className:s,children:p,radius:n,value:i,defaultValue:a,onValueChange:o,...r}=h(e,x,k),[l,f]=(0,I.useControllableState)({prop:i,onChange:o,defaultProp:a??""});return m.createElement(S.ToggleGroup.Root,{"data-disabled":e.disabled||void 0,"data-radius":n,ref:t,className:(0,N.default)("rt-SegmentedControlRoot",s),onValueChange:g=>{g&&f(g)},...r,type:"single",value:l,asChild:!1,disabled:!!e.disabled},p,m.createElement("div",{className:"rt-SegmentedControlIndicator"}))});j.displayName="SegmentedControl.Root";var G=m.forwardRef(({children:e,className:t,iconOnly:s,...p},n)=>m.createElement(S.ToggleGroup.Item,{ref:n,className:(0,N.default)("rt-reset","rt-SegmentedControlItem",t),"data-icon-only":s||void 0,...p,disabled:!1,asChild:!1},m.createElement("span",{className:"rt-SegmentedControlItemSeparator"}),m.createElement("span",{className:"rt-SegmentedControlItemLabel"},m.createElement("span",{className:"rt-SegmentedControlItemLabelActive"},e),m.createElement("span",{className:"rt-SegmentedControlItemLabelInactive","aria-hidden":!0},e))));G.displayName="SegmentedControl.Item";
+//# sourceMappingURL=segmented-control.js.map

package/dist/cjs/components/segmented-control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/segmented-control.tsx", "../../../src/props/radius.prop.ts", "../../../src/components/segmented-control.props.tsx", "../../../src/helpers/extract-props.ts", "../../../src/props/prop-def.ts", "../../../src/helpers/has-own-property.ts", "../../../src/helpers/is-responsive-object.ts", "../../../src/helpers/get-responsive-styles.ts", "../../../src/helpers/merge-styles.ts", "../../../src/props/margin.props.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { segmentedControlRootPropDefs } from './segmented-control.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 SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;\n\ninterface SegmentedControlRootProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    SegmentedControlRootOwnProps,\n    MarginProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n}\n\nconst SegmentedControlRoot = React.forwardRef<HTMLDivElement, SegmentedControlRootProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      radius,\n      value: valueProp,\n      defaultValue: defaultValueProp,\n      onValueChange: onValueChangeProp,\n      ...rootProps\n    } = extractProps(props, segmentedControlRootPropDefs, marginPropDefs);\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChangeProp,\n      defaultProp: defaultValueProp ?? '',\n    });\n\n    return (\n      <ToggleGroupPrimitive.Root\n        data-disabled={props.disabled || undefined}\n        data-radius={radius}\n        ref={forwardedRef}\n        className={classNames('rt-SegmentedControlRoot', className)}\n        onValueChange={(value) => {\n          if (value) {\n            setValue(value);\n          }\n        }}\n        {...rootProps}\n        type=\"single\"\n        value={value}\n        asChild={false}\n        disabled={!!props.disabled}\n      >\n        {children}\n        <div className=\"rt-SegmentedControlIndicator\" />\n      </ToggleGroupPrimitive.Root>\n    );\n  },\n);\n\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ninterface SegmentedControlItemOwnProps {\n  value: string;\n  /** When true, applies fixed square width for icon-only segments */\n  iconOnly?: boolean;\n}\n\ninterface SegmentedControlItemProps\n  extends ComponentPropsWithout<\n      typeof ToggleGroupPrimitive.Item,\n      RemovedProps | 'disabled' | 'type' | 'value'\n    >,\n    SegmentedControlItemOwnProps {}\n\nconst SegmentedControlItem = React.forwardRef<HTMLButtonElement, SegmentedControlItemProps>(\n  ({ children, className, iconOnly, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SegmentedControlItem', className)}\n      data-icon-only={iconOnly || undefined}\n      {...props}\n      disabled={false}\n      asChild={false}\n    >\n      <span className=\"rt-SegmentedControlItemSeparator\" />\n      <span className=\"rt-SegmentedControlItemLabel\">\n        <span className=\"rt-SegmentedControlItemLabelActive\">{children}</span>\n        <span className=\"rt-SegmentedControlItemLabelInactive\" aria-hidden>\n          {children}\n        </span>\n      </span>\n    </ToggleGroupPrimitive.Item>\n  ),\n);\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport { SegmentedControlRoot as Root, SegmentedControlItem as Item };\nexport type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "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 variants = ['soft'] 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  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  orientation: {\n    type: 'enum',\n    className: 'rt-r-orientation',\n    values: orientations,\n    default: 'horizontal',\n    responsive: true,\n  },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { segmentedControlRootPropDefs };\n", "import classNames from 'classnames';\n\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef>\n  ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T]\n  : never;\n\nfunction mergePropDefs<T extends Record<string, PropDef>[]>(...args: T): Record<string, PropDef> {\n  return Object.assign({}, ...args);\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<\n  P extends { className?: string; style?: React.CSSProperties; [key: string]: any },\n  T extends Record<string, PropDef>[]\n>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  let className: string | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n  const extractedProps = { ...props };\n  const allPropDefs = mergePropDefs(...propDefs);\n\n  for (const key in allPropDefs) {\n    let value = extractedProps[key];\n    const propDef = allPropDefs[key];\n\n    // Apply prop def defaults\n    if (propDef.default !== undefined && value === undefined) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.type === 'enum') {\n      const values = [propDef.default, ...propDef.values];\n\n      if (!values.includes(value) && !isResponsiveObject(value)) {\n        value = propDef.default;\n      }\n    }\n\n    // Apply the value with defaults\n    (extractedProps as Record<string, any>)[key] = value;\n\n    if ('className' in propDef && propDef.className) {\n      delete extractedProps[key];\n\n      const isResponsivePropDef = 'responsive' in propDef;\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!value || (isResponsiveObject(value) && !isResponsivePropDef)) {\n        continue;\n      }\n\n      if (isResponsiveObject(value)) {\n        // Apply prop def defaults to the `initial` breakpoint\n        if (propDef.default !== undefined && value.initial === undefined) {\n          value.initial = propDef.default;\n        }\n\n        // Apply the default value to the `initial` breakpoint when it is not a valid enum value\n        if (propDef.type === 'enum') {\n          const values = [propDef.default, ...propDef.values];\n\n          if (!values.includes(value.initial)) {\n            value.initial = propDef.default;\n          }\n        }\n      }\n\n      if (propDef.type === 'enum') {\n        const propClassName = getResponsiveClassNames({\n          allowArbitraryValues: false,\n          value,\n          className: propDef.className,\n          propValues: propDef.values,\n          parseValue: propDef.parseValue,\n        });\n\n        className = classNames(className, propClassName);\n        continue;\n      }\n\n      if (propDef.type === 'string' || propDef.type === 'enum | string') {\n        const propDefValues = propDef.type === 'string' ? [] : propDef.values;\n\n        const [propClassNames, propCustomProperties] = getResponsiveStyles({\n          className: propDef.className,\n          customProperties: propDef.customProperties,\n          propValues: propDefValues,\n          parseValue: propDef.parseValue,\n          value,\n        });\n\n        style = mergeStyles(style, propCustomProperties);\n        className = classNames(className, propClassNames);\n        continue;\n      }\n\n      if (propDef.type === 'boolean' && value) {\n        // TODO handle responsive boolean props\n        className = classNames(className, propDef.className);\n        continue;\n      }\n    }\n  }\n\n  extractedProps.className = classNames(className, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps;\n}\n\nexport { extractProps };\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({\n  allowArbitraryValues,\n  value,\n  className,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveClassNamesOptions): string | undefined {\n  const classNames: string[] = [];\n\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string' && propValues.includes(value)) {\n    return getBaseClassName(className, value, parseValue);\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (propValues.includes(value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.join(' ');\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(\n  className: string,\n  value: string,\n  parseValue: (value: string) => string | undefined\n): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({\n  customProperties,\n  value,\n  propValues,\n  parseValue = (value) => value,\n}: GetResponsiveCustomPropertiesOptions) {\n  let styles: Record<string, string | undefined> = {};\n\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && propValues.includes(value))) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    styles = Object.fromEntries(customProperties.map((prop) => [prop, value]));\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (propValues.includes(value)) {\n        continue;\n      }\n\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = value;\n      }\n    }\n  }\n\n  for (const key in styles) {\n    const value = styles[key];\n    if (value !== undefined) {\n      styles[key] = parseValue(value);\n    }\n  }\n\n  return styles;\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n"],
+  "mappings": "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",
+  "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_internal", "radii", "radiusPropDef", "sizes", "variants", "orientations", "segmentedControlRootPropDefs", "radiusPropDef", "import_classnames", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "value", "propValues", "parseValue", "classNames", "getBaseClassName", "isResponsiveObject", "object", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "prop", "customProperty", "bpProperty", "key", "mergeStyles", "styles", "result", "style", "mergePropDefs", "args", "extractProps", "props", "propDefs", "className", "style", "extractedProps", "allPropDefs", "key", "value", "propDef", "isResponsiveObject", "isResponsivePropDef", "propClassName", "getResponsiveClassNames", "classNames", "propDefValues", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "marginValues", "marginPropDefs", "SegmentedControlRoot", "props", "forwardedRef", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "rootProps", "extractProps", "segmentedControlRootPropDefs", "marginPropDefs", "value", "setValue", "ToggleGroupPrimitive", "classNames", "SegmentedControlItem", "iconOnly"]
+}