@kushagradhawan/kookie-ui 0.1.29 → 0.1.30

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n// Polymorphic Button props\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'>;\n\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n  props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> },\n) => React.ReactElement | null;\n\nconst Button = React.forwardRef(\n  ({ className, ...props }: ButtonProps, forwardedRef: React.ForwardedRef<ButtonElement>) => (\n    <BaseButton {...props} ref={forwardedRef} className={classNames('rt-Button', className)} />\n  ),\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps };\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,cAAAC,MAAkB,6BAgB3B,MAAMC,EAASH,EAAM,WACnB,CAAC,CAAE,UAAAI,EAAW,GAAGC,CAAM,EAAgBC,IACrCN,EAAA,cAACE,EAAA,CAAY,GAAGG,EAAO,IAAKC,EAAc,UAAWL,EAAW,YAAaG,CAAS,EAAG,CAE7F,EAEAD,EAAO,YAAc",
-  "names": ["React", "classNames", "BaseButton", "Button", "className", "props", "forwardedRef"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\ninterface ButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as'> & ButtonTooltipProps;\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(\n  props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> },\n) => React.ReactElement | null;\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n * ```\n */\nconst Button = React.forwardRef(\n  (\n    {\n      className,\n      tooltip,\n      tooltipSide = 'top',\n      tooltipAlign = 'center',\n      tooltipDelayDuration,\n      tooltipDisableHoverableContent,\n      ...props\n    }: ButtonProps,\n    forwardedRef: React.ForwardedRef<ButtonElement>,\n  ) => {\n    // Generate unique ID for tooltip accessibility\n    const tooltipId = React.useId();\n    const hasTooltip = Boolean(tooltip);\n\n    // Prepare accessibility props for tooltip integration\n    const tooltipAccessibilityProps = React.useMemo(\n      () => (hasTooltip ? { 'aria-describedby': tooltipId } : {}),\n      [hasTooltip, tooltipId],\n    );\n\n    // Create the base button element with tooltip accessibility props\n    const button = (\n      <BaseButton\n        {...props}\n        {...tooltipAccessibilityProps}\n        ref={forwardedRef}\n        className={classNames('rt-Button', className)}\n      />\n    );\n\n    // If no tooltip is provided, return the button as-is for better performance\n    if (!tooltip) {\n      return button;\n    }\n\n    // Wrap with Tooltip when tooltip content is provided\n    // This creates a compound component that handles both button and tooltip functionality\n    return (\n      <Tooltip\n        content={tooltip}\n        side={tooltipSide}\n        align={tooltipAlign}\n        delayDuration={tooltipDelayDuration}\n        disableHoverableContent={tooltipDisableHoverableContent}\n        id={tooltipId}\n      >\n        {button}\n      </Tooltip>\n    );\n  },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps };\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAEvB,OAAS,cAAAC,MAAkB,6BAC3B,OAAS,WAAAC,MAAe,eAoExB,MAAMC,EAASJ,EAAM,WACnB,CACE,CACE,UAAAK,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,EACAC,IACG,CAEH,MAAMC,EAAYb,EAAM,MAAM,EACxBc,EAAa,EAAQR,EAGrBS,EAA4Bf,EAAM,QACtC,IAAOc,EAAa,CAAE,mBAAoBD,CAAU,EAAI,CAAC,EACzD,CAACC,EAAYD,CAAS,CACxB,EAGMG,EACJhB,EAAA,cAACE,EAAA,CACE,GAAGS,EACH,GAAGI,EACJ,IAAKH,EACL,UAAWX,EAAW,YAAaI,CAAS,EAC9C,EAIF,OAAKC,EAOHN,EAAA,cAACG,EAAA,CACC,QAASG,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,EACzB,GAAIG,GAEHG,CACH,EAfOA,CAiBX,CACF,EAEAZ,EAAO,YAAc",
+  "names": ["React", "classNames", "BaseButton", "Tooltip", "Button", "className", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "props", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "button"]
 }

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/callout.js

@@ -1,2 +1,2 @@
-"use client";import*as o from"react";import p from"classnames";import{Slot as R}from"radix-ui";import{Text as x}from"./text.js";import{calloutRootPropDefs as a}from"./callout.props.js";import{extractProps as y}from"../helpers/extract-props.js";import{mapResponsiveProp as T,mapCalloutSizeToTextSize as v}from"../helpers/map-prop-values.js";import{marginPropDefs as I}from"../props/margin.props.js";const s=o.createContext({}),n=o.forwardRef((t,l)=>{const{size:e=a.size.default}=t,{asChild:r,children:C,className:i,color:c,panelBackground:f,...P}=y(t,a,I),d=r?R.Root:"div";return o.createElement(d,{"data-accent-color":c,"data-panel-background":f,...P,className:p("rt-CalloutRoot",i),ref:l},o.createElement(s.Provider,{value:o.useMemo(()=>({size:e}),[e])},C))});n.displayName="Callout.Root";const m=o.forwardRef(({className:t,...l},e)=>o.createElement("div",{...l,className:p("rt-CalloutIcon",t),ref:e}));m.displayName="Callout.Icon";const u=o.forwardRef(({className:t,...l},e)=>{const{size:r}=o.useContext(s);return o.createElement(x,{as:"p",size:T(r,v),...l,asChild:!1,ref:e,className:p("rt-CalloutText",t)})});u.displayName="Callout.Text";export{m as Icon,n as Root,u as Text};
+"use client";import*as o from"react";import s from"classnames";import{Slot as T}from"radix-ui";import{Text as I}from"./text.js";import{calloutRootPropDefs as n}from"./callout.props.js";import{extractProps as E}from"../helpers/extract-props.js";import{mapResponsiveProp as w,mapCalloutSizeToTextSize as z}from"../helpers/map-prop-values.js";import{marginPropDefs as N}from"../props/margin.props.js";const i=o.createContext({}),m=o.forwardRef((t,r)=>{const{size:e=n.size.default,live:l="polite",role:c="status",variant:p}=t,{asChild:P,children:f,className:d,color:a,panelBackground:R,material:x,...v}=E(t,n,N),y=P?T.Root:"div";return o.createElement(y,{"data-accent-color":a,"data-panel-background":R,"data-material":x,...v,...{role:c,"aria-live":l,"aria-atomic":!0},className:s("rt-CalloutRoot",d),ref:r},o.createElement(i.Provider,{value:o.useMemo(()=>({size:e,variant:p,color:a}),[e,p,a])},f))});m.displayName="Callout.Root";const u=o.forwardRef(({className:t,...r},e)=>o.createElement("div",{...r,className:s("rt-CalloutIcon",t),ref:e}));u.displayName="Callout.Icon";const C=o.forwardRef(({className:t,...r},e)=>{const{size:l}=o.useContext(i);return o.createElement(I,{as:"p",size:w(l,z),...r,asChild:!1,ref:e,className:s("rt-CalloutText",t)})});C.displayName="Callout.Text";export{u as Icon,m as Root,C as Text};
 //# sourceMappingURL=callout.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/callout.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { Text } from './text.js';\nimport { calloutRootPropDefs } from './callout.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { mapResponsiveProp, mapCalloutSizeToTextSize } from '../helpers/map-prop-values.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CalloutRootOwnProps = GetPropDefTypes<typeof calloutRootPropDefs>;\n\ntype CalloutContextValue = { size?: CalloutRootOwnProps['size'] };\nconst CalloutContext = React.createContext<CalloutContextValue>({});\n\ntype CalloutRootElement = React.ElementRef<'div'>;\ninterface CalloutRootProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    CalloutRootOwnProps {}\nconst CalloutRoot = React.forwardRef<CalloutRootElement, CalloutRootProps>(\n  (props, forwardedRef) => {\n    const { size = calloutRootPropDefs.size.default } = props;\n    const { asChild, children, className, color, panelBackground, ...rootProps } = extractProps(\n      props,\n      calloutRootPropDefs,\n      marginPropDefs,\n    );\n    const Comp = asChild ? Slot.Root : 'div';\n    return (\n      <Comp\n        data-accent-color={color}\n        data-panel-background={panelBackground}\n        {...rootProps}\n        className={classNames('rt-CalloutRoot', className)}\n        ref={forwardedRef}\n      >\n        <CalloutContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n          {children}\n        </CalloutContext.Provider>\n      </Comp>\n    );\n  },\n);\nCalloutRoot.displayName = 'Callout.Root';\n\ntype CalloutIconElement = React.ElementRef<'div'>;\ninterface CalloutIconProps extends ComponentPropsWithout<'div', RemovedProps> {}\nconst CalloutIcon = React.forwardRef<CalloutIconElement, CalloutIconProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div {...props} className={classNames('rt-CalloutIcon', className)} ref={forwardedRef} />\n    );\n  },\n);\nCalloutIcon.displayName = 'Callout.Icon';\n\ntype CalloutTextElement = React.ElementRef<'p'>;\ntype CalloutTextProps = ComponentPropsAs<typeof Text, 'p'>;\nconst CalloutText = React.forwardRef<CalloutTextElement, CalloutTextProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { size } = React.useContext(CalloutContext);\n    return (\n      <Text\n        as=\"p\"\n        size={mapResponsiveProp(size, mapCalloutSizeToTextSize)}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-CalloutText', className)}\n      />\n    );\n  },\n);\nCalloutText.displayName = 'Callout.Text';\n\nexport { CalloutRoot as Root, CalloutIcon as Icon, CalloutText as Text };\nexport type {\n  CalloutRootProps as RootProps,\n  CalloutIconProps as IconProps,\n  CalloutTextProps as TextProps,\n};\n"],
