@kushagradhawan/kookie-ui 0.1.0 → 0.1.1

package/components.css

@@ -1952,12 +1952,12 @@
     --base-card-surface-box-shadow: 0 0 0 1px var(--gray-a5);
     --base-card-surface-hover-box-shadow: 0 0 0 1px var(--gray-a7);
     --base-card-surface-active-box-shadow: 0 0 0 1px var(--gray-a6);
-    --base-card-classic-box-shadow-inner: 0 0 0 1px var(--base-card-classic-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a2), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
-    --base-card-classic-box-shadow-outer: 0 0 0 0 var(--base-card-classic-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a1), 0 1px 1px -1px var(--gray-a2), 0 2px 1px -2px var(--black-a1), 0 1px 3px -1px var(--black-a1);
-    --base-card-classic-hover-box-shadow-inner: 0 0 0 1px var(--base-card-classic-hover-border-color), 0 1px 1px 1px var(--black-a1), 0 2px 1px -1px var(--gray-a3), 0 2px 3px -2px var(--black-a1), 0 3px 12px -4px var(--gray-a3), 0 4px 16px -8px var(--black-a1);
-    --base-card-classic-hover-box-shadow-outer: 0 0 0 0 var(--base-card-classic-hover-border-color), 0 1px 1px 0 var(--black-a1), 0 2px 1px -2px var(--gray-a3), 0 2px 3px -3px var(--black-a1), 0 3px 12px -5px var(--gray-a3), 0 4px 16px -9px var(--black-a1);
-    --base-card-classic-active-box-shadow-inner: 0 0 0 1px var(--base-card-classic-active-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a1), 0 1px 1px 0 var(--gray-a4), 0 2px 1px -1px var(--black-a1), 0 1px 3px 0 var(--black-a1);
-    --base-card-classic-active-box-shadow-outer: 0 0 0 0 var(--base-card-classic-active-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a1), 0 1px 1px -1px var(--gray-a4), 0 2px 1px -2px var(--black-a1), 0 1px 3px -1px var(--black-a1);
+    --base-card-classic-box-shadow-inner: var(--shadow-2);
+    --base-card-classic-box-shadow-outer: var(--shadow-2);
+    --base-card-classic-hover-box-shadow-inner: var(--shadow-3);
+    --base-card-classic-hover-box-shadow-outer: var(--shadow-3);
+    --base-card-classic-active-box-shadow-inner: var(--shadow-2);
+    --base-card-classic-active-box-shadow-outer: var(--shadow-2);
     --base-card-classic-border-color: var(--gray-a3);
     --base-card-classic-hover-border-color: var(--gray-a3);
     --base-card-classic-active-border-color: var(--gray-a4);
@@ -1984,15 +1984,6 @@
     --switch-high-contrast-checked-active-before-filter: brightness(1.08);
     --switch-surface-checked-active-filter: brightness(1.08);
     --switch-surface-checked-active-filter: brightness(1.08);
-    --base-card-classic-box-shadow-inner: 0 0 0 1px var(--base-card-classic-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
-    --base-card-classic-box-shadow-outer: 0 0 0 0 var(--base-card-classic-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a3), 0 1px 1px -1px var(--black-a6), 0 2px 1px -2px var(--black-a6), 0 1px 3px -1px var(--black-a5);
-    --base-card-classic-hover-box-shadow-inner: 0 0 0 1px var(--base-card-classic-hover-border-color), 0 0 1px 1px var(--gray-a4), 0 0 1px -1px var(--gray-a4), 0 0 3px -2px var(--gray-a3), 0 0 12px -2px var(--gray-a3), 0 0 16px -8px var(--gray-a7);
-    --base-card-classic-hover-box-shadow-outer: 0 0 0 0 var(--base-card-classic-hover-border-color), 0 0 1px 0 var(--gray-a4), 0 0 1px -2px var(--gray-a4), 0 0 3px -3px var(--gray-a3), 0 0 12px -3px var(--gray-a3), 0 0 16px -9px var(--gray-a7);
-    --base-card-classic-active-box-shadow-inner: 0 0 0 1px var(--base-card-classic-active-border-color), 0 0 0 1px var(--color-transparent), 0 0 0 0.5px var(--black-a3), 0 1px 1px 0 var(--black-a6), 0 2px 1px -1px var(--black-a6), 0 1px 3px 0 var(--black-a5);
-    --base-card-classic-active-box-shadow-outer: 0 0 0 0 var(--base-card-classic-active-border-color), 0 0 0 0 var(--color-transparent), 0 0 0 0 var(--black-a3), 0 1px 1px -1px var(--black-a6), 0 2px 1px -2px var(--black-a6), 0 1px 3px -1px var(--black-a5);
-    --base-card-classic-border-color: var(--gray-a6);
-    --base-card-classic-hover-border-color: var(--gray-a6);
-    --base-card-classic-active-border-color: var(--gray-a6);
 }
 .rt-BaseButton:where(.rt-variant-classic) {
     background: linear-gradient(to bottom, var(--accent-9), var(--accent-10));
@@ -2916,14 +2907,6 @@
         --base-card-classic-active-border-color: color-mix(in oklab, var(--gray-a3), var(--gray-3) 25%);
     }
 }
-@supports (color: color-mix(in oklab, white, black)) {
-    :is(.dark, .dark-theme),
-:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
-        --base-card-classic-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
-        --base-card-classic-hover-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
-        --base-card-classic-active-border-color: color-mix(in oklab, var(--gray-a6), var(--gray-6) 25%);
-    }
-}
 .rt-Card {
     --base-card-padding-top: var(--card-padding);
     --base-card-padding-right: var(--card-padding);

package/dist/cjs/components/checkbox-group.primitive.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var M=Object.create;var h=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var H=(e,o)=>{for(var t in o)h(e,t,{get:o[t],enumerable:!0})},g=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of w(o))!B.call(e,c)&&c!==t&&h(e,c,{get:()=>o[c],enumerable:!(i=O(o,c))||i.enumerable});return e};var K=(e,o,t)=>(t=e!=null?M(T(e)):{},g(o||!e||!e.__esModule?h(t,"default",{value:e,enumerable:!0}):t,e)),X=e=>g(h({},"__esModule",{value:!0}),e);var Y={};H(Y,{CheckboxGroup:()=>l,CheckboxGroupIndicator:()=>k,CheckboxGroupItem:()=>b,Indicator:()=>q,Item:()=>V,Root:()=>_,createCheckboxGroupScope:()=>F});module.exports=X(Y);var n=K(require("react")),s=require("radix-ui"),r=require("radix-ui/internal");const{useDirection:j}=s.Direction,R="CheckboxGroup",[z,F]=r.Context.createContextScope(R,[r.RovingFocus.createRovingFocusGroupScope,s.Checkbox.createCheckboxScope]),y=r.RovingFocus.createRovingFocusGroupScope(),S=s.Checkbox.createCheckboxScope(),[J,L]=z(R),l=n.forwardRef((e,o)=>{const{__scopeCheckboxGroup:t,name:i,defaultValue:c,value:p,required:u=!1,disabled:a=!1,orientation:x,dir:m,loop:P=!0,onValueChange:C,...v}=e,N=y(t),I=j(m),[D=[],d]=(0,r.useControllableState)({prop:p,defaultProp:c,onChange:C}),W=n.useCallback(f=>d((G=[])=>[...G,f]),[d]),U=n.useCallback(f=>d((G=[])=>G.filter(A=>A!==f)),[d]);return n.createElement(J,{scope:t,name:i,required:u,disabled:a,value:D,onItemCheck:W,onItemUncheck:U},n.createElement(r.RovingFocus.Root,{asChild:!0,...N,orientation:x,dir:I,loop:P},n.createElement(r.Primitive.div,{role:"group","data-disabled":a?"":void 0,dir:I,...v,ref:o})))});l.displayName=R;const E="CheckboxGroupItem",b=n.forwardRef((e,o)=>{const{__scopeCheckboxGroup:t,disabled:i,...c}=e,p=L(E,t),u=p.disabled||i,a=y(t),x=S(t),m=n.useRef(null),P=(0,r.useComposedRefs)(o,m),C=p.value?.includes(c.value);return n.createElement(r.RovingFocus.Item,{asChild:!0,...a,focusable:!u,active:C},n.createElement(s.Checkbox.Root,{name:p.name,disabled:u,required:p.required,checked:C,...x,...c,ref:P,onCheckedChange:v=>{v?p.onItemCheck(e.value):p.onItemUncheck(e.value)}}))});b.displayName=E;const Q="CheckboxGroupIndicator",k=n.forwardRef((e,o)=>{const{__scopeCheckboxGroup:t,...i}=e,c=S(t);return n.createElement(s.Checkbox.Indicator,{...c,...i,ref:o})});k.displayName=Q;const _=l,V=b,q=k;
+"use strict";"use client";var M=Object.create;var h=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var H=(e,o)=>{for(var t in o)h(e,t,{get:o[t],enumerable:!0})},g=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of w(o))!B.call(e,c)&&c!==t&&h(e,c,{get:()=>o[c],enumerable:!(i=O(o,c))||i.enumerable});return e};var K=(e,o,t)=>(t=e!=null?M(T(e)):{},g(o||!e||!e.__esModule?h(t,"default",{value:e,enumerable:!0}):t,e)),X=e=>g(h({},"__esModule",{value:!0}),e);var Y={};H(Y,{CheckboxGroup:()=>l,CheckboxGroupIndicator:()=>k,CheckboxGroupItem:()=>b,Indicator:()=>q,Item:()=>V,Root:()=>_,createCheckboxGroupScope:()=>F});module.exports=X(Y);var n=K(require("react")),s=require("radix-ui"),r=require("radix-ui/internal");const{useDirection:j}=s.Direction,R="CheckboxGroup",[z,F]=r.Context.createContextScope(R,[r.RovingFocus.createRovingFocusGroupScope,s.Checkbox.createCheckboxScope]),y=r.RovingFocus.createRovingFocusGroupScope(),S=s.Checkbox.createCheckboxScope(),[J,L]=z(R),l=n.forwardRef((e,o)=>{const{__scopeCheckboxGroup:t,name:i,defaultValue:c,value:p,required:u=!1,disabled:a=!1,orientation:x,dir:m,loop:P=!0,onValueChange:C,...v}=e,N=y(t),I=j(m),[D=[],d]=(0,r.useControllableState)({prop:p,defaultProp:c??[],onChange:C}),W=n.useCallback(f=>d((G=[])=>[...G,f]),[d]),U=n.useCallback(f=>d((G=[])=>G.filter(A=>A!==f)),[d]);return n.createElement(J,{scope:t,name:i,required:u,disabled:a,value:D,onItemCheck:W,onItemUncheck:U},n.createElement(r.RovingFocus.Root,{asChild:!0,...N,orientation:x,dir:I,loop:P},n.createElement(r.Primitive.div,{role:"group","data-disabled":a?"":void 0,dir:I,...v,ref:o})))});l.displayName=R;const E="CheckboxGroupItem",b=n.forwardRef((e,o)=>{const{__scopeCheckboxGroup:t,disabled:i,...c}=e,p=L(E,t),u=p.disabled||i,a=y(t),x=S(t),m=n.useRef(null),P=(0,r.useComposedRefs)(o,m),C=p.value?.includes(c.value);return n.createElement(r.RovingFocus.Item,{asChild:!0,...a,focusable:!u,active:C},n.createElement(s.Checkbox.Root,{name:p.name,disabled:u,required:p.required,checked:C,...x,...c,ref:P,onCheckedChange:v=>{v?p.onItemCheck(e.value):p.onItemUncheck(e.value)}}))});b.displayName=E;const Q="CheckboxGroupIndicator",k=n.forwardRef((e,o)=>{const{__scopeCheckboxGroup:t,...i}=e,c=S(t);return n.createElement(s.Checkbox.Indicator,{...c,...i,ref:o})});k.displayName=Q;const _=l,V=b,q=k;
 //# sourceMappingURL=checkbox-group.primitive.js.map

