@kushagradhawan/kookie-ui 0.1.29 → 0.1.30

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

@@ -1,25 +1,68 @@
+/**
+ * Image component prop definitions that define the component's API
+ *
+ * These props control the visual appearance, behavior, and accessibility
+ * features of the Image component. The component supports responsive
+ * design, accessibility compliance, and flexible layout options.
+ *
+ * Key features:
+ * - Object-fit control for responsive image scaling
+ * - Radius control for rounded corners
+ * - Caption support for additional context
+ * - Accessibility labels for loading and error states
+ * - AsChild pattern for flexible composition
+ *
+ * @example
+ * ```tsx
+ * // Basic image with cover fit
+ * <Image src="/photo.jpg" alt="Team photo" fit="cover" />
+ *
+ * // Image with caption and custom radius
+ * <Image
+ *   src="/chart.png"
+ *   alt="Sales data"
+ *   caption="Q3 2024 Performance"
+ *   radius="medium"
+ * />
+ *
+ * // Responsive object-fit
+ * <Image
+ *   src="/banner.jpg"
+ *   alt="Hero banner"
+ *   fit={{ initial: 'cover', md: 'contain' }}
+ * />
+ * ```
+ */
 declare const imagePropDefs: {
-    shadow: {
-        type: "enum";
-        className: string;
-        values: readonly ["1", "2", "3", "4", "5", "6"];
-        responsive: true;
-    };
-    radius: {
-        type: "enum";
-        values: readonly ["none", "small", "medium", "large", "full"];
-        default: undefined;
-    };
     /**
-     * Sets the CSS **object-fit** property.
-     * Controls how the image should be resized to fit its container.
+     * Controls how the image should be resized to fit its container
+     *
+     * Sets the CSS object-fit property with responsive support.
+     * Choose the right fit based on your design needs:
+     *
+     * - 'cover': Best for hero images, thumbnails, and cards where you want to fill the space
+     * - 'contain': Best for product images, logos, and content where the entire image must be visible
+     * - 'fill': Use carefully, only when you want to stretch the image to exact dimensions
+     * - 'scale-down': Good for user-uploaded content where you don't want to enlarge small images
+     * - 'none': Useful for pixel-perfect images or when you want original sizing
      *
      * @example
-     * fit="cover"
-     * fit="contain"
+     * ```tsx
+     * // Fill the container, may crop edges
+     * <Image src="/hero.jpg" fit="cover" alt="Hero image" />
+     *
+     * // Show entire image, may have empty space
+     * <Image src="/logo.png" fit="contain" alt="Company logo" />
+     *
+     * // Responsive fit
+     * <Image
+     *   src="/banner.jpg"
+     *   fit={{ initial: 'cover', lg: 'contain' }}
+     *   alt="Responsive banner"
+     * />
+     * ```
      *
-     * @link
-     * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
+     * @link https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit
      */
     fit: {
         type: "enum";
@@ -29,18 +72,90 @@ declare const imagePropDefs: {
         responsive: true;
     };
     /**
-     * Sets the visual variant of the image.
+     * Visual variant that determines the image's appearance style
+     *
+     * Currently supports 'surface' variant which provides subtle elevation
+     * and integrates well with card-based layouts and content sections.
      *
      * @example
-     * variant="surface"
-     * variant="blur"
+     * ```tsx
+     * <Image src="/photo.jpg" variant="surface" alt="Elevated image" />
+     * ```
      */
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["surface", "blur"];
+        values: readonly ["surface"];
         default: "surface";
     };
+    /**
+     * ARIA label announced by screen readers during image loading
+     *
+     * Provides accessibility feedback for users with visual impairments.
+     * Customize this message to match your application's language and tone.
+     *
+     * @example
+     * ```tsx
+     * <Image
+     *   src="/chart.jpg"
+     *   loadingAriaLabel="Loading sales chart..."
+     *   alt="Sales performance chart"
+     * />
+     * ```
+     */
+    loadingAriaLabel: {
+        type: "string";
+        default: string;
+    };
+    /**
+     * ARIA label announced by screen readers when image loading fails
+     *
+     * Provides accessibility feedback for error states.
+     * Should clearly indicate that the image failed to load and may suggest alternatives.
+     *
+     * @example
+     * ```tsx
+     * <Image
+     *   src="/photo.jpg"
+     *   errorAriaLabel="Photo failed to load. Please refresh the page."
+     *   alt="Team photo"
+     * />
+     * ```
+     */
+    errorAriaLabel: {
+        type: "string";
+        default: string;
+    };
+    /**
+     * Optional caption text displayed below the image
+     *
+     * Provides additional context, description, or attribution for the image.
+     * The caption is styled consistently and positioned below the image content.
+     *
+     * Use captions for:
+     * - Photo credits and attributions
+     * - Additional context or explanation
+     * - Data source information for charts
+     * - Descriptive text that supplements the alt attribute
+     *
+     * @example
+     * ```tsx
+     * <Image
+     *   src="/chart.png"
+     *   alt="Q3 sales performance showing 25% growth"
+     *   caption="Data source: Internal sales tracking system"
+     * />
+     * ```
+     */
+    caption: {
+        type: "string";
+        default: undefined;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
     };

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

@@ -1 +1 @@
-{"version":3,"file":"image.props.d.ts","sourceRoot":"","sources":["../../../src/components/image.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,aAAa;;;;;;;;;;;;IAEjB;;;;;;;;;;OAUG;;;;;;;;IAQH;;;;;;OAMG;;;;;;;;;;CAYJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"image.props.d.ts","sourceRoot":"","sources":["../../../src/components/image.props.ts"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,QAAA,MAAM,aAAa;IAGjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;;;;;;;;IAQH;;;;;;;;;;OAUG;;;;;;;IAOH;;;;;;;;;;;;;;OAcG;;;;;IAKH;;;;;;;;;;;;;;OAcG;;;;;IAKH;;;;;;;;;;;;;;;;;;;;OAoBG;;;;;;;;;;;;;CAYJ,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";var s=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var l=(r,e)=>{for(var t in e)s(r,t,{get:e[t],enumerable:!0})},v=(r,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of m(e))!u.call(r,o)&&o!==t&&s(r,o,{get:()=>e[o],enumerable:!(a=c(e,o))||a.enumerable});return r};var d=r=>v(s({},"__esModule",{value:!0}),r);var b={};l(b,{imagePropDefs:()=>n});module.exports=d(b);var f=require("../props/as-child.prop.js"),i=require("../props/radius.prop.js"),p=require("../props/shadow.props.js");const D=["cover","contain","fill","scale-down","none"],P=["surface","blur"],n={...f.asChildPropDef,fit:{type:"enum",className:"rt-r-fit",values:D,default:"cover",responsive:!0},variant:{type:"enum",className:"rt-variant",values:P,default:"surface"},...i.radiusPropDef,...p.shadowPropDefs};
+"use strict";var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var d=(r,e)=>{for(var t in e)o(r,t,{get:e[t],enumerable:!0})},m=(r,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!u.call(r,a)&&a!==t&&o(r,a,{get:()=>e[a],enumerable:!(i=p(e,a))||i.enumerable});return r};var c=r=>m(o({},"__esModule",{value:!0}),r);var D={};d(D,{imagePropDefs:()=>f});module.exports=c(D);var s=require("../props/as-child.prop.js"),n=require("../props/radius.prop.js");const g=["cover","contain","fill","scale-down","none"],v=["surface"],f={...s.asChildPropDef,...n.radiusPropDef,fit:{type:"enum",className:"rt-r-fit",values:g,default:"cover",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},loadingAriaLabel:{type:"string",default:"Loading image..."},errorAriaLabel:{type:"string",default:"Failed to load image"},caption:{type:"string",default:void 0}};
 //# sourceMappingURL=image.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/image.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { shadowPropDefs } from '../props/shadow.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\nconst variants = ['surface', 'blur'] as const;\n\nconst imagePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Sets the CSS **object-fit** property.\n   * Controls how the image should be resized to fit its container.\n   *\n   * @example\n   * fit=\"cover\"\n   * fit=\"contain\"\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: {\n    type: 'enum',\n    className: 'rt-r-fit',\n    values: objectFitValues,\n    default: 'cover',\n    responsive: true,\n  },\n  /**\n   * Sets the visual variant of the image.\n   *\n   * @example\n   * variant=\"surface\"\n   * variant=\"blur\"\n   */\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: variants,\n    default: 'surface',\n  },\n  ...radiusPropDef,\n  ...shadowPropDefs,\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { imagePropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA8B,mCAC9BC,EAA+B,oCAI/B,MAAMC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EACnEC,EAAW,CAAC,UAAW,MAAM,EAE7BN,EAAgB,CACpB,GAAG,iBAYH,IAAK,CACH,KAAM,OACN,UAAW,WACX,OAAQK,EACR,QAAS,QACT,WAAY,EACd,EAQA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,SACX,EACA,GAAG,gBACH,GAAG,gBACL",
-  "names": ["image_props_exports", "__export", "imagePropDefs", "__toCommonJS", "import_as_child_prop", "import_radius_prop", "import_shadow_props", "objectFitValues", "variants"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\n/**\n * Available object-fit values for controlling image scaling behavior\n * \n * - cover: Scales image to cover entire container, may crop edges\n * - contain: Scales image to fit entirely within container, may have empty space\n * - fill: Stretches image to fill container exactly, may distort aspect ratio\n * - scale-down: Acts like 'contain' but never scales up beyond original size\n * - none: Image keeps original size, may overflow or leave empty space\n */\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\n/**\n * Available visual variants for the Image component\n * Currently only 'surface' variant is available, providing subtle elevation\n */\nconst variants = ['surface'] as const;\n\n/**\n * Image component prop definitions that define the component's API\n * \n * These props control the visual appearance, behavior, and accessibility\n * features of the Image component. The component supports responsive\n * design, accessibility compliance, and flexible layout options.\n * \n * Key features:\n * - Object-fit control for responsive image scaling\n * - Radius control for rounded corners\n * - Caption support for additional context\n * - Accessibility labels for loading and error states\n * - AsChild pattern for flexible composition\n * \n * @example\n * ```tsx\n * // Basic image with cover fit\n * <Image src=\"/photo.jpg\" alt=\"Team photo\" fit=\"cover\" />\n * \n * // Image with caption and custom radius\n * <Image \n *   src=\"/chart.png\" \n *   alt=\"Sales data\"\n *   caption=\"Q3 2024 Performance\"\n *   radius=\"medium\"\n * />\n * \n * // Responsive object-fit\n * <Image \n *   src=\"/banner.jpg\" \n *   alt=\"Hero banner\"\n *   fit={{ initial: 'cover', md: 'contain' }}\n * />\n * ```\n */\nconst imagePropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  /**\n   * Controls how the image should be resized to fit its container\n   * \n   * Sets the CSS object-fit property with responsive support.\n   * Choose the right fit based on your design needs:\n   * \n   * - 'cover': Best for hero images, thumbnails, and cards where you want to fill the space\n   * - 'contain': Best for product images, logos, and content where the entire image must be visible\n   * - 'fill': Use carefully, only when you want to stretch the image to exact dimensions\n   * - 'scale-down': Good for user-uploaded content where you don't want to enlarge small images\n   * - 'none': Useful for pixel-perfect images or when you want original sizing\n   * \n   * @example\n   * ```tsx\n   * // Fill the container, may crop edges\n   * <Image src=\"/hero.jpg\" fit=\"cover\" alt=\"Hero image\" />\n   * \n   * // Show entire image, may have empty space\n   * <Image src=\"/logo.png\" fit=\"contain\" alt=\"Company logo\" />\n   * \n   * // Responsive fit\n   * <Image \n   *   src=\"/banner.jpg\" \n   *   fit={{ initial: 'cover', lg: 'contain' }}\n   *   alt=\"Responsive banner\"\n   * />\n   * ```\n   *\n   * @link https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: {\n    type: 'enum',\n    className: 'rt-r-fit',\n    values: objectFitValues,\n    default: 'cover',\n    responsive: true,\n  },\n  /**\n   * Visual variant that determines the image's appearance style\n   * \n   * Currently supports 'surface' variant which provides subtle elevation\n   * and integrates well with card-based layouts and content sections.\n   * \n   * @example\n   * ```tsx\n   * <Image src=\"/photo.jpg\" variant=\"surface\" alt=\"Elevated image\" />\n   * ```\n   */\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: variants,\n    default: 'surface',\n  },\n  /**\n   * ARIA label announced by screen readers during image loading\n   * \n   * Provides accessibility feedback for users with visual impairments.\n   * Customize this message to match your application's language and tone.\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/chart.jpg\" \n   *   loadingAriaLabel=\"Loading sales chart...\"\n   *   alt=\"Sales performance chart\"\n   * />\n   * ```\n   */\n  loadingAriaLabel: {\n    type: 'string',\n    default: 'Loading image...',\n  },\n  /**\n   * ARIA label announced by screen readers when image loading fails\n   * \n   * Provides accessibility feedback for error states.\n   * Should clearly indicate that the image failed to load and may suggest alternatives.\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/photo.jpg\" \n   *   errorAriaLabel=\"Photo failed to load. Please refresh the page.\"\n   *   alt=\"Team photo\"\n   * />\n   * ```\n   */\n  errorAriaLabel: {\n    type: 'string',\n    default: 'Failed to load image',\n  },\n  /**\n   * Optional caption text displayed below the image\n   * \n   * Provides additional context, description, or attribution for the image.\n   * The caption is styled consistently and positioned below the image content.\n   * \n   * Use captions for:\n   * - Photo credits and attributions\n   * - Additional context or explanation\n   * - Data source information for charts\n   * - Descriptive text that supplements the alt attribute\n   * \n   * @example\n   * ```tsx\n   * <Image \n   *   src=\"/chart.png\" \n   *   alt=\"Q3 sales performance showing 25% growth\"\n   *   caption=\"Data source: Internal sales tracking system\"\n   * />\n   * ```\n   */\n  caption: {\n    type: 'string',\n    default: undefined,\n  },\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loadingAriaLabel: PropDef<string>;\n  errorAriaLabel: PropDef<string>;\n  radius: PropDef<'none' | 'small' | 'medium' | 'large' | 'full'>;\n  caption: PropDef<string | undefined>;\n};\n\nexport { imagePropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA8B,mCAa9B,MAAMC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAMnEC,EAAW,CAAC,SAAS,EAqCrBL,EAAgB,CACpB,GAAG,iBACH,GAAG,gBA+BH,IAAK,CACH,KAAM,OACN,UAAW,WACX,OAAQI,EACR,QAAS,QACT,WAAY,EACd,EAYA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,SACX,EAgBA,iBAAkB,CAChB,KAAM,SACN,QAAS,kBACX,EAgBA,eAAgB,CACd,KAAM,SACN,QAAS,sBACX,EAsBA,QAAS,CACP,KAAM,SACN,QAAS,MACX,CACF",
+  "names": ["image_props_exports", "__export", "imagePropDefs", "__toCommonJS", "import_as_child_prop", "import_radius_prop", "objectFitValues", "variants"]
 }

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

@@ -34,7 +34,7 @@ declare const linkPropDefs: {
     weight: {
         type: "enum";
         className: string;
-        values: readonly ["light", "regular", "medium", "bold"];
+        values: readonly ["thin", "extralight", "light", "regular", "medium", "semibold", "bold", "extrabold"];
         responsive: true;
     };
     size: {

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

@@ -20,14 +20,14 @@ declare const progressPropDefs: {
     size: {
         type: "enum";
         className: string;
-        values: readonly ["1", "2", "3"];
+        values: readonly ["1", "2", "3", "4"];
         default: "2";
         responsive: true;
     };
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
+        values: readonly ["surface", "soft", "outline"];
         default: "surface";
     };
 };

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/progress.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } 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'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\n\nconst progressPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  duration: { type: 'string' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  duration: PropDef<string>;\n};\n\nexport { progressPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCN,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,sBACH,GAAG,gBACH,SAAU,CAAE,KAAM,QAAS,CAC7B",
+  "sourcesContent": ["import { colorPropDef } 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 = ['surface', 'soft', 'outline'] as const;\n\nconst progressPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  duration: { type: 'string' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  duration: PropDef<string>;\n};\n\nexport { progressPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,sBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCN,EAAmB,CACvB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,sBACH,GAAG,gBACH,SAAU,CAAE,KAAM,QAAS,CAC7B",
   "names": ["progress_props_exports", "__export", "progressPropDefs", "__toCommonJS", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
 }

package/dist/cjs/components/radio-cards.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-cards.d.ts","sourceRoot":"","sources":["../../../src/components/radio-cards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAMhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC7E,UAAU,mBACR,SAAQ,qBAAqB,CACzB,OAAO,mBAAmB,CAAC,IAAI,EAC/B,SAAS,GAAG,OAAO,GAAG,gBAAgB,CACvC,EACD,WAAW,EACX,sBAAsB;CAAG;AAC7B,QAAA,MAAM,cAAc,4FAsBnB,CAAC;AAIF,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC1E,WAAW;CAAG;AAClB,QAAA,MAAM,cAAc,+FASnB,CAAC;AAGF,OAAO,EAAE,cAAc,IAAI,IAAI,EAAE,cAAc,IAAI,IAAI,EAAE,CAAC;AAC1D,YAAY,EAAE,mBAAmB,IAAI,SAAS,EAAE,mBAAmB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"radio-cards.d.ts","sourceRoot":"","sources":["../../../src/components/radio-cards.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAMhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAc,MAAM,sBAAsB,CAAC;AAexE,KAAK,sBAAsB,GAAG,eAAe,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC7E,UAAU,mBACR,SAAQ,qBAAqB,CACzB,OAAO,mBAAmB,CAAC,IAAI,EAC/B,SAAS,GAAG,OAAO,GAAG,gBAAgB,CACvC,EACD,WAAW,EACX,sBAAsB;CAAG;AAC7B,QAAA,MAAM,cAAc,4FAwBnB,CAAC;AAIF,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC1E,WAAW;CAAG;AAClB,QAAA,MAAM,cAAc,+FAsBnB,CAAC;AAGF,OAAO,EAAE,cAAc,IAAI,IAAI,EAAE,cAAc,IAAI,IAAI,EAAE,CAAC;AAC1D,YAAY,EAAE,mBAAmB,IAAI,SAAS,EAAE,mBAAmB,IAAI,SAAS,EAAE,CAAC"}

package/dist/cjs/components/radio-cards.js

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var k=(o,r)=>{for(var e in r)p(o,e,{get:r[e],enumerable:!0})},n=(o,r,e,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of G(r))!x.call(o,t)&&t!==e&&p(o,t,{get:()=>r[t],enumerable:!(s=h(r,t))||s.enumerable});return o};var f=(o,r,e)=>(e=o!=null?g(v(o)):{},n(r||!o||!o.__esModule?p(e,"default",{value:o,enumerable:!0}):e,o)),E=o=>n(p({},"__esModule",{value:!0}),o);var N={};k(N,{Item:()=>R,Root:()=>m});module.exports=E(N);var a=f(require("react")),d=f(require("classnames")),i=require("radix-ui"),C=require("./radio-cards.props.js"),P=require("./grid.js"),l=require("../helpers/extract-props.js"),c=require("../props/margin.props.js"),u=require("./theme.js");const m=a.forwardRef((o,r)=>{const e=(0,u.useThemeContext)(),s=o.panelBackground??e.panelBackground,{className:t,color:y,panelBackground:B,...I}=(0,l.extractProps)(o,C.radioCardsRootPropDefs,c.marginPropDefs);return a.createElement(P.Grid,{asChild:!0},a.createElement(i.RadioGroup.Root,{"data-accent-color":y,"data-panel-background":s,...I,ref:r,className:(0,d.default)("rt-RadioCardsRoot",t)}))});m.displayName="RadioCards.Root";const R=a.forwardRef(({className:o,...r},e)=>a.createElement(i.RadioGroup.Item,{...r,asChild:!1,ref:e,className:(0,d.default)("rt-reset","rt-BaseCard","rt-RadioCardsItem",o)}));R.displayName="RadioCards.Item";
+"use strict";var I=Object.create;var i=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var D=(o,e)=>{for(var r in e)i(o,r,{get:e[r],enumerable:!0})},C=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of h(e))!z.call(o,a)&&a!==r&&i(o,a,{get:()=>e[a],enumerable:!(t=g(e,a))||t.enumerable});return o};var f=(o,e,r)=>(r=o!=null?I(G(o)):{},C(e||!o||!o.__esModule?i(r,"default",{value:o,enumerable:!0}):r,o)),k=o=>C(i({},"__esModule",{value:!0}),o);var N={};D(N,{Item:()=>R,Root:()=>m});module.exports=k(N);var s=f(require("react")),n=f(require("classnames")),p=require("radix-ui"),c=require("./radio-cards.props.js"),l=require("./grid.js"),u=require("../helpers/extract-props.js"),v=require("../props/margin.props.js"),y=require("./theme.js");const P=s.createContext(void 0),E=()=>s.useContext(P),m=s.forwardRef((o,e)=>{const r=(0,y.useThemeContext)(),t=o.panelBackground??r.panelBackground,{className:a,color:d,panelBackground:B,...x}=(0,u.extractProps)(o,c.radioCardsRootPropDefs,v.marginPropDefs);return s.createElement(P.Provider,{value:{size:o.size,variant:o.variant}},s.createElement(l.Grid,{asChild:!0},s.createElement(p.RadioGroup.Root,{"data-accent-color":d,"data-panel-background":t,...x,ref:e,className:(0,n.default)("rt-RadioCardsRoot",a)})))});m.displayName="RadioCards.Root";const R=s.forwardRef(({className:o,...e},r)=>{const t=E(),a=t?.variant?`rt-variant-${t.variant}`:void 0,d=t?.size?`rt-r-size-${t.size}`:void 0;return s.createElement(p.RadioGroup.Item,{...e,asChild:!1,ref:r,className:(0,n.default)("rt-reset","rt-BaseCard","rt-RadioCardsItem",a,d,o)})});R.displayName="RadioCards.Item";
 //# sourceMappingURL=radio-cards.js.map

