@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

package/dist/cjs/components/_internal/base-button.d.ts

@@ -4,11 +4,47 @@ import type { MarginProps } from '../../props/margin.props.js';
 import type { ComponentPropsWithout, RemovedProps } from '../../helpers/component-props.js';
 import type { GetPropDefTypes } from '../../props/prop-def.js';
 type BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;
+/**
+ * Polymorphic BaseButton props that support rendering as different HTML elements
+ * Uses the proper ComponentPropsWithout pattern for type safety
+ * @template C - The element type to render as (defaults to 'button')
+ */
 type PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {
+    /** Element type to render as (e.g., 'a', 'span', etc.) */
     as?: C;
 } & BaseButtonOwnProps & MarginProps & ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;
+/**
+ * BaseButton props interface that combines all available props
+ */
 interface BaseButtonProps extends PolymorphicBaseButtonProps {
 }
+/**
+ * BaseButton component that provides the core button functionality
+ *
+ * This is the foundational button component that handles all the complex logic
+ * including loading states, accessibility, performance optimizations, and
+ * polymorphic rendering. It's used by Button, IconButton, and other button
+ * variants to ensure consistent behavior across the design system.
+ *
+ * Key features:
+ * - Loading state with spinner and accessibility announcements
+ * - Performance optimizations for backdrop-filter effects
+ * - Comprehensive accessibility support
+ * - Polymorphic rendering support
+ * - Material/panel background handling
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BaseButton>Click me</BaseButton>
+ *
+ * // With loading state
+ * <BaseButton loading>Processing...</BaseButton>
+ *
+ * // Polymorphic rendering
+ * <BaseButton as="a" href="/link">Link Button</BaseButton>
+ * ```
+ */
 declare const BaseButton: React.ForwardRefExoticComponent<BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { BaseButton };
 export type { BaseButtonProps };

package/dist/cjs/components/_internal/base-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAQ5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAGrE,KAAK,0BAA0B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACxE,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,kBAAkB,GACpB,WAAW,GACX,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AAE/F,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D,QAAA,MAAM,UAAU,2FAkFd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAQ5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAG/D,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE;;;;GAIG;AACH,KAAK,0BAA0B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI;IACxE,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,kBAAkB,GACpB,WAAW,GACX,qBAAqB,CAAC,CAAC,EAAE,YAAY,GAAG,MAAM,kBAAkB,GAAG,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC;AAE/F;;GAEG;AACH,UAAU,eAAgB,SAAQ,0BAA0B;CAAG;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,UAAU,2FAoKd,CAAC;AAGH,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-button.js

