@kushagradhawan/kookie-ui 0.1.21 → 0.1.23

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

@@ -19,8 +19,8 @@ declare const baseCheckboxPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
-        default: "surface";
+        values: readonly ["classic", "solid", "soft"];
+        default: "solid";
     };
 };
 export { baseCheckboxPropDefs };

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

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

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

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

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

@@ -19,8 +19,8 @@ declare const baseRadioPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
-        default: "surface";
+        values: readonly ["classic", "solid", "soft"];
+        default: "solid";
     };
 };
 export { baseRadioPropDefs };

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

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

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

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

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;AAOtE,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,+FA0BtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,sBAAsB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC7E,WAAW;CAAG;AAClB,QAAA,MAAM,iBAAiB;2BAxD4B,OAAO,CAAC,KAAK;2CA4F9D,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;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"}

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

@@ -1,2 +1,2 @@
-"use strict";"use client";var g=Object.create;var C=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var _=(o,e)=>{for(var r in e)C(o,r,{get:e[r],enumerable:!0})},P=(o,e,r,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of D(e))!z.call(o,t)&&t!==r&&C(o,t,{get:()=>e[t],enumerable:!(c=S(e,t))||c.enumerable});return o};var i=(o,e,r)=>(r=o!=null?g(E(o)):{},P(e||!o||!o.__esModule?C(r,"default",{value:o,enumerable:!0}):r,o)),w=o=>P(C({},"__esModule",{value:!0}),o);var j={};_(j,{Item:()=>b,Root:()=>d});module.exports=w(j);var s=i(require("react")),a=i(require("classnames")),R=require("radix-ui/internal"),h=i(require("./checkbox-group.primitive.js")),n=require("./checkbox-group.primitive.js"),u=require("./checkbox-cards.props.js"),y=require("./_internal/base-checkbox.props.js"),I=require("./grid.js"),G=require("./icons.js"),x=require("../helpers/extract-props.js"),v=require("../props/margin.props.js");const f="CheckboxCards",[B]=R.Context.createContextScope(f,[n.createCheckboxGroupScope]),l=(0,n.createCheckboxGroupScope)(),[M,O]=B(f),d=s.forwardRef((o,e)=>{const{__scopeCheckboxCards:r,className:c,color:t,...m}=(0,x.extractProps)(o,u.checkboxCardsRootPropDefs,v.marginPropDefs),p=l(r);return s.createElement(M,{scope:r,size:o.size,highContrast:o.highContrast},s.createElement(I.Grid,{asChild:!0},s.createElement(h.Root,{...p,"data-accent-color":t,...m,ref:e,className:(0,a.default)("rt-CheckboxCardsRoot",c)})))});d.displayName="CheckboxCards.Root";const b=s.forwardRef(({__scopeCheckboxCards:o,children:e,className:r,style:c,...t},m)=>{const p=O("CheckboxCardsItem",o),k=l(o),{className:N}=(0,x.extractProps)({size:p?.size,variant:"surface",highContrast:p?.highContrast},y.baseCheckboxPropDefs);return s.createElement("label",{className:(0,a.default)("rt-BaseCard","rt-CheckboxCardsItem",r),style:c},e,s.createElement(h.Item,{...k,...t,ref:m,className:(0,a.default)("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",N)},s.createElement(h.Indicator,{...k,asChild:!0,className:"rt-BaseCheckboxIndicator"},s.createElement(G.ThickCheckIcon,null))))});b.displayName="CheckboxCards.Item";
+"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";
 //# 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';\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 { __scopeCheckboxCards, className, color, ...rootProps } = extractProps(\n      props,\n      checkboxCardsRootPropDefs,\n      marginPropDefs,\n    );\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            {...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  const { className: checkboxClassName } = extractProps(\n    // Pass size / highContrast values from the context and static variant to generate styles\n    { size: context?.size, variant: 'surface', 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,oCAM/B,MAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAI,UAAQ,mBAAmBD,EAA0B,CACxF,0BACF,CAAC,EACKE,KAAwB,4BAAyB,EAOjD,CAACC,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAwB,EAW1Eb,EAAoBE,EAAM,WAC9B,CAACgB,EAA4CC,IAAiB,CAC5D,KAAM,CAAE,qBAAAC,EAAsB,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAU,KAAI,gBAC/DL,EACA,4BACA,gBACF,EACMM,EAAqBT,EAAsBK,CAAoB,EACrE,OACElB,EAAA,cAACc,EAAA,CACC,MAAOI,EACP,KAAMF,EAAM,KACZ,aAAcA,EAAM,cAEpBhB,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGmB,EACJ,oBAAmBF,EAClB,GAAGC,EACJ,IAAKJ,EACL,aAAW,EAAAM,SAAW,uBAAwBJ,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACArB,EAAkB,YAAc,qBAMhC,MAAMD,EAAoBG,EAAM,WAG9B,CAAC,CAAE,qBAAAkB,EAAsB,SAAAM,EAAU,UAAAL,EAAW,MAAAM,EAAO,GAAGT,CAAM,EAAGC,IAAiB,CAClF,MAAMS,EAAUX,EAAwB,oBAAqBG,CAAoB,EAC3EI,EAAqBT,EAAsBK,CAAoB,EAC/D,CAAE,UAAWS,CAAkB,KAAI,gBAEvC,CAAE,KAAMD,GAAS,KAAM,QAAS,UAAW,aAAcA,GAAS,YAAa,EAE/E,sBACF,EACA,OACE1B,EAAA,cAAC,SAAM,aAAW,EAAAuB,SAAW,cAAe,uBAAwBJ,CAAS,EAAG,MAAOM,GACpFD,EACDxB,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGmB,EACH,GAAGN,EACJ,IAAKC,EACL,aAAW,EAAAM,SACT,WACA,sBACA,0BACAI,CACF,GAEA3B,EAAA,cAACG,EAAuB,UAAvB,CACE,GAAGmB,EACJ,QAAO,GACP,UAAU,4BAEVtB,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", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "props", "forwardedRef", "__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  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"]
 }

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