package/dist/cjs/components/radio-cards.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio-cards.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n    return (\n      <Grid asChild>\n        <RadioGroupPrimitive.Root\n          data-accent-color={color}\n          data-panel-background={panelBackground}\n          {...rootProps}\n          ref={forwardedRef}\n          className={classNames('rt-RadioCardsRoot', className)}\n        />\n      </Grid>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <RadioGroupPrimitive.Item\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-RadioCardsItem', className)}\n    />\n  ),\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAElDC,EAAuC,kCACvCC,EAAqB,qBACrBC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAAgC,sBAehC,MAAMT,EAAiBE,EAAM,WAC3B,CAACQ,EAAOC,IAAiB,CACvB,MAAMC,KAAe,mBAAgB,EAC/BC,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,UAAAE,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAaP,EAAO,yBAAwB,gBAAc,EAC9D,OACER,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAAC,EAAAgB,WAAoB,KAApB,CACC,oBAAmBH,EACnB,wBAAuBF,EACtB,GAAGI,EACJ,IAAKN,EACL,aAAW,EAAAQ,SAAW,oBAAqBL,CAAS,EACtD,CACF,CAEJ,CACF,EACAd,EAAe,YAAc,kBAM7B,MAAMD,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IACxBT,EAAA,cAAC,EAAAgB,WAAoB,KAApB,CACE,GAAGR,EACJ,QAAS,GACT,IAAKC,EACL,aAAW,EAAAQ,SAAW,WAAY,cAAe,oBAAqBL,CAAS,EACjF,CAEJ,EACAf,EAAe,YAAc",
-  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_radio_cards_props", "import_grid", "import_extract_props", "import_margin_props", "import_theme", "props", "forwardedRef", "themeContext", "panelBackground", "className", "color", "_", "rootProps", "RadioGroupPrimitive", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ntype RadioCardsContextValue = {\n  size?: Responsive<(typeof radioCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof radioCardsRootPropDefs.variant.values)[number];\n};\n\nconst RadioCardsContext = React.createContext<RadioCardsContextValue | undefined>(undefined);\n\nconst useRadioCardsContext = () => {\n  const context = React.useContext(RadioCardsContext);\n  return context;\n};\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n    return (\n      <RadioCardsContext.Provider value={{ size: props.size, variant: props.variant }}>\n        <Grid asChild>\n          <RadioGroupPrimitive.Root\n            data-accent-color={color}\n            data-panel-background={panelBackground}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-RadioCardsRoot', className)}\n          />\n        </Grid>\n      </RadioCardsContext.Provider>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const context = useRadioCardsContext();\n    const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n    const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n    return (\n      <RadioGroupPrimitive.Item\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCard',\n          'rt-RadioCardsItem',\n          variantClass,\n          sizeClass,\n          className,\n        )}\n      />\n    );\n  },\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAElDC,EAAuC,kCACvCC,EAAqB,qBACrBC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAAgC,sBAWhC,MAAMC,EAAoBR,EAAM,cAAkD,MAAS,EAErFS,EAAuB,IACXT,EAAM,WAAWQ,CAAiB,EAa9CV,EAAiBE,EAAM,WAC3B,CAACU,EAAOC,IAAiB,CACvB,MAAMC,KAAe,mBAAgB,EAC/BC,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,UAAAE,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAaP,EAAO,yBAAwB,gBAAc,EAC9D,OACEV,EAAA,cAACQ,EAAkB,SAAlB,CAA2B,MAAO,CAAE,KAAME,EAAM,KAAM,QAASA,EAAM,OAAQ,GAC5EV,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAAC,EAAAkB,WAAoB,KAApB,CACC,oBAAmBH,EACnB,wBAAuBF,EACtB,GAAGI,EACJ,IAAKN,EACL,aAAW,EAAAQ,SAAW,oBAAqBL,CAAS,EACtD,CACF,CACF,CAEJ,CACF,EACAhB,EAAe,YAAc,kBAM7B,MAAMD,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAc,EAAW,GAAGJ,CAAM,EAAGC,IAAiB,CACzC,MAAMS,EAAUX,EAAqB,EAC/BY,EAAeD,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEE,EAAYF,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACEpB,EAAA,cAAC,EAAAkB,WAAoB,KAApB,CACE,GAAGR,EACJ,QAAS,GACT,IAAKC,EACL,aAAW,EAAAQ,SACT,WACA,cACA,oBACAE,EACAC,EACAR,CACF,EACF,CAEJ,CACF,EACAjB,EAAe,YAAc",
+  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_radio_cards_props", "import_grid", "import_extract_props", "import_margin_props", "import_theme", "RadioCardsContext", "useRadioCardsContext", "props", "forwardedRef", "themeContext", "panelBackground", "className", "color", "_", "rootProps", "RadioGroupPrimitive", "classNames", "context", "variantClass", "sizeClass"]
 }