@@ -1,2 +1,2 @@
-"use strict";var N=Object.create;var r=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var O=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var G=(e,o)=>{for(var s in o)r(e,s,{get:o[s],enumerable:!0})},B=(e,o,s,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of M(o))!F.call(e,n)&&n!==s&&r(e,n,{get:()=>o[n],enumerable:!(a=I(o,n))||a.enumerable});return e};var c=(e,o,s)=>(s=e!=null?N(O(e)):{},B(o||!e||!e.__esModule?r(s,"default",{value:e,enumerable:!0}):s,e)),H=e=>B(r({},"__esModule",{value:!0}),e);var V={};G(V,{BaseButton:()=>l});module.exports=H(V);var t=c(require("react")),y=c(require("classnames")),P=require("radix-ui"),d=require("./base-button.props.js"),b=require("../flex.js"),h=require("../spinner.js"),g=require("../visually-hidden.js"),C=require("../../helpers/extract-props.js"),i=require("../../helpers/map-prop-values.js"),x=require("../../props/margin.props.js");const l=t.forwardRef((e,o)=>{const{size:s=d.baseButtonPropDefs.size.default}=e,{className:a,children:n,asChild:u,as:p,color:w,radius:D,panelBackground:z,flush:S,disabled:m=e.loading,...T}=(0,C.extractProps)(e,d.baseButtonPropDefs,x.marginPropDefs),j=u?P.Slot.Root:p||"button",k=u||!p||["button","input","textarea","select"].includes(p),v=t.useId(),f=e.loading?`${v}-loading`:void 0,E=e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":f}:{};return t.createElement(j,{"data-disabled":m||void 0,"data-accent-color":w,"data-radius":D,"data-panel-background":z,"data-flush":S?"true":void 0,...T,...E,ref:o,className:(0,y.default)("rt-reset","rt-BaseButton",a),...k&&{disabled:m}},e.loading?t.createElement(t.Fragment,null,t.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},n),t.createElement(g.VisuallyHidden,null,t.createElement("span",{id:f},"Loading, please wait..."),n),t.createElement(b.Flex,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},t.createElement("span",null,t.createElement(h.Spinner,{size:(0,i.mapResponsiveProp)(s,i.mapButtonSizeToSpinnerSize),"aria-hidden":"true"})))):n)});l.displayName="BaseButton";
+"use strict";var $=Object.create;var l=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var J=(e,n)=>{for(var r in n)l(e,r,{get:n[r],enumerable:!0})},g=(e,n,r,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of U(n))!A.call(e,o)&&o!==r&&l(e,o,{get:()=>n[o],enumerable:!(i=L(n,o))||i.enumerable});return e};var h=(e,n,r)=>(r=e!=null?$(q(e)):{},g(n||!e||!e.__esModule?l(r,"default",{value:e,enumerable:!0}):r,e)),K=e=>g(l({},"__esModule",{value:!0}),e);var Q={};J(Q,{BaseButton:()=>f});module.exports=K(Q);var t=h(require("react")),C=h(require("classnames")),T=require("radix-ui"),m=require("./base-button.props.js"),v=require("../flex.js"),w=require("../spinner.js"),M=require("../visually-hidden.js"),x=require("../../helpers/extract-props.js"),p=require("../../helpers/map-prop-values.js"),k=require("../../props/margin.props.js");const f=t.forwardRef((e,n)=>{const{size:r=m.baseButtonPropDefs.size.default}=e,{className:i,children:o,asChild:y,as:u,color:E,radius:D,material:S,panelBackground:z,flush:j,disabled:B=e.loading,...I}=(0,x.extractProps)(e,m.baseButtonPropDefs,k.marginPropDefs);t.useEffect(()=>{e.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[e.panelBackground]);const a=S??z,b=t.useRef(null);t.useEffect(()=>{const s=b.current;if(!s)return;if(a==="translucent"){s.style.setProperty("will-change","backdrop-filter");const H=()=>{const W=getComputedStyle(s).getPropertyValue("--duration-2")||"75ms",G=parseInt(W)||75;setTimeout(()=>{s&&a!=="translucent"&&s.style.setProperty("will-change","auto")},G)},P=new MutationObserver(H);return P.observe(s,{attributes:!0,attributeFilter:["data-material"]}),()=>{P.disconnect(),s.style.setProperty("will-change","auto")}}else s.style.setProperty("will-change","auto")},[a]);const N=y?T.Slot.Root:u||"button",O=y||!u||["button","input","textarea","select"].includes(u),V=t.useId(),d=e.loading?`${V}-loading`:void 0,c=t.useMemo(()=>typeof o=="string"?o:t.isValidElement(o)&&typeof o.props?.children=="string"?o.props.children:"button",[o]),F=t.useMemo(()=>e.loading?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":d,"aria-label":`${c} (loading)`}:{},[e.loading,d,c]);return t.createElement(N,{"data-disabled":B||void 0,"data-accent-color":E,"data-radius":D,"data-material":a,"data-panel-background":a,"data-flush":j?"true":void 0,...I,...F,ref:s=>{typeof n=="function"?n(s):n&&(n.current=s),b.current=s},className:(0,C.default)("rt-reset","rt-BaseButton",i),...O&&{disabled:B}},e.loading?t.createElement(t.Fragment,null,t.createElement("span",{style:{display:"contents",visibility:"hidden"},"aria-hidden":!0},o),t.createElement(M.VisuallyHidden,null,t.createElement("span",{id:d},c," is loading, please wait..."),o),t.createElement(v.Flex,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},t.createElement("span",null,t.createElement(w.Spinner,{size:(0,p.mapResponsiveProp)(r,p.mapButtonSizeToSpinnerSize),"aria-hidden":"true"})))):o)});f.displayName="BaseButton";
 //# sourceMappingURL=base-button.js.map

package/dist/cjs/components/_internal/base-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { mapResponsiveProp, mapButtonSizeToSpinnerSize } from '../../helpers/map-prop-values.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 BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n// Polymorphic types using the proper ComponentPropsWithout pattern\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n  as?: C;\n} & BaseButtonOwnProps &\n  MarginProps &\n  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;\n\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props, forwardedRef) => {\n  const { size = baseButtonPropDefs.size.default } = props;\n  const {\n    className,\n    children,\n    asChild,\n    as,\n    color,\n    radius,\n    panelBackground,\n    flush,\n    disabled = props.loading,\n    ...baseButtonProps\n  } = extractProps(props, baseButtonPropDefs, marginPropDefs);\n\n  // asChild takes precedence over as prop\n  const Comp = asChild ? Slot.Root : as || 'button';\n\n  // Only pass disabled for elements that support it\n  const shouldPassDisabled =\n    asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n  // Generate unique ID for loading announcements\n  const loadingId = React.useId();\n  const describedById = props.loading ? `${loadingId}-loading` : undefined;\n\n  // Enhanced accessibility props for loading state\n  const accessibilityProps = props.loading\n    ? {\n        'aria-busy': true,\n        'aria-disabled': true,\n        'aria-describedby': describedById,\n      }\n    : {};\n\n  return (\n    <Comp\n      // The `data-disabled` attribute enables correct styles when doing `<Button asChild disabled>`\n      data-disabled={disabled || undefined}\n      data-accent-color={color}\n      data-radius={radius}\n      data-panel-background={panelBackground}\n      data-flush={flush ? 'true' : undefined}\n      {...baseButtonProps}\n      {...accessibilityProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseButton', className)}\n      {...(shouldPassDisabled && { disabled })}\n    >\n      {props.loading ? (\n        <>\n          {/**\n           * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n           * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n           *\n           * However, `display: contents` removes the content from the accessibility tree in some browsers,\n           * so we force remove it with `aria-hidden` and re-add it in the tree with `VisuallyHidden`\n           */}\n          <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n            {children}\n          </span>\n\n          {/* Enhanced accessibility for loading state */}\n          <VisuallyHidden>\n            <span id={describedById}>Loading, please wait...</span>\n            {children}\n          </VisuallyHidden>\n\n          <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n            <span>\n              <Spinner\n                size={mapResponsiveProp(size, mapButtonSizeToSpinnerSize)}\n                aria-hidden=\"true\"\n              />\n            </span>\n          </Flex>\n        </>\n      ) : (\n        children\n      )}\n    </Comp>\n  );\n});\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAAmC,kCACnCC,EAAqB,sBACrBC,EAAwB,yBACxBC,EAA+B,iCAC/BC,EAA6B,0CAC7BC,EAA8D,4CAC9DC,EAA+B,uCAkB/B,MAAMX,EAAaE,EAAM,WAA+C,CAACU,EAAOC,IAAiB,CAC/F,KAAM,CAAE,KAAAC,EAAO,qBAAmB,KAAK,OAAQ,EAAIF,EAC7C,CACJ,UAAAG,EACA,SAAAC,EACA,QAAAC,EACA,GAAAC,EACA,MAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,SAAAC,EAAWX,EAAM,QACjB,GAAGY,CACL,KAAI,gBAAaZ,EAAO,qBAAoB,gBAAc,EAGpDa,EAAOR,EAAU,OAAK,KAAOC,GAAM,SAGnCQ,EACJT,GAAW,CAACC,GAAM,CAAC,SAAU,QAAS,WAAY,QAAQ,EAAE,SAASA,CAAE,EAGnES,EAAYzB,EAAM,MAAM,EACxB0B,EAAgBhB,EAAM,QAAU,GAAGe,CAAS,WAAa,OAGzDE,EAAqBjB,EAAM,QAC7B,CACE,YAAa,GACb,gBAAiB,GACjB,mBAAoBgB,CACtB,EACA,CAAC,EAEL,OACE1B,EAAA,cAACuB,EAAA,CAEC,gBAAeF,GAAY,OAC3B,oBAAmBJ,EACnB,cAAaC,EACb,wBAAuBC,EACvB,aAAYC,EAAQ,OAAS,OAC5B,GAAGE,EACH,GAAGK,EACJ,IAAKhB,EACL,aAAW,EAAAiB,SAAW,WAAY,gBAAiBf,CAAS,EAC3D,GAAIW,GAAsB,CAAE,SAAAH,CAAS,GAErCX,EAAM,QACLV,EAAA,cAAAA,EAAA,cAQEA,EAAA,cAAC,QAAK,MAAO,CAAE,QAAS,WAAY,WAAY,QAAS,EAAG,cAAW,IACpEc,CACH,EAGAd,EAAA,cAAC,sBACCA,EAAA,cAAC,QAAK,GAAI0B,GAAe,yBAAuB,EAC/CZ,CACH,EAEAd,EAAA,cAAC,QAAK,QAAO,GAAC,MAAM,SAAS,QAAQ,SAAS,SAAS,WAAW,MAAM,KACtEA,EAAA,cAAC,YACCA,EAAA,cAAC,WACC,QAAM,qBAAkBY,EAAM,4BAA0B,EACxD,cAAY,OACd,CACF,CACF,CACF,EAEAE,CAEJ,CAEJ,CAAC,EACDhB,EAAW,YAAc",
-  "names": ["base_button_exports", "__export", "BaseButton", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_base_button_props", "import_flex", "import_spinner", "import_visually_hidden", "import_extract_props", "import_map_prop_values", "import_margin_props", "props", "forwardedRef", "size", "className", "children", "asChild", "as", "color", "radius", "panelBackground", "flush", "disabled", "baseButtonProps", "Comp", "shouldPassDisabled", "loadingId", "describedById", "accessibilityProps", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { VisuallyHidden } from '../visually-hidden.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { mapResponsiveProp, mapButtonSizeToSpinnerSize } from '../../helpers/map-prop-values.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 BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n/**\n * Polymorphic BaseButton props that support rendering as different HTML elements\n * Uses the proper ComponentPropsWithout pattern for type safety\n * @template C - The element type to render as (defaults to 'button')\n */\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & BaseButtonOwnProps &\n  MarginProps &\n  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | keyof MarginProps | 'as'>;\n\n/**\n * BaseButton props interface that combines all available props\n */\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\n/**\n * BaseButton component that provides the core button functionality\n *\n * This is the foundational button component that handles all the complex logic\n * including loading states, accessibility, performance optimizations, and\n * polymorphic rendering. It's used by Button, IconButton, and other button\n * variants to ensure consistent behavior across the design system.\n *\n * Key features:\n * - Loading state with spinner and accessibility announcements\n * - Performance optimizations for backdrop-filter effects\n * - Comprehensive accessibility support\n * - Polymorphic rendering support\n * - Material/panel background handling\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BaseButton>Click me</BaseButton>\n *\n * // With loading state\n * <BaseButton loading>Processing...</BaseButton>\n *\n * // Polymorphic rendering\n * <BaseButton as=\"a\" href=\"/link\">Link Button</BaseButton>\n * ```\n */\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((props, forwardedRef) => {\n  const { size = baseButtonPropDefs.size.default } = props;\n\n  // Extract button-specific props from the combined props object\n  const {\n    className,\n    children,\n    asChild,\n    as,\n    color,\n    radius,\n    material,\n    panelBackground,\n    flush,\n    disabled = props.loading, // Loading state automatically disables the button\n    ...baseButtonProps\n  } = extractProps(props, baseButtonPropDefs, marginPropDefs);\n\n  // Show deprecation warning for panelBackground when used\n  // This helps developers migrate to the new material prop\n  React.useEffect(() => {\n    if (props.panelBackground !== undefined) {\n      console.warn(\n        'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n      );\n    }\n  }, [props.panelBackground]);\n\n  // Material takes precedence over panelBackground for backward compatibility\n  const effectiveMaterial = material ?? panelBackground;\n\n  // Will-change cleanup for backdrop-filter performance optimization\n  // This prevents layout thrashing when using translucent materials\n  const buttonRef = React.useRef<HTMLElement>(null);\n\n  React.useEffect(() => {\n    const button = buttonRef.current;\n    if (!button) return;\n\n    const hasTranslucentMaterial = effectiveMaterial === 'translucent';\n\n    if (hasTranslucentMaterial) {\n      // Add will-change when material is translucent to optimize rendering\n      button.style.setProperty('will-change', 'backdrop-filter');\n\n      // Clean up will-change after transition completes to prevent memory leaks\n      const cleanup = () => {\n        const transitionDuration =\n          getComputedStyle(button).getPropertyValue('--duration-2') || '75ms';\n        const duration = parseInt(transitionDuration) || 75;\n\n        setTimeout(() => {\n          if (button && effectiveMaterial !== 'translucent') {\n            button.style.setProperty('will-change', 'auto');\n          }\n        }, duration);\n      };\n\n      // Listen for material changes to clean up will-change property\n      const observer = new MutationObserver(cleanup);\n      observer.observe(button, { attributes: true, attributeFilter: ['data-material'] });\n\n      return () => {\n        observer.disconnect();\n        button.style.setProperty('will-change', 'auto');\n      };\n    } else {\n      // Remove will-change when material is not translucent\n      button.style.setProperty('will-change', 'auto');\n    }\n  }, [effectiveMaterial]);\n\n  // asChild takes precedence over as prop for Radix Slot integration\n  const Comp = asChild ? Slot.Root : as || 'button';\n\n  // Only pass disabled for elements that support it\n  // This prevents invalid HTML attributes on unsupported elements\n  const shouldPassDisabled =\n    asChild || !as || ['button', 'input', 'textarea', 'select'].includes(as);\n\n  // Generate unique ID for loading announcements\n  const loadingId = React.useId();\n  const describedById = props.loading ? `${loadingId}-loading` : undefined;\n\n  // Extract button text for accessibility announcements\n  const buttonText = React.useMemo(() => {\n    if (typeof children === 'string') return children;\n    if (React.isValidElement(children) && typeof (children.props as any)?.children === 'string') {\n      return (children.props as any).children;\n    }\n    return 'button';\n  }, [children]);\n\n  // Enhanced accessibility props for loading state\n  // These ensure screen readers announce the loading state properly\n  const accessibilityProps = React.useMemo(() => {\n    if (props.loading) {\n      return {\n        'aria-busy': true,\n        'aria-disabled': true,\n        'aria-describedby': describedById,\n        'aria-label': `${buttonText} (loading)`,\n      };\n    }\n    return {};\n  }, [props.loading, describedById, buttonText]);\n\n  return (\n    <Comp\n      // The `data-disabled` attribute enables correct styles when doing `<Button asChild disabled>`\n      data-disabled={disabled || undefined}\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={effectiveMaterial}\n      data-panel-background={effectiveMaterial}\n      data-flush={flush ? 'true' : undefined}\n      {...baseButtonProps}\n      {...accessibilityProps}\n      ref={(node) => {\n        // Handle both forwarded ref and internal ref for performance optimization\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n        buttonRef.current = node;\n      }}\n      className={classNames('rt-reset', 'rt-BaseButton', className)}\n      {...(shouldPassDisabled && { disabled })}\n    >\n      {props.loading ? (\n        <>\n          {/**\n           * We need a wrapper to set `visibility: hidden` to hide the button content whilst we show the `Spinner`.\n           * The button is a flex container with a `gap`, so we use `display: contents` to ensure the correct flex layout.\n           *\n           * However, `display: contents` removes the content from the accessibility tree in some browsers,\n           * so we force remove it with `aria-hidden` and re-add it in the tree with `VisuallyHidden`\n           */}\n          <span style={{ display: 'contents', visibility: 'hidden' }} aria-hidden>\n            {children}\n          </span>\n\n          {/* Enhanced accessibility for loading state */}\n          <VisuallyHidden>\n            <span id={describedById}>{buttonText} is loading, please wait...</span>\n            {children}\n          </VisuallyHidden>\n\n          {/* Centered spinner overlay during loading state */}\n          <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n            <span>\n              <Spinner\n                size={mapResponsiveProp(size, mapButtonSizeToSpinnerSize)}\n                aria-hidden=\"true\"\n              />\n            </span>\n          </Flex>\n        </>\n      ) : (\n        children\n      )}\n    </Comp>\n  );\n});\nBaseButton.displayName = 'BaseButton';\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
+  "mappings": "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",
+  "names": ["base_button_exports", "__export", "BaseButton", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_base_button_props", "import_flex", "import_spinner", "import_visually_hidden", "import_extract_props", "import_map_prop_values", "import_margin_props", "props", "forwardedRef", "size", "className", "children", "asChild", "as", "color", "radius", "material", "panelBackground", "flush", "disabled", "baseButtonProps", "effectiveMaterial", "buttonRef", "button", "cleanup", "transitionDuration", "duration", "observer", "Comp", "shouldPassDisabled", "loadingId", "describedById", "buttonText", "accessibilityProps", "node", "classNames"]
 }

package/dist/cjs/components/_internal/base-button.props.d.ts

@@ -1,19 +1,73 @@
+/**
+ * Base button prop definitions that define the component's API
+ *
+ * These props are used by all button variants (Button, IconButton, etc.)
+ * to ensure consistent behavior and styling across the design system.
+ *
+ * Key features:
+ * - Responsive sizing with mobile-first approach
+ * - Six visual variants for different interface contexts
+ * - Comprehensive color system with semantic meanings
+ * - Loading states with automatic accessibility
+ * - Material system for visual depth and elevation
+ * - Polymorphic rendering support via asChild
+ *
+ * @example
+ * ```tsx
+ * // Basic button with default props
+ * <BaseButton>Click me</BaseButton>
+ *
+ * // Button with custom size and variant
+ * <BaseButton size="3" variant="solid">Primary Action</BaseButton>
+ *
+ * // Button with loading state
+ * <BaseButton loading>Processing...</BaseButton>
+ *
+ * // Button with material and high contrast
+ * <BaseButton material="translucent" highContrast>Elevated Button</BaseButton>
+ * ```
+ */
 declare const baseButtonPropDefs: {
+    /**
+     * Loading state that shows a spinner and disables interaction
+     * Automatically sets disabled=true and provides accessibility announcements
+     */
     loading: {
         type: "boolean";
         className: string;
         default: false;
     };
+    /**
+     * Full width mode that expands the button to fill its container
+     * Useful for mobile layouts and form submissions
+     */
     fullWidth: {
         type: "boolean";
         className: string;
         default: false;
     };
+    /**
+     * Material type for visual rendering and depth effects
+     * Controls how the button renders its visual elements
+     */
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * Panel background type (deprecated)
+     * @deprecated Use `material` prop instead. This prop will be removed in a future version.
+     */
     panelBackground: {
         type: "enum";
         values: readonly ["solid", "translucent"];
         default: undefined;
     };
+    /**
+     * Flush mode that removes visual padding for seamless text integration
+     * Only effective with ghost variant
+     */
     flush: {
         type: "boolean";
         default: false;
@@ -33,6 +87,10 @@ declare const baseButtonPropDefs: {
         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: "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";
     };
+    /**
+     * Button size for responsive design and interface density
+     * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }
+     */
     size: {
         type: "enum";
         className: string;
@@ -40,6 +98,9 @@ declare const baseButtonPropDefs: {
         default: "2";
         responsive: true;
     };
+    /**
+     * Visual variant that determines the button's appearance and context
+     */
     variant: {
         type: "enum";
         className: string;

package/dist/cjs/components/_internal/base-button.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBvB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,kBAAkB;IActB;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;IAnCH;;;OAGG;;;;;;;;IAEH;;OAEG;;;;;;;;;;CAsCJ,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-button.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var s in e)t(o,s,{get:e[s],enumerable:!0})},D=(o,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of d(e))!c.call(o,a)&&a!==s&&t(o,a,{get:()=>e[a],enumerable:!(r=u(e,a))||r.enumerable});return o};var P=o=>D(t({},"__esModule",{value:!0}),o);var h={};m(h,{baseButtonPropDefs:()=>i});module.exports=P(h);var n=require("../../props/as-child.prop.js"),l=require("../../props/color.prop.js"),f=require("../../props/high-contrast.prop.js"),p=require("../../props/radius.prop.js");const b=["1","2","3","4"],y=["classic","solid","soft","surface","outline","ghost"],g=["solid","translucent"],i={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:b,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"solid"},...l.accentColorPropDef,...f.highContrastPropDef,...p.radiusPropDef,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},panelBackground:{type:"enum",values:g,default:void 0},flush:{type:"boolean",default:!1}};
+"use strict";var t=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var c=(a,e)=>{for(var s in e)t(a,s,{get:e[s],enumerable:!0})},D=(a,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of d(e))!m.call(a,o)&&o!==s&&t(a,o,{get:()=>e[o],enumerable:!(n=u(e,o))||n.enumerable});return a};var P=a=>D(t({},"__esModule",{value:!0}),a);var h={};c(h,{baseButtonPropDefs:()=>p});module.exports=P(h);var r=require("../../props/as-child.prop.js"),l=require("../../props/color.prop.js"),f=require("../../props/high-contrast.prop.js"),i=require("../../props/radius.prop.js");const y=["1","2","3","4"],b=["classic","solid","soft","surface","outline","ghost"],v=["solid","translucent"],g=["solid","translucent"],p={...r.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:b,default:"solid"},...l.accentColorPropDef,...f.highContrastPropDef,...i.radiusPropDef,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:g,default:void 0},panelBackground:{type:"enum",values:v,default:void 0},flush:{type:"boolean",default:!1}};
 //# sourceMappingURL=base-button.props.js.map

package/dist/cjs/components/_internal/base-button.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-button.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  loading: { type: 'boolean', className: 'rt-loading', default: false },\n  fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,wCAC/BC,EAAmC,qCACnCC,EAAoC,6CACpCC,EAA8B,sCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,OAAO,EACrEC,EAAmB,CAAC,QAAS,aAAa,EAE1CR,EAAqB,CACzB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,qBACH,GAAG,sBACH,GAAG,gBACH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EACpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EACzE,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
-  "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds"]
+  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 24px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - classic: Premium, sophisticated appearance\n * - solid: Primary actions that should be noticed first\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost'] as const;\n\n/**\n * Available panel background options (deprecated)\n * @deprecated Use `materials` instead\n */\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\n/**\n * Available material options for visual rendering\n * - solid: Opaque backgrounds and borders\n * - translucent: Elevated effects with depth and visual separation\n */\nconst materials = ['solid', 'translucent'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button, IconButton, etc.)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Material system for visual depth and elevation\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * \n * // Button with material and high contrast\n * <BaseButton material=\"translucent\" highContrast>Elevated Button</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'rt-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n  /**\n   * Material type for visual rendering and depth effects\n   * Controls how the button renders its visual elements\n   */\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * Panel background type (deprecated)\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Flush mode that removes visual padding for seamless text integration\n   * Only effective with ghost variant\n   */\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,wCAC/BC,EAAmC,qCACnCC,EAAoC,6CACpCC,EAA8B,sCAW9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,OAAO,EAMrEC,EAAmB,CAAC,QAAS,aAAa,EAO1CC,EAAY,CAAC,QAAS,aAAa,EA+BnCT,EAAqB,CACzB,GAAG,iBAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAI5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,qBACH,GAAG,sBACH,GAAG,gBAKH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EAKpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EAKzE,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,MAAU,EAKhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,EAK9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds", "materials"]
 }