@@ -39,6 +39,11 @@ declare const checkboxCardsRootPropDefs: {
         values: readonly ["surface", "classic"];
         default: "surface";
     };
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
     };

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

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

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

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var u=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})},P=(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=u(e,o))||p.enumerable});return r};var d=r=>P(a({},"__esModule",{value:!0}),r);var y={};D(y,{checkboxCardsRootPropDefs:()=>n});module.exports=d(y);var f=require("../props/as-child.prop.js"),i=require("../props/color.prop.js"),m=require("../props/high-contrast.prop.js"),t=require("./grid.props.js");const v=["1","2","3"],g=["surface","classic"],n={...f.asChildPropDef,size:{type:"enum",className:"rt-r-size",values:v,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:g,default:"surface"},...i.colorPropDef,...m.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 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"}};
 //# 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;\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  ...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  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,EAEhCP,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,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"]
+  "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",
+  "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,8 +19,8 @@ declare const checkboxGroupRootPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
-        default: "surface";
+        values: readonly ["classic", "solid", "soft"];
+        default: "solid";
     };
     asChild: {
         type: "boolean";

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

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFA6ST,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/components/image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,CAAC;AAEF,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC,EACvF,WAAW,EACX,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa;IACf;;;OAGG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED,QAAA,MAAM,KAAK,qFA8ST,CAAC;AAIH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/cjs/components/image.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var V=Object.create;var b=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var s in e)b(o,s,{get:e[s],enumerable:!0})},w=(o,e,s,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Y(e))!_.call(o,l)&&l!==s&&b(o,l,{get:()=>e[l],enumerable:!(c=X(e,l))||c.enumerable});return o};var z=(o,e,s)=>(s=o!=null?V(Z(o)):{},w(e||!o||!o.__esModule?b(s,"default",{value:o,enumerable:!0}):s,o)),ee=o=>w(b({},"__esModule",{value:!0}),o);var te={};R(te,{Image:()=>k});module.exports=ee(te);var r=z(require("react")),n=z(require("classnames")),B=require("./image.props.js"),O=require("../helpers/extract-props.js"),q=require("../props/margin.props.js"),G=require("../props/width.props.js"),$=require("../props/height.props.js"),A=require("../props/layout.props.js"),F=require("./skeleton.js"),P=require("./box.js");const k=r.forwardRef((o,e)=>{const{variant:s="surface",wrapperStyle:c,...l}=o,{asChild:D,className:p,radius:i,style:a,loading:g="lazy",alt:d,src:m,placeholder:f,showSkeleton:C=!1,fadeIn:u=!0,onLoad:H,onError:M,children:T,...y}=(0,O.extractProps)(l,B.imagePropDefs,q.marginPropDefs,G.widthPropDefs,$.heightPropDefs,A.layoutPropDefs),[h,E]=r.useState(!1),[J,v]=r.useState(!1),[K,x]=r.useState(!!f),I=r.useRef(null),L=r.useCallback(t=>{E(!0),v(!1),x(!1),H?.(t)},[H]),N=r.useCallback(t=>{E(!1),v(!0),x(!1),M?.(t)},[M]);if(r.useEffect(()=>{const t=I.current;t&&t.complete&&t.naturalWidth>0&&(E(!0),v(!1),x(!1))},[m]),!m)return console.warn("Image component: src prop is required"),null;!D&&d===void 0&&console.warn("Image component: alt prop is required for accessibility when not using asChild");const Q=C&&!h&&!J?r.createElement(F.Skeleton,{width:"100%",height:"100px",style:{...a,borderRadius:i?`var(--radius-${i})`:void 0},className:p}):null,U=f&&K?r.createElement("img",{"data-radius":i,style:{...a,filter:"blur(4px)",opacity:.7,transition:"opacity 0.3s ease-out"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--placeholder",p),alt:"",src:f}):null,j=r.createElement("img",{"data-radius":i,loading:g,style:{...a,opacity:u?h?a?.opacity??1:0:a?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image",s==="blur"&&"rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}}),W=f||C?r.createElement(P.Box,{position:"relative",display:"inline-block",style:c},Q,U,j):j;if(D&&T){const t=r.Children.only(T);return s==="blur"?r.cloneElement(t,{className:(0,n.default)(t.props?.className,"rt-variant-blur"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:r.createElement(P.Box,{position:"relative",display:"inline-block",style:c},r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"absolute",top:"8px",left:"0"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:m,...y}),r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"relative",zIndex:1,opacity:u?h?a?.opacity??1:0:a?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:S=>{I.current=S,typeof e=="function"?e(S):e&&(e.current=S)}}))}):r.cloneElement(t,{className:(0,n.default)(t.props?.className,"rt-Image"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:W})}return s==="blur"?r.createElement(P.Box,{className:"rt-variant-blur",position:"relative",display:"inline-block",style:c},r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"absolute",top:"8px",left:"0"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:m,...y}),r.createElement("img",{"data-radius":i,loading:g,style:{...a,position:"relative",zIndex:1,opacity:u?h?a?.opacity??1:0:a?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}})):W});k.displayName="Image";
+"use strict";"use client";var V=Object.create;var b=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var R=(o,e)=>{for(var a in e)b(o,a,{get:e[a],enumerable:!0})},w=(o,e,a,c)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Y(e))!_.call(o,l)&&l!==a&&b(o,l,{get:()=>e[l],enumerable:!(c=X(e,l))||c.enumerable});return o};var z=(o,e,a)=>(a=o!=null?V(Z(o)):{},w(e||!o||!o.__esModule?b(a,"default",{value:o,enumerable:!0}):a,o)),ee=o=>w(b({},"__esModule",{value:!0}),o);var te={};R(te,{Image:()=>k});module.exports=ee(te);var r=z(require("react")),n=z(require("classnames")),B=require("./image.props.js"),O=require("../helpers/extract-props.js"),q=require("../props/margin.props.js"),G=require("../props/width.props.js"),$=require("../props/height.props.js"),A=require("../props/layout.props.js"),F=require("./skeleton.js"),P=require("./box.js");const k=r.forwardRef((o,e)=>{const{variant:a="surface",wrapperStyle:c,...l}=o,{asChild:D,className:p,radius:i,style:s,loading:g="lazy",alt:d,src:m,placeholder:f,showSkeleton:C=!1,fadeIn:u=!0,onLoad:H,onError:M,children:T,...y}=(0,O.extractProps)(l,B.imagePropDefs,q.marginPropDefs,G.widthPropDefs,$.heightPropDefs,A.layoutPropDefs),[h,E]=r.useState(!1),[J,v]=r.useState(!1),[K,x]=r.useState(!!f),I=r.useRef(null),L=r.useCallback(t=>{E(!0),v(!1),x(!1),H?.(t)},[H]),N=r.useCallback(t=>{E(!1),v(!0),x(!1),M?.(t)},[M]);if(r.useEffect(()=>{const t=I.current;t&&t.complete&&t.naturalWidth>0&&(E(!0),v(!1),x(!1))},[m]),!m)return console.warn("Image component: src prop is required"),null;!D&&d===void 0&&console.warn("Image component: alt prop is required for accessibility when not using asChild");const Q=C&&!h&&!J?r.createElement(F.Skeleton,{width:"100%",height:"100px",style:{...s,borderRadius:i?`var(--radius-${i})`:void 0},className:p}):null,U=f&&K?r.createElement("img",{"data-radius":i,style:{...s,filter:"blur(4px)",opacity:.7,transition:"opacity 0.3s ease-out"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--placeholder",p),alt:"",src:f}):null,j=r.createElement("img",{"data-radius":i,loading:g,style:{...s,opacity:u?h?s?.opacity??1:0:s?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image",a==="blur"&&"rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}}),W=f||C?r.createElement(P.Box,{position:"relative",display:"inline-block",style:c},Q,U,j):j;if(D&&T){const t=r.Children.only(T);return a==="blur"?r.cloneElement(t,{className:(0,n.default)(t.props?.className,"rt-variant-blur"),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",...t.props?.style},children:r.createElement(P.Box,{position:"relative",display:"inline-block",style:c},r.createElement("img",{"data-radius":i,loading:g,style:{...s,position:"absolute",top:"8px",left:"0"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:m,...y}),r.createElement("img",{"data-radius":i,loading:g,style:{...s,position:"relative",zIndex:1,opacity:u?h?s?.opacity??1:0:s?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:S=>{I.current=S,typeof e=="function"?e(S):e&&(e.current=S)}}))}):r.cloneElement(t,{className:(0,n.default)(t.props?.className),style:{textDecoration:"none",color:"inherit",border:"none",background:"none",padding:0,font:"inherit",cursor:"pointer",display:"inline-block",...t.props?.style},children:W})}return a==="blur"?r.createElement(P.Box,{className:"rt-variant-blur",position:"relative",display:"inline-block",style:c},r.createElement("img",{"data-radius":i,loading:g,style:{...s,position:"absolute",top:"8px",left:"0"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur","rt-Image--blur-bg",p),alt:"",src:m,...y}),r.createElement("img",{"data-radius":i,loading:g,style:{...s,position:"relative",zIndex:1,opacity:u?h?s?.opacity??1:0:s?.opacity??1,transition:u?"opacity 0.3s ease-out":"none"},className:(0,n.default)("rt-reset","rt-Image","rt-Image--blur",p),alt:d,src:m,onLoad:L,onError:N,...y,ref:t=>{I.current=t,typeof e=="function"?e(t):e&&(e.current=t)}})):W});k.displayName="Image";
 //# sourceMappingURL=image.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/image.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { Skeleton } from './skeleton.js';\nimport { Box } from './box.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n  /**\n   * Placeholder image URL to show while the main image is loading.\n   * Can be a low-quality/blurred version of the main image.\n   */\n  placeholder?: string;\n  /**\n   * Shows a skeleton placeholder while loading instead of a blank space.\n   */\n  showSkeleton?: boolean;\n  /**\n   * Whether the image should fade in when loaded. Set to false for background images or when you want immediate visibility.\n   */\n  fadeIn?: boolean;\n  /**\n   * Callback fired when the image successfully loads.\n   */\n  onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Callback fired when the image fails to load.\n   */\n  onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Style object to apply to the wrapper container. Useful for overriding display, width, height, etc.\n   */\n  wrapperStyle?: React.CSSProperties;\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    LayoutProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility when not using asChild. Use empty string for decorative images.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const { variant = 'surface', wrapperStyle, ...restProps } = props;\n  const {\n    asChild,\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    src,\n    placeholder,\n    showSkeleton = false,\n    fadeIn = true,\n    onLoad: userOnLoad,\n    onError: userOnError,\n    children,\n    ...imgProps\n  } = extractProps(\n    restProps,\n    imagePropDefs,\n    marginPropDefs,\n    widthPropDefs,\n    heightPropDefs,\n    layoutPropDefs,\n  );\n\n  // Loading state management\n  const [imageLoaded, setImageLoaded] = React.useState(false);\n  const [imageError, setImageError] = React.useState(false);\n  const [showPlaceholder, setShowPlaceholder] = React.useState(!!placeholder);\n\n  // Ref to check if image is already loaded (for cached images)\n  const imgRef = React.useRef<HTMLImageElement>(null);\n\n  // Handle image load - moved to top to avoid conditional hook call\n  const handleLoad = React.useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n      userOnLoad?.(event);\n    },\n    [userOnLoad],\n  );\n\n  // Handle image error - moved to top to avoid conditional hook call\n  const handleError = React.useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(false);\n      setImageError(true);\n      setShowPlaceholder(false);\n      userOnError?.(event);\n    },\n    [userOnError],\n  );\n\n  // Check if image is already loaded (for cached images)\n  React.useEffect(() => {\n    const img = imgRef.current;\n    if (img && img.complete && img.naturalWidth > 0) {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n    }\n  }, [src]);\n\n  // Validate required props\n  if (!src) {\n    console.warn('Image component: src prop is required');\n    return null;\n  }\n\n  if (!asChild && alt === undefined) {\n    console.warn('Image component: alt prop is required for accessibility when not using asChild');\n  }\n\n  // Create skeleton placeholder\n  const skeletonElement =\n    showSkeleton && !imageLoaded && !imageError ? (\n      <Skeleton\n        width=\"100%\"\n        height=\"100px\" // Default height, can be overridden by style\n        style={{\n          ...style,\n          borderRadius: radius ? `var(--radius-${radius})` : undefined,\n        }}\n        className={className}\n      />\n    ) : null;\n\n  // Create placeholder image element\n  const placeholderElement =\n    placeholder && showPlaceholder ? (\n      <img\n        data-radius={radius}\n        style={{\n          ...style,\n          filter: 'blur(4px)',\n          opacity: 0.7,\n          transition: 'opacity 0.3s ease-out',\n        }}\n        className={classNames('rt-reset', 'rt-Image', 'rt-Image--placeholder', className)}\n        alt=\"\"\n        src={placeholder}\n      />\n    ) : null;\n\n  // Create the standard img element\n  const imgElement = (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={{\n        ...style,\n        opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n        transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        variant === 'blur' && 'rt-Image--blur',\n        className,\n      )}\n      alt={alt}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...imgProps}\n      ref={(node) => {\n        imgRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      }}\n    />\n  );\n\n  // Wrapper for images with placeholders\n  const imageWithPlaceholder =\n    placeholder || showSkeleton ? (\n      <Box position=\"relative\" display=\"inline-block\" style={wrapperStyle}>\n        {skeletonElement}\n        {placeholderElement}\n        {imgElement}\n      </Box>\n    ) : (\n      imgElement\n    );\n\n  // Handle asChild - inject img into the child element\n  if (asChild && children) {\n    const child = React.Children.only(children) as React.ReactElement<any>;\n\n    if (variant === 'blur') {\n      // For blur variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-variant-blur'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style,\n        },\n        children: (\n          <Box position=\"relative\" display=\"inline-block\" style={wrapperStyle}>\n            {/* Background blurred image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'absolute',\n                top: '8px',\n                left: '0',\n              }}\n              className={classNames(\n                'rt-reset',\n                'rt-Image',\n                'rt-Image--blur',\n                'rt-Image--blur-bg',\n                className,\n              )}\n              alt=\"\"\n              src={src}\n              {...imgProps}\n            />\n            {/* Foreground image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'relative',\n                zIndex: 1,\n                opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n                transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n              }}\n              className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n              alt={alt}\n              src={src}\n              onLoad={handleLoad}\n              onError={handleError}\n              {...imgProps}\n              ref={(node) => {\n                imgRef.current = node;\n                if (typeof forwardedRef === 'function') {\n                  forwardedRef(node);\n                } else if (forwardedRef) {\n                  forwardedRef.current = node;\n                }\n              }}\n            />\n          </Box>\n        ),\n      });\n    } else {\n      // For surface variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-Image'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style, // Allow user overrides\n        },\n        children: imageWithPlaceholder,\n      });\n    }\n  }\n\n  // Regular rendering without asChild\n  if (variant === 'blur') {\n    return (\n      <Box\n        className=\"rt-variant-blur\"\n        position=\"relative\"\n        display=\"inline-block\"\n        style={wrapperStyle}\n      >\n        {/* Background blurred image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'absolute',\n            top: '8px',\n            left: '0',\n          }}\n          className={classNames(\n            'rt-reset',\n            'rt-Image',\n            'rt-Image--blur',\n            'rt-Image--blur-bg',\n            className,\n          )}\n          alt=\"\"\n          src={src}\n          {...imgProps}\n        />\n        {/* Foreground image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'relative',\n            zIndex: 1,\n            opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n            transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n          }}\n          className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n          alt={alt}\n          src={src}\n          onLoad={handleLoad}\n          onError={handleError}\n          {...imgProps}\n          ref={(node) => {\n            imgRef.current = node;\n            if (typeof forwardedRef === 'function') {\n              forwardedRef(node);\n            } else if (forwardedRef) {\n              forwardedRef.current = node;\n            }\n          }}\n        />\n      </Box>\n    );\n  }\n\n  return imageWithPlaceholder;\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { imagePropDefs } from './image.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { Skeleton } from './skeleton.js';\nimport { Box } from './box.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { WidthProps } from '../props/width.props.js';\nimport type { HeightProps } from '../props/height.props.js';\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ImageElement = React.ElementRef<'img'>;\ntype ImageOwnProps = GetPropDefTypes<typeof imagePropDefs> & {\n  loading?: 'eager' | 'lazy';\n  /**\n   * Placeholder image URL to show while the main image is loading.\n   * Can be a low-quality/blurred version of the main image.\n   */\n  placeholder?: string;\n  /**\n   * Shows a skeleton placeholder while loading instead of a blank space.\n   */\n  showSkeleton?: boolean;\n  /**\n   * Whether the image should fade in when loaded. Set to false for background images or when you want immediate visibility.\n   */\n  fadeIn?: boolean;\n  /**\n   * Callback fired when the image successfully loads.\n   */\n  onLoad?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Callback fired when the image fails to load.\n   */\n  onError?: (event: React.SyntheticEvent<HTMLImageElement>) => void;\n  /**\n   * Style object to apply to the wrapper container. Useful for overriding display, width, height, etc.\n   */\n  wrapperStyle?: React.CSSProperties;\n};\n\ninterface ImageProps\n  extends ComponentPropsWithout<'img', RemovedProps | 'color' | 'width' | 'height' | 'alt'>,\n    MarginProps,\n    WidthProps,\n    HeightProps,\n    LayoutProps,\n    ImageOwnProps {\n  /**\n   * The alt attribute provides alternative information for an image if a user for some reason cannot view it.\n   * Required for accessibility when not using asChild. Use empty string for decorative images.\n   */\n  alt: string;\n}\n\nconst Image = React.forwardRef<ImageElement, ImageProps>((props, forwardedRef) => {\n  const { variant = 'surface', wrapperStyle, ...restProps } = props;\n  const {\n    asChild,\n    className,\n    radius,\n    style,\n    loading = 'lazy',\n    alt,\n    src,\n    placeholder,\n    showSkeleton = false,\n    fadeIn = true,\n    onLoad: userOnLoad,\n    onError: userOnError,\n    children,\n    ...imgProps\n  } = extractProps(\n    restProps,\n    imagePropDefs,\n    marginPropDefs,\n    widthPropDefs,\n    heightPropDefs,\n    layoutPropDefs,\n  );\n\n  // Loading state management\n  const [imageLoaded, setImageLoaded] = React.useState(false);\n  const [imageError, setImageError] = React.useState(false);\n  const [showPlaceholder, setShowPlaceholder] = React.useState(!!placeholder);\n\n  // Ref to check if image is already loaded (for cached images)\n  const imgRef = React.useRef<HTMLImageElement>(null);\n\n  // Handle image load - moved to top to avoid conditional hook call\n  const handleLoad = React.useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n      userOnLoad?.(event);\n    },\n    [userOnLoad],\n  );\n\n  // Handle image error - moved to top to avoid conditional hook call\n  const handleError = React.useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setImageLoaded(false);\n      setImageError(true);\n      setShowPlaceholder(false);\n      userOnError?.(event);\n    },\n    [userOnError],\n  );\n\n  // Check if image is already loaded (for cached images)\n  React.useEffect(() => {\n    const img = imgRef.current;\n    if (img && img.complete && img.naturalWidth > 0) {\n      setImageLoaded(true);\n      setImageError(false);\n      setShowPlaceholder(false);\n    }\n  }, [src]);\n\n  // Validate required props\n  if (!src) {\n    console.warn('Image component: src prop is required');\n    return null;\n  }\n\n  if (!asChild && alt === undefined) {\n    console.warn('Image component: alt prop is required for accessibility when not using asChild');\n  }\n\n  // Create skeleton placeholder\n  const skeletonElement =\n    showSkeleton && !imageLoaded && !imageError ? (\n      <Skeleton\n        width=\"100%\"\n        height=\"100px\" // Default height, can be overridden by style\n        style={{\n          ...style,\n          borderRadius: radius ? `var(--radius-${radius})` : undefined,\n        }}\n        className={className}\n      />\n    ) : null;\n\n  // Create placeholder image element\n  const placeholderElement =\n    placeholder && showPlaceholder ? (\n      <img\n        data-radius={radius}\n        style={{\n          ...style,\n          filter: 'blur(4px)',\n          opacity: 0.7,\n          transition: 'opacity 0.3s ease-out',\n        }}\n        className={classNames('rt-reset', 'rt-Image', 'rt-Image--placeholder', className)}\n        alt=\"\"\n        src={placeholder}\n      />\n    ) : null;\n\n  // Create the standard img element\n  const imgElement = (\n    <img\n      data-radius={radius}\n      loading={loading}\n      style={{\n        ...style,\n        opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n        transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-Image',\n        variant === 'blur' && 'rt-Image--blur',\n        className,\n      )}\n      alt={alt}\n      src={src}\n      onLoad={handleLoad}\n      onError={handleError}\n      {...imgProps}\n      ref={(node) => {\n        imgRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      }}\n    />\n  );\n\n  // Wrapper for images with placeholders\n  const imageWithPlaceholder =\n    placeholder || showSkeleton ? (\n      <Box position=\"relative\" display=\"inline-block\" style={wrapperStyle}>\n        {skeletonElement}\n        {placeholderElement}\n        {imgElement}\n      </Box>\n    ) : (\n      imgElement\n    );\n\n  // Handle asChild - inject img into the child element\n  if (asChild && children) {\n    const child = React.Children.only(children) as React.ReactElement<any>;\n\n    if (variant === 'blur') {\n      // For blur variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className, 'rt-variant-blur'),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          ...child.props?.style,\n        },\n        children: (\n          <Box position=\"relative\" display=\"inline-block\" style={wrapperStyle}>\n            {/* Background blurred image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'absolute',\n                top: '8px',\n                left: '0',\n              }}\n              className={classNames(\n                'rt-reset',\n                'rt-Image',\n                'rt-Image--blur',\n                'rt-Image--blur-bg',\n                className,\n              )}\n              alt=\"\"\n              src={src}\n              {...imgProps}\n            />\n            {/* Foreground image */}\n            <img\n              data-radius={radius}\n              loading={loading}\n              style={{\n                ...style,\n                position: 'relative',\n                zIndex: 1,\n                opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n                transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n              }}\n              className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n              alt={alt}\n              src={src}\n              onLoad={handleLoad}\n              onError={handleError}\n              {...imgProps}\n              ref={(node) => {\n                imgRef.current = node;\n                if (typeof forwardedRef === 'function') {\n                  forwardedRef(node);\n                } else if (forwardedRef) {\n                  forwardedRef.current = node;\n                }\n              }}\n            />\n          </Box>\n        ),\n      });\n    } else {\n      // For surface variant with asChild\n      return React.cloneElement(child, {\n        className: classNames(child.props?.className),\n        style: {\n          textDecoration: 'none', // Reset link underlines\n          color: 'inherit', // Reset link colors\n          border: 'none', // Reset button borders\n          background: 'none', // Reset button backgrounds\n          padding: 0, // Reset button padding\n          font: 'inherit', // Reset button fonts\n          cursor: 'pointer', // Ensure interactive cursor\n          display: 'inline-block', // Ensure proper sizing\n          ...child.props?.style, // Allow user overrides\n        },\n        children: imageWithPlaceholder,\n      });\n    }\n  }\n\n  // Regular rendering without asChild\n  if (variant === 'blur') {\n    return (\n      <Box\n        className=\"rt-variant-blur\"\n        position=\"relative\"\n        display=\"inline-block\"\n        style={wrapperStyle}\n      >\n        {/* Background blurred image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'absolute',\n            top: '8px',\n            left: '0',\n          }}\n          className={classNames(\n            'rt-reset',\n            'rt-Image',\n            'rt-Image--blur',\n            'rt-Image--blur-bg',\n            className,\n          )}\n          alt=\"\"\n          src={src}\n          {...imgProps}\n        />\n        {/* Foreground image */}\n        <img\n          data-radius={radius}\n          loading={loading}\n          style={{\n            ...style,\n            position: 'relative',\n            zIndex: 1,\n            opacity: fadeIn ? (imageLoaded ? (style?.opacity ?? 1) : 0) : (style?.opacity ?? 1),\n            transition: fadeIn ? 'opacity 0.3s ease-out' : 'none',\n          }}\n          className={classNames('rt-reset', 'rt-Image', 'rt-Image--blur', className)}\n          alt={alt}\n          src={src}\n          onLoad={handleLoad}\n          onError={handleError}\n          {...imgProps}\n          ref={(node) => {\n            imgRef.current = node;\n            if (typeof forwardedRef === 'function') {\n              forwardedRef(node);\n            } else if (forwardedRef) {\n              forwardedRef.current = node;\n            }\n          }}\n        />\n      </Box>\n    );\n  }\n\n  return imageWithPlaceholder;\n});\n\nImage.displayName = 'Image';\n\nexport { Image };\nexport type { ImageProps };\n"],
+  "mappings": "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",
   "names": ["image_exports", "__export", "Image", "__toCommonJS", "React", "import_classnames", "import_image_props", "import_extract_props", "import_margin_props", "import_width_props", "import_height_props", "import_layout_props", "import_skeleton", "import_box", "props", "forwardedRef", "variant", "wrapperStyle", "restProps", "asChild", "className", "radius", "style", "loading", "alt", "src", "placeholder", "showSkeleton", "fadeIn", "userOnLoad", "userOnError", "children", "imgProps", "imageLoaded", "setImageLoaded", "imageError", "setImageError", "showPlaceholder", "setShowPlaceholder", "imgRef", "handleLoad", "event", "handleError", "img", "skeletonElement", "placeholderElement", "classNames", "imgElement", "node", "imageWithPlaceholder", "child"]
 }

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

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio-cards.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const { className, color, ...rootProps } = extractProps(\n      props,\n      radioCardsRootPropDefs,\n      marginPropDefs,\n    );\n    return (\n      <Grid asChild>\n        <RadioGroupPrimitive.Root\n          data-accent-color={color}\n          {...rootProps}\n          ref={forwardedRef}\n          className={classNames('rt-RadioCardsRoot', className)}\n        />\n      </Grid>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <RadioGroupPrimitive.Item\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-RadioCardsItem', className)}\n    />\n  ),\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
-  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAElDC,EAAuC,kCACvCC,EAAqB,qBACrBC,EAA6B,uCAC7BC,EAA+B,oCAe/B,MAAMR,EAAiBE,EAAM,WAC3B,CAACO,EAAOC,IAAiB,CACvB,KAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAU,KAAI,gBACzCJ,EACA,yBACA,gBACF,EACA,OACEP,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAAC,EAAAY,WAAoB,KAApB,CACC,oBAAmBF,EAClB,GAAGC,EACJ,IAAKH,EACL,aAAW,EAAAK,SAAW,oBAAqBJ,CAAS,EACtD,CACF,CAEJ,CACF,EACAX,EAAe,YAAc,kBAM7B,MAAMD,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAS,EAAW,GAAGF,CAAM,EAAGC,IACxBR,EAAA,cAAC,EAAAY,WAAoB,KAApB,CACE,GAAGL,EACJ,QAAS,GACT,IAAKC,EACL,aAAW,EAAAK,SAAW,WAAY,cAAe,oBAAqBJ,CAAS,EACjF,CAEJ,EACAZ,EAAe,YAAc",
-  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_radio_cards_props", "import_grid", "import_extract_props", "import_margin_props", "props", "forwardedRef", "className", "color", "rootProps", "RadioGroupPrimitive", "classNames"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n    return (\n      <Grid asChild>\n        <RadioGroupPrimitive.Root\n          data-accent-color={color}\n          data-panel-background={panelBackground}\n          {...rootProps}\n          ref={forwardedRef}\n          className={classNames('rt-RadioCardsRoot', className)}\n        />\n      </Grid>\n    );\n  },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n  extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <RadioGroupPrimitive.Item\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-RadioCardsItem', className)}\n    />\n  ),\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
+  "mappings": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAuB,oBACvBC,EAAuB,yBACvBC,EAAkD,oBAElDC,EAAuC,kCACvCC,EAAqB,qBACrBC,EAA6B,uCAC7BC,EAA+B,oCAC/BC,EAAgC,sBAehC,MAAMT,EAAiBE,EAAM,WAC3B,CAACQ,EAAOC,IAAiB,CACvB,MAAMC,KAAe,mBAAgB,EAC/BC,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,UAAAE,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,KAAI,gBAAaP,EAAO,yBAAwB,gBAAc,EAC9D,OACER,EAAA,cAAC,QAAK,QAAO,IACXA,EAAA,cAAC,EAAAgB,WAAoB,KAApB,CACC,oBAAmBH,EACnB,wBAAuBF,EACtB,GAAGI,EACJ,IAAKN,EACL,aAAW,EAAAQ,SAAW,oBAAqBL,CAAS,EACtD,CACF,CAEJ,CACF,EACAd,EAAe,YAAc,kBAM7B,MAAMD,EAAiBG,EAAM,WAC3B,CAAC,CAAE,UAAAY,EAAW,GAAGJ,CAAM,EAAGC,IACxBT,EAAA,cAAC,EAAAgB,WAAoB,KAApB,CACE,GAAGR,EACJ,QAAS,GACT,IAAKC,EACL,aAAW,EAAAQ,SAAW,WAAY,cAAe,oBAAqBL,CAAS,EACjF,CAEJ,EACAf,EAAe,YAAc",
+  "names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_radio_cards_props", "import_grid", "import_extract_props", "import_margin_props", "import_theme", "props", "forwardedRef", "themeContext", "panelBackground", "className", "color", "_", "rootProps", "RadioGroupPrimitive", "classNames"]
 }

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

@@ -39,6 +39,11 @@ declare const radioCardsRootPropDefs: {
         values: readonly ["surface", "classic"];
         default: "surface";
     };
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
     };

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

@@ -1 +1 @@
-{"version":3,"file":"radio-cards.props.d.ts","sourceRoot":"","sources":["../../../src/components/radio-cards.props.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa3B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"radio-cards.props.d.ts","sourceRoot":"","sources":["../../../src/components/radio-cards.props.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAe3B,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

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

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

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

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

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

@@ -19,8 +19,8 @@ declare const radioGroupRootPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
-        default: "surface";
+        values: readonly ["classic", "solid", "soft"];
+        default: "solid";
     };
     asChild: {
         type: "boolean";

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio-group.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';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\n\nconst radioGroupRootPropDefs = {\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  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { radioGroupRootPropDefs };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCN,EAAyB,CAC7B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAG,eACH,GAAG,qBACL",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'solid', 'soft'] as const;\n\nconst radioGroupRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { radioGroupRootPropDefs };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA+B,qCAC/BC,EAA6B,kCAC7BC,EAAoC,0CAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,MAAM,EAEtCN,EAAyB,CAC7B,GAAG,iBACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQK,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAG,eACH,GAAG,qBACL",
   "names": ["radio_group_props_exports", "__export", "radioGroupRootPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "sizes", "variants"]
 }

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

@@ -22,6 +22,11 @@ declare const segmentedControlRootPropDefs: {
         values: readonly ["surface", "classic"];
         default: "surface";
     };
+    panelBackground: {
+        type: "enum";
+        className: string;
+        values: ("solid" | "translucent")[];
+    };
 };
 export { segmentedControlRootPropDefs };
 //# sourceMappingURL=segmented-control.props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.props.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control.props.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;CASjC,CAAC;AAEF,OAAO,EAAE,4BAA4B,EAAE,CAAC"}
+{"version":3,"file":"segmented-control.props.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control.props.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAejC,CAAC;AAEF,OAAO,EAAE,4BAA4B,EAAE,CAAC"}

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

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

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

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

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

@@ -19,8 +19,8 @@ declare const baseCheckboxPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "surface", "soft"];
-        default: "surface";
+        values: readonly ["classic", "solid", "soft"];
+        default: "solid";
     };
 };
 export { baseCheckboxPropDefs };

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

@@ -1,2 +1,2 @@
-import{colorPropDef as s}from"../../props/color.prop.js";import{highContrastPropDef as e}from"../../props/high-contrast.prop.js";const r=["1","2","3"],o=["classic","surface","soft"],t={size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"surface"},...s,...e};export{t as baseCheckboxPropDefs};
+import{colorPropDef as s}from"../../props/color.prop.js";import{highContrastPropDef as e}from"../../props/high-contrast.prop.js";const o=["1","2","3"],r=["classic","solid","soft"],t={size:{type:"enum",className:"rt-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:r,default:"solid"},...s,...e};export{t as baseCheckboxPropDefs};
 //# sourceMappingURL=base-checkbox.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-checkbox.props.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'surface', 'soft'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { baseCheckboxPropDefs };\n"],
-  "mappings": "AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,OAAS,uBAAAC,MAA2B,oCAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,UAAW,MAAM,EAExCC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAGH,EACH,GAAGC,CACL",
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['classic', 'solid', 'soft'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { baseCheckboxPropDefs };\n"],
+  "mappings": "AAAA,OAAS,gBAAAA,MAAoB,4BAC7B,OAAS,uBAAAC,MAA2B,oCAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,QAAS,MAAM,EAEtCC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAGH,EACH,GAAGC,CACL",
   "names": ["colorPropDef", "highContrastPropDef", "sizes", "variants", "baseCheckboxPropDefs"]
 }