package/dist/cjs/components/radio-cards.props.d.ts

@@ -29,14 +29,14 @@ declare const radioCardsRootPropDefs: {
     size: {
         type: "enum";
         className: string;
-        values: readonly ["1", "2", "3"];
+        values: readonly ["1", "2", "3", "4", "5"];
         default: "2";
         responsive: true;
     };
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["surface", "classic"];
+        values: readonly ["outline", "classic", "ghost", "soft", "surface"];
         default: "surface";
     };
     panelBackground: {

package/dist/cjs/components/radio-cards.props.js

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(r,e)=>{for(var s in e)a(r,s,{get:e[s],enumerable:!0})},D=(r,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of l(e))!c.call(r,o)&&o!==s&&a(r,o,{get:()=>e[o],enumerable:!(p=m(e,o))||p.enumerable});return r};var P=r=>D(a({},"__esModule",{value:!0}),r);var b={};d(b,{radioCardsRootPropDefs:()=>i});module.exports=P(b);var n=require("../props/as-child.prop.js"),f=require("../props/color.prop.js"),u=require("../props/high-contrast.prop.js"),t=require("./grid.props.js");const g=["1","2","3"],v=["surface","classic"],y=["solid","translucent"],i={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:g,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},panelBackground:{type:"enum",values:y,default:void 0},...f.colorPropDef,...u.highContrastPropDef,columns:{...t.gridPropDefs.columns,default:"repeat(auto-fit, minmax(160px, 1fr))"},gap:{...t.gridPropDefs.gap,default:"4"}};
+"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var s in e)a(o,s,{get:e[s],enumerable:!0})},g=(o,e,s,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of m(e))!c.call(o,r)&&r!==s&&a(o,r,{get:()=>e[r],enumerable:!(p=l(e,r))||p.enumerable});return o};var D=o=>g(a({},"__esModule",{value:!0}),o);var b={};d(b,{radioCardsRootPropDefs:()=>i});module.exports=D(b);var n=require("../props/as-child.prop.js"),f=require("../props/color.prop.js"),u=require("../props/high-contrast.prop.js"),t=require("./grid.props.js");const P=["1","2","3","4","5"],v=["outline","classic","ghost","soft","surface"],y=["solid","translucent"],i={...n.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},panelBackground:{type:"enum",values:y,default:void 0},...f.colorPropDef,...u.highContrastPropDef,columns:{...t.gridPropDefs.columns,default:"repeat(auto-fit, minmax(160px, 1fr))"},gap:{...t.gridPropDefs.gap,default:"4"}};
 //# sourceMappingURL=radio-cards.props.js.map