package/dist/cjs/components/_internal/base-checkbox.props.d.ts

@@ -19,9 +19,14 @@ declare const baseCheckboxPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "solid", "soft"];
+        values: readonly ["classic", "solid", "soft", "outline", "surface"];
         default: "solid";
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
 };
 export { baseCheckboxPropDefs };
 //# sourceMappingURL=base-checkbox.props.d.ts.map

package/dist/cjs/components/_internal/base-checkbox.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-checkbox.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-checkbox.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;CAQzB,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"base-checkbox.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-checkbox.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUzB,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-checkbox.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(e,s)=>{for(var r in s)t(e,r,{get:s[r],enumerable:!0})},u=(e,s,r,a)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of m(s))!c.call(e,o)&&o!==r&&t(e,o,{get:()=>s[o],enumerable:!(a=n(s,o))||a.enumerable});return e};var v=e=>u(t({},"__esModule",{value:!0}),e);var d={};l(d,{baseCheckboxPropDefs:()=>f});module.exports=v(d);var i=require("../../props/color.prop.js"),p=require("../../props/high-contrast.prop.js");const D=["1","2","3"],P=["classic","solid","soft"],f={size:{type:"enum",className:"rt-r-size",values:D,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:P,default:"solid"},...i.colorPropDef,...p.highContrastPropDef};
+"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(s,e)=>{for(var a in e)r(s,a,{get:e[a],enumerable:!0})},c=(s,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!m.call(s,t)&&t!==a&&r(s,t,{get:()=>e[t],enumerable:!(o=f(e,t))||o.enumerable});return s};var d=s=>c(r({},"__esModule",{value:!0}),s);var P={};u(P,{baseCheckboxPropDefs:()=>p});module.exports=d(P);var i=require("../../props/color.prop.js"),n=require("../../props/high-contrast.prop.js");const v=["1","2","3"],y=["classic","solid","soft","outline","surface"],D=["solid","translucent"],p={size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"solid"},material:{type:"enum",values:D,default:void 0},...i.colorPropDef,...n.highContrastPropDef};
 //# sourceMappingURL=base-checkbox.props.js.map

