@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/badge.props.tsx"],
-  "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'] as const;\nconst variants = ['solid', 'soft', 'surface', 'outline', 'ghost', 'classic'] as const;\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  panelBackground: { type: 'enum', values: ['solid', 'translucent'], default: undefined },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n};\n\nexport { badgePropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,QAAS,OAAQ,UAAW,UAAW,QAAS,SAAS,EAErEP,EAAgB,CACpB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,gBAAiB,CAAE,KAAM,OAAQ,OAAQ,CAAC,QAAS,aAAa,EAAG,QAAS,MAAU,EACtF,GAAG,qBACH,GAAG,sBACH,GAAG,eACL",
-  "names": ["badge_props_exports", "__export", "badgePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants"]
+  "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 = ['solid', 'soft', 'surface', 'outline', 'ghost', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst badgePropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\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} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { badgePropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CACpCC,EAA8B,mCAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,QAAS,OAAQ,UAAW,UAAW,QAAS,SAAS,EACrEC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCT,EAAgB,CACpB,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQM,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAG,qBACH,GAAG,sBACH,GAAG,gBACH,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["badge_props_exports", "__export", "badgePropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_radius_prop", "sizes", "variants", "panelBackgrounds", "materials"]
 }

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

@@ -22,7 +22,7 @@ declare const blockquotePropDefs: {
     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/button.d.ts

@@ -2,13 +2,65 @@ import * as React from 'react';
 import { BaseButton } from './_internal/base-button.js';
 import type { BaseButtonProps } from './_internal/base-button.js';
 type ButtonElement = React.ElementRef<typeof BaseButton>;
-type ButtonOwnProps = Omit<BaseButtonProps, 'as'>;
+/**
+ * Tooltip configuration props that can be passed to Button
+ * These props are forwarded to the underlying Tooltip component
+ */
+interface ButtonTooltipProps {
+    /** Content to display in the tooltip on hover/focus */
+    tooltip?: React.ReactNode;
+    /** Side of the button where the tooltip should appear */
+    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
+    /** Alignment of the tooltip relative to the button */
+    tooltipAlign?: 'start' | 'center' | 'end';
+    /** Delay before showing the tooltip (in milliseconds) */
+    tooltipDelayDuration?: number;
+    /** Whether to disable hoverable content behavior */
+    tooltipDisableHoverableContent?: boolean;
+}
+/**
+ * Core Button props excluding the 'as' prop for polymorphic behavior
+ * Combines BaseButton props with tooltip functionality
+ */
+type ButtonOwnProps = Omit<BaseButtonProps, 'as'> & ButtonTooltipProps;
+/**
+ * Polymorphic Button props that support rendering as different HTML elements
+ * @template C - The element type to render as (defaults to 'button')
+ */
 type ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {
+    /** Element type to render as (e.g., 'a', 'span', etc.) */
     as?: C;
 } & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;
+/**
+ * Button component type that supports polymorphic rendering
+ * @template C - The element type to render as
+ */
 type ButtonComponent = <C extends React.ElementType = 'button'>(props: ButtonProps<C> & {
     ref?: React.ForwardedRef<ButtonElement>;
 }) => React.ReactElement | null;
+/**
+ * Button component for triggering actions throughout your interface
+ *
+ * The Button component is the primary interactive element in the Kookie User Interface.
+ * It provides six visual variants, four sizes, comprehensive color options, and built-in
+ * tooltip support. The component automatically handles icon sizing, supports responsive
+ * layouts, and provides accessibility compliance out of the box.
+ *
+ * @example
+ * ```tsx
+ * // Basic button
+ * <Button>Click me</Button>
+ *
+ * // Button with variant and size
+ * <Button variant="solid" size="3">Primary Action</Button>
+ *
+ * // Button with tooltip
+ * <Button tooltip="Save your progress">Save</Button>
+ *
+ * // Polymorphic button as link
+ * <Button as="a" href="/dashboard">Go to Dashboard</Button>
+ * ```
+ */
 declare const Button: ButtonComponent & {
     displayName?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,KAAK,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAGzD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAElD,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,cAAc,GAAG;IAC1E,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAElE,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B,QAAA,MAAM,MAAM,EAIP,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAIhD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,KAAK,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzD;;;GAGG;AACH,UAAU,kBAAkB;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yDAAyD;IACzD,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,oDAAoD;IACpD,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED;;;GAGG;AACH,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,kBAAkB,CAAC;AAEvE;;;GAGG;AACH,KAAK,WAAW,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,IAAI,cAAc,GAAG;IAC1E,0DAA0D;IAC1D,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,CAAC;AAElE;;;GAGG;AACH,KAAK,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,QAAQ,EAC5D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAE/B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,QAAA,MAAM,MAAM,EAqDP,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAIhD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/components/button.js

@@ -1,2 +1,2 @@
-"use strict";var l=Object.create;var p=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var c=Object.getPrototypeOf,i=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)p(t,o,{get:e[o],enumerable:!0})},a=(t,e,o,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of y(e))!i.call(t,n)&&n!==o&&p(t,n,{get:()=>e[n],enumerable:!(s=R(e,n))||s.enumerable});return t};var m=(t,e,o)=>(o=t!=null?l(c(t)):{},a(e||!t||!t.__esModule?p(o,"default",{value:t,enumerable:!0}):o,t)),d=t=>a(p({},"__esModule",{value:!0}),t);var C={};P(C,{Button:()=>r});module.exports=d(C);var u=m(require("react")),B=m(require("classnames")),f=require("./_internal/base-button.js");const r=u.forwardRef(({className:t,...e},o)=>u.createElement(f.BaseButton,{...e,ref:o,className:(0,B.default)("rt-Button",t)}));r.displayName="Button";
+"use strict";var C=Object.create;var p=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var O=(t,o)=>{for(var e in o)p(t,e,{get:o[e],enumerable:!0})},m=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of T(o))!N.call(t,n)&&n!==e&&p(t,n,{get:()=>o[n],enumerable:!(s=E(o,n))||s.enumerable});return t};var B=(t,o,e)=>(e=t!=null?C(w(t)):{},m(o||!t||!t.__esModule?p(e,"default",{value:t,enumerable:!0}):e,t)),g=t=>m(p({},"__esModule",{value:!0}),t);var x={};O(x,{Button:()=>i});module.exports=g(x);var r=B(require("react")),c=B(require("classnames")),d=require("./_internal/base-button.js"),f=require("./tooltip.js");const i=r.forwardRef(({className:t,tooltip:o,tooltipSide:e="top",tooltipAlign:s="center",tooltipDelayDuration:n,tooltipDisableHoverableContent:y,...b},R)=>{const a=r.useId(),l=!!o,P=r.useMemo(()=>l?{"aria-describedby":a}:{},[l,a]),u=r.createElement(d.BaseButton,{...b,...P,ref:R,className:(0,c.default)("rt-Button",t)});return o?r.createElement(f.Tooltip,{content:o,side:e,align:s,delayDuration:n,disableHoverableContent:y,id:a},u):u});i.displayName="Button";
 //# sourceMappingURL=button.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n// Polymorphic Button props\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'>;\n\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n  props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> },\n) => React.ReactElement | null;\n\nconst Button = React.forwardRef(\n  ({ className, ...props }: ButtonProps, forwardedRef: React.ForwardedRef<ButtonElement>) => (\n    <BaseButton {...props} ref={forwardedRef} className={classNames('rt-Button', className)} />\n  ),\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAA2B,sCAgB3B,MAAMJ,EAASE,EAAM,WACnB,CAAC,CAAE,UAAAG,EAAW,GAAGC,CAAM,EAAgBC,IACrCL,EAAA,cAAC,cAAY,GAAGI,EAAO,IAAKC,EAAc,aAAW,EAAAC,SAAW,YAAaH,CAAS,EAAG,CAE7F,EAEAL,EAAO,YAAc",