package/dist/cjs/components/checkbox-group.primitive.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox-group.primitive.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive, Direction } from 'radix-ui';\nimport {\n  Context,\n  Primitive,\n  useComposedRefs,\n  RovingFocus,\n  useControllableState,\n} from 'radix-ui/internal';\n\nconst { useDirection } = Direction;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(\n  CHECKBOX_GROUP_NAME,\n  [RovingFocus.createRovingFocusGroupScope, CheckboxPrimitive.createCheckboxScope]\n);\nconst useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();\nconst useCheckboxScope = CheckboxPrimitive.createCheckboxScope();\n\ntype CheckboxGroupContextValue = {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck(value: string): void;\n  onItemUncheck(value: string): void;\n};\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocus.Root>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface CheckboxGroupProps extends PrimitiveDivProps {\n  name?: CheckboxGroupContextValue['name'];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];\n  dir?: RovingFocusGroupProps['dir'];\n  orientation?: RovingFocusGroupProps['orientation'];\n  loop?: RovingFocusGroupProps['loop'];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue['value'];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (props: ScopedProps<CheckboxGroupProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue,\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue]\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n      [setValue]\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocus.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div\n            role=\"group\"\n            data-disabled={disabled ? '' : undefined}\n            dir={direction}\n            {...groupProps}\n            ref={forwardedRef}\n          />\n        </RovingFocus.Root>\n      </CheckboxGroupProvider>\n    );\n  }\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'CheckboxGroupItem';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\ninterface CheckboxGroupItemProps\n  extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, disabled, ...itemProps } = props;\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const ref = React.useRef<React.ElementRef<typeof CheckboxPrimitive.Root>>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const checked = context.value?.includes(itemProps.value);\n\n    return (\n      <RovingFocus.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...itemProps}\n          ref={composedRefs}\n          onCheckedChange={(checked) => {\n            if (checked) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocus.Item>\n    );\n  }\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxGroupIndicator';\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\ninterface CheckboxGroupIndicatorProps extends CheckboxIndicatorProps {}\n\nconst CheckboxGroupIndicator = React.forwardRef<\n  CheckboxGroupIndicatorElement,\n  CheckboxGroupIndicatorProps\n>((props: ScopedProps<CheckboxGroupIndicatorProps>, forwardedRef) => {\n  const { __scopeCheckboxGroup, ...indicatorProps } = props;\n  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n  return <CheckboxPrimitive.Indicator {...checkboxScope} {...indicatorProps} ref={forwardedRef} />;\n});\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  //\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  //\n  Root,\n  Item,\n  Indicator,\n};\nexport type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupIndicatorProps };\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive, Direction } from 'radix-ui';\nimport {\n  Context,\n  Primitive,\n  useComposedRefs,\n  RovingFocus,\n  useControllableState,\n} from 'radix-ui/internal';\n\nconst { useDirection } = Direction;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(\n  CHECKBOX_GROUP_NAME,\n  [RovingFocus.createRovingFocusGroupScope, CheckboxPrimitive.createCheckboxScope],\n);\nconst useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();\nconst useCheckboxScope = CheckboxPrimitive.createCheckboxScope();\n\ntype CheckboxGroupContextValue = {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck(value: string): void;\n  onItemUncheck(value: string): void;\n};\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocus.Root>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface CheckboxGroupProps extends PrimitiveDivProps {\n  name?: CheckboxGroupContextValue['name'];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];\n  dir?: RovingFocusGroupProps['dir'];\n  orientation?: RovingFocusGroupProps['orientation'];\n  loop?: RovingFocusGroupProps['loop'];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue['value'];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (props: ScopedProps<CheckboxGroupProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue ?? [],\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue],\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n      [setValue],\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocus.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div\n            role=\"group\"\n            data-disabled={disabled ? '' : undefined}\n            dir={direction}\n            {...groupProps}\n            ref={forwardedRef}\n          />\n        </RovingFocus.Root>\n      </CheckboxGroupProvider>\n    );\n  },\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'CheckboxGroupItem';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\ninterface CheckboxGroupItemProps\n  extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, disabled, ...itemProps } = props;\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const ref = React.useRef<React.ElementRef<typeof CheckboxPrimitive.Root>>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const checked = context.value?.includes(itemProps.value);\n\n    return (\n      <RovingFocus.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...itemProps}\n          ref={composedRefs}\n          onCheckedChange={(checked) => {\n            if (checked) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocus.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxGroupIndicator';\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\ninterface CheckboxGroupIndicatorProps extends CheckboxIndicatorProps {}\n\nconst CheckboxGroupIndicator = React.forwardRef<\n  CheckboxGroupIndicatorElement,\n  CheckboxGroupIndicatorProps\n>((props: ScopedProps<CheckboxGroupIndicatorProps>, forwardedRef) => {\n  const { __scopeCheckboxGroup, ...indicatorProps } = props;\n  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n  return <CheckboxPrimitive.Indicator {...checkboxScope} {...indicatorProps} ref={forwardedRef} />;\n});\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  //\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  //\n  Root,\n  Item,\n  Indicator,\n};\nexport type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupIndicatorProps };\n"],
+  "mappings": "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",
   "names": ["checkbox_group_primitive_exports", "__export", "CheckboxGroup", "CheckboxGroupIndicator", "CheckboxGroupItem", "Indicator", "Item", "Root", "createCheckboxGroupScope", "__toCommonJS", "React", "import_radix_ui", "import_internal", "useDirection", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "CheckboxPrimitive", "useRovingFocusGroupScope", "useCheckboxScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "props", "forwardedRef", "__scopeCheckboxGroup", "name", "defaultValue", "valueProp", "required", "disabled", "orientation", "dir", "loop", "onValueChange", "groupProps", "rovingFocusGroupScope", "direction", "value", "setValue", "handleItemCheck", "itemValue", "prevValue", "handleItemUncheck", "ITEM_NAME", "itemProps", "context", "isDisabled", "checkboxScope", "ref", "composedRefs", "checked", "INDICATOR_NAME", "indicatorProps"]
 }