package/dist/cjs/components/_internal/base-checkbox.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-checkbox.props.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'solid', 'soft'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { baseCheckboxPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,MAAM,EAEtCL,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,eACH,GAAG,qBACL",
-  "names": ["base_checkbox_props_exports", "__export", "baseCheckboxPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "variants"]
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseCheckboxPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAY,CAAC,QAAS,aAAa,EAEnCN,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,GAAG,eACH,GAAG,qBACL",
+  "names": ["base_checkbox_props_exports", "__export", "baseCheckboxPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "variants", "materials"]
 }

package/dist/cjs/components/_internal/base-menu.props.d.ts

@@ -22,6 +22,14 @@ declare const baseMenuContentPropDefs: {
         values: readonly ["solid", "soft"];
         default: "solid";
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * @deprecated Use `material` prop instead. This prop will be removed in a future version.
+     */
     panelBackground: {
         type: "enum";
         values: readonly ["solid", "translucent"];

package/dist/cjs/components/_internal/base-menu.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB5B,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,GAC1B,CAAC"}
+{"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmB3B;;OAEG;;;;;;CAaJ,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,GAC1B,CAAC"}

package/dist/cjs/components/_internal/base-menu.props.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var n in e)r(t,n,{get:e[n],enumerable:!0})},g=(t,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!D.call(t,s)&&s!==n&&r(t,s,{get:()=>e[s],enumerable:!(a=l(e,s))||a.enumerable});return t};var y=t=>g(r({},"__esModule",{value:!0}),t);var k={};P(k,{baseMenuCheckboxItemPropDefs:()=>c,baseMenuContentPropDefs:()=>f,baseMenuItemPropDefs:()=>u,baseMenuRadioItemPropDefs:()=>m});module.exports=y(k);var p=require("../../props/as-child.prop.js"),o=require("../../props/color.prop.js"),i=require("../../props/high-contrast.prop.js");const b=["1","2"],h=["solid","soft"],v=["solid","translucent"],f={size:{type:"enum",className:"rt-r-size",values:b,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},panelBackground:{type:"enum",values:v,default:void 0},...o.colorPropDef,...i.highContrastPropDef},u={...p.asChildPropDef,...o.colorPropDef,shortcut:{type:"string"}},c={...o.colorPropDef,shortcut:{type:"string"}},m={...o.colorPropDef};
+"use strict";var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},y=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!D.call(t,s)&&s!==o&&r(t,s,{get:()=>e[s],enumerable:!(a=m(e,s))||a.enumerable});return t};var b=t=>y(r({},"__esModule",{value:!0}),t);var z={};P(z,{baseMenuCheckboxItemPropDefs:()=>c,baseMenuContentPropDefs:()=>f,baseMenuItemPropDefs:()=>u,baseMenuRadioItemPropDefs:()=>l});module.exports=b(z);var i=require("../../props/as-child.prop.js"),n=require("../../props/color.prop.js"),p=require("../../props/high-contrast.prop.js");const g=["1","2"],h=["solid","soft"],v=["solid","translucent"],k=["solid","translucent"],f={size:{type:"enum",className:"rt-r-size",values:g,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},material:{type:"enum",values:k,default:void 0},panelBackground:{type:"enum",values:v,default:void 0},...n.colorPropDef,...p.highContrastPropDef},u={...i.asChildPropDef,...n.colorPropDef,shortcut:{type:"string"}},c={...n.colorPropDef,shortcut:{type:"string"}},l={...n.colorPropDef};
 //# sourceMappingURL=base-menu.props.js.map