-  "names": ["button_exports", "__export", "Button", "__toCommonJS", "React", "import_classnames", "import_base_button", "className", "props", "forwardedRef", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\ninterface ButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'> & ButtonTooltipProps;\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n  props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> },\n) => React.ReactElement | null;\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n * ```\n */\nconst Button = React.forwardRef(\n  (\n    {\n      className,\n      tooltip,\n      tooltipSide = 'top',\n      tooltipAlign = 'center',\n      tooltipDelayDuration,\n      tooltipDisableHoverableContent,\n      ...props\n    }: ButtonProps,\n    forwardedRef: React.ForwardedRef<ButtonElement>,\n  ) => {\n    // Generate unique ID for tooltip accessibility\n    const tooltipId = React.useId();\n    const hasTooltip = Boolean(tooltip);\n\n    // Prepare accessibility props for tooltip integration\n    const tooltipAccessibilityProps = React.useMemo(\n      () => (hasTooltip ? { 'aria-describedby': tooltipId } : {}),\n      [hasTooltip, tooltipId],\n    );\n\n    // Create the base button element with tooltip accessibility props\n    const button = (\n      <BaseButton\n        {...props}\n        {...tooltipAccessibilityProps}\n        ref={forwardedRef}\n        className={classNames('rt-Button', className)}\n      />\n    );\n\n    // If no tooltip is provided, return the button as-is for better performance\n    if (!tooltip) {\n      return button;\n    }\n\n    // Wrap with Tooltip when tooltip content is provided\n    // This creates a compound component that handles both button and tooltip functionality\n    return (\n      <Tooltip\n        content={tooltip}\n        side={tooltipSide}\n        align={tooltipAlign}\n        delayDuration={tooltipDelayDuration}\n        disableHoverableContent={tooltipDisableHoverableContent}\n        id={tooltipId}\n      >\n        {button}\n      </Tooltip>\n    );\n  },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,YAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBAEvBC,EAA2B,sCAC3BC,EAAwB,wBAoExB,MAAML,EAASE,EAAM,WACnB,CACE,CACE,UAAAI,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,MAAMC,EAAYZ,EAAM,MAAM,EACxBa,EAAa,EAAQR,EAGrBS,EAA4Bd,EAAM,QACtC,IAAOa,EAAa,CAAE,mBAAoBD,CAAU,EAAI,CAAC,EACzD,CAACC,EAAYD,CAAS,CACxB,EAGMG,EACJf,EAAA,cAAC,cACE,GAAGU,EACH,GAAGI,EACJ,IAAKH,EACL,aAAW,EAAAK,SAAW,YAAaZ,CAAS,EAC9C,EAIF,OAAKC,EAOHL,EAAA,cAAC,WACC,QAASK,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,EACzB,GAAIG,GAEHG,CACH,EAfOA,CAiBX,CACF,EAEAjB,EAAO,YAAc",
+  "names": ["button_exports", "__export", "Button", "__toCommonJS", "React", "import_classnames", "import_base_button", "import_tooltip", "className", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "button", "classNames"]
 }

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