package/dist/cjs/components/checkbox.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var g=Object.create;var i=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var N=(e,o)=>{for(var r in o)i(e,r,{get:o[r],enumerable:!0})},k=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of D(o))!R.call(e,t)&&t!==r&&i(e,t,{get:()=>o[t],enumerable:!(p=v(o,t))||p.enumerable});return e};var C=(e,o,r)=>(r=e!=null?g(I(e)):{},k(o||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)),T=e=>k(i({},"__esModule",{value:!0}),e);var j={};N(j,{Checkbox:()=>a});module.exports=T(j);var c=C(require("react")),f=C(require("classnames")),h=require("radix-ui"),d=require("radix-ui/internal"),l=require("./checkbox.props.js"),s=require("./icons.js"),x=require("../helpers/extract-props.js"),P=require("../props/margin.props.js");const a=c.forwardRef((e,o)=>{const{className:r,color:p,checked:t,defaultChecked:m,onCheckedChange:b,...y}=(0,x.extractProps)(e,l.checkboxPropDefs,P.marginPropDefs),[n,u]=(0,d.useControllableState)({prop:t,defaultProp:m,onChange:b});return c.createElement(h.Checkbox.Root,{"data-accent-color":p,...y,defaultChecked:m,checked:n,onCheckedChange:u,asChild:!1,ref:o,className:(0,f.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",r)},c.createElement(h.Checkbox.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},c.createElement(n==="indeterminate"?s.ThickDividerHorizontalIcon:s.ThickCheckIcon,null)))});a.displayName="Checkbox";
+"use strict";"use client";var g=Object.create;var s=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var N=(e,o)=>{for(var r in o)s(e,r,{get:o[r],enumerable:!0})},k=(e,o,r,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of D(o))!R.call(e,t)&&t!==r&&s(e,t,{get:()=>o[t],enumerable:!(p=v(o,t))||p.enumerable});return e};var C=(e,o,r)=>(r=e!=null?g(I(e)):{},k(o||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),T=e=>k(s({},"__esModule",{value:!0}),e);var j={};N(j,{Checkbox:()=>a});module.exports=T(j);var c=C(require("react")),f=C(require("classnames")),h=require("radix-ui"),d=require("radix-ui/internal"),l=require("./checkbox.props.js"),i=require("./icons.js"),x=require("../helpers/extract-props.js"),P=require("../props/margin.props.js");const a=c.forwardRef((e,o)=>{const{className:r,color:p,checked:t,defaultChecked:m,onCheckedChange:b,...y}=(0,x.extractProps)(e,l.checkboxPropDefs,P.marginPropDefs),[n,u]=(0,d.useControllableState)({prop:t,defaultProp:m??!1,onChange:b});return c.createElement(h.Checkbox.Root,{"data-accent-color":p,...y,defaultChecked:m,checked:n,onCheckedChange:u,asChild:!1,ref:o,className:(0,f.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",r)},c.createElement(h.Checkbox.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},c.createElement(n==="indeterminate"?i.ThickDividerHorizontalIcon:i.ThickCheckIcon,null)))});a.displayName="Checkbox";
 //# sourceMappingURL=checkbox.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { checkboxPropDefs } from './checkbox.props.js';\nimport { ThickCheckIcon, ThickDividerHorizontalIcon } from './icons.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 } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxOwnProps = GetPropDefTypes<typeof checkboxPropDefs>;\ninterface CheckboxProps\n  extends ComponentPropsWithout<\n      typeof CheckboxPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    CheckboxOwnProps {}\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((props, forwardedRef) => {\n  const {\n    className,\n    color,\n    checked: checkedProp,\n    defaultChecked: defaultCheckedProp,\n    onCheckedChange,\n    ...checkboxProps\n  } = extractProps(props, checkboxPropDefs, marginPropDefs);\n\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultCheckedProp,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxPrimitive.Root\n      data-accent-color={color}\n      {...checkboxProps}\n      defaultChecked={defaultCheckedProp}\n      checked={checked}\n      onCheckedChange={setChecked}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCheckboxRoot', 'rt-CheckboxRoot', className)}\n    >\n      <CheckboxPrimitive.Indicator\n        asChild\n        className=\"rt-BaseCheckboxIndicator rt-CheckboxIndicator\"\n      >\n        {checked === 'indeterminate' ? <ThickDividerHorizontalIcon /> : <ThickCheckIcon />}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA8C,oBAC9CC,EAAqC,6BAErCC,EAAiC,+BACjCC,EAA2D,sBAC3DC,EAA6B,uCAC7BC,EAA+B,oCAe/B,MAAMT,EAAWE,EAAM,WAA2C,CAACQ,EAAOC,IAAiB,CACzF,KAAM,CACJ,UAAAC,EACA,MAAAC,EACA,QAASC,EACT,eAAgBC,EAChB,gBAAAC,EACA,GAAGC,CACL,KAAI,gBAAaP,EAAO,mBAAkB,gBAAc,EAElD,CAACQ,EAASC,CAAU,KAAI,wBAAqB,CACjD,KAAML,EACN,YAAaC,EACb,SAAUC,CACZ,CAAC,EAED,OACEd,EAAA,cAAC,EAAAkB,SAAkB,KAAlB,CACC,oBAAmBP,EAClB,GAAGI,EACJ,eAAgBF,EAChB,QAASG,EACT,gBAAiBC,EACjB,QAAS,GACT,IAAKR,EACL,aAAW,EAAAU,SAAW,WAAY,sBAAuB,kBAAmBT,CAAS,GAErFV,EAAA,cAAC,EAAAkB,SAAkB,UAAlB,CACC,QAAO,GACP,UAAU,iDAEqBlB,EAAA,cAA9BgB,IAAY,gBAAmB,6BAAiC,iBAAjC,IAA2B,CAC7D,CACF,CAEJ,CAAC,EACDlB,EAAS,YAAc",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { checkboxPropDefs } from './checkbox.props.js';\nimport { ThickCheckIcon, ThickDividerHorizontalIcon } from './icons.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 } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxOwnProps = GetPropDefTypes<typeof checkboxPropDefs>;\ninterface CheckboxProps\n  extends ComponentPropsWithout<\n      typeof CheckboxPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    CheckboxOwnProps {}\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((props, forwardedRef) => {\n  const {\n    className,\n    color,\n    checked: checkedProp,\n    defaultChecked: defaultCheckedProp,\n    onCheckedChange,\n    ...checkboxProps\n  } = extractProps(props, checkboxPropDefs, marginPropDefs);\n\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultCheckedProp ?? false,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxPrimitive.Root\n      data-accent-color={color}\n      {...checkboxProps}\n      defaultChecked={defaultCheckedProp}\n      checked={checked}\n      onCheckedChange={setChecked}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCheckboxRoot', 'rt-CheckboxRoot', className)}\n    >\n      <CheckboxPrimitive.Indicator\n        asChild\n        className=\"rt-BaseCheckboxIndicator rt-CheckboxIndicator\"\n      >\n        {checked === 'indeterminate' ? <ThickDividerHorizontalIcon /> : <ThickCheckIcon />}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,cAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAA8C,oBAC9CC,EAAqC,6BAErCC,EAAiC,+BACjCC,EAA2D,sBAC3DC,EAA6B,uCAC7BC,EAA+B,oCAe/B,MAAMT,EAAWE,EAAM,WAA2C,CAACQ,EAAOC,IAAiB,CACzF,KAAM,CACJ,UAAAC,EACA,MAAAC,EACA,QAASC,EACT,eAAgBC,EAChB,gBAAAC,EACA,GAAGC,CACL,KAAI,gBAAaP,EAAO,mBAAkB,gBAAc,EAElD,CAACQ,EAASC,CAAU,KAAI,wBAAqB,CACjD,KAAML,EACN,YAAaC,GAAsB,GACnC,SAAUC,CACZ,CAAC,EAED,OACEd,EAAA,cAAC,EAAAkB,SAAkB,KAAlB,CACC,oBAAmBP,EAClB,GAAGI,EACJ,eAAgBF,EAChB,QAASG,EACT,gBAAiBC,EACjB,QAAS,GACT,IAAKR,EACL,aAAW,EAAAU,SAAW,WAAY,sBAAuB,kBAAmBT,CAAS,GAErFV,EAAA,cAAC,EAAAkB,SAAkB,UAAlB,CACC,QAAO,GACP,UAAU,iDAEqBlB,EAAA,cAA9BgB,IAAY,gBAAmB,6BAAiC,iBAAjC,IAA2B,CAC7D,CACF,CAEJ,CAAC,EACDlB,EAAS,YAAc",
   "names": ["checkbox_exports", "__export", "Checkbox", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_internal", "import_checkbox_props", "import_icons", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "color", "checkedProp", "defaultCheckedProp", "onCheckedChange", "checkboxProps", "checked", "setChecked", "CheckboxPrimitive", "classNames"]
 }

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/segmented-control.tsx"],
-  "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}\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, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SegmentedControlItem', className)}\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"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAoD,oBACpDC,EAAqC,6BAErCC,EAA6C,wCAC7CC,EAA6B,uCAC7BC,EAA+B,oCAiB/B,MAAMR,EAAuBE,EAAM,WACjC,CAACO,EAAOC,IAAiB,CACvB,KAAM,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,GAAGC,CACL,KAAI,gBAAaR,EAAO,+BAA8B,gBAAc,EAE9D,CAACS,EAAOC,CAAQ,KAAI,wBAAqB,CAC7C,KAAML,EACN,SAAUE,EACV,YAAaD,CACf,CAAC,EAED,OACEb,EAAA,cAAC,EAAAkB,YAAqB,KAArB,CACC,gBAAeX,EAAM,UAAY,OACjC,cAAaI,EACb,IAAKH,EACL,aAAW,EAAAW,SAAW,0BAA2BV,CAAS,EAC1D,cAAgBO,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACC,GAAGD,EACJ,KAAK,SACL,MAAOC,EACP,QAAS,GACT,SAAU,CAAC,CAACT,EAAM,UAEjBG,EACDV,EAAA,cAAC,OAAI,UAAU,+BAA+B,CAChD,CAEJ,CACF,EAEAF,EAAqB,YAAc,wBAanC,MAAMD,EAAuBG,EAAM,WACjC,CAAC,CAAE,SAAAU,EAAU,UAAAD,EAAW,GAAGF,CAAM,EAAGC,IAClCR,EAAA,cAAC,EAAAkB,YAAqB,KAArB,CACC,IAAKV,EACL,aAAW,EAAAW,SAAW,WAAY,0BAA2BV,CAAS,EACrE,GAAGF,EACJ,SAAU,GACV,QAAS,IAETP,EAAA,cAAC,QAAK,UAAU,mCAAmC,EACnDA,EAAA,cAAC,QAAK,UAAU,gCACdA,EAAA,cAAC,QAAK,UAAU,sCAAsCU,CAAS,EAC/DV,EAAA,cAAC,QAAK,UAAU,uCAAuC,cAAW,IAC/DU,CACH,CACF,CACF,CAEJ,EAEAb,EAAqB,YAAc",
+  "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}\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, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SegmentedControlItem', className)}\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"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAoD,oBACpDC,EAAqC,6BAErCC,EAA6C,wCAC7CC,EAA6B,uCAC7BC,EAA+B,oCAiB/B,MAAMR,EAAuBE,EAAM,WACjC,CAACO,EAAOC,IAAiB,CACvB,KAAM,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,GAAGC,CACL,KAAI,gBAAaR,EAAO,+BAA8B,gBAAc,EAE9D,CAACS,EAAOC,CAAQ,KAAI,wBAAqB,CAC7C,KAAML,EACN,SAAUE,EACV,YAAaD,GAAoB,EACnC,CAAC,EAED,OACEb,EAAA,cAAC,EAAAkB,YAAqB,KAArB,CACC,gBAAeX,EAAM,UAAY,OACjC,cAAaI,EACb,IAAKH,EACL,aAAW,EAAAW,SAAW,0BAA2BV,CAAS,EAC1D,cAAgBO,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACC,GAAGD,EACJ,KAAK,SACL,MAAOC,EACP,QAAS,GACT,SAAU,CAAC,CAACT,EAAM,UAEjBG,EACDV,EAAA,cAAC,OAAI,UAAU,+BAA+B,CAChD,CAEJ,CACF,EAEAF,EAAqB,YAAc,wBAanC,MAAMD,EAAuBG,EAAM,WACjC,CAAC,CAAE,SAAAU,EAAU,UAAAD,EAAW,GAAGF,CAAM,EAAGC,IAClCR,EAAA,cAAC,EAAAkB,YAAqB,KAArB,CACC,IAAKV,EACL,aAAW,EAAAW,SAAW,WAAY,0BAA2BV,CAAS,EACrE,GAAGF,EACJ,SAAU,GACV,QAAS,IAETP,EAAA,cAAC,QAAK,UAAU,mCAAmC,EACnDA,EAAA,cAAC,QAAK,UAAU,gCACdA,EAAA,cAAC,QAAK,UAAU,sCAAsCU,CAAS,EAC/DV,EAAA,cAAC,QAAK,UAAU,uCAAuC,cAAW,IAC/DU,CACH,CACF,CACF,CAEJ,EAEAb,EAAqB,YAAc",
   "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_internal", "import_segmented_control_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "rootProps", "value", "setValue", "ToggleGroupPrimitive", "classNames"]
 }

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

@@ -1,7 +1,5 @@
 import { Slot as SlotPrimitive } from 'radix-ui';
 export declare const Root: import("react").ForwardRefExoticComponent<SlotPrimitive.SlotProps & import("react").RefAttributes<HTMLElement>>;
 export declare const Slot: import("react").ForwardRefExoticComponent<SlotPrimitive.SlotProps & import("react").RefAttributes<HTMLElement>>;
-export declare const Slottable: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const Slottable: typeof SlotPrimitive.Slottable;
 //# sourceMappingURL=slot.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/components/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,SAAS;cAC2I,MAAO,SAAS;6CADjI,CAAC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/components/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,SAAS,EAAE,OAAO,aAAa,CAAC,SAAmC,CAAC"}

package/dist/cjs/components/slot.js

@@ -1,2 +1,2 @@
-"use strict";var S=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var e in o)S(t,e,{get:o[e],enumerable:!0})},m=(t,o,e,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of s(o))!a.call(t,l)&&l!==e&&S(t,l,{get:()=>o[l],enumerable:!(i=p(o,l))||i.enumerable});return t};var n=t=>m(S({},"__esModule",{value:!0}),t);var f={};c(f,{Root:()=>x,Slot:()=>R,Slottable:()=>b});module.exports=n(f);var r=require("radix-ui");const x=r.Slot.Root,R=r.Slot.Root,b=r.Slot.Slottable;
+"use strict";var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var s=(o,t)=>{for(var e in t)r(o,e,{get:t[e],enumerable:!0})},b=(o,t,e,S)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of a(t))!m.call(o,l)&&l!==e&&r(o,l,{get:()=>t[l],enumerable:!(S=p(t,l))||S.enumerable});return o};var c=o=>b(r({},"__esModule",{value:!0}),o);var f={};s(f,{Root:()=>n,Slot:()=>x,Slottable:()=>R});module.exports=c(f);var i=require("radix-ui");const n=i.Slot.Root,x=i.Slot.Root,R=i.Slot.Slottable;
 //# sourceMappingURL=slot.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/slot.tsx"],
-  "sourcesContent": ["import { Slot as SlotPrimitive } from 'radix-ui';\nexport const Root = SlotPrimitive.Root;\nexport const Slot = SlotPrimitive.Root;\nexport const Slottable = SlotPrimitive.Slottable;\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,EAAA,cAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAAsC,oBAC/B,MAAMJ,EAAO,EAAAK,KAAc,KACrBJ,EAAO,EAAAI,KAAc,KACrBH,EAAY,EAAAG,KAAc",
+  "sourcesContent": ["import { Slot as SlotPrimitive } from 'radix-ui';\nexport const Root = SlotPrimitive.Root;\nexport const Slot = SlotPrimitive.Root;\nexport const Slottable: typeof SlotPrimitive.Slottable = SlotPrimitive.Slottable;\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,EAAA,cAAAC,IAAA,eAAAC,EAAAL,GAAA,IAAAM,EAAsC,oBAC/B,MAAMJ,EAAO,EAAAK,KAAc,KACrBJ,EAAO,EAAAI,KAAc,KACrBH,EAA4C,EAAAG,KAAc",
   "names": ["slot_exports", "__export", "Root", "Slot", "Slottable", "__toCommonJS", "import_radix_ui", "SlotPrimitive"]
 }

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

@@ -31,7 +31,7 @@ declare const themePropDefs: {
     accentColor: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
-        default: "indigo";
+        default: "blue";
     };
     /**
      * Selects one of the gray color options to use in the Theme.
@@ -42,7 +42,7 @@ declare const themePropDefs: {
     grayColor: {
         type: "enum";
         values: readonly ["auto", "gray", "mauve", "slate", "sage", "olive", "sand"];
-        default: "auto";
+        default: "slate";
     };
     /**
      * Controls whether to use a solid or translucent background color on panelled

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

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var i=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var a in e)t(o,a,{get:e[a],enumerable:!0})},d=(o,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!i.call(o,r)&&r!==a&&t(o,r,{get:()=>e[r],enumerable:!(n=f(e,r))||n.enumerable});return o};var y=o=>d(t({},"__esModule",{value:!0}),o);var h={};m(h,{themePropDefs:()=>l});module.exports=y(h);var s=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),u=require("../props/radius.prop.js");const g=["inherit","light","dark"],P=["solid","translucent"],D=["90%","95%","100%","105%","110%"],l={...s.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:g,default:"inherit"},accentColor:{type:"enum",values:p.accentColors,default:"indigo"},grayColor:{type:"enum",values:p.grayColors,default:"auto"},panelBackground:{type:"enum",values:P,default:"translucent"},radius:{type:"enum",values:u.radii,default:"medium"},scaling:{type:"enum",values:D,default:"100%"}};
+"use strict";var t=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var i=(o,e)=>{for(var a in e)t(o,a,{get:e[a],enumerable:!0})},y=(o,e,a,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of c(e))!m.call(o,r)&&r!==a&&t(o,r,{get:()=>e[r],enumerable:!(n=f(e,r))||n.enumerable});return o};var d=o=>y(t({},"__esModule",{value:!0}),o);var h={};i(h,{themePropDefs:()=>u});module.exports=d(h);var s=require("../props/as-child.prop.js"),p=require("../props/color.prop.js"),l=require("../props/radius.prop.js");const P=["inherit","light","dark"],g=["solid","translucent"],D=["90%","95%","100%","105%","110%"],u={...s.asChildPropDef,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:P,default:"inherit"},accentColor:{type:"enum",values:p.accentColors,default:"blue"},grayColor:{type:"enum",values:p.grayColors,default:"slate"},panelBackground:{type:"enum",values:g,default:"translucent"},radius:{type:"enum",values:l.radii,default:"medium"},scaling:{type:"enum",values:D,default:"100%"}};
 //# sourceMappingURL=theme.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'indigo' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'auto' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAEhDP,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,QAAS,EAOrE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,MAAO,EAQ/D,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQC,EAAU,QAAS,MAAO,CAC7D",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAyC,kCACzCC,EAAsB,mCAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAEhDP,EAAgB,CACpB,GAAG,iBAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQK,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQ,eAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQ,aAAY,QAAS,OAAQ,EAQhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQ,QAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQC,EAAU,QAAS,MAAO,CAC7D",
   "names": ["theme_props_exports", "__export", "themePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_radius_prop", "appearances", "panelBackgrounds", "scalings"]
 }

package/dist/cjs/helpers/require-react-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"require-react-element.d.ts","sourceRoot":"","sources":["../../../src/helpers/require-react-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4GAA4G;AAC5G,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,CAAC,SAAS,YAAY,CAAC,KAAG,CAgB5E,CAAC"}
+{"version":3,"file":"require-react-element.d.ts","sourceRoot":"","sources":["../../../src/helpers/require-react-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4GAA4G;AAC5G,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,KAAG,CAgB5E,CAAC"}

package/dist/esm/components/checkbox-group.primitive.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import{Checkbox as C,Direction as q}from"radix-ui";import{Context as N,Primitive as D,useComposedRefs as W,RovingFocus as d,useControllableState as U}from"radix-ui/internal";const{useDirection:A}=q,P="CheckboxGroup",[M,O]=N.createContextScope(P,[d.createRovingFocusGroupScope,C.createCheckboxScope]),I=d.createRovingFocusGroupScope(),g=C.createCheckboxScope(),[w,T]=M(P),v=e.forwardRef((r,n)=>{const{__scopeCheckboxGroup:o,name:i,defaultValue:c,value:t,required:p=!1,disabled:s=!1,orientation:h,dir:l,loop:b=!0,onValueChange:u,...k}=r,S=I(o),R=A(l),[E=[],a]=U({prop:t,defaultProp:c,onChange:u}),F=e.useCallback(x=>a((m=[])=>[...m,x]),[a]),_=e.useCallback(x=>a((m=[])=>m.filter(V=>V!==x)),[a]);return e.createElement(w,{scope:o,name:i,required:p,disabled:s,value:E,onItemCheck:F,onItemUncheck:_},e.createElement(d.Root,{asChild:!0,...S,orientation:h,dir:R,loop:b},e.createElement(D.div,{role:"group","data-disabled":s?"":void 0,dir:R,...k,ref:n})))});v.displayName=P;const y="CheckboxGroupItem",f=e.forwardRef((r,n)=>{const{__scopeCheckboxGroup:o,disabled:i,...c}=r,t=T(y,o),p=t.disabled||i,s=I(o),h=g(o),l=e.useRef(null),b=W(n,l),u=t.value?.includes(c.value);return e.createElement(d.Item,{asChild:!0,...s,focusable:!p,active:u},e.createElement(C.Root,{name:t.name,disabled:p,required:t.required,checked:u,...h,...c,ref:b,onCheckedChange:k=>{k?t.onItemCheck(r.value):t.onItemUncheck(r.value)}}))});f.displayName=y;const B="CheckboxGroupIndicator",G=e.forwardRef((r,n)=>{const{__scopeCheckboxGroup:o,...i}=r,c=g(o);return e.createElement(C.Indicator,{...c,...i,ref:n})});G.displayName=B;const H=v,K=f,X=G;export{v as CheckboxGroup,G as CheckboxGroupIndicator,f as CheckboxGroupItem,X as Indicator,K as Item,H as Root,O as createCheckboxGroupScope};
+"use client";import*as e from"react";import{Checkbox as C,Direction as q}from"radix-ui";import{Context as N,Primitive as D,useComposedRefs as W,RovingFocus as d,useControllableState as U}from"radix-ui/internal";const{useDirection:A}=q,P="CheckboxGroup",[M,O]=N.createContextScope(P,[d.createRovingFocusGroupScope,C.createCheckboxScope]),I=d.createRovingFocusGroupScope(),g=C.createCheckboxScope(),[w,T]=M(P),v=e.forwardRef((r,n)=>{const{__scopeCheckboxGroup:o,name:i,defaultValue:c,value:t,required:p=!1,disabled:s=!1,orientation:h,dir:l,loop:b=!0,onValueChange:u,...k}=r,S=I(o),R=A(l),[E=[],a]=U({prop:t,defaultProp:c??[],onChange:u}),F=e.useCallback(x=>a((m=[])=>[...m,x]),[a]),_=e.useCallback(x=>a((m=[])=>m.filter(V=>V!==x)),[a]);return e.createElement(w,{scope:o,name:i,required:p,disabled:s,value:E,onItemCheck:F,onItemUncheck:_},e.createElement(d.Root,{asChild:!0,...S,orientation:h,dir:R,loop:b},e.createElement(D.div,{role:"group","data-disabled":s?"":void 0,dir:R,...k,ref:n})))});v.displayName=P;const y="CheckboxGroupItem",f=e.forwardRef((r,n)=>{const{__scopeCheckboxGroup:o,disabled:i,...c}=r,t=T(y,o),p=t.disabled||i,s=I(o),h=g(o),l=e.useRef(null),b=W(n,l),u=t.value?.includes(c.value);return e.createElement(d.Item,{asChild:!0,...s,focusable:!p,active:u},e.createElement(C.Root,{name:t.name,disabled:p,required:t.required,checked:u,...h,...c,ref:b,onCheckedChange:k=>{k?t.onItemCheck(r.value):t.onItemUncheck(r.value)}}))});f.displayName=y;const B="CheckboxGroupIndicator",G=e.forwardRef((r,n)=>{const{__scopeCheckboxGroup:o,...i}=r,c=g(o);return e.createElement(C.Indicator,{...c,...i,ref:n})});G.displayName=B;const H=v,K=f,X=G;export{v as CheckboxGroup,G as CheckboxGroupIndicator,f as CheckboxGroupItem,X as Indicator,K as Item,H as Root,O as createCheckboxGroupScope};
 //# sourceMappingURL=checkbox-group.primitive.js.map

package/dist/esm/components/checkbox-group.primitive.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox-group.primitive.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive, Direction } from 'radix-ui';\nimport {\n  Context,\n  Primitive,\n  useComposedRefs,\n  RovingFocus,\n  useControllableState,\n} from 'radix-ui/internal';\n\nconst { useDirection } = Direction;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(\n  CHECKBOX_GROUP_NAME,\n  [RovingFocus.createRovingFocusGroupScope, CheckboxPrimitive.createCheckboxScope]\n);\nconst useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();\nconst useCheckboxScope = CheckboxPrimitive.createCheckboxScope();\n\ntype CheckboxGroupContextValue = {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck(value: string): void;\n  onItemUncheck(value: string): void;\n};\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocus.Root>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface CheckboxGroupProps extends PrimitiveDivProps {\n  name?: CheckboxGroupContextValue['name'];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];\n  dir?: RovingFocusGroupProps['dir'];\n  orientation?: RovingFocusGroupProps['orientation'];\n  loop?: RovingFocusGroupProps['loop'];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue['value'];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (props: ScopedProps<CheckboxGroupProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue,\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue]\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n      [setValue]\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocus.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div\n            role=\"group\"\n            data-disabled={disabled ? '' : undefined}\n            dir={direction}\n            {...groupProps}\n            ref={forwardedRef}\n          />\n        </RovingFocus.Root>\n      </CheckboxGroupProvider>\n    );\n  }\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'CheckboxGroupItem';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\ninterface CheckboxGroupItemProps\n  extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, disabled, ...itemProps } = props;\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const ref = React.useRef<React.ElementRef<typeof CheckboxPrimitive.Root>>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const checked = context.value?.includes(itemProps.value);\n\n    return (\n      <RovingFocus.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...itemProps}\n          ref={composedRefs}\n          onCheckedChange={(checked) => {\n            if (checked) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocus.Item>\n    );\n  }\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxGroupIndicator';\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\ninterface CheckboxGroupIndicatorProps extends CheckboxIndicatorProps {}\n\nconst CheckboxGroupIndicator = React.forwardRef<\n  CheckboxGroupIndicatorElement,\n  CheckboxGroupIndicatorProps\n>((props: ScopedProps<CheckboxGroupIndicatorProps>, forwardedRef) => {\n  const { __scopeCheckboxGroup, ...indicatorProps } = props;\n  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n  return <CheckboxPrimitive.Indicator {...checkboxScope} {...indicatorProps} ref={forwardedRef} />;\n});\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  //\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  //\n  Root,\n  Item,\n  Indicator,\n};\nexport type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupIndicatorProps };\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive, Direction } from 'radix-ui';\nimport {\n  Context,\n  Primitive,\n  useComposedRefs,\n  RovingFocus,\n  useControllableState,\n} from 'radix-ui/internal';\n\nconst { useDirection } = Direction;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(\n  CHECKBOX_GROUP_NAME,\n  [RovingFocus.createRovingFocusGroupScope, CheckboxPrimitive.createCheckboxScope],\n);\nconst useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();\nconst useCheckboxScope = CheckboxPrimitive.createCheckboxScope();\n\ntype CheckboxGroupContextValue = {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck(value: string): void;\n  onItemUncheck(value: string): void;\n};\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\ntype RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocus.Root>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface CheckboxGroupProps extends PrimitiveDivProps {\n  name?: CheckboxGroupContextValue['name'];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];\n  dir?: RovingFocusGroupProps['dir'];\n  orientation?: RovingFocusGroupProps['orientation'];\n  loop?: RovingFocusGroupProps['loop'];\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue['value'];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (props: ScopedProps<CheckboxGroupProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue ?? [],\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue],\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n      [setValue],\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <RovingFocus.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div\n            role=\"group\"\n            data-disabled={disabled ? '' : undefined}\n            dir={direction}\n            {...groupProps}\n            ref={forwardedRef}\n          />\n        </RovingFocus.Root>\n      </CheckboxGroupProvider>\n    );\n  },\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'CheckboxGroupItem';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\ninterface CheckboxGroupItemProps\n  extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, disabled, ...itemProps } = props;\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const ref = React.useRef<React.ElementRef<typeof CheckboxPrimitive.Root>>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const checked = context.value?.includes(itemProps.value);\n\n    return (\n      <RovingFocus.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...itemProps}\n          ref={composedRefs}\n          onCheckedChange={(checked) => {\n            if (checked) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocus.Item>\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxGroupIndicator';\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\ninterface CheckboxGroupIndicatorProps extends CheckboxIndicatorProps {}\n\nconst CheckboxGroupIndicator = React.forwardRef<\n  CheckboxGroupIndicatorElement,\n  CheckboxGroupIndicatorProps\n>((props: ScopedProps<CheckboxGroupIndicatorProps>, forwardedRef) => {\n  const { __scopeCheckboxGroup, ...indicatorProps } = props;\n  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n  return <CheckboxPrimitive.Indicator {...checkboxScope} {...indicatorProps} ref={forwardedRef} />;\n});\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  //\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  //\n  Root,\n  Item,\n  Indicator,\n};\nexport type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupIndicatorProps };\n"],
+  "mappings": "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",
   "names": ["React", "CheckboxPrimitive", "Direction", "Context", "Primitive", "useComposedRefs", "RovingFocus", "useControllableState", "useDirection", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "createCheckboxGroupScope", "useRovingFocusGroupScope", "useCheckboxScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroup", "props", "forwardedRef", "__scopeCheckboxGroup", "name", "defaultValue", "valueProp", "required", "disabled", "orientation", "dir", "loop", "onValueChange", "groupProps", "rovingFocusGroupScope", "direction", "value", "setValue", "handleItemCheck", "itemValue", "prevValue", "handleItemUncheck", "ITEM_NAME", "CheckboxGroupItem", "itemProps", "context", "isDisabled", "checkboxScope", "ref", "composedRefs", "checked", "INDICATOR_NAME", "CheckboxGroupIndicator", "indicatorProps", "Root", "Item", "Indicator"]
 }

package/dist/esm/components/checkbox.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import C from"classnames";import{Checkbox as t}from"radix-ui";import{useControllableState as f}from"radix-ui/internal";import{checkboxPropDefs as d}from"./checkbox.props.js";import{ThickCheckIcon as l,ThickDividerHorizontalIcon as x}from"./icons.js";import{extractProps as P}from"../helpers/extract-props.js";import{marginPropDefs as b}from"../props/margin.props.js";const c=e.forwardRef((p,i)=>{const{className:s,color:h,checked:a,defaultChecked:o,onCheckedChange:m,...n}=P(p,d,b),[r,k]=f({prop:a,defaultProp:o,onChange:m});return e.createElement(t.Root,{"data-accent-color":h,...n,defaultChecked:o,checked:r,onCheckedChange:k,asChild:!1,ref:i,className:C("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",s)},e.createElement(t.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},e.createElement(r==="indeterminate"?x:l,null)))});c.displayName="Checkbox";export{c as Checkbox};
+"use client";import*as e from"react";import C from"classnames";import{Checkbox as t}from"radix-ui";import{useControllableState as f}from"radix-ui/internal";import{checkboxPropDefs as d}from"./checkbox.props.js";import{ThickCheckIcon as l,ThickDividerHorizontalIcon as x}from"./icons.js";import{extractProps as P}from"../helpers/extract-props.js";import{marginPropDefs as b}from"../props/margin.props.js";const c=e.forwardRef((p,s)=>{const{className:i,color:h,checked:a,defaultChecked:o,onCheckedChange:m,...n}=P(p,d,b),[r,k]=f({prop:a,defaultProp:o??!1,onChange:m});return e.createElement(t.Root,{"data-accent-color":h,...n,defaultChecked:o,checked:r,onCheckedChange:k,asChild:!1,ref:s,className:C("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",i)},e.createElement(t.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},e.createElement(r==="indeterminate"?x:l,null)))});c.displayName="Checkbox";export{c as Checkbox};
 //# sourceMappingURL=checkbox.js.map

package/dist/esm/components/checkbox.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { checkboxPropDefs } from './checkbox.props.js';\nimport { ThickCheckIcon, ThickDividerHorizontalIcon } from './icons.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 } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxOwnProps = GetPropDefTypes<typeof checkboxPropDefs>;\ninterface CheckboxProps\n  extends ComponentPropsWithout<\n      typeof CheckboxPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    CheckboxOwnProps {}\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((props, forwardedRef) => {\n  const {\n    className,\n    color,\n    checked: checkedProp,\n    defaultChecked: defaultCheckedProp,\n    onCheckedChange,\n    ...checkboxProps\n  } = extractProps(props, checkboxPropDefs, marginPropDefs);\n\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultCheckedProp,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxPrimitive.Root\n      data-accent-color={color}\n      {...checkboxProps}\n      defaultChecked={defaultCheckedProp}\n      checked={checked}\n      onCheckedChange={setChecked}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCheckboxRoot', 'rt-CheckboxRoot', className)}\n    >\n      <CheckboxPrimitive.Indicator\n        asChild\n        className=\"rt-BaseCheckboxIndicator rt-CheckboxIndicator\"\n      >\n        {checked === 'indeterminate' ? <ThickDividerHorizontalIcon /> : <ThickCheckIcon />}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],
-  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,YAAYC,MAAyB,WAC9C,OAAS,wBAAAC,MAA4B,oBAErC,OAAS,oBAAAC,MAAwB,sBACjC,OAAS,kBAAAC,EAAgB,8BAAAC,MAAkC,aAC3D,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAe/B,MAAMC,EAAWT,EAAM,WAA2C,CAACU,EAAOC,IAAiB,CACzF,KAAM,CACJ,UAAAC,EACA,MAAAC,EACA,QAASC,EACT,eAAgBC,EAChB,gBAAAC,EACA,GAAGC,CACL,EAAIV,EAAaG,EAAON,EAAkBI,CAAc,EAElD,CAACU,EAASC,CAAU,EAAIhB,EAAqB,CACjD,KAAMW,EACN,YAAaC,EACb,SAAUC,CACZ,CAAC,EAED,OACEhB,EAAA,cAACE,EAAkB,KAAlB,CACC,oBAAmBW,EAClB,GAAGI,EACJ,eAAgBF,EAChB,QAASG,EACT,gBAAiBC,EACjB,QAAS,GACT,IAAKR,EACL,UAAWV,EAAW,WAAY,sBAAuB,kBAAmBW,CAAS,GAErFZ,EAAA,cAACE,EAAkB,UAAlB,CACC,QAAO,GACP,UAAU,iDAEqBF,EAAA,cAA9BkB,IAAY,gBAAmBZ,EAAiCD,EAAjC,IAA2B,CAC7D,CACF,CAEJ,CAAC,EACDI,EAAS,YAAc",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { checkboxPropDefs } from './checkbox.props.js';\nimport { ThickCheckIcon, ThickDividerHorizontalIcon } from './icons.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 } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxOwnProps = GetPropDefTypes<typeof checkboxPropDefs>;\ninterface CheckboxProps\n  extends ComponentPropsWithout<\n      typeof CheckboxPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    CheckboxOwnProps {}\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((props, forwardedRef) => {\n  const {\n    className,\n    color,\n    checked: checkedProp,\n    defaultChecked: defaultCheckedProp,\n    onCheckedChange,\n    ...checkboxProps\n  } = extractProps(props, checkboxPropDefs, marginPropDefs);\n\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultCheckedProp ?? false,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxPrimitive.Root\n      data-accent-color={color}\n      {...checkboxProps}\n      defaultChecked={defaultCheckedProp}\n      checked={checked}\n      onCheckedChange={setChecked}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCheckboxRoot', 'rt-CheckboxRoot', className)}\n    >\n      <CheckboxPrimitive.Indicator\n        asChild\n        className=\"rt-BaseCheckboxIndicator rt-CheckboxIndicator\"\n      >\n        {checked === 'indeterminate' ? <ThickDividerHorizontalIcon /> : <ThickCheckIcon />}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,YAAYC,MAAyB,WAC9C,OAAS,wBAAAC,MAA4B,oBAErC,OAAS,oBAAAC,MAAwB,sBACjC,OAAS,kBAAAC,EAAgB,8BAAAC,MAAkC,aAC3D,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAe/B,MAAMC,EAAWT,EAAM,WAA2C,CAACU,EAAOC,IAAiB,CACzF,KAAM,CACJ,UAAAC,EACA,MAAAC,EACA,QAASC,EACT,eAAgBC,EAChB,gBAAAC,EACA,GAAGC,CACL,EAAIV,EAAaG,EAAON,EAAkBI,CAAc,EAElD,CAACU,EAASC,CAAU,EAAIhB,EAAqB,CACjD,KAAMW,EACN,YAAaC,GAAsB,GACnC,SAAUC,CACZ,CAAC,EAED,OACEhB,EAAA,cAACE,EAAkB,KAAlB,CACC,oBAAmBW,EAClB,GAAGI,EACJ,eAAgBF,EAChB,QAASG,EACT,gBAAiBC,EACjB,QAAS,GACT,IAAKR,EACL,UAAWV,EAAW,WAAY,sBAAuB,kBAAmBW,CAAS,GAErFZ,EAAA,cAACE,EAAkB,UAAlB,CACC,QAAO,GACP,UAAU,iDAEqBF,EAAA,cAA9BkB,IAAY,gBAAmBZ,EAAiCD,EAAjC,IAA2B,CAC7D,CACF,CAEJ,CAAC,EACDI,EAAS,YAAc",
   "names": ["React", "classNames", "CheckboxPrimitive", "useControllableState", "checkboxPropDefs", "ThickCheckIcon", "ThickDividerHorizontalIcon", "extractProps", "marginPropDefs", "Checkbox", "props", "forwardedRef", "className", "color", "checkedProp", "defaultCheckedProp", "onCheckedChange", "checkboxProps", "checked", "setChecked"]
 }

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

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import a from"classnames";import{ToggleGroup as m}from"radix-ui";import{useControllableState as S}from"radix-ui/internal";import{segmentedControlRootPropDefs as v}from"./segmented-control.props.js";import{extractProps as I}from"../helpers/extract-props.js";import{marginPropDefs as c}from"../props/margin.props.js";const p=e.forwardRef((o,t)=>{const{className:r,children:n,radius:d,value:i,defaultValue:g,onValueChange:f,...P}=I(o,v,c),[u,C]=S({prop:i,onChange:f,defaultProp:g});return e.createElement(m.Root,{"data-disabled":o.disabled||void 0,"data-radius":d,ref:t,className:a("rt-SegmentedControlRoot",r),onValueChange:s=>{s&&C(s)},...P,type:"single",value:u,asChild:!1,disabled:!!o.disabled},n,e.createElement("div",{className:"rt-SegmentedControlIndicator"}))});p.displayName="SegmentedControl.Root";const l=e.forwardRef(({children:o,className:t,...r},n)=>e.createElement(m.Item,{ref:n,className:a("rt-reset","rt-SegmentedControlItem",t),...r,disabled:!1,asChild:!1},e.createElement("span",{className:"rt-SegmentedControlItemSeparator"}),e.createElement("span",{className:"rt-SegmentedControlItemLabel"},e.createElement("span",{className:"rt-SegmentedControlItemLabelActive"},o),e.createElement("span",{className:"rt-SegmentedControlItemLabelInactive","aria-hidden":!0},o))));l.displayName="SegmentedControl.Item";export{l as Item,p as Root};
+"use client";import*as e from"react";import a from"classnames";import{ToggleGroup as m}from"radix-ui";import{useControllableState as S}from"radix-ui/internal";import{segmentedControlRootPropDefs as v}from"./segmented-control.props.js";import{extractProps as I}from"../helpers/extract-props.js";import{marginPropDefs as c}from"../props/margin.props.js";const p=e.forwardRef((o,t)=>{const{className:r,children:n,radius:d,value:i,defaultValue:g,onValueChange:f,...P}=I(o,v,c),[u,C]=S({prop:i,onChange:f,defaultProp:g??""});return e.createElement(m.Root,{"data-disabled":o.disabled||void 0,"data-radius":d,ref:t,className:a("rt-SegmentedControlRoot",r),onValueChange:s=>{s&&C(s)},...P,type:"single",value:u,asChild:!1,disabled:!!o.disabled},n,e.createElement("div",{className:"rt-SegmentedControlIndicator"}))});p.displayName="SegmentedControl.Root";const l=e.forwardRef(({children:o,className:t,...r},n)=>e.createElement(m.Item,{ref:n,className:a("rt-reset","rt-SegmentedControlItem",t),...r,disabled:!1,asChild:!1},e.createElement("span",{className:"rt-SegmentedControlItemSeparator"}),e.createElement("span",{className:"rt-SegmentedControlItemLabel"},e.createElement("span",{className:"rt-SegmentedControlItemLabelActive"},o),e.createElement("span",{className:"rt-SegmentedControlItemLabelInactive","aria-hidden":!0},o))));l.displayName="SegmentedControl.Item";export{l as Item,p as Root};
 //# sourceMappingURL=segmented-control.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/segmented-control.tsx"],
-  "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}\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, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SegmentedControlItem', className)}\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"],
-  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAeC,MAA4B,WACpD,OAAS,wBAAAC,MAA4B,oBAErC,OAAS,gCAAAC,MAAoC,+BAC7C,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAiB/B,MAAMC,EAAuBP,EAAM,WACjC,CAACQ,EAAOC,IAAiB,CACvB,KAAM,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,GAAGC,CACL,EAAIX,EAAaG,EAAOJ,EAA8BE,CAAc,EAE9D,CAACW,EAAOC,CAAQ,EAAIf,EAAqB,CAC7C,KAAMU,EACN,SAAUE,EACV,YAAaD,CACf,CAAC,EAED,OACEd,EAAA,cAACE,EAAqB,KAArB,CACC,gBAAeM,EAAM,UAAY,OACjC,cAAaI,EACb,IAAKH,EACL,UAAWR,EAAW,0BAA2BS,CAAS,EAC1D,cAAgBO,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACC,GAAGD,EACJ,KAAK,SACL,MAAOC,EACP,QAAS,GACT,SAAU,CAAC,CAACT,EAAM,UAEjBG,EACDX,EAAA,cAAC,OAAI,UAAU,+BAA+B,CAChD,CAEJ,CACF,EAEAO,EAAqB,YAAc,wBAanC,MAAMY,EAAuBnB,EAAM,WACjC,CAAC,CAAE,SAAAW,EAAU,UAAAD,EAAW,GAAGF,CAAM,EAAGC,IAClCT,EAAA,cAACE,EAAqB,KAArB,CACC,IAAKO,EACL,UAAWR,EAAW,WAAY,0BAA2BS,CAAS,EACrE,GAAGF,EACJ,SAAU,GACV,QAAS,IAETR,EAAA,cAAC,QAAK,UAAU,mCAAmC,EACnDA,EAAA,cAAC,QAAK,UAAU,gCACdA,EAAA,cAAC,QAAK,UAAU,sCAAsCW,CAAS,EAC/DX,EAAA,cAAC,QAAK,UAAU,uCAAuC,cAAW,IAC/DW,CACH,CACF,CACF,CAEJ,EAEAQ,EAAqB,YAAc",
+  "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}\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, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SegmentedControlItem', className)}\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"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAeC,MAA4B,WACpD,OAAS,wBAAAC,MAA4B,oBAErC,OAAS,gCAAAC,MAAoC,+BAC7C,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAiB/B,MAAMC,EAAuBP,EAAM,WACjC,CAACQ,EAAOC,IAAiB,CACvB,KAAM,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,GAAGC,CACL,EAAIX,EAAaG,EAAOJ,EAA8BE,CAAc,EAE9D,CAACW,EAAOC,CAAQ,EAAIf,EAAqB,CAC7C,KAAMU,EACN,SAAUE,EACV,YAAaD,GAAoB,EACnC,CAAC,EAED,OACEd,EAAA,cAACE,EAAqB,KAArB,CACC,gBAAeM,EAAM,UAAY,OACjC,cAAaI,EACb,IAAKH,EACL,UAAWR,EAAW,0BAA2BS,CAAS,EAC1D,cAAgBO,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACC,GAAGD,EACJ,KAAK,SACL,MAAOC,EACP,QAAS,GACT,SAAU,CAAC,CAACT,EAAM,UAEjBG,EACDX,EAAA,cAAC,OAAI,UAAU,+BAA+B,CAChD,CAEJ,CACF,EAEAO,EAAqB,YAAc,wBAanC,MAAMY,EAAuBnB,EAAM,WACjC,CAAC,CAAE,SAAAW,EAAU,UAAAD,EAAW,GAAGF,CAAM,EAAGC,IAClCT,EAAA,cAACE,EAAqB,KAArB,CACC,IAAKO,EACL,UAAWR,EAAW,WAAY,0BAA2BS,CAAS,EACrE,GAAGF,EACJ,SAAU,GACV,QAAS,IAETR,EAAA,cAAC,QAAK,UAAU,mCAAmC,EACnDA,EAAA,cAAC,QAAK,UAAU,gCACdA,EAAA,cAAC,QAAK,UAAU,sCAAsCW,CAAS,EAC/DX,EAAA,cAAC,QAAK,UAAU,uCAAuC,cAAW,IAC/DW,CACH,CACF,CACF,CAEJ,EAEAQ,EAAqB,YAAc",
   "names": ["React", "classNames", "ToggleGroupPrimitive", "useControllableState", "segmentedControlRootPropDefs", "extractProps", "marginPropDefs", "SegmentedControlRoot", "props", "forwardedRef", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "rootProps", "value", "setValue", "SegmentedControlItem"]
 }

package/dist/esm/components/slot.d.ts

@@ -1,7 +1,5 @@
 import { Slot as SlotPrimitive } from 'radix-ui';
 export declare const Root: import("react").ForwardRefExoticComponent<SlotPrimitive.SlotProps & import("react").RefAttributes<HTMLElement>>;
 export declare const Slot: import("react").ForwardRefExoticComponent<SlotPrimitive.SlotProps & import("react").RefAttributes<HTMLElement>>;
-export declare const Slottable: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+export declare const Slottable: typeof SlotPrimitive.Slottable;
 //# sourceMappingURL=slot.d.ts.map

package/dist/esm/components/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/components/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,SAAS;cAC2I,MAAO,SAAS;6CADjI,CAAC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../../src/components/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,UAAU,CAAC;AACjD,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,IAAI,iHAAqB,CAAC;AACvC,eAAO,MAAM,SAAS,EAAE,OAAO,aAAa,CAAC,SAAmC,CAAC"}

package/dist/esm/components/slot.js

@@ -1,2 +1,2 @@
-import{Slot as o}from"radix-ui";const l=o.Root,e=o.Root,r=o.Slottable;export{l as Root,e as Slot,r as Slottable};
+import{Slot as t}from"radix-ui";const l=t.Root,e=t.Root,i=t.Slottable;export{l as Root,e as Slot,i as Slottable};
 //# sourceMappingURL=slot.js.map

package/dist/esm/components/slot.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/slot.tsx"],
-  "sourcesContent": ["import { Slot as SlotPrimitive } from 'radix-ui';\nexport const Root = SlotPrimitive.Root;\nexport const Slot = SlotPrimitive.Root;\nexport const Slottable = SlotPrimitive.Slottable;\n"],
-  "mappings": "AAAA,OAAS,QAAQA,MAAqB,WAC/B,MAAMC,EAAOD,EAAc,KACrBE,EAAOF,EAAc,KACrBG,EAAYH,EAAc",
+  "sourcesContent": ["import { Slot as SlotPrimitive } from 'radix-ui';\nexport const Root = SlotPrimitive.Root;\nexport const Slot = SlotPrimitive.Root;\nexport const Slottable: typeof SlotPrimitive.Slottable = SlotPrimitive.Slottable;\n"],
+  "mappings": "AAAA,OAAS,QAAQA,MAAqB,WAC/B,MAAMC,EAAOD,EAAc,KACrBE,EAAOF,EAAc,KACrBG,EAA4CH,EAAc",
   "names": ["SlotPrimitive", "Root", "Slot", "Slottable"]
 }

package/dist/esm/components/theme.props.d.ts

@@ -31,7 +31,7 @@ declare const themePropDefs: {
     accentColor: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
-        default: "indigo";
+        default: "blue";
     };
     /**
      * Selects one of the gray color options to use in the Theme.
@@ -42,7 +42,7 @@ declare const themePropDefs: {
     grayColor: {
         type: "enum";
         values: readonly ["auto", "gray", "mauve", "slate", "sage", "olive", "sand"];
-        default: "auto";
+        default: "slate";
     };
     /**
      * Controls whether to use a solid or translucent background color on panelled

package/dist/esm/components/theme.props.js

@@ -1,2 +1,2 @@
-import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColors as o,grayColors as r}from"../props/color.prop.js";import{radii as a}from"../props/radius.prop.js";const p=["inherit","light","dark"],t=["solid","translucent"],n=["90%","95%","100%","105%","110%"],s={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:p,default:"inherit"},accentColor:{type:"enum",values:o,default:"indigo"},grayColor:{type:"enum",values:r,default:"auto"},panelBackground:{type:"enum",values:t,default:"translucent"},radius:{type:"enum",values:a,default:"medium"},scaling:{type:"enum",values:n,default:"100%"}};export{s as themePropDefs};
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColors as o,grayColors as r}from"../props/color.prop.js";import{radii as a}from"../props/radius.prop.js";const p=["inherit","light","dark"],t=["solid","translucent"],n=["90%","95%","100%","105%","110%"],s={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:p,default:"inherit"},accentColor:{type:"enum",values:o,default:"blue"},grayColor:{type:"enum",values:r,default:"slate"},panelBackground:{type:"enum",values:t,default:"translucent"},radius:{type:"enum",values:a,default:"medium"},scaling:{type:"enum",values:n,default:"100%"}};export{s as themePropDefs};
 //# sourceMappingURL=theme.props.js.map

package/dist/esm/components/theme.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/theme.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'indigo' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'auto' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,EAAc,cAAAC,MAAkB,yBACzC,OAAS,SAAAC,MAAa,0BAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAEhDC,EAAgB,CACpB,GAAGP,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQI,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQH,EAAc,QAAS,QAAS,EAOrE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,MAAO,EAQ/D,gBAAiB,CAAE,KAAM,OAAQ,OAAQG,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQF,EAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQG,EAAU,QAAS,MAAO,CAC7D",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst scalings = ['90%', '95%', '100%', '105%', '110%'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'blue' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'slate' },\n  /**\n   * Controls whether to use a solid or translucent background color on panelled\n   * elements such as Card or Table is solid or translucent.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: 'translucent' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'medium' },\n  /**\n   * Sets a scaling multiplier for values like spacing, font sizes, line heights, etc. are scaled.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/layout\n   */\n  scaling: { type: 'enum', values: scalings, default: '100%' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  scaling: PropDef<(typeof scalings)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,EAAc,cAAAC,MAAkB,yBACzC,OAAS,SAAAC,MAAa,0BAItB,MAAMC,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAW,CAAC,MAAO,MAAO,OAAQ,OAAQ,MAAM,EAEhDC,EAAgB,CACpB,GAAGP,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQI,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQH,EAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,OAAQ,EAQhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQG,EAAkB,QAAS,aAAc,EAOlF,OAAQ,CAAE,KAAM,OAAQ,OAAQF,EAAO,QAAS,QAAS,EAOzD,QAAS,CAAE,KAAM,OAAQ,OAAQG,EAAU,QAAS,MAAO,CAC7D",
   "names": ["asChildPropDef", "accentColors", "grayColors", "radii", "appearances", "panelBackgrounds", "scalings", "themePropDefs"]
 }

package/dist/esm/helpers/require-react-element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"require-react-element.d.ts","sourceRoot":"","sources":["../../../src/helpers/require-react-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4GAA4G;AAC5G,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,CAAC,SAAS,YAAY,CAAC,KAAG,CAgB5E,CAAC"}
+{"version":3,"file":"require-react-element.d.ts","sourceRoot":"","sources":["../../../src/helpers/require-react-element.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,4GAA4G;AAC5G,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,CAAC,SAAS,EAAE,UAAU,CAAC,KAAG,CAgB5E,CAAC"}