package/dist/cjs/components/radio-cards.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio-cards.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['surface', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst radioCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(160px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { radioCardsRootPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA6B,2BAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,SAAS,EAChCC,EAAmB,CAAC,QAAS,aAAa,EAE1CR,EAAyB,CAC7B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAG,eACH,GAAG,sBACH,QAAS,CAAE,GAAG,eAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAG,eAAa,IAAK,QAAS,GAAI,CAC3C",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst radioCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(160px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { radioCardsRootPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CACpCC,EAA6B,2BAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,QAAS,OAAQ,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CR,EAAyB,CAC7B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAG,eACH,GAAG,sBACH,QAAS,CAAE,GAAG,eAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAG,eAAa,IAAK,QAAS,GAAI,CAC3C",
   "names": ["radio_cards_props_exports", "__export", "radioCardsRootPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_grid_props", "sizes", "variants", "panelBackgrounds"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AACF,KAAK,eAAe,GAAG,qBAAqB,CAC1C,OAAO,EACP,uBAAuB,GAAG,OAAO,GAAG,cAAc,GAAG,OAAO,CAC7D,CAAC;AACF,UAAU,UAAW,SAAQ,eAAe,EAAE,WAAW,EAAE,aAAa;CAAG;AAE3E,QAAA,MAAM,KAAK,qFAmBT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AACF,KAAK,eAAe,GAAG,qBAAqB,CAC1C,OAAO,EACP,uBAAuB,GAAG,OAAO,GAAG,cAAc,GAAG,OAAO,CAC7D,CAAC;AACF,UAAU,UAAW,SAAQ,eAAe,EAAE,WAAW,EAAE,aAAa;CAAG;AAE3E,QAAA,MAAM,KAAK,qFAoBT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/radio.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var h=Object.create;var a=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var E=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of C(e))!D.call(o,t)&&t!==r&&a(o,t,{get:()=>e[t],enumerable:!(p=v(e,t))||p.enumerable});return o};var d=(o,e,r)=>(r=o!=null?h(N(o)):{},m(e||!o||!o.__esModule?a(r,"default",{value:o,enumerable:!0}):r,o)),j=o=>m(a({},"__esModule",{value:!0}),o);var x={};E(x,{Radio:()=>n});module.exports=j(x);var i=d(require("react")),f=d(require("classnames")),s=require("radix-ui/internal"),u=require("./radio.props.js"),l=require("../props/margin.props.js"),R=require("../helpers/extract-props.js");const n=i.forwardRef((o,e)=>{const r=i.useRef(null),{className:p,color:t,onChange:c,onValueChange:P,...y}=(0,R.extractProps)(o,u.radioPropDefs,l.marginPropDefs);return i.createElement("input",{type:"radio","data-accent-color":t,...y,onChange:(0,s.composeEventHandlers)(c,g=>P?.(g.currentTarget.value)),ref:(0,s.composeRefs)(r,e),className:(0,f.default)("rt-reset","rt-BaseRadioRoot","rt-RadioRoot",p)})});n.displayName="Radio";
+"use strict";"use client";var v=Object.create;var a=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var j=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of N(e))!E.call(o,t)&&t!==r&&a(o,t,{get:()=>e[t],enumerable:!(p=C(e,t))||p.enumerable});return o};var d=(o,e,r)=>(r=o!=null?v(D(o)):{},m(e||!o||!o.__esModule?a(r,"default",{value:o,enumerable:!0}):r,o)),x=o=>m(a({},"__esModule",{value:!0}),o);var I={};j(I,{Radio:()=>n});module.exports=x(I);var i=d(require("react")),l=d(require("classnames")),s=require("radix-ui/internal"),f=require("./radio.props.js"),u=require("../props/margin.props.js"),R=require("../helpers/extract-props.js");const n=i.forwardRef((o,e)=>{const r=i.useRef(null),{className:p,color:t,material:c,onChange:P,onValueChange:y,...g}=(0,R.extractProps)(o,f.radioPropDefs,u.marginPropDefs);return i.createElement("input",{type:"radio","data-accent-color":t,"data-material":c,...g,onChange:(0,s.composeEventHandlers)(P,h=>y?.(h.currentTarget.value)),ref:(0,s.composeRefs)(r,e),className:(0,l.default)("rt-reset","rt-BaseRadioRoot","rt-RadioRoot",p)})});n.displayName="Radio";
 //# sourceMappingURL=radio.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeEventHandlers, composeRefs } from 'radix-ui/internal';\n\nimport { radioPropDefs } from './radio.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { NotInputRadioAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioElement = React.ElementRef<'input'>;\ntype RadioOwnProps = GetPropDefTypes<typeof radioPropDefs> & {\n  value: string;\n  onValueChange?: (value: string) => void;\n};\ntype RadioInputProps = ComponentPropsWithout<\n  'input',\n  NotInputRadioAttributes | 'color' | 'defaultValue' | 'value'\n>;\ninterface RadioProps extends RadioInputProps, MarginProps, RadioOwnProps {}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>((props, forwardedRef) => {\n  const ref = React.useRef<RadioElement>(null);\n  const { className, color, onChange, onValueChange, ...radioProps } = extractProps(\n    props,\n    radioPropDefs,\n    marginPropDefs\n  );\n  return (\n    <input\n      type=\"radio\"\n      data-accent-color={color}\n      {...radioProps}\n      onChange={composeEventHandlers(onChange, (event) =>\n        onValueChange?.(event.currentTarget.value)\n      )}\n      ref={composeRefs(ref, forwardedRef)}\n      className={classNames('rt-reset', 'rt-BaseRadioRoot', 'rt-RadioRoot', className)}\n    />\n  );\n});\nRadio.displayName = 'Radio';\n\nexport { Radio };\nexport type { RadioProps };\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,6BAElDC,EAA8B,4BAC9BC,EAA+B,oCAC/BC,EAA6B,uCAkB7B,MAAMP,EAAQE,EAAM,WAAqC,CAACM,EAAOC,IAAiB,CAChF,MAAMC,EAAMR,EAAM,OAAqB,IAAI,EACrC,CAAE,UAAAS,EAAW,MAAAC,EAAO,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAW,KAAI,gBACnEP,EACA,gBACA,gBACF,EACA,OACEN,EAAA,cAAC,SACC,KAAK,QACL,oBAAmBU,EAClB,GAAGG,EACJ,YAAU,wBAAqBF,EAAWG,GACxCF,IAAgBE,EAAM,cAAc,KAAK,CAC3C,EACA,OAAK,eAAYN,EAAKD,CAAY,EAClC,aAAW,EAAAQ,SAAW,WAAY,mBAAoB,eAAgBN,CAAS,EACjF,CAEJ,CAAC,EACDX,EAAM,YAAc",