package/dist/cjs/components/_internal/base-menu.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-menu.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseMenuContentPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: contentVariants,\n    default: 'solid',\n  },\n  panelBackground: {\n    type: 'enum',\n    values: panelBackgrounds,\n    default: undefined,\n  },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n};\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAA+B,wCAC/BC,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAE1CT,EAA0B,CAC9B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQO,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,gBAAiB,CACf,KAAM,OACN,OAAQC,EACR,QAAS,MACX,EACA,GAAG,eACH,GAAG,qBACL,EAMMR,EAAuB,CAC3B,GAAG,iBACH,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMF,EAA+B,CACnC,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMG,EAA4B,CAChC,GAAG,cACL",
-  "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "contentSizes", "contentVariants", "panelBackgrounds"]
+  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseMenuContentPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: contentVariants,\n    default: 'solid',\n  },\n  material: {\n    type: 'enum',\n    values: materials,\n    default: undefined,\n  },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: {\n    type: 'enum',\n    values: panelBackgrounds,\n    default: undefined,\n  },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n};\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAA+B,wCAC/BC,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCV,EAA0B,CAC9B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQO,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,SAAU,CACR,KAAM,OACN,OAAQE,EACR,QAAS,MACX,EAIA,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,MACX,EACA,GAAG,eACH,GAAG,qBACL,EAOMR,EAAuB,CAC3B,GAAG,iBACH,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMF,EAA+B,CACnC,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMG,EAA4B,CAChC,GAAG,cACL",
+  "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "contentSizes", "contentVariants", "panelBackgrounds", "materials"]
 }