-  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAErB,OAAS,QAAAC,MAAY,YACrB,OAAS,uBAAAC,MAA2B,qBACpC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,qBAAAC,EAAmB,4BAAAC,MAAgC,gCAC5D,OAAS,kBAAAC,MAAsB,2BAa/B,MAAMC,EAAiBT,EAAM,cAAmC,CAAC,CAAC,EAO5DU,EAAcV,EAAM,WACxB,CAACW,EAAOC,IAAiB,CACvB,KAAM,CAAE,KAAAC,EAAOT,EAAoB,KAAK,OAAQ,EAAIO,EAC9C,CAAE,QAAAG,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,GAAGC,CAAU,EAAId,EAC7EM,EACAP,EACAI,CACF,EACMY,EAAON,EAAUZ,EAAK,KAAO,MACnC,OACEF,EAAA,cAACoB,EAAA,CACC,oBAAmBH,EACnB,wBAAuBC,EACtB,GAAGC,EACJ,UAAWlB,EAAW,iBAAkBe,CAAS,EACjD,IAAKJ,GAELZ,EAAA,cAACS,EAAe,SAAf,CAAwB,MAAOT,EAAM,QAAQ,KAAO,CAAE,KAAAa,CAAK,GAAI,CAACA,CAAI,CAAC,GACnEE,CACH,CACF,CAEJ,CACF,EACAL,EAAY,YAAc,eAI1B,MAAMW,EAAcrB,EAAM,WACxB,CAAC,CAAE,UAAAgB,EAAW,GAAGL,CAAM,EAAGC,IAEtBZ,EAAA,cAAC,OAAK,GAAGW,EAAO,UAAWV,EAAW,iBAAkBe,CAAS,EAAG,IAAKJ,EAAc,CAG7F,EACAS,EAAY,YAAc,eAI1B,MAAMC,EAActB,EAAM,WACxB,CAAC,CAAE,UAAAgB,EAAW,GAAGL,CAAM,EAAGC,IAAiB,CACzC,KAAM,CAAE,KAAAC,CAAK,EAAIb,EAAM,WAAWS,CAAc,EAChD,OACET,EAAA,cAACG,EAAA,CACC,GAAG,IACH,KAAMG,EAAkBO,EAAMN,CAAwB,EACrD,GAAGI,EACJ,QAAS,GACT,IAAKC,EACL,UAAWX,EAAW,iBAAkBe,CAAS,EACnD,CAEJ,CACF,EACAM,EAAY,YAAc",
-  "names": ["React", "classNames", "Slot", "Text", "calloutRootPropDefs", "extractProps", "mapResponsiveProp", "mapCalloutSizeToTextSize", "marginPropDefs", "CalloutContext", "CalloutRoot", "props", "forwardedRef", "size", "asChild", "children", "className", "color", "panelBackground", "rootProps", "Comp", "CalloutIcon", "CalloutText"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { Text } from './text.js';\nimport { calloutRootPropDefs } from './callout.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { mapResponsiveProp, mapCalloutSizeToTextSize } from '../helpers/map-prop-values.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CalloutRootOwnProps = GetPropDefTypes<typeof calloutRootPropDefs>;\n\ntype CalloutContextValue = {\n  size?: CalloutRootOwnProps['size'];\n  variant?: CalloutRootOwnProps['variant'];\n  color?: CalloutRootOwnProps['color'];\n};\nconst CalloutContext = React.createContext<CalloutContextValue>({});\n\ntype CalloutRootElement = React.ElementRef<'div'>;\ninterface CalloutRootProps\n  extends ComponentPropsWithout<'div', RemovedProps>,\n    MarginProps,\n    CalloutRootOwnProps {\n  /** Controls the ARIA live region behavior for screen readers */\n  live?: 'off' | 'polite' | 'assertive';\n  /** Semantic role for the callout */\n  role?: 'alert' | 'status' | 'note';\n}\nconst CalloutRoot = React.forwardRef<CalloutRootElement, CalloutRootProps>(\n  (props, forwardedRef) => {\n    const {\n      size = calloutRootPropDefs.size.default,\n      live = 'polite',\n      role = 'status',\n      variant,\n    } = props;\n    const { asChild, children, className, color, panelBackground, material, ...rootProps } =\n      extractProps(props, calloutRootPropDefs, marginPropDefs);\n    const Comp = asChild ? Slot.Root : 'div';\n\n    // Determine appropriate ARIA attributes based on role and live\n    const ariaProps = {\n      role,\n      'aria-live': live,\n      'aria-atomic': true,\n    };\n\n    return (\n      <Comp\n        data-accent-color={color}\n        data-panel-background={panelBackground}\n        data-material={material}\n        {...rootProps}\n        {...ariaProps}\n        className={classNames('rt-CalloutRoot', className)}\n        ref={forwardedRef}\n      >\n        <CalloutContext.Provider\n          value={React.useMemo(() => ({ size, variant, color }), [size, variant, color])}\n        >\n          {children}\n        </CalloutContext.Provider>\n      </Comp>\n    );\n  },\n);\nCalloutRoot.displayName = 'Callout.Root';\n\ntype CalloutIconElement = React.ElementRef<'div'>;\ninterface CalloutIconProps extends ComponentPropsWithout<'div', RemovedProps> {}\nconst CalloutIcon = React.forwardRef<CalloutIconElement, CalloutIconProps>(\n  ({ className, ...props }, forwardedRef) => {\n    return (\n      <div {...props} className={classNames('rt-CalloutIcon', className)} ref={forwardedRef} />\n    );\n  },\n);\nCalloutIcon.displayName = 'Callout.Icon';\n\ntype CalloutTextElement = React.ElementRef<'p'>;\ntype CalloutTextProps = ComponentPropsAs<typeof Text, 'p'>;\nconst CalloutText = React.forwardRef<CalloutTextElement, CalloutTextProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { size } = React.useContext(CalloutContext);\n    return (\n      <Text\n        as=\"p\"\n        size={mapResponsiveProp(size, mapCalloutSizeToTextSize)}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('rt-CalloutText', className)}\n      />\n    );\n  },\n);\nCalloutText.displayName = 'Callout.Text';\n\nexport { CalloutRoot as Root, CalloutIcon as Icon, CalloutText as Text };\nexport type {\n  CalloutRootProps as RootProps,\n  CalloutIconProps as IconProps,\n  CalloutTextProps as TextProps,\n};\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAErB,OAAS,QAAAC,MAAY,YACrB,OAAS,uBAAAC,MAA2B,qBACpC,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,qBAAAC,EAAmB,4BAAAC,MAAgC,gCAC5D,OAAS,kBAAAC,MAAsB,2BAiB/B,MAAMC,EAAiBT,EAAM,cAAmC,CAAC,CAAC,EAY5DU,EAAcV,EAAM,WACxB,CAACW,EAAOC,IAAiB,CACvB,KAAM,CACJ,KAAAC,EAAOT,EAAoB,KAAK,QAChC,KAAAU,EAAO,SACP,KAAAC,EAAO,SACP,QAAAC,CACF,EAAIL,EACE,CAAE,QAAAM,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAU,EACnFlB,EAAaM,EAAOP,EAAqBI,CAAc,EACnDgB,EAAOP,EAAUf,EAAK,KAAO,MASnC,OACEF,EAAA,cAACwB,EAAA,CACC,oBAAmBJ,EACnB,wBAAuBC,EACvB,gBAAeC,EACd,GAAGC,EACH,GAZa,CAChB,KAAAR,EACA,YAAaD,EACb,cAAe,EACjB,EASI,UAAWb,EAAW,iBAAkBkB,CAAS,EACjD,IAAKP,GAELZ,EAAA,cAACS,EAAe,SAAf,CACC,MAAOT,EAAM,QAAQ,KAAO,CAAE,KAAAa,EAAM,QAAAG,EAAS,MAAAI,CAAM,GAAI,CAACP,EAAMG,EAASI,CAAK,CAAC,GAE5EF,CACH,CACF,CAEJ,CACF,EACAR,EAAY,YAAc,eAI1B,MAAMe,EAAczB,EAAM,WACxB,CAAC,CAAE,UAAAmB,EAAW,GAAGR,CAAM,EAAGC,IAEtBZ,EAAA,cAAC,OAAK,GAAGW,EAAO,UAAWV,EAAW,iBAAkBkB,CAAS,EAAG,IAAKP,EAAc,CAG7F,EACAa,EAAY,YAAc,eAI1B,MAAMC,EAAc1B,EAAM,WACxB,CAAC,CAAE,UAAAmB,EAAW,GAAGR,CAAM,EAAGC,IAAiB,CACzC,KAAM,CAAE,KAAAC,CAAK,EAAIb,EAAM,WAAWS,CAAc,EAChD,OACET,EAAA,cAACG,EAAA,CACC,GAAG,IACH,KAAMG,EAAkBO,EAAMN,CAAwB,EACrD,GAAGI,EACJ,QAAS,GACT,IAAKC,EACL,UAAWX,EAAW,iBAAkBkB,CAAS,EACnD,CAEJ,CACF,EACAO,EAAY,YAAc",
+  "names": ["React", "classNames", "Slot", "Text", "calloutRootPropDefs", "extractProps", "mapResponsiveProp", "mapCalloutSizeToTextSize", "marginPropDefs", "CalloutContext", "CalloutRoot", "props", "forwardedRef", "size", "live", "role", "variant", "asChild", "children", "className", "color", "panelBackground", "material", "rootProps", "Comp", "CalloutIcon", "CalloutText"]
 }

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

@@ -1,4 +1,12 @@
 declare const calloutRootPropDefs: {
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * @deprecated Use `material` prop instead. This prop will be removed in a future version.
+     */
     panelBackground: {
         type: "enum";
         values: readonly ["solid", "translucent"];
@@ -24,7 +32,7 @@ declare const calloutRootPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["soft", "surface", "outline"];
+        values: readonly ["soft", "surface", "outline", "classic"];
         default: "soft";
     };
     asChild: {

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

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

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

@@ -1,2 +1,2 @@
-import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColorPropDef as o}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";const t=["1","2","3"],r=["soft","surface","outline"],a=["solid","translucent"],n={...e,size:{type:"enum",className:"rt-r-size",values:t,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:r,default:"soft"},...o,...s,panelBackground:{type:"enum",values:a,default:void 0}};export{n as calloutRootPropDefs};
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColorPropDef as s}from"../props/color.prop.js";import{highContrastPropDef as t}from"../props/high-contrast.prop.js";const a=["1","2","3"],o=["soft","surface","outline","classic"],r=["solid","translucent"],n=["solid","translucent"],p={...e,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"soft"},...s,...t,material:{type:"enum",values:n,default:void 0},panelBackground:{type:"enum",values:r,default:void 0}};export{p as calloutRootPropDefs};
 //# sourceMappingURL=callout.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/callout.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst calloutRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { calloutRootPropDefs };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,uBAAAC,MAA2B,iCAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,OAAQ,UAAW,SAAS,EACxCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAsB,CAC1B,GAAGN,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQG,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGH,EACH,GAAGC,EACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQG,EAAkB,QAAS,MAAU,CAChF",
-  "names": ["asChildPropDef", "accentColorPropDef", "highContrastPropDef", "sizes", "variants", "panelBackgrounds", "calloutRootPropDefs"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['soft', 'surface', 'outline', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst calloutRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { calloutRootPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,uBAAAC,MAA2B,iCAIpC,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,OAAQ,UAAW,UAAW,SAAS,EACnDC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAsB,CAC1B,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQG,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGH,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQI,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["asChildPropDef", "accentColorPropDef", "highContrastPropDef", "sizes", "variants", "panelBackgrounds", "materials", "calloutRootPropDefs"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,WAAW,EAAE,YAAY;CAAG;AACpG,QAAA,MAAM,IAAI,kFAgBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,YAAY,GAAG,eAAe,CAAC,OAAO,YAAY,CAAC,CAAC;AACzD,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,WAAW,EAAE,YAAY;CAAG;AACpG,QAAA,MAAM,IAAI,kFAkBR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC;AAChB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/components/card.js

@@ -1,2 +1,2 @@
-import*as r from"react";import f from"classnames";import{Slot as i}from"radix-ui";import{cardPropDefs as P}from"./card.props.js";import{extractProps as c}from"../helpers/extract-props.js";import{marginPropDefs as C}from"../props/margin.props.js";const o=r.forwardRef((e,p)=>{const{asChild:t,className:s,panelBackground:a,flush:m,...d}=c(e,P,C),n=t?i.Root:"div";return r.createElement(n,{ref:p,...d,"data-panel-background":a,"data-flush":m?"true":void 0,className:f("rt-reset","rt-BaseCard","rt-Card",s)})});o.displayName="Card";export{o as Card};
+import*as o from"react";import P from"classnames";import{Slot as c}from"radix-ui";import{cardPropDefs as l}from"./card.props.js";import{extractProps as C}from"../helpers/extract-props.js";import{marginPropDefs as y}from"../props/margin.props.js";const e=o.forwardRef((p,t)=>{const{asChild:a,className:s,panelBackground:m,material:d,flush:n,...f}=C(p,l,y),r=d||m,i=a?c.Root:"div";return o.createElement(i,{ref:t,...f,"data-panel-background":r,"data-material":r,"data-flush":n?"true":void 0,className:P("rt-reset","rt-BaseCard","rt-Card",s)})});e.displayName="Card";export{e as Card};
 //# sourceMappingURL=card.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { cardPropDefs } from './card.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CardElement = React.ElementRef<'div'>;\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>;\ninterface CardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, CardOwnProps {}\nconst Card = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const { asChild, className, panelBackground, flush, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n  );\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      ref={forwardedRef}\n      {...cardProps}\n      data-panel-background={panelBackground}\n      data-flush={flush ? 'true' : undefined}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-Card', className)}\n    />\n  );\n});\nCard.displayName = 'Card';\n\nexport { Card };\nexport type { CardProps };\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAErB,OAAS,gBAAAC,MAAoB,kBAC7B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAS/B,MAAMC,EAAON,EAAM,WAAmC,CAACO,EAAOC,IAAiB,CAC7E,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,gBAAAC,EAAiB,MAAAC,EAAO,GAAGC,CAAU,EAAIT,EACnEG,EACAJ,EACAE,CACF,EACMS,EAAOL,EAAUP,EAAK,KAAO,MACnC,OACEF,EAAA,cAACc,EAAA,CACC,IAAKN,EACJ,GAAGK,EACJ,wBAAuBF,EACvB,aAAYC,EAAQ,OAAS,OAC7B,UAAWX,EAAW,WAAY,cAAe,UAAWS,CAAS,EACvE,CAEJ,CAAC,EACDJ,EAAK,YAAc",
-  "names": ["React", "classNames", "Slot", "cardPropDefs", "extractProps", "marginPropDefs", "Card", "props", "forwardedRef", "asChild", "className", "panelBackground", "flush", "cardProps", "Comp"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { cardPropDefs } from './card.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CardElement = React.ElementRef<'div'>;\ntype CardOwnProps = GetPropDefTypes<typeof cardPropDefs>;\ninterface CardProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, CardOwnProps {}\nconst Card = React.forwardRef<CardElement, CardProps>((props, forwardedRef) => {\n  const { asChild, className, panelBackground, material, flush, ...cardProps } = extractProps(\n    props,\n    cardPropDefs,\n    marginPropDefs,\n  );\n  const effectiveMaterial = material || panelBackground;\n  const Comp = asChild ? Slot.Root : 'div';\n  return (\n    <Comp\n      ref={forwardedRef}\n      {...cardProps}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      data-flush={flush ? 'true' : undefined}\n      className={classNames('rt-reset', 'rt-BaseCard', 'rt-Card', className)}\n    />\n  );\n});\nCard.displayName = 'Card';\n\nexport { Card };\nexport type { CardProps };\n"],
+  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAErB,OAAS,gBAAAC,MAAoB,kBAC7B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAS/B,MAAMC,EAAON,EAAM,WAAmC,CAACO,EAAOC,IAAiB,CAC7E,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,gBAAAC,EAAiB,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAU,EAAIV,EAC7EG,EACAJ,EACAE,CACF,EACMU,EAAoBH,GAAYD,EAChCK,EAAOP,EAAUP,EAAK,KAAO,MACnC,OACEF,EAAA,cAACgB,EAAA,CACC,IAAKR,EACJ,GAAGM,EACJ,wBAAuBC,EACvB,gBAAeA,EACf,aAAYF,EAAQ,OAAS,OAC7B,UAAWZ,EAAW,WAAY,cAAe,UAAWS,CAAS,EACvE,CAEJ,CAAC,EACDJ,EAAK,YAAc",
+  "names": ["React", "classNames", "Slot", "cardPropDefs", "extractProps", "marginPropDefs", "Card", "props", "forwardedRef", "asChild", "className", "panelBackground", "material", "flush", "cardProps", "effectiveMaterial", "Comp"]
 }

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{asChildPropDef as e}from"../props/as-child.prop.js";const s=["1","2","3","4","5"],a=["surface","outline","classic","ghost","soft"],o=["solid","translucent"],n={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"outline"},panelBackground:{type:"enum",values:o,default:void 0},flush:{type:"boolean",default:!1}};export{n as cardPropDefs};
+import{asChildPropDef as e}from"../props/as-child.prop.js";const s=["1","2","3","4","5"],a=["surface","outline","classic","ghost","soft"],t=["solid","translucent"],n=["solid","translucent"],o={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"outline"},panelBackground:{type:"enum",values:t,default:void 0},material:{type:"enum",values:n,default:void 0},flush:{type:"boolean",default:!1}};export{o as cardPropDefs};
 //# sourceMappingURL=card.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/card.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['surface', 'outline', 'classic', 'ghost', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAI/B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,UAAW,QAAS,MAAM,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAe,CACnB,GAAGJ,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQC,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
-  "names": ["asChildPropDef", "sizes", "variants", "panelBackgrounds", "cardPropDefs"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['surface', 'outline', 'classic', 'ghost', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst cardPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'outline' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  material: { type: 'enum', values: materials, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAI/B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,UAAW,QAAS,MAAM,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAe,CACnB,GAAGL,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQC,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["asChildPropDef", "sizes", "variants", "panelBackgrounds", "materials", "cardPropDefs"]
 }

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

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

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

@@ -1,2 +1,2 @@
-"use client";import*as o from"react";import n from"classnames";import{Context as l}from"radix-ui/internal";import*as i from"./checkbox-group.primitive.js";import{createCheckboxGroupScope as h}from"./checkbox-group.primitive.js";import{checkboxCardsRootPropDefs as u}from"./checkbox-cards.props.js";import{baseCheckboxPropDefs as R}from"./_internal/base-checkbox.props.js";import{Grid as y}from"./grid.js";import{ThickCheckIcon as I}from"./icons.js";import{extractProps as d}from"../helpers/extract-props.js";import{marginPropDefs as G}from"../props/margin.props.js";import{useThemeContext as g}from"./theme.js";const x="CheckboxCards",[v]=l.createContextScope(x,[h]),k=h(),[N,S]=v(x),b=o.forwardRef((e,s)=>{const a=g(),c=e.panelBackground??a.panelBackground,{__scopeCheckboxCards:r,className:p,color:t,panelBackground:C,...m}=d(e,u,G),f=k(r);return o.createElement(N,{scope:r,size:e.size,highContrast:e.highContrast},o.createElement(y,{asChild:!0},o.createElement(i.Root,{...f,"data-accent-color":t,"data-panel-background":c,...m,ref:s,className:n("rt-CheckboxCardsRoot",p)})))});b.displayName="CheckboxCards.Root";const P=o.forwardRef(({__scopeCheckboxCards:e,children:s,className:a,style:c,...r},p)=>{const t=S("CheckboxCardsItem",e),C=k(e),{className:m}=d({size:t?.size,variant:"solid",highContrast:t?.highContrast},R);return o.createElement("label",{className:n("rt-BaseCard","rt-CheckboxCardsItem",a),style:c},s,o.createElement(i.Item,{...C,...r,ref:p,className:n("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",m)},o.createElement(i.Indicator,{...C,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(I,null))))});P.displayName="CheckboxCards.Item";export{P as Item,b as Root};
+"use client";import*as e from"react";import m from"classnames";import{Context as u}from"radix-ui/internal";import*as h from"./checkbox-group.primitive.js";import{createCheckboxGroupScope as d}from"./checkbox-group.primitive.js";import{checkboxCardsRootPropDefs as R}from"./checkbox-cards.props.js";import{baseCheckboxPropDefs as v}from"./_internal/base-checkbox.props.js";import{Grid as y}from"./grid.js";import{ThickCheckIcon as I}from"./icons.js";import{extractProps as x}from"../helpers/extract-props.js";import{marginPropDefs as G}from"../props/margin.props.js";import{useThemeContext as g}from"./theme.js";const k="CheckboxCards",[N]=u.createContextScope(k,[d]),b=d(),[z,D]=N(k),f=e.forwardRef((r,s)=>{const a=g(),c=r.panelBackground??a.panelBackground,{__scopeCheckboxCards:t,className:p,color:o,panelBackground:C,...n}=x(r,R,G),i=b(t);return e.createElement(z,{scope:t,size:r.size,variant:r.variant,highContrast:r.highContrast},e.createElement(y,{asChild:!0},e.createElement(h.Root,{...i,"data-accent-color":o,"data-panel-background":c,...n,ref:s,className:m("rt-CheckboxCardsRoot",p)})))});f.displayName="CheckboxCards.Root";const P=e.forwardRef(({__scopeCheckboxCards:r,children:s,className:a,style:c,...t},p)=>{const o=D("CheckboxCardsItem",r),C=b(r),{className:n}=x({size:o?.size,variant:o?.variant||"solid",highContrast:o?.highContrast},v),i=o?.variant?`rt-variant-${o.variant}`:void 0,l=o?.size?`rt-r-size-${o.size}`:void 0;return e.createElement("label",{className:m("rt-BaseCard","rt-CheckboxCardsItem",i,l,a),style:c},s,e.createElement(h.Item,{...C,...t,ref:p,className:m("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",n)},e.createElement(h.Indicator,{...C,asChild:!0,className:"rt-BaseCheckboxIndicator"},e.createElement(I,null))))});P.displayName="CheckboxCards.Item";export{P as Item,f as Root};
 //# sourceMappingURL=checkbox-cards.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox-cards.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n  size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n  highContrast?: boolean;\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n  createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n  (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      __scopeCheckboxCards,\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n    return (\n      <CheckboxCardsProvider\n        scope={__scopeCheckboxCards}\n        size={props.size}\n        highContrast={props.highContrast}\n      >\n        <Grid asChild>\n          <CheckboxGroupPrimitive.Root\n            {...checkboxGroupScope}\n            data-accent-color={color}\n            data-panel-background={panelBackground}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-CheckboxCardsRoot', className)}\n          />\n        </Grid>\n      </CheckboxCardsProvider>\n    );\n  },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n  CheckboxCardsItemElement,\n  ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n  const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n  const { className: checkboxClassName } = extractProps(\n    // Pass size / highContrast values from the context and static variant to generate styles\n    { size: context?.size, variant: 'solid', highContrast: context?.highContrast },\n    // Pass size & variant prop defs to allow it to be extracted\n    baseCheckboxPropDefs,\n  );\n  return (\n    <label className={classNames('rt-BaseCard', 'rt-CheckboxCardsItem', className)} style={style}>\n      {children}\n      <CheckboxGroupPrimitive.Item\n        {...checkboxGroupScope}\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCheckboxRoot',\n          'rt-CheckboxCardCheckbox',\n          checkboxClassName,\n        )}\n      >\n        <CheckboxGroupPrimitive.Indicator\n          {...checkboxGroupScope}\n          asChild\n          className=\"rt-BaseCheckboxIndicator\"\n        >\n          <ThickCheckIcon />\n        </CheckboxGroupPrimitive.Indicator>\n      </CheckboxGroupPrimitive.Item>\n    </label>\n  );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
-  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAExB,UAAYC,MAA4B,gCACxC,OAAS,4BAAAC,MAAgC,gCACzC,OAAS,6BAAAC,MAAiC,4BAC1C,OAAS,wBAAAC,MAA4B,qCACrC,OAAS,QAAAC,MAAY,YACrB,OAAS,kBAAAC,MAAsB,aAC/B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,mBAAAC,MAAuB,aAMhC,MAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAIX,EAAQ,mBAAmBU,EAA0B,CACxFR,CACF,CAAC,EACKU,EAAwBV,EAAyB,EAOjD,CAACW,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAwB,EAW1EK,EAAoBjB,EAAM,WAC9B,CAACkB,EAA4CC,IAAiB,CAC5D,MAAMC,EAAeT,EAAgB,EAC/BU,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,qBAAAE,EACA,UAAAC,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,EAAIjB,EAAaS,EAAOb,EAA2BK,CAAc,EAC3DiB,EAAqBb,EAAsBQ,CAAoB,EACrE,OACEtB,EAAA,cAACe,EAAA,CACC,MAAOO,EACP,KAAMJ,EAAM,KACZ,aAAcA,EAAM,cAEpBlB,EAAA,cAACO,EAAA,CAAK,QAAO,IACXP,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGwB,EACJ,oBAAmBH,EACnB,wBAAuBH,EACtB,GAAGK,EACJ,IAAKP,EACL,UAAWlB,EAAW,uBAAwBsB,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAN,EAAkB,YAAc,qBAMhC,MAAMW,EAAoB5B,EAAM,WAG9B,CAAC,CAAE,qBAAAsB,EAAsB,SAAAO,EAAU,UAAAN,EAAW,MAAAO,EAAO,GAAGZ,CAAM,EAAGC,IAAiB,CAClF,MAAMY,EAAUf,EAAwB,oBAAqBM,CAAoB,EAC3EK,EAAqBb,EAAsBQ,CAAoB,EAE/D,CAAE,UAAWU,CAAkB,EAAIvB,EAEvC,CAAE,KAAMsB,GAAS,KAAM,QAAS,QAAS,aAAcA,GAAS,YAAa,EAE7EzB,CACF,EACA,OACEN,EAAA,cAAC,SAAM,UAAWC,EAAW,cAAe,uBAAwBsB,CAAS,EAAG,MAAOO,GACpFD,EACD7B,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGwB,EACH,GAAGT,EACJ,IAAKC,EACL,UAAWlB,EACT,WACA,sBACA,0BACA+B,CACF,GAEAhC,EAAA,cAACG,EAAuB,UAAvB,CACE,GAAGwB,EACJ,QAAO,GACP,UAAU,4BAEV3B,EAAA,cAACQ,EAAA,IAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDoB,EAAkB,YAAc",
-  "names": ["React", "classNames", "Context", "CheckboxGroupPrimitive", "createCheckboxGroupScope", "checkboxCardsRootPropDefs", "baseCheckboxPropDefs", "Grid", "ThickCheckIcon", "extractProps", "marginPropDefs", "useThemeContext", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "CheckboxCardsRoot", "props", "forwardedRef", "themeContext", "panelBackground", "__scopeCheckboxCards", "className", "color", "_", "rootProps", "checkboxGroupScope", "CheckboxCardsItem", "children", "style", "context", "checkboxClassName"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { useThemeContext } from './theme.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n  size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n  variant?: (typeof checkboxCardsRootPropDefs.variant.values)[number];\n  highContrast?: boolean;\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n  createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    MarginProps,\n    CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n  (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n    const themeContext = useThemeContext();\n    const panelBackground = props.panelBackground ?? themeContext.panelBackground;\n    const {\n      __scopeCheckboxCards,\n      className,\n      color,\n      panelBackground: _,\n      ...rootProps\n    } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n    return (\n      <CheckboxCardsProvider\n        scope={__scopeCheckboxCards}\n        size={props.size}\n        variant={props.variant}\n        highContrast={props.highContrast}\n      >\n        <Grid asChild>\n          <CheckboxGroupPrimitive.Root\n            {...checkboxGroupScope}\n            data-accent-color={color}\n            data-panel-background={panelBackground}\n            {...rootProps}\n            ref={forwardedRef}\n            className={classNames('rt-CheckboxCardsRoot', className)}\n          />\n        </Grid>\n      </CheckboxCardsProvider>\n    );\n  },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n    MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n  CheckboxCardsItemElement,\n  ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n  const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n  const { className: checkboxClassName } = extractProps(\n    // Pass size / highContrast values from the context and variant to generate styles\n    {\n      size: context?.size,\n      variant: context?.variant || 'solid',\n      highContrast: context?.highContrast,\n    },\n    // Pass size & variant prop defs to allow it to be extracted\n    baseCheckboxPropDefs,\n  );\n  const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n  const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n  return (\n    <label\n      className={classNames(\n        'rt-BaseCard',\n        'rt-CheckboxCardsItem',\n        variantClass,\n        sizeClass,\n        className,\n      )}\n      style={style}\n    >\n      {children}\n      <CheckboxGroupPrimitive.Item\n        {...checkboxGroupScope}\n        {...props}\n        ref={forwardedRef}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseCheckboxRoot',\n          'rt-CheckboxCardCheckbox',\n          checkboxClassName,\n        )}\n      >\n        <CheckboxGroupPrimitive.Indicator\n          {...checkboxGroupScope}\n          asChild\n          className=\"rt-BaseCheckboxIndicator\"\n        >\n          <ThickCheckIcon />\n        </CheckboxGroupPrimitive.Indicator>\n      </CheckboxGroupPrimitive.Item>\n    </label>\n  );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAExB,UAAYC,MAA4B,gCACxC,OAAS,4BAAAC,MAAgC,gCACzC,OAAS,6BAAAC,MAAiC,4BAC1C,OAAS,wBAAAC,MAA4B,qCACrC,OAAS,QAAAC,MAAY,YACrB,OAAS,kBAAAC,MAAsB,aAC/B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,mBAAAC,MAAuB,aAMhC,MAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAIX,EAAQ,mBAAmBU,EAA0B,CACxFR,CACF,CAAC,EACKU,EAAwBV,EAAyB,EAQjD,CAACW,EAAuBC,CAAuB,EACnDH,EAAsDD,CAAwB,EAW1EK,EAAoBjB,EAAM,WAC9B,CAACkB,EAA4CC,IAAiB,CAC5D,MAAMC,EAAeT,EAAgB,EAC/BU,EAAkBH,EAAM,iBAAmBE,EAAa,gBACxD,CACJ,qBAAAE,EACA,UAAAC,EACA,MAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,EAAIjB,EAAaS,EAAOb,EAA2BK,CAAc,EAC3DiB,EAAqBb,EAAsBQ,CAAoB,EACrE,OACEtB,EAAA,cAACe,EAAA,CACC,MAAOO,EACP,KAAMJ,EAAM,KACZ,QAASA,EAAM,QACf,aAAcA,EAAM,cAEpBlB,EAAA,cAACO,EAAA,CAAK,QAAO,IACXP,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGwB,EACJ,oBAAmBH,EACnB,wBAAuBH,EACtB,GAAGK,EACJ,IAAKP,EACL,UAAWlB,EAAW,uBAAwBsB,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAN,EAAkB,YAAc,qBAMhC,MAAMW,EAAoB5B,EAAM,WAG9B,CAAC,CAAE,qBAAAsB,EAAsB,SAAAO,EAAU,UAAAN,EAAW,MAAAO,EAAO,GAAGZ,CAAM,EAAGC,IAAiB,CAClF,MAAMY,EAAUf,EAAwB,oBAAqBM,CAAoB,EAC3EK,EAAqBb,EAAsBQ,CAAoB,EAE/D,CAAE,UAAWU,CAAkB,EAAIvB,EAEvC,CACE,KAAMsB,GAAS,KACf,QAASA,GAAS,SAAW,QAC7B,aAAcA,GAAS,YACzB,EAEAzB,CACF,EACM2B,EAAeF,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEG,EAAYH,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE/B,EAAA,cAAC,SACC,UAAWC,EACT,cACA,uBACAgC,EACAC,EACAX,CACF,EACA,MAAOO,GAEND,EACD7B,EAAA,cAACG,EAAuB,KAAvB,CACE,GAAGwB,EACH,GAAGT,EACJ,IAAKC,EACL,UAAWlB,EACT,WACA,sBACA,0BACA+B,CACF,GAEAhC,EAAA,cAACG,EAAuB,UAAvB,CACE,GAAGwB,EACJ,QAAO,GACP,UAAU,4BAEV3B,EAAA,cAACQ,EAAA,IAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDoB,EAAkB,YAAc",
+  "names": ["React", "classNames", "Context", "CheckboxGroupPrimitive", "createCheckboxGroupScope", "checkboxCardsRootPropDefs", "baseCheckboxPropDefs", "Grid", "ThickCheckIcon", "extractProps", "marginPropDefs", "useThemeContext", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "CheckboxCardsRoot", "props", "forwardedRef", "themeContext", "panelBackground", "__scopeCheckboxCards", "className", "color", "_", "rootProps", "checkboxGroupScope", "CheckboxCardsItem", "children", "style", "context", "checkboxClassName", "variantClass", "sizeClass"]
 }

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

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

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

@@ -1,2 +1,2 @@
-import{asChildPropDef as r}from"../props/as-child.prop.js";import{colorPropDef as o}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";import{gridPropDefs as e}from"./grid.props.js";const a=["1","2","3"],t=["surface","classic"],p=["solid","translucent"],n={...r,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...o,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(200px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as checkboxCardsRootPropDefs};
+import{asChildPropDef as o}from"../props/as-child.prop.js";import{colorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";import{gridPropDefs as e}from"./grid.props.js";const a=["1","2","3","4","5"],t=["outline","classic","ghost","soft","surface"],p=["solid","translucent"],n={...o,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...r,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(200px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as checkboxCardsRootPropDefs};
 //# sourceMappingURL=checkbox-cards.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/checkbox-cards.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst variants = ['surface', 'classic'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst checkboxCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(200px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { checkboxCardsRootPropDefs };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,gBAAAC,MAAoB,kBAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,GAAG,EACtBC,EAAW,CAAC,UAAW,SAAS,EAChCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAA4B,CAChC,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,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,GAAGL,EACH,GAAGC,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst checkboxCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(200px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { checkboxCardsRootPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,gBAAAC,MAAoB,kBAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,QAAS,OAAQ,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAA4B,CAChC,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,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,GAAGL,EACH,GAAGC,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
   "names": ["asChildPropDef", "colorPropDef", "highContrastPropDef", "gridPropDefs", "sizes", "variants", "panelBackgrounds", "checkboxCardsRootPropDefs"]
 }

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

@@ -19,9 +19,14 @@ declare const checkboxGroupRootPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "solid", "soft"];
+        values: readonly ["classic", "solid", "soft", "outline", "surface"];
         default: "solid";
     };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
     asChild: {
         type: "boolean";
     };

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

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

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

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

package/dist/esm/components/checkbox.js

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

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/code.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { codePropDefs } from './code.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CodeElement = React.ElementRef<'code'>;\ntype CodeOwnProps = GetPropDefTypes<typeof codePropDefs>;\ninterface CodeProps\n  extends ComponentPropsWithout<'code', RemovedProps>,\n    MarginProps,\n    CodeOwnProps {}\nconst Code = React.forwardRef<CodeElement, CodeProps>((props, forwardedRef) => {\n  const { asChild, className, color, ...codeProps } = extractProps(\n    props,\n    codePropDefs,\n    marginPropDefs\n  );\n  // Code ghost color prop should work as text color by default\n  const resolvedColor = props.variant === 'ghost' ? color || undefined : color;\n  const Comp = asChild ? Slot.Root : 'code';\n  return (\n    <Comp\n      data-accent-color={resolvedColor}\n      {...codeProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-Code', className)}\n    />\n  );\n});\nCode.displayName = 'Code';\n\nexport { Code };\nexport type { CodeProps };\n"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { codePropDefs } from './code.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CodeElement = React.ElementRef<'code'>;\ntype CodeOwnProps = GetPropDefTypes<typeof codePropDefs>;\ninterface CodeProps\n  extends ComponentPropsWithout<'code', RemovedProps>,\n    MarginProps,\n    CodeOwnProps {}\nconst Code = React.forwardRef<CodeElement, CodeProps>((props, forwardedRef) => {\n  const { asChild, className, color, ...codeProps } = extractProps(\n    props,\n    codePropDefs,\n    marginPropDefs,\n  );\n  // Code ghost color prop should work as text color by default\n  const resolvedColor = props.variant === 'ghost' ? color || undefined : color;\n  const Comp = asChild ? Slot.Root : 'code';\n  return (\n    <Comp\n      data-accent-color={resolvedColor}\n      {...codeProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-Code', className)}\n    />\n  );\n});\nCode.displayName = 'Code';\n\nexport { Code };\nexport type { CodeProps };\n"],
   "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAErB,OAAS,gBAAAC,MAAoB,kBAC7B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAY/B,MAAMC,EAAON,EAAM,WAAmC,CAACO,EAAOC,IAAiB,CAC7E,KAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,GAAGC,CAAU,EAAIR,EAClDG,EACAJ,EACAE,CACF,EAEMQ,EAAgBN,EAAM,UAAY,QAAUI,GAAS,OAAYA,EACjEG,EAAOL,EAAUP,EAAK,KAAO,OACnC,OACEF,EAAA,cAACc,EAAA,CACC,oBAAmBD,EAClB,GAAGD,EACJ,IAAKJ,EACL,UAAWP,EAAW,WAAY,UAAWS,CAAS,EACxD,CAEJ,CAAC,EACDJ,EAAK,YAAc",
   "names": ["React", "classNames", "Slot", "codePropDefs", "extractProps", "marginPropDefs", "Code", "props", "forwardedRef", "asChild", "className", "color", "codeProps", "resolvedColor", "Comp"]
 }

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

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