-  "names": ["radio_exports", "__export", "Radio", "__toCommonJS", "React", "import_classnames", "import_internal", "import_radio_props", "import_margin_props", "import_extract_props", "props", "forwardedRef", "ref", "className", "color", "onChange", "onValueChange", "radioProps", "event", "classNames"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { composeEventHandlers, composeRefs } from 'radix-ui/internal';\n\nimport { radioPropDefs } from './radio.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { NotInputRadioAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioElement = React.ElementRef<'input'>;\ntype RadioOwnProps = GetPropDefTypes<typeof radioPropDefs> & {\n  value: string;\n  onValueChange?: (value: string) => void;\n};\ntype RadioInputProps = ComponentPropsWithout<\n  'input',\n  NotInputRadioAttributes | 'color' | 'defaultValue' | 'value'\n>;\ninterface RadioProps extends RadioInputProps, MarginProps, RadioOwnProps {}\n\nconst Radio = React.forwardRef<RadioElement, RadioProps>((props, forwardedRef) => {\n  const ref = React.useRef<RadioElement>(null);\n  const { className, color, material, onChange, onValueChange, ...radioProps } = extractProps(\n    props,\n    radioPropDefs,\n    marginPropDefs,\n  );\n  return (\n    <input\n      type=\"radio\"\n      data-accent-color={color}\n      data-material={material}\n      {...radioProps}\n      onChange={composeEventHandlers(onChange, (event) =>\n        onValueChange?.(event.currentTarget.value),\n      )}\n      ref={composeRefs(ref, forwardedRef)}\n      className={classNames('rt-reset', 'rt-BaseRadioRoot', 'rt-RadioRoot', className)}\n    />\n  );\n});\nRadio.displayName = 'Radio';\n\nexport { Radio };\nexport type { RadioProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAEA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,6BAElDC,EAA8B,4BAC9BC,EAA+B,oCAC/BC,EAA6B,uCAkB7B,MAAMP,EAAQE,EAAM,WAAqC,CAACM,EAAOC,IAAiB,CAChF,MAAMC,EAAMR,EAAM,OAAqB,IAAI,EACrC,CAAE,UAAAS,EAAW,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,GAAGC,CAAW,KAAI,gBAC7ER,EACA,gBACA,gBACF,EACA,OACEN,EAAA,cAAC,SACC,KAAK,QACL,oBAAmBU,EACnB,gBAAeC,EACd,GAAGG,EACJ,YAAU,wBAAqBF,EAAWG,GACxCF,IAAgBE,EAAM,cAAc,KAAK,CAC3C,EACA,OAAK,eAAYP,EAAKD,CAAY,EAClC,aAAW,EAAAS,SAAW,WAAY,mBAAoB,eAAgBP,CAAS,EACjF,CAEJ,CAAC,EACDX,EAAM,YAAc",
+  "names": ["radio_exports", "__export", "Radio", "__toCommonJS", "React", "import_classnames", "import_internal", "import_radio_props", "import_margin_props", "import_extract_props", "props", "forwardedRef", "ref", "className", "color", "material", "onChange", "onValueChange", "radioProps", "event", "classNames"]
 }

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