package/dist/cjs/components/_internal/base-radio.props.d.ts

@@ -19,9 +19,14 @@ declare const baseRadioPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "solid", "soft"];
+        values: readonly ["classic", "solid", "soft", "outline", "surface"];
         default: "solid";
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
 };
 export { baseRadioPropDefs };
 //# sourceMappingURL=base-radio.props.d.ts.map

package/dist/cjs/components/_internal/base-radio.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-radio.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-radio.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;CAQtB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"base-radio.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-radio.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUtB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-radio.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var l=(e,s)=>{for(var r in s)t(e,r,{get:s[r],enumerable:!0})},u=(e,s,r,a)=>{if(s&&typeof s=="object"||typeof s=="function")for(let o of m(s))!c.call(e,o)&&o!==r&&t(e,o,{get:()=>s[o],enumerable:!(a=n(s,o))||a.enumerable});return e};var v=e=>u(t({},"__esModule",{value:!0}),e);var P={};l(P,{baseRadioPropDefs:()=>f});module.exports=v(P);var i=require("../../props/color.prop.js"),p=require("../../props/high-contrast.prop.js");const d=["1","2","3"],D=["classic","solid","soft"],f={size:{type:"enum",className:"rt-r-size",values:d,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:D,default:"solid"},...i.colorPropDef,...p.highContrastPropDef};
+"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(s,e)=>{for(var a in e)r(s,a,{get:e[a],enumerable:!0})},c=(s,e,a,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!m.call(s,t)&&t!==a&&r(s,t,{get:()=>e[t],enumerable:!(o=f(e,t))||o.enumerable});return s};var d=s=>c(r({},"__esModule",{value:!0}),s);var P={};u(P,{baseRadioPropDefs:()=>p});module.exports=d(P);var i=require("../../props/color.prop.js"),n=require("../../props/high-contrast.prop.js");const v=["1","2","3"],y=["classic","solid","soft","outline","surface"],D=["solid","translucent"],p={size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"solid"},material:{type:"enum",values:D,default:void 0},...i.colorPropDef,...n.highContrastPropDef};
 //# sourceMappingURL=base-radio.props.js.map