package/dist/esm/components/context-menu.d.ts

@@ -42,7 +42,7 @@ declare const ContextMenuSub: React.FC<ContextMenuSubProps>;
 interface ContextMenuSubTriggerProps extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubTrigger, RemovedProps> {
 }
 declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
-interface ContextMenuSubContentProps extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubContent, RemovedProps> {
+interface ContextMenuSubContentProps extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubContent, RemovedProps>, ContextMenuContentContextValue {
     container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];
 }
 declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAQ,MAAM,UAAU,CAAC;AAGrE,OAAO,EACL,0BAA0B,EAC1B,uBAAuB,EACvB,+BAA+B,EAC/B,4BAA4B,EAC7B,MAAM,yBAAyB,CAAC;AAOjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;CAAG;AAC7E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACrF,QAAA,MAAM,kBAAkB,iGAMvB,CAAC;AAGF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAC;AACrF,KAAK,8BAA8B,GAAG,0BAA0B,CAAC;AAGjE,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC9E,8BAA8B;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC7F;AACD,QAAA,MAAM,kBAAkB,gGAsDvB,CAAC;AAIF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AACnF,QAAA,MAAM,gBAAgB,8FASrB,CAAC;AAIF,KAAK,uBAAuB,GAAG,eAAe,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC/E,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC3E,uBAAuB;CAAG;AAC9B,QAAA,MAAM,eAAe,6FAyBpB,CAAC;AAIF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AACnF,QAAA,MAAM,gBAAgB,8FASrB,CAAC;AAIF,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG;AACxF,QAAA,MAAM,qBAAqB,mGAUzB,CAAC;AAIH,KAAK,4BAA4B,GAAG,eAAe,CAAC,OAAO,4BAA4B,CAAC,CAAC;AACzF,UAAU,yBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,SAAS,EAAE,YAAY,CAAC,EAChF,4BAA4B;CAAG;AACnC,QAAA,MAAM,oBAAoB,kGA8BxB,CAAC;AAIH,KAAK,+BAA+B,GAAG,eAAe,CAAC,OAAO,+BAA+B,CAAC,CAAC;AAC/F,UAAU,4BACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,YAAY,EAAE,YAAY,CAAC,EACnF,+BAA+B;CAAG;AACtC,QAAA,MAAM,uBAAuB,qGAoC3B,CAAC;AAGH,UAAU,mBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,GAAG,EAAE,YAAY,CAAC;CAAG;AACjF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAEjD,CAAC;AAIF,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG;AACxF,QAAA,MAAM,qBAAqB,mGAwBzB,CAAC;AAIH,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,UAAU,EAAE,YAAY,CAAC;IACnF,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC7F;AACD,QAAA,MAAM,qBAAqB,mGAgDzB,CAAC;AAIH,UAAU,yBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AACvF,QAAA,MAAM,oBAAoB,kGAUxB,CAAC;AAGH,OAAO,EACL,eAAe,IAAI,IAAI,EACvB,kBAAkB,IAAI,OAAO,EAC7B,kBAAkB,IAAI,OAAO,EAC7B,gBAAgB,IAAI,KAAK,EACzB,eAAe,IAAI,IAAI,EACvB,gBAAgB,IAAI,KAAK,EACzB,qBAAqB,IAAI,UAAU,EACnC,oBAAoB,IAAI,SAAS,EACjC,uBAAuB,IAAI,YAAY,EACvC,cAAc,IAAI,GAAG,EACrB,qBAAqB,IAAI,UAAU,EACnC,qBAAqB,IAAI,UAAU,EACnC,oBAAoB,IAAI,SAAS,GAClC,CAAC;AAEF,YAAY,EACV,oBAAoB,IAAI,SAAS,EACjC,uBAAuB,IAAI,YAAY,EACvC,uBAAuB,IAAI,YAAY,EACvC,qBAAqB,IAAI,UAAU,EACnC,oBAAoB,IAAI,SAAS,EACjC,qBAAqB,IAAI,UAAU,EACnC,0BAA0B,IAAI,eAAe,EAC7C,yBAAyB,IAAI,cAAc,EAC3C,4BAA4B,IAAI,iBAAiB,EACjD,mBAAmB,IAAI,QAAQ,EAC/B,0BAA0B,IAAI,eAAe,EAC7C,0BAA0B,IAAI,eAAe,EAC7C,yBAAyB,IAAI,cAAc,GAC5C,CAAC"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../../src/components/context-menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/context-menu.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import s from"classnames";import{ContextMenu as r,Slot as d}from"radix-ui";import{ScrollArea as I}from"./scroll-area.js";import{contextMenuContentPropDefs as p,contextMenuItemPropDefs as z,contextMenuCheckboxItemPropDefs as A,contextMenuRadioItemPropDefs as K}from"./context-menu.props.js";import{Theme as b,useThemeContext as j}from"./theme.js";import{ThickCheckIcon as h,ThickChevronRightIcon as F}from"./icons.js";import{extractProps as g}from"../helpers/extract-props.js";import{requireReactElement as _}from"../helpers/require-react-element.js";import{Kbd as S}from"./kbd.js";const v=t=>e.createElement(r.Root,{...t});v.displayName="ContextMenu.Root";const y=e.forwardRef(({children:t,...n},o)=>e.createElement(r.Trigger,{...n,ref:o,asChild:!0},_(t)));y.displayName="ContextMenu.Trigger";const R=e.createContext({}),N=e.forwardRef((t,n)=>{const o=j(),{size:u=p.size.default,variant:a=p.variant.default,highContrast:i=p.highContrast.default,panelBackground:C=t.panelBackground??o.panelBackground}=t,{className:m,children:x,color:M,container:l,forceMount:P,panelBackground:f,...V}=g(t,p),c=M||o.accentColor;return e.createElement(r.Portal,{container:l,forceMount:P},e.createElement(b,{asChild:!0},e.createElement(r.Content,{"data-accent-color":c,"data-panel-background":C,alignOffset:-Number(u)*4,collisionPadding:10,...V,asChild:!1,ref:n,className:s("rt-PopperContent","rt-BaseMenuContent","rt-ContextMenuContent",m)},e.createElement(I,{type:"auto"},e.createElement("div",{className:s("rt-BaseMenuViewport","rt-ContextMenuViewport")},e.createElement(R.Provider,{value:e.useMemo(()=>({size:u,variant:a,color:c,highContrast:i,panelBackground:C}),[u,a,c,i,C])},x))))))});N.displayName="ContextMenu.Content";const T=e.forwardRef(({className:t,...n},o)=>e.createElement(r.Label,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuLabel","rt-ContextMenuLabel",t)}));T.displayName="ContextMenu.Label";const E=e.forwardRef((t,n)=>{const{className:o,children:u,color:a=z.color.default,shortcut:i,...C}=t;return e.createElement(r.Item,{"data-accent-color":a,...C,ref:n,className:s("rt-reset","rt-BaseMenuItem","rt-ContextMenuItem",o)},e.createElement(d.Slottable,null,u),i&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(S,{size:"1"},i)))});E.displayName="ContextMenu.Item";const G=e.forwardRef(({className:t,...n},o)=>e.createElement(r.Group,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuGroup","rt-ContextMenuGroup",t)}));G.displayName="ContextMenu.Group";const k=e.forwardRef(({className:t,...n},o)=>e.createElement(r.RadioGroup,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuRadioGroup","rt-ContextMenuRadioGroup",t)}));k.displayName="ContextMenu.RadioGroup";const B=e.forwardRef((t,n)=>{const{children:o,className:u,color:a=K.color.default,...i}=t;return e.createElement(r.RadioItem,{...i,asChild:!1,ref:n,"data-accent-color":a,className:s("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-ContextMenuItem","rt-ContextMenuRadioItem",u)},e.createElement(d.Slottable,null,o),e.createElement(r.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator"},e.createElement(h,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})))});B.displayName="ContextMenu.RadioItem";const w=e.forwardRef((t,n)=>{const{children:o,className:u,shortcut:a,color:i=A.color.default,...C}=t;return e.createElement(r.CheckboxItem,{...C,asChild:!1,ref:n,"data-accent-color":i,className:s("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-ContextMenuItem","rt-ContextMenuCheckboxItem",u)},e.createElement(d.Slottable,null,o),e.createElement(r.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator"},e.createElement(h,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),a&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(S,{size:"1"},a)))});w.displayName="ContextMenu.CheckboxItem";const W=t=>e.createElement(r.Sub,{...t});W.displayName="ContextMenu.Sub";const L=e.forwardRef((t,n)=>{const{className:o,children:u,...a}=t;return e.createElement(r.SubTrigger,{...a,asChild:!1,ref:n,className:s("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-ContextMenuItem","rt-ContextMenuSubTrigger",o)},u,e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(F,{className:"rt-BaseMenuSubTriggerIcon rt-ContextMenuSubTriggerIcon"})))});L.displayName="ContextMenu.SubTrigger";const D=e.forwardRef((t,n)=>{const{size:o,variant:u,color:a,highContrast:i,panelBackground:C}=e.useContext(R),{className:m,children:x,container:M,forceMount:l,panelBackground:P,...f}=g({size:o,variant:u,color:a,highContrast:i,panelBackground:C,...t},p);return e.createElement(r.Portal,{container:M,forceMount:l},e.createElement(b,{asChild:!0},e.createElement(r.SubContent,{"data-accent-color":a,"data-panel-background":C,alignOffset:-Number(o)*4,sideOffset:1,collisionPadding:10,...f,asChild:!1,ref:n,className:s("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-ContextMenuContent","rt-ContextMenuSubContent",m)},e.createElement(I,{type:"auto"},e.createElement("div",{className:s("rt-BaseMenuViewport","rt-ContextMenuViewport")},x)))))});D.displayName="ContextMenu.SubContent";const O=e.forwardRef(({className:t,...n},o)=>e.createElement(r.Separator,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuSeparator","rt-ContextMenuSeparator",t)}));O.displayName="ContextMenu.Separator";export{w as CheckboxItem,N as Content,G as Group,E as Item,T as Label,k as RadioGroup,B as RadioItem,v as Root,O as Separator,W as Sub,D as SubContent,L as SubTrigger,y as Trigger};
+"use client";import*as e from"react";import s from"classnames";import{ContextMenu as r,Slot as P}from"radix-ui";import{ScrollArea as h}from"./scroll-area.js";import{contextMenuContentPropDefs as x,contextMenuItemPropDefs as A,contextMenuCheckboxItemPropDefs as K,contextMenuRadioItemPropDefs as j}from"./context-menu.props.js";import{Theme as g,useThemeContext as F}from"./theme.js";import{ThickCheckIcon as S,ThickChevronRightIcon as q}from"./icons.js";import{extractProps as v}from"../helpers/extract-props.js";import{requireReactElement as U}from"../helpers/require-react-element.js";import{Kbd as y}from"./kbd.js";const R=t=>e.createElement(r.Root,{...t});R.displayName="ContextMenu.Root";const T=e.forwardRef(({children:t,...n},o)=>e.createElement(r.Trigger,{...n,ref:o,asChild:!0},U(t)));T.displayName="ContextMenu.Trigger";const N=e.createContext({}),E=e.forwardRef((t,n)=>{const o=F();e.useEffect(()=>{t.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[t.panelBackground]);const u=t.material??t.panelBackground??o.panelBackground,a=e.useMemo(()=>({material:u,accentColor:o.accentColor}),[u,o.accentColor]),{size:i=x.size.default,variant:C=x.variant.default,highContrast:p=x.highContrast.default,material:m=a.material}=t,{className:M,children:c,color:l,container:f,forceMount:I,material:b,panelBackground:H,..._}=v(t,x),d=e.useMemo(()=>l||a.accentColor,[l,a.accentColor]);return e.createElement(r.Portal,{container:f,forceMount:I},e.createElement(g,{asChild:!0},e.createElement(r.Content,{"data-accent-color":d,"data-material":m,"data-panel-background":m,alignOffset:-Number(i)*4,collisionPadding:10,..._,asChild:!1,ref:n,className:s("rt-PopperContent","rt-BaseMenuContent","rt-ContextMenuContent",M)},e.createElement(h,{type:"auto"},e.createElement("div",{className:s("rt-BaseMenuViewport","rt-ContextMenuViewport")},e.createElement(N.Provider,{value:e.useMemo(()=>({size:i,variant:C,color:d,highContrast:p,material:m}),[i,C,d,p,m])},c))))))});E.displayName="ContextMenu.Content";const G=e.forwardRef(({className:t,...n},o)=>e.createElement(r.Label,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuLabel","rt-ContextMenuLabel",t)}));G.displayName="ContextMenu.Label";const k=e.forwardRef((t,n)=>{const{className:o,children:u,color:a=A.color.default,shortcut:i,...C}=t;return e.createElement(r.Item,{"data-accent-color":a,...C,ref:n,className:s("rt-reset","rt-BaseMenuItem","rt-ContextMenuItem",o)},e.createElement(P.Slottable,null,u),i&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(y,{size:"1"},i)))});k.displayName="ContextMenu.Item";const B=e.forwardRef(({className:t,...n},o)=>e.createElement(r.Group,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuGroup","rt-ContextMenuGroup",t)}));B.displayName="ContextMenu.Group";const w=e.forwardRef(({className:t,...n},o)=>e.createElement(r.RadioGroup,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuRadioGroup","rt-ContextMenuRadioGroup",t)}));w.displayName="ContextMenu.RadioGroup";const W=e.forwardRef((t,n)=>{const{children:o,className:u,color:a=j.color.default,...i}=t;return e.createElement(r.RadioItem,{...i,asChild:!1,ref:n,"data-accent-color":a,className:s("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-ContextMenuItem","rt-ContextMenuRadioItem",u)},e.createElement(P.Slottable,null,o),e.createElement(r.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator"},e.createElement(S,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})))});W.displayName="ContextMenu.RadioItem";const L=e.forwardRef((t,n)=>{const{children:o,className:u,shortcut:a,color:i=K.color.default,...C}=t;return e.createElement(r.CheckboxItem,{...C,asChild:!1,ref:n,"data-accent-color":i,className:s("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-ContextMenuItem","rt-ContextMenuCheckboxItem",u)},e.createElement(P.Slottable,null,o),e.createElement(r.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-ContextMenuItemIndicator"},e.createElement(S,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),a&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(y,{size:"1"},a)))});L.displayName="ContextMenu.CheckboxItem";const D=t=>e.createElement(r.Sub,{...t});D.displayName="ContextMenu.Sub";const O=e.forwardRef((t,n)=>{const{className:o,children:u,...a}=t;return e.createElement(r.SubTrigger,{...a,asChild:!1,ref:n,className:s("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-ContextMenuItem","rt-ContextMenuSubTrigger",o)},u,e.createElement("div",{className:"rt-BaseMenuShortcut rt-ContextMenuShortcut"},e.createElement(q,{className:"rt-BaseMenuSubTriggerIcon rt-ContextMenuSubTriggerIcon"})))});O.displayName="ContextMenu.SubTrigger";const V=e.forwardRef((t,n)=>{const o=e.useContext(N),{size:u,variant:a,color:i,highContrast:C,material:p}=e.useMemo(()=>o,[o]),{className:m,children:M,container:c,forceMount:l,material:f,panelBackground:I,...b}=v({size:u,variant:a,color:i,highContrast:C,material:p,...t},x);return e.createElement(r.Portal,{container:c,forceMount:l},e.createElement(g,{asChild:!0},e.createElement(r.SubContent,{"data-accent-color":i,"data-material":p,"data-panel-background":p,alignOffset:-Number(u)*4,sideOffset:1,collisionPadding:10,...b,asChild:!1,ref:n,className:s("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-ContextMenuContent","rt-ContextMenuSubContent",m)},e.createElement(h,{type:"auto"},e.createElement("div",{className:s("rt-BaseMenuViewport","rt-ContextMenuViewport")},M)))))});V.displayName="ContextMenu.SubContent";const z=e.forwardRef(({className:t,...n},o)=>e.createElement(r.Separator,{...n,asChild:!1,ref:o,className:s("rt-BaseMenuSeparator","rt-ContextMenuSeparator",t)}));z.displayName="ContextMenu.Separator";export{L as CheckboxItem,E as Content,B as Group,k as Item,G as Label,w as RadioGroup,W as RadioItem,R as Root,z as Separator,D as Sub,V as SubContent,O as SubTrigger,T as Trigger};
 //# sourceMappingURL=context-menu.js.map