@@ -12,15 +12,15 @@ declare const segmentedControlRootPropDefs: {
     size: {
         type: "enum";
         className: string;
-        values: readonly ["1", "2", "3"];
+        values: readonly ["1", "2", "3", "4"];
         default: "2";
         responsive: true;
     };
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["surface", "classic"];
-        default: "surface";
+        values: readonly ["soft"];
+        default: "soft";
     };
     panelBackground: {
         type: "enum";

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

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var f=(s,e)=>{for(var r in e)o(s,r,{get:e[r],enumerable:!0})},c=(s,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of i(e))!u.call(s,a)&&a!==r&&o(s,a,{get:()=>e[a],enumerable:!(t=p(e,a))||t.enumerable});return s};var d=s=>c(o({},"__esModule",{value:!0}),s);var b={};f(b,{segmentedControlRootPropDefs:()=>l});module.exports=d(b);var n=require("../props/radius.prop.js");const m=["1","2","3"],v=["surface","classic"],l={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:m,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},...n.radiusPropDef};
+"use strict";var t=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var u=(s,e)=>{for(var o in e)t(s,o,{get:e[o],enumerable:!0})},d=(s,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of i(e))!f.call(s,a)&&a!==o&&t(s,a,{get:()=>e[a],enumerable:!(r=l(e,a))||r.enumerable});return s};var c=s=>d(t({},"__esModule",{value:!0}),s);var b={};u(b,{segmentedControlRootPropDefs:()=>p});module.exports=c(b);var n=require("../props/radius.prop.js");const m=["1","2","3","4"],v=["soft"],p={disabled:{type:"boolean",className:"disabled",default:!1},size:{type:"enum",className:"rt-r-size",values:m,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"soft"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},...n.radiusPropDef};
 //# sourceMappingURL=segmented-control.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/segmented-control.props.tsx"],