package/dist/cjs/components/_internal/base-radio.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-radio.props.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'solid', 'soft'] as const;\n\nconst baseRadioPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { baseRadioPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,MAAM,EAEtCL,EAAoB,CACxB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,eACH,GAAG,qBACL",
-  "names": ["base_radio_props_exports", "__export", "baseRadioPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "variants"]
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseRadioPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseRadioPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,uBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAY,CAAC,QAAS,aAAa,EAEnCN,EAAoB,CACxB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,GAAG,eACH,GAAG,qBACL",
+  "names": ["base_radio_props_exports", "__export", "baseRadioPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "sizes", "variants", "materials"]
 }

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import type { AccordionRootOwnProps, AccordionItemOwnProps, AccordionHeaderOwnProps, AccordionTriggerOwnProps, AccordionContentOwnProps } from './accordion.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface AccordionRootProps extends ComponentPropsWithout<typeof AccordionPrimitive.Root, RemovedProps>, AccordionRootOwnProps {
+}
+declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionItemProps extends ComponentPropsWithout<typeof AccordionPrimitive.Item, RemovedProps>, AccordionItemOwnProps {
+}
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+interface AccordionHeaderProps extends ComponentPropsWithout<typeof AccordionPrimitive.Header, RemovedProps>, AccordionHeaderOwnProps {
+}
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+interface AccordionTriggerProps extends ComponentPropsWithout<typeof AccordionPrimitive.Trigger, RemovedProps>, AccordionTriggerOwnProps {
+}
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends ComponentPropsWithout<typeof AccordionPrimitive.Content, RemovedProps>, AccordionContentOwnProps {
+}
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export { AccordionRoot as Root, AccordionItem as Item, AccordionHeader as Header, AccordionTrigger as Trigger, AccordionContent as Content, };
+export type { AccordionRootProps as RootProps, AccordionItemProps as ItemProps, AccordionHeaderProps as HeaderProps, AccordionTriggerProps as TriggerProps, AccordionContentProps as ContentProps, };
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAW3D,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAIzF,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,IAAI,EAAE,YAAY,CAAC,EACzE,qBAAqB;CAAG;AAE5B,QAAA,MAAM,aAAa,2FAgElB,CAAC;AAKF,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,IAAI,EAAE,YAAY,CAAC,EACzE,qBAAqB;CAAG;AAE5B,QAAA,MAAM,aAAa,2FAYlB,CAAC;AAKF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,MAAM,EAAE,YAAY,CAAC,EAC3E,uBAAuB;CAAG;AAE9B,QAAA,MAAM,eAAe,iGAYpB,CAAC;AAKF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC5E,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,iGAwBrB,CAAC;AAKF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC5E,wBAAwB;CAAG;AAE/B,QAAA,MAAM,gBAAgB,8FAerB,CAAC;AAGF,OAAO,EACL,aAAa,IAAI,IAAI,EACrB,aAAa,IAAI,IAAI,EACrB,eAAe,IAAI,MAAM,EACzB,gBAAgB,IAAI,OAAO,EAC3B,gBAAgB,IAAI,OAAO,GAC5B,CAAC;AAEF,YAAY,EACV,kBAAkB,IAAI,SAAS,EAC/B,kBAAkB,IAAI,SAAS,EAC/B,oBAAoB,IAAI,WAAW,EACnC,qBAAqB,IAAI,YAAY,EACrC,qBAAqB,IAAI,YAAY,GACtC,CAAC"}

package/dist/cjs/components/accordion.js

@@ -0,0 +1,2 @@
+"use strict";var h=Object.create;var f=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var W=(o,e)=>{for(var r in e)f(o,r,{get:e[r],enumerable:!0})},v=(o,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of O(e))!k.call(o,c)&&c!==r&&f(o,c,{get:()=>e[c],enumerable:!(n=x(e,c))||n.enumerable});return o};var E=(o,e,r)=>(r=o!=null?h(D(o)):{},v(e||!o||!o.__esModule?f(r,"default",{value:o,enumerable:!0}):r,o)),b=o=>v(f({},"__esModule",{value:!0}),o);var B={};W(B,{Content:()=>C,Header:()=>y,Item:()=>u,Root:()=>g,Trigger:()=>R});module.exports=b(B);var t=E(require("react")),a=E(require("classnames")),d=require("radix-ui"),i=require("./accordion.props.js"),p=require("../helpers/extract-props.js");const g=t.forwardRef((o,e)=>{const{className:r,panelBackground:n,material:c,flush:P,radius:m,color:H,...I}=(0,p.extractProps)(o,i.accordionRootPropDefs),s=I;t.useEffect(()=>{o.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[o.panelBackground]);const T=c??n;s.type==="single"&&s.collapsible===void 0&&(s.collapsible=!0);const N=t.useCallback(l=>{if(s.type==="multiple"){const A=l.currentTarget.querySelectorAll("[data-radix-accordion-item]");l.key==="Home"?(l.preventDefault(),A[0]?.querySelector("[data-radix-accordion-trigger]")?.focus()):l.key==="End"&&(l.preventDefault(),A[A.length-1]?.querySelector("[data-radix-accordion-trigger]")?.focus())}},[s.type]);return t.createElement(d.Accordion.Root,{...s,ref:e,className:(0,a.default)("rt-AccordionRoot",r),"data-accent-color":H,"data-panel-background":T,"data-material":T,"data-flush":P||void 0,"data-radius":m,onKeyDown:N})});g.displayName="Accordion.Root";const u=t.forwardRef((o,e)=>{const{className:r,...n}=(0,p.extractProps)(o,i.accordionItemPropDefs);return t.createElement(d.Accordion.Item,{...n,ref:e,className:(0,a.default)("rt-AccordionItem",r)})});u.displayName="Accordion.Item";const y=t.forwardRef((o,e)=>{const{className:r,...n}=(0,p.extractProps)(o,i.accordionHeaderPropDefs);return t.createElement(d.Accordion.Header,{...n,ref:e,className:(0,a.default)("rt-AccordionHeader",r)})});y.displayName="Accordion.Header";const R=t.forwardRef(({children:o,...e},r)=>{const{className:n,...c}=(0,p.extractProps)(e,i.accordionTriggerPropDefs),P=t.useRef(null);return t.createElement(d.Accordion.Trigger,{...c,ref:m=>{P.current=m,typeof r=="function"?r(m):r&&(r.current=m)},className:(0,a.default)("rt-AccordionTrigger",n)},o)});R.displayName="Accordion.Trigger";const C=t.forwardRef((o,e)=>{const{className:r,children:n,...c}=(0,p.extractProps)(o,i.accordionContentPropDefs);return t.createElement(d.Accordion.Content,{...c,ref:e,className:(0,a.default)("rt-AccordionContent",r),"aria-live":"polite"},t.createElement("div",{className:"rt-AccordionContentInner"},n))});C.displayName="Accordion.Content";
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/accordion.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Accordion as AccordionPrimitive } from 'radix-ui';\n\nimport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n} from './accordion.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type {\n  AccordionRootOwnProps,\n  AccordionItemOwnProps,\n  AccordionHeaderOwnProps,\n  AccordionTriggerOwnProps,\n  AccordionContentOwnProps,\n} from './accordion.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n// Root component\ntype AccordionRootElement = React.ElementRef<typeof AccordionPrimitive.Root>;\ninterface AccordionRootProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Root, RemovedProps>,\n    AccordionRootOwnProps {}\n\nconst AccordionRoot = React.forwardRef<AccordionRootElement, AccordionRootProps>(\n  (props, forwardedRef) => {\n    const { className, panelBackground, material, flush, radius, color, ...extractedRadixProps } =\n      extractProps(props, accordionRootPropDefs);\n\n    const radixProps = extractedRadixProps as React.ComponentPropsWithoutRef<\n      typeof AccordionPrimitive.Root\n    >;\n\n    // Show deprecation warning for panelBackground when used\n    React.useEffect(() => {\n      if (props.panelBackground !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n    }, [props.panelBackground]);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial = material ?? panelBackground;\n\n    // Ensure single accordions can collapse by default unless explicitly set\n    if (radixProps.type === 'single' && radixProps.collapsible === undefined) {\n      radixProps.collapsible = true;\n    }\n\n    // Handle Home/End key navigation for multi-item accordions\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent) => {\n        if (radixProps.type === 'multiple') {\n          const items = event.currentTarget.querySelectorAll('[data-radix-accordion-item]');\n\n          if (event.key === 'Home') {\n            event.preventDefault();\n            const firstTrigger = items[0]?.querySelector(\n              '[data-radix-accordion-trigger]',\n            ) as HTMLElement;\n            firstTrigger?.focus();\n          } else if (event.key === 'End') {\n            event.preventDefault();\n            const lastTrigger = items[items.length - 1]?.querySelector(\n              '[data-radix-accordion-trigger]',\n            ) as HTMLElement;\n            lastTrigger?.focus();\n          }\n        }\n      },\n      [radixProps.type],\n    );\n\n    return (\n      <AccordionPrimitive.Root\n        {...radixProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionRoot', className)}\n        data-accent-color={color}\n        data-panel-background={effectiveMaterial}\n        data-material={effectiveMaterial}\n        data-flush={flush || undefined}\n        data-radius={radius}\n        onKeyDown={handleKeyDown}\n      />\n    );\n  },\n);\nAccordionRoot.displayName = 'Accordion.Root';\n\n// Item component\ntype AccordionItemElement = React.ElementRef<typeof AccordionPrimitive.Item>;\ninterface AccordionItemProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Item, RemovedProps>,\n    AccordionItemOwnProps {}\n\nconst AccordionItem = React.forwardRef<AccordionItemElement, AccordionItemProps>(\n  (props, forwardedRef) => {\n    const { className, ...itemProps } = extractProps(props, accordionItemPropDefs);\n\n    return (\n      <AccordionPrimitive.Item\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionItem', className)}\n      />\n    );\n  },\n);\nAccordionItem.displayName = 'Accordion.Item';\n\n// Header component\ntype AccordionHeaderElement = React.ElementRef<typeof AccordionPrimitive.Header>;\ninterface AccordionHeaderProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Header, RemovedProps>,\n    AccordionHeaderOwnProps {}\n\nconst AccordionHeader = React.forwardRef<AccordionHeaderElement, AccordionHeaderProps>(\n  (props, forwardedRef) => {\n    const { className, ...headerProps } = extractProps(props, accordionHeaderPropDefs);\n\n    return (\n      <AccordionPrimitive.Header\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionHeader', className)}\n      />\n    );\n  },\n);\nAccordionHeader.displayName = 'Accordion.Header';\n\n// Trigger component\ntype AccordionTriggerElement = React.ElementRef<typeof AccordionPrimitive.Trigger>;\ninterface AccordionTriggerProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Trigger, RemovedProps>,\n    AccordionTriggerOwnProps {}\n\nconst AccordionTrigger = React.forwardRef<AccordionTriggerElement, AccordionTriggerProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { className, ...triggerProps } = extractProps(props, accordionTriggerPropDefs);\n\n    // Radix UI handles focus management automatically\n    const triggerRef = React.useRef<HTMLButtonElement>(null);\n\n    return (\n      <AccordionPrimitive.Trigger\n        {...triggerProps}\n        ref={(node) => {\n          triggerRef.current = node;\n          if (typeof forwardedRef === 'function') {\n            forwardedRef(node);\n          } else if (forwardedRef) {\n            forwardedRef.current = node;\n          }\n        }}\n        className={classNames('rt-AccordionTrigger', className)}\n      >\n        {children}\n      </AccordionPrimitive.Trigger>\n    );\n  },\n);\nAccordionTrigger.displayName = 'Accordion.Trigger';\n\n// Content component\ntype AccordionContentElement = React.ElementRef<typeof AccordionPrimitive.Content>;\ninterface AccordionContentProps\n  extends ComponentPropsWithout<typeof AccordionPrimitive.Content, RemovedProps>,\n    AccordionContentOwnProps {}\n\nconst AccordionContent = React.forwardRef<AccordionContentElement, AccordionContentProps>(\n  (props, forwardedRef) => {\n    const { className, children, ...contentProps } = extractProps(props, accordionContentPropDefs);\n\n    return (\n      <AccordionPrimitive.Content\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('rt-AccordionContent', className)}\n        aria-live=\"polite\"\n      >\n        <div className=\"rt-AccordionContentInner\">{children}</div>\n      </AccordionPrimitive.Content>\n    );\n  },\n);\nAccordionContent.displayName = 'Accordion.Content';\n\nexport {\n  AccordionRoot as Root,\n  AccordionItem as Item,\n  AccordionHeader as Header,\n  AccordionTrigger as Trigger,\n  AccordionContent as Content,\n};\n\nexport type {\n  AccordionRootProps as RootProps,\n  AccordionItemProps as ItemProps,\n  AccordionHeaderProps as HeaderProps,\n  AccordionTriggerProps as TriggerProps,\n  AccordionContentProps as ContentProps,\n};\n"],
+  "mappings": "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",
+  "names": ["accordion_exports", "__export", "AccordionContent", "AccordionHeader", "AccordionItem", "AccordionRoot", "AccordionTrigger", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_accordion_props", "import_extract_props", "props", "forwardedRef", "className", "panelBackground", "material", "flush", "radius", "color", "extractedRadixProps", "radixProps", "effectiveMaterial", "handleKeyDown", "event", "items", "AccordionPrimitive", "classNames", "itemProps", "headerProps", "children", "triggerProps", "triggerRef", "node", "contentProps"]
+}