@@ -1,2 +1,19 @@
+/**
+ * Button prop definitions exported for external use
+ *
+ * This file re-exports the base button prop definitions to provide
+ * a clean API for the Button component. The base button props are
+ * defined in the _internal directory and used by all button variants
+ * to ensure consistency across the design system.
+ *
+ * @example
+ * ```tsx
+ * import { buttonPropDefs } from '@kushagradhawan/kookie-ui';
+ *
+ * // Access button prop definitions for type checking or validation
+ * type ButtonSize = typeof buttonPropDefs.size.values[number];
+ * type ButtonVariant = typeof buttonPropDefs.variant.values[number];
+ * ```
+ */
 export { baseButtonPropDefs as buttonPropDefs } from './_internal/base-button.props.js';
 //# sourceMappingURL=button.props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../src/components/button.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"button.props.d.ts","sourceRoot":"","sources":["../../../src/components/button.props.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,kBAAkB,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC"}

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.props.tsx"],
-  "sourcesContent": ["export { baseButtonPropDefs as buttonPropDefs } from './_internal/base-button.props.js';\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0DAAAE,EAAAF,GAAA,IAAAG,EAAqD",
+  "sourcesContent": ["/**\n * Button prop definitions exported for external use\n *\n * This file re-exports the base button prop definitions to provide\n * a clean API for the Button component. The base button props are\n * defined in the _internal directory and used by all button variants\n * to ensure consistency across the design system.\n *\n * @example\n * ```tsx\n * import { buttonPropDefs } from '@kushagradhawan/kookie-ui';\n *\n * // Access button prop definitions for type checking or validation\n * type ButtonSize = typeof buttonPropDefs.size.values[number];\n * type ButtonVariant = typeof buttonPropDefs.variant.values[number];\n * ```\n */\nexport { baseButtonPropDefs as buttonPropDefs } from './_internal/base-button.props.js';\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0DAAAE,EAAAF,GAiBA,IAAAG,EAAqD",
   "names": ["button_props_exports", "__export", "__toCommonJS", "import_base_button_props"]
 }

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

@@ -6,6 +6,10 @@ import type { ComponentPropsWithout, RemovedProps, ComponentPropsAs } from '../h
 import type { GetPropDefTypes } from '../props/prop-def.js';
 type CalloutRootOwnProps = GetPropDefTypes<typeof calloutRootPropDefs>;
 interface CalloutRootProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, CalloutRootOwnProps {
+    /** Controls the ARIA live region behavior for screen readers */
+    live?: 'off' | 'polite' | 'assertive';
+    /** Semantic role for the callout */
+    role?: 'alert' | 'status' | 'note';
 }
 declare const CalloutRoot: React.ForwardRefExoticComponent<CalloutRootProps & React.RefAttributes<HTMLDivElement>>;
 interface CalloutIconProps extends ComponentPropsWithout<'div', RemovedProps> {

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

@@ -1 +1 @@
-{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/components/callout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAMvE,UAAU,gBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,mBAAmB;CAAG;AAC1B,QAAA,MAAM,WAAW,yFAuBhB,CAAC;AAIF,UAAU,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAChF,QAAA,MAAM,WAAW,yFAMhB,CAAC;AAIF,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3D,QAAA,MAAM,WAAW,+FAchB,CAAC;AAGF,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,CAAC;AACzE,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,GAC9B,CAAC"}
+{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/components/callout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,KAAK,mBAAmB,GAAG,eAAe,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAUvE,UAAU,gBACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,mBAAmB;IACrB,gEAAgE;IAChE,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAC;IACtC,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CACpC;AACD,QAAA,MAAM,WAAW,yFAqChB,CAAC;AAIF,UAAU,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAChF,QAAA,MAAM,WAAW,yFAMhB,CAAC;AAIF,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AAC3D,QAAA,MAAM,WAAW,+FAchB,CAAC;AAGF,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,CAAC;AACzE,YAAY,EACV,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,EAC7B,gBAAgB,IAAI,SAAS,GAC9B,CAAC"}

package/dist/cjs/components/callout.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var N=Object.create;var a=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var j=(o,t)=>{for(var e in t)a(o,e,{get:t[e],enumerable:!0})},c=(o,t,e,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of g(t))!D.call(o,r)&&r!==e&&a(o,r,{get:()=>t[r],enumerable:!(p=h(t,r))||p.enumerable});return o};var f=(o,t,e)=>(e=o!=null?N(w(o)):{},c(t||!o||!o.__esModule?a(e,"default",{value:o,enumerable:!0}):e,o)),M=o=>c(a({},"__esModule",{value:!0}),o);var O={};j(O,{Icon:()=>C,Root:()=>u,Text:()=>i});module.exports=M(O);var l=f(require("react")),s=f(require("classnames")),d=require("radix-ui"),R=require("./text.js"),m=require("./callout.props.js"),x=require("../helpers/extract-props.js"),n=require("../helpers/map-prop-values.js"),y=require("../props/margin.props.js");const P=l.createContext({}),u=l.forwardRef((o,t)=>{const{size:e=m.calloutRootPropDefs.size.default}=o,{asChild:p,children:r,className:T,color:v,panelBackground:I,...E}=(0,x.extractProps)(o,m.calloutRootPropDefs,y.marginPropDefs),z=p?d.Slot.Root:"div";return l.createElement(z,{"data-accent-color":v,"data-panel-background":I,...E,className:(0,s.default)("rt-CalloutRoot",T),ref:t},l.createElement(P.Provider,{value:l.useMemo(()=>({size:e}),[e])},r))});u.displayName="Callout.Root";const C=l.forwardRef(({className:o,...t},e)=>l.createElement("div",{...t,className:(0,s.default)("rt-CalloutIcon",o),ref:e}));C.displayName="Callout.Icon";const i=l.forwardRef(({className:o,...t},e)=>{const{size:p}=l.useContext(P);return l.createElement(R.Text,{as:"p",size:(0,n.mapResponsiveProp)(p,n.mapCalloutSizeToTextSize),...t,asChild:!1,ref:e,className:(0,s.default)("rt-CalloutText",o)})});i.displayName="Callout.Text";
+"use strict";"use client";var D=Object.create;var s=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var M=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var W=(o,t)=>{for(var e in t)s(o,e,{get:t[e],enumerable:!0})},f=(o,t,e,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of j(t))!S.call(o,l)&&l!==e&&s(o,l,{get:()=>t[l],enumerable:!(a=O(t,l))||a.enumerable});return o};var d=(o,t,e)=>(e=o!=null?D(M(o)):{},f(t||!o||!o.__esModule?s(e,"default",{value:o,enumerable:!0}):e,o)),k=o=>f(s({},"__esModule",{value:!0}),o);var A={};W(A,{Icon:()=>C,Root:()=>u,Text:()=>c});module.exports=k(A);var r=d(require("react")),p=d(require("classnames")),x=require("radix-ui"),v=require("./text.js"),m=require("./callout.props.js"),y=require("../helpers/extract-props.js"),n=require("../helpers/map-prop-values.js"),T=require("../props/margin.props.js");const R=r.createContext({}),u=r.forwardRef((o,t)=>{const{size:e=m.calloutRootPropDefs.size.default,live:a="polite",role:l="status",variant:P}=o,{asChild:I,children:E,className:w,color:i,panelBackground:z,material:N,...h}=(0,y.extractProps)(o,m.calloutRootPropDefs,T.marginPropDefs),g=I?x.Slot.Root:"div";return r.createElement(g,{"data-accent-color":i,"data-panel-background":z,"data-material":N,...h,...{role:l,"aria-live":a,"aria-atomic":!0},className:(0,p.default)("rt-CalloutRoot",w),ref:t},r.createElement(R.Provider,{value:r.useMemo(()=>({size:e,variant:P,color:i}),[e,P,i])},E))});u.displayName="Callout.Root";const C=r.forwardRef(({className:o,...t},e)=>r.createElement("div",{...t,className:(0,p.default)("rt-CalloutIcon",o),ref:e}));C.displayName="Callout.Icon";const c=r.forwardRef(({className:o,...t},e)=>{const{size:a}=r.useContext(R);return r.createElement(v.Text,{as:"p",size:(0,n.mapResponsiveProp)(a,n.mapCalloutSizeToTextSize),...t,asChild:!1,ref:e,className:(0,p.default)("rt-CalloutText",o)})});c.displayName="Callout.Text";
 //# sourceMappingURL=callout.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/callout.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { Text } from './text.js';\nimport { calloutRootPropDefs } from './callout.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { mapResponsiveProp, mapCalloutSizeToTextSize } from '../helpers/map-prop-values.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CalloutRootOwnProps = GetPropDefTypes<typeof calloutRootPropDefs>;\n\ntype CalloutContextValue = { size?: CalloutRootOwnProps['size'] };\nconst CalloutContext = React.createContext<CalloutContextValue>({});\n\ntype CalloutRootElement = React.ElementRef<'div'>;\ninterface CalloutRootProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    CalloutRootOwnProps {}\nconst CalloutRoot = React.forwardRef<CalloutRootElement, CalloutRootProps>(\n  (props, forwardedRef) => {\n    const { size = calloutRootPropDefs.size.default } = props;\n    const { asChild, children, className, color, panelBackground, ...rootProps } = extractProps(\n      props,\n      calloutRootPropDefs,\n      marginPropDefs,\n    );\n    const Comp = asChild ? Slot.Root : 'div';\n    return (\n      <Comp\n        data-accent-color={color}\n        data-panel-background={panelBackground}\n        {...rootProps}\n        className={classNames('rt-CalloutRoot', className)}\n        ref={forwardedRef}\n      >\n        <CalloutContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n          {children}\n        </CalloutContext.Provider>\n      </Comp>\n    );\n  },\n);\nCalloutRoot.displayName = 'Callout.Root';\n\ntype CalloutIconElement = React.ElementRef<'div'>;\ninterface CalloutIconProps extends ComponentPropsWithout<'div', RemovedProps> {}\nconst CalloutIcon = React.forwardRef<CalloutIconElement, CalloutIconProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div {...props} className={classNames('rt-CalloutIcon', className)} ref={forwardedRef} />\n    );\n  },\n);\nCalloutIcon.displayName = 'Callout.Icon';\n\ntype CalloutTextElement = React.ElementRef<'p'>;\ntype CalloutTextProps = ComponentPropsAs<typeof Text, 'p'>;\nconst CalloutText = React.forwardRef<CalloutTextElement, CalloutTextProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { size } = React.useContext(CalloutContext);\n    return (\n      <Text\n        as=\"p\"\n        size={mapResponsiveProp(size, mapCalloutSizeToTextSize)}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-CalloutText', className)}\n      />\n    );\n  },\n);\nCalloutText.displayName = 'Callout.Text';\n\nexport { CalloutRoot as Root, CalloutIcon as Icon, CalloutText as Text };\nexport type {\n  CalloutRootProps as RootProps,\n  CalloutIconProps as IconProps,\n  CalloutTextProps as TextProps,\n};\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,EAAA,SAAAC,IAAA,eAAAC,EAAAL,GAEA,IAAAM,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAAqB,qBACrBC,EAAoC,8BACpCC,EAA6B,uCAC7BC,EAA4D,yCAC5DC,EAA+B,oCAa/B,MAAMC,EAAiBR,EAAM,cAAmC,CAAC,CAAC,EAO5DH,EAAcG,EAAM,WACxB,CAACS,EAAOC,IAAiB,CACvB,KAAM,CAAE,KAAAC,EAAO,sBAAoB,KAAK,OAAQ,EAAIF,EAC9C,CAAE,QAAAG,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,KAAI,gBAC7ER,EACA,sBACA,gBACF,EACMS,EAAON,EAAU,OAAK,KAAO,MACnC,OACEZ,EAAA,cAACkB,EAAA,CACC,oBAAmBH,EACnB,wBAAuBC,EACtB,GAAGC,EACJ,aAAW,EAAAE,SAAW,iBAAkBL,CAAS,EACjD,IAAKJ,GAELV,EAAA,cAACQ,EAAe,SAAf,CAAwB,MAAOR,EAAM,QAAQ,KAAO,CAAE,KAAAW,CAAK,GAAI,CAACA,CAAI,CAAC,GACnEE,CACH,CACF,CAEJ,CACF,EACAhB,EAAY,YAAc,eAI1B,MAAMD,EAAcI,EAAM,WACxB,CAAC,CAAE,UAAAc,EAAW,GAAGL,CAAM,EAAGC,IAEtBV,EAAA,cAAC,OAAK,GAAGS,EAAO,aAAW,EAAAU,SAAW,iBAAkBL,CAAS,EAAG,IAAKJ,EAAc,CAG7F,EACAd,EAAY,YAAc,eAI1B,MAAME,EAAcE,EAAM,WACxB,CAAC,CAAE,UAAAc,EAAW,GAAGL,CAAM,EAAGC,IAAiB,CACzC,KAAM,CAAE,KAAAC,CAAK,EAAIX,EAAM,WAAWQ,CAAc,EAChD,OACER,EAAA,cAAC,QACC,GAAG,IACH,QAAM,qBAAkBW,EAAM,0BAAwB,EACrD,GAAGF,EACJ,QAAS,GACT,IAAKC,EACL,aAAW,EAAAS,SAAW,iBAAkBL,CAAS,EACnD,CAEJ,CACF,EACAhB,EAAY,YAAc",
-  "names": ["callout_exports", "__export", "CalloutIcon", "CalloutRoot", "CalloutText", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_text", "import_callout_props", "import_extract_props", "import_map_prop_values", "import_margin_props", "CalloutContext", "props", "forwardedRef", "size", "asChild", "children", "className", "color", "panelBackground", "rootProps", "Comp", "classNames"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { Text } from './text.js';\nimport { calloutRootPropDefs } from './callout.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { mapResponsiveProp, mapCalloutSizeToTextSize } from '../helpers/map-prop-values.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CalloutRootOwnProps = GetPropDefTypes<typeof calloutRootPropDefs>;\n\ntype CalloutContextValue = {\n  size?: CalloutRootOwnProps['size'];\n  variant?: CalloutRootOwnProps['variant'];\n  color?: CalloutRootOwnProps['color'];\n};\nconst CalloutContext = React.createContext<CalloutContextValue>({});\n\ntype CalloutRootElement = React.ElementRef<'div'>;\ninterface CalloutRootProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    CalloutRootOwnProps {\n  /** Controls the ARIA live region behavior for screen readers */\n  live?: 'off' | 'polite' | 'assertive';\n  /** Semantic role for the callout */\n  role?: 'alert' | 'status' | 'note';\n}\nconst CalloutRoot = React.forwardRef<CalloutRootElement, CalloutRootProps>(\n  (props, forwardedRef) => {\n    const {\n      size = calloutRootPropDefs.size.default,\n      live = 'polite',\n      role = 'status',\n      variant,\n    } = props;\n    const { asChild, children, className, color, panelBackground, material, ...rootProps } =\n      extractProps(props, calloutRootPropDefs, marginPropDefs);\n    const Comp = asChild ? Slot.Root : 'div';\n\n    // Determine appropriate ARIA attributes based on role and live\n    const ariaProps = {\n      role,\n      'aria-live': live,\n      'aria-atomic': true,\n    };\n\n    return (\n      <Comp\n        data-accent-color={color}\n        data-panel-background={panelBackground}\n        data-material={material}\n        {...rootProps}\n        {...ariaProps}\n        className={classNames('rt-CalloutRoot', className)}\n        ref={forwardedRef}\n      >\n        <CalloutContext.Provider\n          value={React.useMemo(() => ({ size, variant, color }), [size, variant, color])}\n        >\n          {children}\n        </CalloutContext.Provider>\n      </Comp>\n    );\n  },\n);\nCalloutRoot.displayName = 'Callout.Root';\n\ntype CalloutIconElement = React.ElementRef<'div'>;\ninterface CalloutIconProps extends ComponentPropsWithout<'div', RemovedProps> {}\nconst CalloutIcon = React.forwardRef<CalloutIconElement, CalloutIconProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div {...props} className={classNames('rt-CalloutIcon', className)} ref={forwardedRef} />\n    );\n  },\n);\nCalloutIcon.displayName = 'Callout.Icon';\n\ntype CalloutTextElement = React.ElementRef<'p'>;\ntype CalloutTextProps = ComponentPropsAs<typeof Text, 'p'>;\nconst CalloutText = React.forwardRef<CalloutTextElement, CalloutTextProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { size } = React.useContext(CalloutContext);\n    return (\n      <Text\n        as=\"p\"\n        size={mapResponsiveProp(size, mapCalloutSizeToTextSize)}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-CalloutText', className)}\n      />\n    );\n  },\n);\nCalloutText.displayName = 'Callout.Text';\n\nexport { CalloutRoot as Root, CalloutIcon as Icon, CalloutText as Text };\nexport type {\n  CalloutRootProps as RootProps,\n  CalloutIconProps as IconProps,\n  CalloutTextProps as TextProps,\n};\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,EAAA,SAAAC,IAAA,eAAAC,EAAAL,GAEA,IAAAM,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAAqB,qBACrBC,EAAoC,8BACpCC,EAA6B,uCAC7BC,EAA4D,yCAC5DC,EAA+B,oCAiB/B,MAAMC,EAAiBR,EAAM,cAAmC,CAAC,CAAC,EAY5DH,EAAcG,EAAM,WACxB,CAACS,EAAOC,IAAiB,CACvB,KAAM,CACJ,KAAAC,EAAO,sBAAoB,KAAK,QAChC,KAAAC,EAAO,SACP,KAAAC,EAAO,SACP,QAAAC,CACF,EAAIL,EACE,CAAE,QAAAM,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAU,KACnF,gBAAaZ,EAAO,sBAAqB,gBAAc,EACnDa,EAAOP,EAAU,OAAK,KAAO,MASnC,OACEf,EAAA,cAACsB,EAAA,CACC,oBAAmBJ,EACnB,wBAAuBC,EACvB,gBAAeC,EACd,GAAGC,EACH,GAZa,CAChB,KAAAR,EACA,YAAaD,EACb,cAAe,EACjB,EASI,aAAW,EAAAW,SAAW,iBAAkBN,CAAS,EACjD,IAAKP,GAELV,EAAA,cAACQ,EAAe,SAAf,CACC,MAAOR,EAAM,QAAQ,KAAO,CAAE,KAAAW,EAAM,QAAAG,EAAS,MAAAI,CAAM,GAAI,CAACP,EAAMG,EAASI,CAAK,CAAC,GAE5EF,CACH,CACF,CAEJ,CACF,EACAnB,EAAY,YAAc,eAI1B,MAAMD,EAAcI,EAAM,WACxB,CAAC,CAAE,UAAAiB,EAAW,GAAGR,CAAM,EAAGC,IAEtBV,EAAA,cAAC,OAAK,GAAGS,EAAO,aAAW,EAAAc,SAAW,iBAAkBN,CAAS,EAAG,IAAKP,EAAc,CAG7F,EACAd,EAAY,YAAc,eAI1B,MAAME,EAAcE,EAAM,WACxB,CAAC,CAAE,UAAAiB,EAAW,GAAGR,CAAM,EAAGC,IAAiB,CACzC,KAAM,CAAE,KAAAC,CAAK,EAAIX,EAAM,WAAWQ,CAAc,EAChD,OACER,EAAA,cAAC,QACC,GAAG,IACH,QAAM,qBAAkBW,EAAM,0BAAwB,EACrD,GAAGF,EACJ,QAAS,GACT,IAAKC,EACL,aAAW,EAAAa,SAAW,iBAAkBN,CAAS,EACnD,CAEJ,CACF,EACAnB,EAAY,YAAc",
+  "names": ["callout_exports", "__export", "CalloutIcon", "CalloutRoot", "CalloutText", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_text", "import_callout_props", "import_extract_props", "import_map_prop_values", "import_margin_props", "CalloutContext", "props", "forwardedRef", "size", "live", "role", "variant", "asChild", "children", "className", "color", "panelBackground", "material", "rootProps", "Comp", "classNames"]
 }

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

@@ -1,4 +1,12 @@
 declare const calloutRootPropDefs: {
+    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"];
@@ -24,7 +32,7 @@ declare const calloutRootPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["soft", "surface", "outline"];
+        values: readonly ["soft", "surface", "outline", "classic"];
         default: "soft";
     };
     asChild: {

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

@@ -1 +1 @@
-{"version":3,"file":"callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/callout.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWxB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"callout.props.d.ts","sourceRoot":"","sources":["../../../src/components/callout.props.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,mBAAmB;;;;;;IAOvB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOJ,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/callout.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } 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 = ['soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst calloutRootPropDefs = {\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: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { calloutRootPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,OAAQ,UAAW,SAAS,EACxCC,EAAmB,CAAC,QAAS,aAAa,EAE1CP,EAAsB,CAC1B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAG,qBACH,GAAG,sBACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,CAChF",
-  "names": ["callout_props_exports", "__export", "calloutRootPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_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';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['soft', 'surface', 'outline', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst calloutRootPropDefs = {\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: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\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} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { calloutRootPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAAmC,kCACnCC,EAAoC,0CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,OAAQ,UAAW,UAAW,SAAS,EACnDC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCR,EAAsB,CAC1B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAG,qBACH,GAAG,sBACH,SAAU,CAAE,KAAM,OAAQ,OAAQE,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["callout_props_exports", "__export", "calloutRootPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "sizes", "variants", "panelBackgrounds", "materials"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,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,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,WAAW,EAAE,YAAY;CAAG;AACpG,QAAA,MAAM,IAAI,kFAgBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,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,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,WAAW,EAAE,YAAY;CAAG;AACpG,QAAA,MAAM,IAAI,kFAkBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/cjs/components/card.js

@@ -1,2 +1,2 @@
-"use strict";var g=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,D=Object.prototype.hasOwnProperty;var x=(r,o)=>{for(var e in o)s(r,e,{get:o[e],enumerable:!0})},m=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of R(o))!D.call(r,p)&&p!==e&&s(r,p,{get:()=>o[p],enumerable:!(t=h(o,p))||t.enumerable});return r};var d=(r,o,e)=>(e=r!=null?g(v(r)):{},m(o||!r||!r.__esModule?s(e,"default",{value:r,enumerable:!0}):e,r)),N=r=>m(s({},"__esModule",{value:!0}),r);var j={};x(j,{Card:()=>a});module.exports=N(j);var n=d(require("react")),f=d(require("classnames")),i=require("radix-ui"),P=require("./card.props.js"),c=require("../helpers/extract-props.js"),C=require("../props/margin.props.js");const a=n.forwardRef((r,o)=>{const{asChild:e,className:t,panelBackground:p,flush:l,...y}=(0,c.extractProps)(r,P.cardPropDefs,C.marginPropDefs),u=e?i.Slot.Root:"div";return n.createElement(u,{ref:o,...y,"data-panel-background":p,"data-flush":l?"true":void 0,className:(0,f.default)("rt-reset","rt-BaseCard","rt-Card",t)})});a.displayName="Card";
+"use strict";var v=Object.create;var a=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,N=Object.prototype.hasOwnProperty;var j=(r,o)=>{for(var e in o)a(r,e,{get:o[e],enumerable:!0})},d=(r,o,e,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of D(o))!N.call(r,p)&&p!==e&&a(r,p,{get:()=>o[p],enumerable:!(t=R(o,p))||t.enumerable});return r};var n=(r,o,e)=>(e=r!=null?v(x(r)):{},d(o||!r||!r.__esModule?a(e,"default",{value:r,enumerable:!0}):e,r)),w=r=>d(a({},"__esModule",{value:!0}),r);var E={};j(E,{Card:()=>s});module.exports=w(E);var f=n(require("react")),i=n(require("classnames")),P=require("radix-ui"),c=require("./card.props.js"),l=require("../helpers/extract-props.js"),C=require("../props/margin.props.js");const s=f.forwardRef((r,o)=>{const{asChild:e,className:t,panelBackground:p,material:y,flush:u,...g}=(0,l.extractProps)(r,c.cardPropDefs,C.marginPropDefs),m=y||p,h=e?P.Slot.Root:"div";return f.createElement(h,{ref:o,...g,"data-panel-background":m,"data-material":m,"data-flush":u?"true":void 0,className:(0,i.default)("rt-reset","rt-BaseCard","rt-Card",t)})});s.displayName="Card";
 //# sourceMappingURL=card.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { cardPropDefs } from './card.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CardElement = React.ElementRef<'div'>;\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>;\ninterface CardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, CardOwnProps {}\nconst Card = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const { asChild, className, panelBackground, flush, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n  );\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      ref={forwardedRef}\n      {...cardProps}\n      data-panel-background={panelBackground}\n      data-flush={flush ? 'true' : undefined}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-Card', className)}\n    />\n  );\n});\nCard.displayName = 'Card';\n\nexport { Card };\nexport type { CardProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAA6B,2BAC7BC,EAA6B,uCAC7BC,EAA+B,oCAS/B,MAAMP,EAAOE,EAAM,WAAmC,CAACM,EAAOC,IAAiB,CAC7E,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,gBAAAC,EAAiB,MAAAC,EAAO,GAAGC,CAAU,KAAI,gBACnEN,EACA,eACA,gBACF,EACMO,EAAOL,EAAU,OAAK,KAAO,MACnC,OACER,EAAA,cAACa,EAAA,CACC,IAAKN,EACJ,GAAGK,EACJ,wBAAuBF,EACvB,aAAYC,EAAQ,OAAS,OAC7B,aAAW,EAAAG,SAAW,WAAY,cAAe,UAAWL,CAAS,EACvE,CAEJ,CAAC,EACDX,EAAK,YAAc",
-  "names": ["card_exports", "__export", "Card", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_card_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "asChild", "className", "panelBackground", "flush", "cardProps", "Comp", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { cardPropDefs } from './card.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CardElement = React.ElementRef<'div'>;\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>;\ninterface CardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, CardOwnProps {}\nconst Card = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const { asChild, className, panelBackground, material, flush, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n  );\n  const effectiveMaterial = material || panelBackground;\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      ref={forwardedRef}\n      {...cardProps}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      data-flush={flush ? 'true' : undefined}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-Card', className)}\n    />\n  );\n});\nCard.displayName = 'Card';\n\nexport { Card };\nexport type { CardProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAqB,oBAErBC,EAA6B,2BAC7BC,EAA6B,uCAC7BC,EAA+B,oCAS/B,MAAMP,EAAOE,EAAM,WAAmC,CAACM,EAAOC,IAAiB,CAC7E,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,gBAAAC,EAAiB,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAU,KAAI,gBAC7EP,EACA,eACA,gBACF,EACMQ,EAAoBH,GAAYD,EAChCK,EAAOP,EAAU,OAAK,KAAO,MACnC,OACER,EAAA,cAACe,EAAA,CACC,IAAKR,EACJ,GAAGM,EACJ,wBAAuBC,EACvB,gBAAeA,EACf,aAAYF,EAAQ,OAAS,OAC7B,aAAW,EAAAI,SAAW,WAAY,cAAe,UAAWP,CAAS,EACvE,CAEJ,CAAC,EACDX,EAAK,YAAc",
+  "names": ["card_exports", "__export", "Card", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_card_props", "import_extract_props", "import_margin_props", "props", "forwardedRef", "asChild", "className", "panelBackground", "material", "flush", "cardProps", "effectiveMaterial", "Comp", "classNames"]
 }

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

@@ -17,6 +17,11 @@ declare const cardPropDefs: {
         values: readonly ["solid", "translucent"];
         default: undefined;
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
     flush: {
         type: "boolean";
         default: false;

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

@@ -1 +1 @@
-{"version":3,"file":"card.props.d.ts","sourceRoot":"","sources":["../../../src/components/card.props.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CAWjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"card.props.d.ts","sourceRoot":"","sources":["../../../src/components/card.props.tsx"],"names":[],"mappings":"AASA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAajB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['surface', 'outline', 'classic', 'ghost', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\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  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAI/B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,UAAW,QAAS,MAAM,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CL,EAAe,CACnB,GAAG,iBACH,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,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
-  "names": ["card_props_exports", "__export", "cardPropDefs", "__toCommonJS", "import_as_child_prop", "sizes", "variants", "panelBackgrounds"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['surface', 'outline', 'classic', 'ghost', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAI/B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,UAAW,QAAS,MAAM,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCN,EAAe,CACnB,GAAG,iBACH,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,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["card_props_exports", "__export", "cardPropDefs", "__toCommonJS", "import_as_child_prop", "sizes", "variants", "panelBackgrounds", "materials"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-cards.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-cards.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,sBAAsB,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAQtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAmBxE,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAC;AACnF,UAAU,sBACR,SAAQ,qBAAqB,CACzB,OAAO,sBAAsB,CAAC,IAAI,EAClC,SAAS,GAAG,OAAO,GAAG,gBAAgB,CACvC,EACD,WAAW,EACX,yBAAyB;CAAG;AAChC,QAAA,MAAM,iBAAiB,+FA+BtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC7E,WAAW;CAAG;AAClB,QAAA,MAAM,iBAAiB;2BA7D4B,OAAO,CAAC,KAAK;2CAkG9D,CAAC;AAGH,OAAO,EAAE,iBAAiB,IAAI,IAAI,EAAE,iBAAiB,IAAI,IAAI,EAAE,CAAC;AAChE,YAAY,EAAE,sBAAsB,IAAI,SAAS,EAAE,sBAAsB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"checkbox-cards.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-cards.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,sBAAsB,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAQtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAoBxE,KAAK,yBAAyB,GAAG,eAAe,CAAC,OAAO,yBAAyB,CAAC,CAAC;AACnF,UAAU,sBACR,SAAQ,qBAAqB,CACzB,OAAO,sBAAsB,CAAC,IAAI,EAClC,SAAS,GAAG,OAAO,GAAG,gBAAgB,CACvC,EACD,WAAW,EACX,yBAAyB;CAAG;AAChC,QAAA,MAAM,iBAAiB,+FAgCtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC7E,WAAW;CAAG;AAClB,QAAA,MAAM,iBAAiB;2BA/D4B,OAAO,CAAC,KAAK;2CAoH9D,CAAC;AAGH,OAAO,EAAE,iBAAiB,IAAI,IAAI,EAAE,iBAAiB,IAAI,IAAI,EAAE,CAAC;AAChE,YAAY,EAAE,sBAAsB,IAAI,SAAS,EAAE,sBAAsB,IAAI,SAAS,EAAE,CAAC"}

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var B=Object.create;var p=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var w=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},f=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of E(e))!_.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(a=D(e,t))||a.enumerable});return o};var h=(o,e,r)=>(r=o!=null?B(z(o)):{},f(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),M=o=>f(p({},"__esModule",{value:!0}),o);var W={};w(W,{Item:()=>P,Root:()=>b});module.exports=M(W);var s=h(require("react")),C=h(require("classnames")),R=require("radix-ui/internal"),d=h(require("./checkbox-group.primitive.js")),x=require("./checkbox-group.primitive.js"),y=require("./checkbox-cards.props.js"),I=require("./_internal/base-checkbox.props.js"),G=require("./grid.js"),g=require("./icons.js"),k=require("../helpers/extract-props.js"),v=require("../props/margin.props.js"),N=require("./theme.js");const l="CheckboxCards",[O]=R.Context.createContextScope(l,[x.createCheckboxGroupScope]),u=(0,x.createCheckboxGroupScope)(),[T,j]=O(l),b=s.forwardRef((o,e)=>{const r=(0,N.useThemeContext)(),a=o.panelBackground??r.panelBackground,{__scopeCheckboxCards:t,className:m,color:c,panelBackground:n,...i}=(0,k.extractProps)(o,y.checkboxCardsRootPropDefs,v.marginPropDefs),S=u(t);return s.createElement(T,{scope:t,size:o.size,highContrast:o.highContrast},s.createElement(G.Grid,{asChild:!0},s.createElement(d.Root,{...S,"data-accent-color":c,"data-panel-background":a,...i,ref:e,className:(0,C.default)("rt-CheckboxCardsRoot",m)})))});b.displayName="CheckboxCards.Root";const P=s.forwardRef(({__scopeCheckboxCards:o,children:e,className:r,style:a,...t},m)=>{const c=j("CheckboxCardsItem",o),n=u(o),{className:i}=(0,k.extractProps)({size:c?.size,variant:"solid",highContrast:c?.highContrast},I.baseCheckboxPropDefs);return s.createElement("label",{className:(0,C.default)("rt-BaseCard","rt-CheckboxCardsItem",r),style:a},e,s.createElement(d.Item,{...n,...t,ref:m,className:(0,C.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",i)},s.createElement(d.Indicator,{...n,asChild:!0,className:"rt-BaseCheckboxIndicator"},s.createElement(g.ThickCheckIcon,null))))});P.displayName="CheckboxCards.Item";
+"use strict";"use client";var S=Object.create;var p=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var M=(o,e)=>{for(var r in e)p(o,r,{get:e[r],enumerable:!0})},l=(o,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of E(e))!w.call(o,t)&&t!==r&&p(o,t,{get:()=>e[t],enumerable:!(c=B(e,t))||c.enumerable});return o};var d=(o,e,r)=>(r=o!=null?S(_(o)):{},l(e||!o||!o.__esModule?p(r,"default",{value:o,enumerable:!0}):r,o)),O=o=>l(p({},"__esModule",{value:!0}),o);var A={};M(A,{Item:()=>P,Root:()=>f});module.exports=O(A);var a=d(require("react")),C=d(require("classnames")),v=require("radix-ui/internal"),x=d(require("./checkbox-group.primitive.js")),k=require("./checkbox-group.primitive.js"),y=require("./checkbox-cards.props.js"),I=require("./_internal/base-checkbox.props.js"),G=require("./grid.js"),g=require("./icons.js"),b=require("../helpers/extract-props.js"),N=require("../props/margin.props.js"),z=require("./theme.js");const u="CheckboxCards",[T]=v.Context.createContextScope(u,[k.createCheckboxGroupScope]),R=(0,k.createCheckboxGroupScope)(),[j,W]=T(u),f=a.forwardRef((o,e)=>{const r=(0,z.useThemeContext)(),c=o.panelBackground??r.panelBackground,{__scopeCheckboxCards:t,className:n,color:s,panelBackground:i,...m}=(0,b.extractProps)(o,y.checkboxCardsRootPropDefs,N.marginPropDefs),h=R(t);return a.createElement(j,{scope:t,size:o.size,variant:o.variant,highContrast:o.highContrast},a.createElement(G.Grid,{asChild:!0},a.createElement(x.Root,{...h,"data-accent-color":s,"data-panel-background":c,...m,ref:e,className:(0,C.default)("rt-CheckboxCardsRoot",n)})))});f.displayName="CheckboxCards.Root";const P=a.forwardRef(({__scopeCheckboxCards:o,children:e,className:r,style:c,...t},n)=>{const s=W("CheckboxCardsItem",o),i=R(o),{className:m}=(0,b.extractProps)({size:s?.size,variant:s?.variant||"solid",highContrast:s?.highContrast},I.baseCheckboxPropDefs),h=s?.variant?`rt-variant-${s.variant}`:void 0,D=s?.size?`rt-r-size-${s.size}`:void 0;return a.createElement("label",{className:(0,C.default)("rt-BaseCard","rt-CheckboxCardsItem",h,D,r),style:c},e,a.createElement(x.Item,{...i,...t,ref:n,className:(0,C.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",m)},a.createElement(x.Indicator,{...i,asChild:!0,className:"rt-BaseCheckboxIndicator"},a.createElement(g.ThickCheckIcon,null))))});P.displayName="CheckboxCards.Item";
 //# sourceMappingURL=checkbox-cards.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox-cards.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n  size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n  highContrast?: boolean;\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n  createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n  (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      __scopeCheckboxCards,\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n    return (\n      <CheckboxCardsProvider\n        scope={__scopeCheckboxCards}\n        size={props.size}\n        highContrast={props.highContrast}\n      >\n        <Grid asChild>\n          <CheckboxGroupPrimitive.Root\n            {...checkboxGroupScope}\n            data-accent-color={color}\n            data-panel-background={panelBackground}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-CheckboxCardsRoot', className)}\n          />\n        </Grid>\n      </CheckboxCardsProvider>\n    );\n  },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n  CheckboxCardsItemElement,\n  ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n  const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n  const { className: checkboxClassName } = extractProps(\n    // Pass size / highContrast values from the context and static variant to generate styles\n    { size: context?.size, variant: 'solid', highContrast: context?.highContrast },\n    // Pass size & variant prop defs to allow it to be extracted\n    baseCheckboxPropDefs,\n  );\n  return (\n    <label className={classNames('rt-BaseCard', 'rt-CheckboxCardsItem', className)} style={style}>\n      {children}\n      <CheckboxGroupPrimitive.Item\n        {...checkboxGroupScope}\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCheckboxRoot',\n          'rt-CheckboxCardCheckbox',\n          checkboxClassName,\n        )}\n      >\n        <CheckboxGroupPrimitive.Indicator\n          {...checkboxGroupScope}\n          asChild\n          className=\"rt-BaseCheckboxIndicator\"\n        >\n          <ThickCheckIcon />\n        </CheckboxGroupPrimitive.Indicator>\n      </CheckboxGroupPrimitive.Item>\n    </label>\n  );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
-  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAwB,6BAExBC,EAAwC,4CACxCC,EAAyC,yCACzCC,EAA0C,qCAC1CC,EAAqC,8CACrCC,EAAqB,qBACrBC,EAA+B,sBAC/BC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAAgC,sBAMhC,MAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAI,UAAQ,mBAAmBD,EAA0B,CACxF,0BACF,CAAC,EACKE,KAAwB,4BAAyB,EAOjD,CAACC,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAwB,EAW1Ed,EAAoBE,EAAM,WAC9B,CAACiB,EAA4CC,IAAiB,CAC5D,MAAMC,KAAe,mBAAgB,EAC/BC,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,qBAAAE,EACA,UAAAC,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAaR,EAAO,4BAA2B,gBAAc,EAC3DS,EAAqBZ,EAAsBO,CAAoB,EACrE,OACErB,EAAA,cAACe,EAAA,CACC,MAAOM,EACP,KAAMJ,EAAM,KACZ,aAAcA,EAAM,cAEpBjB,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGuB,EACJ,oBAAmBH,EACnB,wBAAuBH,EACtB,GAAGK,EACJ,IAAKP,EACL,aAAW,EAAAS,SAAW,uBAAwBL,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAxB,EAAkB,YAAc,qBAMhC,MAAMD,EAAoBG,EAAM,WAG9B,CAAC,CAAE,qBAAAqB,EAAsB,SAAAO,EAAU,UAAAN,EAAW,MAAAO,EAAO,GAAGZ,CAAM,EAAGC,IAAiB,CAClF,MAAMY,EAAUd,EAAwB,oBAAqBK,CAAoB,EAC3EK,EAAqBZ,EAAsBO,CAAoB,EAE/D,CAAE,UAAWU,CAAkB,KAAI,gBAEvC,CAAE,KAAMD,GAAS,KAAM,QAAS,QAAS,aAAcA,GAAS,YAAa,EAE7E,sBACF,EACA,OACE9B,EAAA,cAAC,SAAM,aAAW,EAAA2B,SAAW,cAAe,uBAAwBL,CAAS,EAAG,MAAOO,GACpFD,EACD5B,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGuB,EACH,GAAGT,EACJ,IAAKC,EACL,aAAW,EAAAS,SACT,WACA,sBACA,0BACAI,CACF,GAEA/B,EAAA,cAACG,EAAuB,UAAvB,CACE,GAAGuB,EACJ,QAAO,GACP,UAAU,4BAEV1B,EAAA,cAAC,qBAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDH,EAAkB,YAAc",
-  "names": ["checkbox_cards_exports", "__export", "CheckboxCardsItem", "CheckboxCardsRoot", "__toCommonJS", "React", "import_classnames", "import_internal", "CheckboxGroupPrimitive", "import_checkbox_group_primitive", "import_checkbox_cards_props", "import_base_checkbox_props", "import_grid", "import_icons", "import_extract_props", "import_margin_props", "import_theme", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "props", "forwardedRef", "themeContext", "panelBackground", "__scopeCheckboxCards", "className", "color", "_", "rootProps", "checkboxGroupScope", "classNames", "children", "style", "context", "checkboxClassName"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n  size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof checkboxCardsRootPropDefs.variant.values)[number];\n  highContrast?: boolean;\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n  createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n  (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      __scopeCheckboxCards,\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n    return (\n      <CheckboxCardsProvider\n        scope={__scopeCheckboxCards}\n        size={props.size}\n        variant={props.variant}\n        highContrast={props.highContrast}\n      >\n        <Grid asChild>\n          <CheckboxGroupPrimitive.Root\n            {...checkboxGroupScope}\n            data-accent-color={color}\n            data-panel-background={panelBackground}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-CheckboxCardsRoot', className)}\n          />\n        </Grid>\n      </CheckboxCardsProvider>\n    );\n  },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n  CheckboxCardsItemElement,\n  ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n  const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n  const { className: checkboxClassName } = extractProps(\n    // Pass size / highContrast values from the context and variant to generate styles\n    {\n      size: context?.size,\n      variant: context?.variant || 'solid',\n      highContrast: context?.highContrast,\n    },\n    // Pass size & variant prop defs to allow it to be extracted\n    baseCheckboxPropDefs,\n  );\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    <label\n      className={classNames(\n        'rt-BaseCard',\n        'rt-CheckboxCardsItem',\n        variantClass,\n        sizeClass,\n        className,\n      )}\n      style={style}\n    >\n      {children}\n      <CheckboxGroupPrimitive.Item\n        {...checkboxGroupScope}\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCheckboxRoot',\n          'rt-CheckboxCardCheckbox',\n          checkboxClassName,\n        )}\n      >\n        <CheckboxGroupPrimitive.Indicator\n          {...checkboxGroupScope}\n          asChild\n          className=\"rt-BaseCheckboxIndicator\"\n        >\n          <ThickCheckIcon />\n        </CheckboxGroupPrimitive.Indicator>\n      </CheckboxGroupPrimitive.Item>\n    </label>\n  );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
+  "mappings": "ukBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAwB,6BAExBC,EAAwC,4CACxCC,EAAyC,yCACzCC,EAA0C,qCAC1CC,EAAqC,8CACrCC,EAAqB,qBACrBC,EAA+B,sBAC/BC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAAgC,sBAMhC,MAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAI,UAAQ,mBAAmBD,EAA0B,CACxF,0BACF,CAAC,EACKE,KAAwB,4BAAyB,EAQjD,CAACC,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAwB,EAW1Ed,EAAoBE,EAAM,WAC9B,CAACiB,EAA4CC,IAAiB,CAC5D,MAAMC,KAAe,mBAAgB,EAC/BC,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,qBAAAE,EACA,UAAAC,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAaR,EAAO,4BAA2B,gBAAc,EAC3DS,EAAqBZ,EAAsBO,CAAoB,EACrE,OACErB,EAAA,cAACe,EAAA,CACC,MAAOM,EACP,KAAMJ,EAAM,KACZ,QAASA,EAAM,QACf,aAAcA,EAAM,cAEpBjB,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGuB,EACJ,oBAAmBH,EACnB,wBAAuBH,EACtB,GAAGK,EACJ,IAAKP,EACL,aAAW,EAAAS,SAAW,uBAAwBL,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAxB,EAAkB,YAAc,qBAMhC,MAAMD,EAAoBG,EAAM,WAG9B,CAAC,CAAE,qBAAAqB,EAAsB,SAAAO,EAAU,UAAAN,EAAW,MAAAO,EAAO,GAAGZ,CAAM,EAAGC,IAAiB,CAClF,MAAMY,EAAUd,EAAwB,oBAAqBK,CAAoB,EAC3EK,EAAqBZ,EAAsBO,CAAoB,EAE/D,CAAE,UAAWU,CAAkB,KAAI,gBAEvC,CACE,KAAMD,GAAS,KACf,QAASA,GAAS,SAAW,QAC7B,aAAcA,GAAS,YACzB,EAEA,sBACF,EACME,EAAeF,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEG,EAAYH,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE9B,EAAA,cAAC,SACC,aAAW,EAAA2B,SACT,cACA,uBACAK,EACAC,EACAX,CACF,EACA,MAAOO,GAEND,EACD5B,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGuB,EACH,GAAGT,EACJ,IAAKC,EACL,aAAW,EAAAS,SACT,WACA,sBACA,0BACAI,CACF,GAEA/B,EAAA,cAACG,EAAuB,UAAvB,CACE,GAAGuB,EACJ,QAAO,GACP,UAAU,4BAEV1B,EAAA,cAAC,qBAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDH,EAAkB,YAAc",
+  "names": ["checkbox_cards_exports", "__export", "CheckboxCardsItem", "CheckboxCardsRoot", "__toCommonJS", "React", "import_classnames", "import_internal", "CheckboxGroupPrimitive", "import_checkbox_group_primitive", "import_checkbox_cards_props", "import_base_checkbox_props", "import_grid", "import_icons", "import_extract_props", "import_margin_props", "import_theme", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "props", "forwardedRef", "themeContext", "panelBackground", "__scopeCheckboxCards", "className", "color", "_", "rootProps", "checkboxGroupScope", "classNames", "children", "style", "context", "checkboxClassName", "variantClass", "sizeClass"]
 }

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

@@ -29,14 +29,14 @@ declare const checkboxCardsRootPropDefs: {
     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/checkbox-cards.props.js

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=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 c(e))!l.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,{checkboxCardsRootPropDefs:()=>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(200px, 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,{checkboxCardsRootPropDefs:()=>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(200px, 1fr))"},gap:{...t.gridPropDefs.gap,default:"4"}};
 //# sourceMappingURL=checkbox-cards.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox-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 checkboxCardsRootPropDefs = {\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(200px, 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 { checkboxCardsRootPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,+BAAAE,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,EAA4B,CAChC,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 checkboxCardsRootPropDefs = {\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(200px, 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 { checkboxCardsRootPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,+BAAAE,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,EAA4B,CAChC,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": ["checkbox_cards_props_exports", "__export", "checkboxCardsRootPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "import_grid_props", "sizes", "variants", "panelBackgrounds"]
 }

package/dist/cjs/components/checkbox-group.props.d.ts

@@ -19,9 +19,14 @@ declare const checkboxGroupRootPropDefs: {
     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;
+    };
     asChild: {
         type: "boolean";
     };

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.props.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group.props.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG9B,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"checkbox-group.props.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox-group.props.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG9B,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,UAAU,aACR,SAAQ,qBAAqB,CACzB,OAAO,iBAAiB,CAAC,IAAI,EAC7B,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClD,EACD,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,yFAmCZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAKvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,gBAAgB,GAAG,eAAe,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,UAAU,aACR,SAAQ,qBAAqB,CACzB,OAAO,iBAAiB,CAAC,IAAI,EAC7B,SAAS,GAAG,OAAO,GAAG,cAAc,GAAG,UAAU,CAClD,EACD,WAAW,EACX,gBAAgB;CAAG;AACvB,QAAA,MAAM,QAAQ,yFAqCZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}