-  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['surface', 'classic'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', className: 'disabled', default: false },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,SAAS,EAEhCJ,EAA+B,CACnC,SAAU,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,EACnE,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQG,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,GAAG,eACL",
+  "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['soft'] as const;\n\nconst segmentedControlRootPropDefs = {\n  disabled: { type: 'boolean', className: 'disabled', default: false },\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  ...radiusPropDef,\n} satisfies {\n  disabled?: PropDef<boolean>;\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { segmentedControlRootPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,MAAM,EAElBJ,EAA+B,CACnC,SAAU,CAAE,KAAM,UAAW,UAAW,WAAY,QAAS,EAAM,EACnE,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQG,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,GAAG,eACL",
   "names": ["segmented_control_props_exports", "__export", "segmentedControlRootPropDefs", "__toCommonJS", "import_radius_prop", "sizes", "variants"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAqC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC;AAG7C,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,EAAE,kBAAkB;CAAG;AACpF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CASzC,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,WAAW,EACX,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,8FAkClB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAoDlB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;CAAG;AAC7E,QAAA,MAAM,UAAU,wFAed,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AAClF,QAAA,MAAM,eAAe,6FASpB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,eAAe,IAAI,SAAS,GAC7B,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,eAAe,IAAI,SAAS,EAC5B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,oBAAoB,IAAI,cAAc,GACvC,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAqC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC;AAG7C,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,EAAE,kBAAkB;CAAG;AACpF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CASzC,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,WAAW,EACX,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,8FA6ElB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAoDlB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;CAAG;AAC7E,QAAA,MAAM,UAAU,wFAed,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AAClF,QAAA,MAAM,eAAe,6FASpB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,eAAe,IAAI,SAAS,GAC7B,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,eAAe,IAAI,SAAS,EAC5B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,oBAAoB,IAAI,cAAc,GACvC,CAAC"}

package/dist/cjs/components/select.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var E=Object.create;var p=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var z=(t,r)=>{for(var o in r)p(t,o,{get:r[o],enumerable:!0})},b=(t,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of L(r))!V.call(t,s)&&s!==o&&p(t,s,{get:()=>r[s],enumerable:!(i=G(r,s))||i.enumerable});return t};var R=(t,r,o)=>(o=t!=null?E(D(t)):{},b(r||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),A=t=>b(p({},"__esModule",{value:!0}),t);var M={};z(M,{Content:()=>h,Group:()=>T,Item:()=>I,Label:()=>N,Root:()=>v,Separator:()=>x,Trigger:()=>y});module.exports=A(M);var e=R(require("react")),a=R(require("classnames")),l=require("radix-ui"),g=require("../helpers/extract-props.js"),w=require("../props/margin.props.js"),n=require("./icons.js"),c=require("./select.props.js"),m=require("./theme.js");const C=e.createContext({}),v=t=>{const{children:r,size:o=c.selectRootPropDefs.size.default,...i}=t;return e.createElement(l.Select.Root,{...i},e.createElement(C.Provider,{value:e.useMemo(()=>({size:o}),[o])},r))};v.displayName="Select.Root";const y=e.forwardRef((t,r)=>{const o=e.useContext(C),{children:i,className:s,color:S,radius:P,placeholder:f,...d}=(0,g.extractProps)({size:o?.size,...t},{size:c.selectRootPropDefs.size},c.selectTriggerPropDefs,w.marginPropDefs),{panelBackground:u}=t;return e.createElement(l.Select.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":S,"data-radius":P,"data-panel-background":u,...d,ref:r,className:(0,a.default)("rt-reset","rt-SelectTrigger",s)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Select.Value,{placeholder:f},i)),e.createElement(l.Select.Icon,{asChild:!0},e.createElement(n.ChevronDownIcon,{className:"rt-SelectIcon"}))))});y.displayName="Select.Trigger";const h=e.forwardRef((t,r)=>{const o=e.useContext(C),{className:i,children:s,color:S,container:P,...f}=(0,g.extractProps)({size:o?.size,...t},{size:c.selectRootPropDefs.size},c.selectContentPropDefs),d=(0,m.useThemeContext)(),u=S||d.accentColor;return e.createElement(l.Select.Portal,{container:P},e.createElement(m.Theme,{asChild:!0},e.createElement(l.Select.Content,{"data-accent-color":u,sideOffset:4,...f,asChild:!1,ref:r,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",i)},e.createElement(l.ScrollArea.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Select.Viewport,{asChild:!0,className:(0,a.default)("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(l.ScrollArea.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},s)),e.createElement(l.ScrollArea.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(l.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"}))))))});h.displayName="Select.Content";const I=e.forwardRef((t,r)=>{const{className:o,children:i,...s}=t;return e.createElement(l.Select.Item,{...s,asChild:!1,ref:r,className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-SelectItem",o)},e.createElement(l.Select.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(n.ThickCheckIcon,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.Select.ItemText,null,i))});I.displayName="Select.Item";const T=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Group,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-SelectGroup",t)}));T.displayName="Select.Group";const N=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Label,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuLabel","rt-SelectLabel",t)}));N.displayName="Select.Label";const x=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Separator,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));x.displayName="Select.Separator";
+"use strict";"use client";var z=Object.create;var m=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,W=Object.prototype.hasOwnProperty;var O=(t,r)=>{for(var o in r)m(t,o,{get:r[o],enumerable:!0})},R=(t,r,o,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of A(r))!W.call(t,s)&&s!==o&&m(t,s,{get:()=>r[s],enumerable:!(i=k(r,s))||i.enumerable});return t};var E=(t,r,o)=>(o=t!=null?z(M(t)):{},R(r||!t||!t.__esModule?m(o,"default",{value:t,enumerable:!0}):o,t)),B=t=>R(m({},"__esModule",{value:!0}),t);var j={};O(j,{Content:()=>h,Group:()=>T,Item:()=>I,Label:()=>N,Root:()=>v,Separator:()=>x,Trigger:()=>y});module.exports=B(j);var e=E(require("react")),a=E(require("classnames")),l=require("radix-ui"),g=require("../helpers/extract-props.js"),G=require("../props/margin.props.js"),S=require("./icons.js"),n=require("./select.props.js"),P=require("./theme.js");const C=e.createContext({}),v=t=>{const{children:r,size:o=n.selectRootPropDefs.size.default,...i}=t;return e.createElement(l.Select.Root,{...i},e.createElement(C.Provider,{value:e.useMemo(()=>({size:o}),[o])},r))};v.displayName="Select.Root";const y=e.forwardRef((t,r)=>{const o=e.useContext(C),{children:i,className:s,color:d,radius:f,placeholder:u,error:p,loading:c,disabled:b,readOnly:w,...L}=(0,g.extractProps)({size:o?.size,...t},{size:n.selectRootPropDefs.size},n.selectTriggerPropDefs,G.marginPropDefs),{panelBackground:D}=t,V=e.useMemo(()=>({"aria-invalid":p||void 0,"aria-busy":c||void 0,"aria-disabled":b||void 0,"aria-readonly":w||void 0}),[p,c,b,w]);return e.createElement(l.Select.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":d,"data-radius":f,"data-panel-background":D,"data-error":p,"data-loading":c,...L,...V,ref:r,className:(0,a.default)("rt-reset","rt-SelectTrigger",s)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Select.Value,{placeholder:u},i)),e.createElement(l.Select.Icon,{asChild:!0},c?e.createElement("div",{className:"rt-SelectIcon rt-SelectLoadingIcon","aria-hidden":"true"},e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",className:"rt-SelectLoadingIconCircle"}))):e.createElement(S.ChevronDownIcon,{className:"rt-SelectIcon"}))))});y.displayName="Select.Trigger";const h=e.forwardRef((t,r)=>{const o=e.useContext(C),{className:i,children:s,color:d,container:f,...u}=(0,g.extractProps)({size:o?.size,...t},{size:n.selectRootPropDefs.size},n.selectContentPropDefs),p=(0,P.useThemeContext)(),c=d||p.accentColor;return e.createElement(l.Select.Portal,{container:f},e.createElement(P.Theme,{asChild:!0},e.createElement(l.Select.Content,{"data-accent-color":c,sideOffset:4,...u,asChild:!1,ref:r,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",i)},e.createElement(l.ScrollArea.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Select.Viewport,{asChild:!0,className:(0,a.default)("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(l.ScrollArea.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},s)),e.createElement(l.ScrollArea.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(l.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"}))))))});h.displayName="Select.Content";const I=e.forwardRef((t,r)=>{const{className:o,children:i,...s}=t;return e.createElement(l.Select.Item,{...s,asChild:!1,ref:r,className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-SelectItem",o)},e.createElement(l.Select.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(S.ThickCheckIcon,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.Select.ItemText,null,i))});I.displayName="Select.Item";const T=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Group,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-SelectGroup",t)}));T.displayName="Select.Group";const N=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Label,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuLabel","rt-SelectLabel",t)}));N.displayName="Select.Label";const x=e.forwardRef(({className:t,...r},o)=>e.createElement(l.Select.Separator,{...r,asChild:!1,ref:o,className:(0,a.default)("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));x.displayName="Select.Separator";
 //# sourceMappingURL=select.js.map