@kushagradhawan/kookie-ui 0.1.28 → 0.1.30

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

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

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

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

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

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

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

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

package/dist/esm/components/accordion.js

@@ -0,0 +1,2 @@
+import*as o from"react";import d from"classnames";import{Accordion as p}from"radix-ui";import{accordionRootPropDefs as H,accordionItemPropDefs as I,accordionHeaderPropDefs as N,accordionTriggerPropDefs as w,accordionContentPropDefs as h}from"./accordion.props.js";import{extractProps as m}from"../helpers/extract-props.js";const A=o.forwardRef((r,t)=>{const{className:e,panelBackground:n,material:i,flush:l,radius:s,color:C,...T}=m(r,H),c=T;o.useEffect(()=>{r.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[r.panelBackground]);const P=i??n;c.type==="single"&&c.collapsible===void 0&&(c.collapsible=!0);const v=o.useCallback(a=>{if(c.type==="multiple"){const f=a.currentTarget.querySelectorAll("[data-radix-accordion-item]");a.key==="Home"?(a.preventDefault(),f[0]?.querySelector("[data-radix-accordion-trigger]")?.focus()):a.key==="End"&&(a.preventDefault(),f[f.length-1]?.querySelector("[data-radix-accordion-trigger]")?.focus())}},[c.type]);return o.createElement(p.Root,{...c,ref:t,className:d("rt-AccordionRoot",e),"data-accent-color":C,"data-panel-background":P,"data-material":P,"data-flush":l||void 0,"data-radius":s,onKeyDown:v})});A.displayName="Accordion.Root";const g=o.forwardRef((r,t)=>{const{className:e,...n}=m(r,I);return o.createElement(p.Item,{...n,ref:t,className:d("rt-AccordionItem",e)})});g.displayName="Accordion.Item";const u=o.forwardRef((r,t)=>{const{className:e,...n}=m(r,N);return o.createElement(p.Header,{...n,ref:t,className:d("rt-AccordionHeader",e)})});u.displayName="Accordion.Header";const y=o.forwardRef(({children:r,...t},e)=>{const{className:n,...i}=m(t,w),l=o.useRef(null);return o.createElement(p.Trigger,{...i,ref:s=>{l.current=s,typeof e=="function"?e(s):e&&(e.current=s)},className:d("rt-AccordionTrigger",n)},r)});y.displayName="Accordion.Trigger";const R=o.forwardRef((r,t)=>{const{className:e,children:n,...i}=m(r,h);return o.createElement(p.Content,{...i,ref:t,className:d("rt-AccordionContent",e),"aria-live":"polite"},o.createElement("div",{className:"rt-AccordionContentInner"},n))});R.displayName="Accordion.Content";export{R as Content,u as Header,g as Item,A as Root,y as Trigger};
+//# sourceMappingURL=accordion.js.map

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

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

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

@@ -0,0 +1,97 @@
+declare const sizes: readonly ["1", "2", "3", "4"];
+declare const variants: readonly ["classic", "soft", "surface", "outline", "ghost"];
+declare const panelBackgrounds: readonly ["solid", "translucent"];
+declare const accordionRootPropDefs: {
+    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"];
+        default: undefined;
+    };
+    flush: {
+        type: "boolean";
+        default: false;
+    };
+    radius: {
+        type: "enum";
+        values: readonly ["none", "small", "medium", "large", "full"];
+        default: undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
+        default: ("gray" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky") | undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["classic", "soft", "surface", "outline", "ghost"];
+        default: "surface";
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+declare const accordionItemPropDefs: {
+    asChild: {
+        type: "boolean";
+    };
+};
+declare const accordionHeaderPropDefs: {
+    asChild: {
+        type: "boolean";
+    };
+};
+declare const accordionTriggerPropDefs: {
+    asChild: {
+        type: "boolean";
+    };
+};
+declare const accordionContentPropDefs: {
+    asChild: {
+        type: "boolean";
+    };
+};
+export { accordionRootPropDefs, accordionItemPropDefs, accordionHeaderPropDefs, accordionTriggerPropDefs, accordionContentPropDefs, };
+export type AccordionRootOwnProps = {
+    size?: (typeof sizes)[number];
+    variant?: (typeof variants)[number];
+    color?: string;
+    highContrast?: boolean;
+    radius?: string;
+    material?: (typeof panelBackgrounds)[number];
+    panelBackground?: (typeof panelBackgrounds)[number];
+    flush?: boolean;
+};
+export type AccordionItemOwnProps = {
+    asChild?: boolean;
+};
+export type AccordionHeaderOwnProps = {
+    asChild?: boolean;
+};
+export type AccordionTriggerOwnProps = {
+    asChild?: boolean;
+};
+export type AccordionContentOwnProps = {
+    asChild?: boolean;
+};
+//# sourceMappingURL=accordion.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.props.d.ts","sourceRoot":"","sources":["../../../src/components/accordion.props.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,KAAK,+BAAgC,CAAC;AAC5C,QAAA,MAAM,QAAQ,6DAA8D,CAAC;AAC7E,QAAA,MAAM,gBAAgB,mCAAoC,CAAC;AAE3D,QAAA,MAAM,qBAAqB;;;;;;IAQzB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASJ,CAAC;AAEF,QAAA,MAAM,qBAAqB;;;;CAI1B,CAAC;AAEF,QAAA,MAAM,uBAAuB;;;;CAI5B,CAAC;AAEF,QAAA,MAAM,wBAAwB;;;;CAI7B,CAAC;AAEF,QAAA,MAAM,wBAAwB;;;;CAI7B,CAAC;AAEF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,GACzB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}

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

@@ -0,0 +1,2 @@
+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{radiusPropDef as a}from"../props/radius.prop.js";const n=["1","2","3","4"],t=["classic","soft","surface","outline","ghost"],e=["solid","translucent"],i={...o,size:{type:"enum",className:"rt-r-size",values:n,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},...r,...s,...a,material:{type:"enum",values:e,default:void 0},panelBackground:{type:"enum",values:e,default:void 0},flush:{type:"boolean",default:!1}},p={...o},f={...o},l={...o},c={...o};export{c as accordionContentPropDefs,f as accordionHeaderPropDefs,p as accordionItemPropDefs,i as accordionRootPropDefs,l as accordionTriggerPropDefs};
+//# sourceMappingURL=accordion.props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/accordion.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 { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['classic', 'soft', 'surface', 'outline', 'ghost'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst accordionRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  material: { type: 'enum', values: panelBackgrounds, 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  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nconst accordionItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n};\n\nexport type AccordionRootOwnProps = {\n  size?: (typeof sizes)[number];\n  variant?: (typeof variants)[number];\n  color?: string;\n  highContrast?: boolean;\n  radius?: string;\n  material?: (typeof panelBackgrounds)[number];\n  panelBackground?: (typeof panelBackgrounds)[number];\n  flush?: boolean;\n};\n\nexport type AccordionItemOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionHeaderOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionTriggerOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionContentOwnProps = {\n  asChild?: boolean;\n};\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,UAAW,UAAW,OAAO,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAwB,CAC5B,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,GAAGJ,EACH,GAAGC,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQG,EAAkB,QAAS,MAAU,EAIvE,gBAAiB,CAAE,KAAM,OAAQ,OAAQA,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C,EAQME,EAAwB,CAC5B,GAAGR,CACL,EAIMS,EAA0B,CAC9B,GAAGT,CACL,EAIMU,EAA2B,CAC/B,GAAGV,CACL,EAIMW,EAA2B,CAC/B,GAAGX,CACL",
+  "names": ["asChildPropDef", "colorPropDef", "highContrastPropDef", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "accordionRootPropDefs", "accordionItemPropDefs", "accordionHeaderPropDefs", "accordionTriggerPropDefs", "accordionContentPropDefs"]
+}

package/dist/esm/components/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAKjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC,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,mGAMvB,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC9E,0BAA0B;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC7F;AACD,QAAA,MAAM,kBAAkB,gGAwCvB,CAAC;AAIF,KAAK,qBAAqB,GAAG,qBAAqB,CAAC,OAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AAC9E,QAAA,MAAM,gBAAgB,kGAMrB,CAAC;AAIF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AACtE,QAAA,MAAM,sBAAsB,0GAO1B,CAAC;AAIH,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAGF,OAAO,EACL,eAAe,IAAI,IAAI,EACvB,kBAAkB,IAAI,OAAO,EAC7B,kBAAkB,IAAI,OAAO,EAC7B,gBAAgB,IAAI,KAAK,EACzB,sBAAsB,IAAI,WAAW,EACrC,iBAAiB,IAAI,MAAM,EAC3B,iBAAiB,IAAI,MAAM,GAC5B,CAAC;AAEF,YAAY,EACV,oBAAoB,IAAI,SAAS,EACjC,uBAAuB,IAAI,YAAY,EACvC,uBAAuB,IAAI,YAAY,EACvC,qBAAqB,IAAI,UAAU,EACnC,2BAA2B,IAAI,gBAAgB,EAC/C,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,GACtC,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAG/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAKjC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EACV,qBAAqB,EACrB,YAAY,EACZ,gBAAgB,EACjB,MAAM,+BAA+B,CAAC;AAEvC,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,mGAMvB,CAAC;AAIF,UAAU,uBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC9E,0BAA0B;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC7F;AACD,QAAA,MAAM,kBAAkB,gGAmIvB,CAAC;AAIF,KAAK,qBAAqB,GAAG,qBAAqB,CAAC,OAAO,OAAO,EAAE,SAAS,CAAC,CAAC;AAC9E,QAAA,MAAM,gBAAgB,kGAMrB,CAAC;AAIF,KAAK,2BAA2B,GAAG,gBAAgB,CAAC,OAAO,IAAI,EAAE,GAAG,CAAC,CAAC;AACtE,QAAA,MAAM,sBAAsB,0GAO1B,CAAC;AAIH,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,oBAAoB,CAAC,MAAM,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,kGAMtB,CAAC;AAGF,OAAO,EACL,eAAe,IAAI,IAAI,EACvB,kBAAkB,IAAI,OAAO,EAC7B,kBAAkB,IAAI,OAAO,EAC7B,gBAAgB,IAAI,KAAK,EACzB,sBAAsB,IAAI,WAAW,EACrC,iBAAiB,IAAI,MAAM,EAC3B,iBAAiB,IAAI,MAAM,GAC5B,CAAC;AAEF,YAAY,EACV,oBAAoB,IAAI,SAAS,EACjC,uBAAuB,IAAI,YAAY,EACvC,uBAAuB,IAAI,YAAY,EACvC,qBAAqB,IAAI,UAAU,EACnC,2BAA2B,IAAI,gBAAgB,EAC/C,sBAAsB,IAAI,WAAW,EACrC,sBAAsB,IAAI,WAAW,GACtC,CAAC"}

package/dist/esm/components/alert-dialog.js

@@ -1,2 +1,2 @@
-import*as e from"react";import h from"classnames";import{AlertDialog as r}from"radix-ui";import{alertDialogContentPropDefs as u}from"./alert-dialog.props.js";import{Heading as E}from"./heading.js";import{Text as N}from"./text.js";import{Theme as B}from"./theme.js";import{extractProps as l}from"../helpers/extract-props.js";import{requireReactElement as a}from"../helpers/require-react-element.js";const n=o=>e.createElement(r.Root,{...o});n.displayName="AlertDialog.Root";const s=e.forwardRef(({children:o,...t},i)=>e.createElement(r.Trigger,{...t,ref:i,asChild:!0},a(o)));s.displayName="AlertDialog.Trigger";const p=e.forwardRef(({align:o,...t},i)=>{const{align:c,panelBackground:P,...f}=u,{className:d}=l({align:o},{align:c}),{panelBackground:C}=l({panelBackground:t.panelBackground},{panelBackground:P}),{className:y,forceMount:v,container:T,panelBackground:x,...R}=l(t,f);return e.createElement(r.Portal,{container:T,forceMount:v},e.createElement(B,{asChild:!0},e.createElement(r.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${d}`},e.createElement(r.Content,{...R,ref:i,className:h("rt-BaseDialogContent","rt-AlertDialogContent",y),"data-panel-background":C}))))))});p.displayName="AlertDialog.Content";const g=e.forwardRef((o,t)=>e.createElement(r.Title,{asChild:!0},e.createElement(E,{size:"5",mb:"3",trim:"start",...o,asChild:!1,ref:t})));g.displayName="AlertDialog.Title";const m=e.forwardRef((o,t)=>e.createElement(r.Description,{asChild:!0},e.createElement(N,{as:"p",size:"3",...o,asChild:!1,ref:t})));m.displayName="AlertDialog.Description";const D=e.forwardRef(({children:o,...t},i)=>e.createElement(r.Action,{...t,ref:i,asChild:!0},a(o)));D.displayName="AlertDialog.Action";const A=e.forwardRef(({children:o,...t},i)=>e.createElement(r.Cancel,{...t,ref:i,asChild:!0},a(o)));A.displayName="AlertDialog.Cancel";export{D as Action,A as Cancel,p as Content,m as Description,n as Root,g as Title,s as Trigger};
+import*as e from"react";import H from"classnames";import{AlertDialog as i}from"radix-ui";import{alertDialogContentPropDefs as L}from"./alert-dialog.props.js";import{Heading as O}from"./heading.js";import{Text as S}from"./text.js";import{Theme as K}from"./theme.js";import{extractProps as s}from"../helpers/extract-props.js";import{requireReactElement as m}from"../helpers/require-react-element.js";const P=t=>e.createElement(i.Root,{...t});P.displayName="AlertDialog.Root";const u=e.forwardRef(({children:t,...o},r)=>e.createElement(i.Trigger,{...o,ref:r,asChild:!0},m(t)));u.displayName="AlertDialog.Trigger";const C=e.forwardRef(({align:t,...o},r)=>{const{align:h,panelBackground:R,material:x,...N}=L,{className:b}=s({align:t},{align:h}),{panelBackground:c}=s({panelBackground:o.panelBackground},{panelBackground:R}),{material:p}=s({material:o.material},{material:x}),D=e.useMemo(()=>(p!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead."),p??c),[p,c]),{className:k,forceMount:B,container:w,panelBackground:_,material:j,...M}=s(o,N),A=e.useRef(null),W=e.useMemo(()=>l=>{A.current=l,typeof r=="function"?r(l):r&&(r.current=l)},[r]);return e.useEffect(()=>{if(typeof window>"u")return;const l=A.current;if(!l)return;const a=l.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(a.length===0)return;const g=a[0],f=a[a.length-1],d=n=>{n.key==="Tab"&&(n.shiftKey?document.activeElement===g&&(n.preventDefault(),f.focus()):document.activeElement===f&&(n.preventDefault(),g.focus()))};return l.addEventListener("keydown",d),g.focus(),()=>{l.removeEventListener("keydown",d)}},[]),e.createElement(i.Portal,{container:w,forceMount:B},e.createElement(K,{asChild:!0},e.createElement(i.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${b}`},e.createElement(i.Content,{...M,ref:W,className:H("rt-BaseDialogContent","rt-AlertDialogContent",k),"data-material":D,"data-panel-background":D,tabIndex:-1,role:"alertdialog","aria-modal":"true","aria-describedby":"alert-dialog-description"}),e.createElement("div",{"aria-live":"assertive","aria-atomic":"true",className:"rt-sr-only",id:"alert-dialog-announcement"}))))))});C.displayName="AlertDialog.Content";const y=e.forwardRef((t,o)=>e.createElement(i.Title,{asChild:!0},e.createElement(O,{size:"5",mb:"3",trim:"start",...t,asChild:!1,ref:o})));y.displayName="AlertDialog.Title";const v=e.forwardRef((t,o)=>e.createElement(i.Description,{asChild:!0},e.createElement(S,{as:"p",size:"3",...t,asChild:!1,ref:o})));v.displayName="AlertDialog.Description";const T=e.forwardRef(({children:t,...o},r)=>e.createElement(i.Action,{...o,ref:r,asChild:!0},m(t)));T.displayName="AlertDialog.Action";const E=e.forwardRef(({children:t,...o},r)=>e.createElement(i.Cancel,{...o,ref:r,asChild:!0},m(t)));E.displayName="AlertDialog.Cancel";export{T as Action,E as Cancel,C as Content,v as Description,P as Root,y as Title,u as Trigger};
 //# sourceMappingURL=alert-dialog.js.map

package/dist/esm/components/alert-dialog.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/alert-dialog.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\n\nimport { alertDialogContentPropDefs } from './alert-dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { AlertDialogContentOwnProps } from './alert-dialog.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface AlertDialogRootProps\n  extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {}\nconst AlertDialogRoot: React.FC<AlertDialogRootProps> = (props) => (\n  <AlertDialogPrimitive.Root {...props} />\n);\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n\ntype AlertDialogTriggerElement = React.ElementRef<typeof AlertDialogPrimitive.Trigger>;\ninterface AlertDialogTriggerProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Trigger, RemovedProps> {}\nconst AlertDialogTrigger = React.forwardRef<AlertDialogTriggerElement, AlertDialogTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Trigger>\n  ),\n);\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ninterface AlertDialogContentProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Content, RemovedProps>,\n    AlertDialogContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>['container'];\n}\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n  ({ align, ...props }, forwardedRef) => {\n    const {\n      align: alignPropDef,\n      panelBackground: panelBackgroundPropDef,\n      ...propDefs\n    } = alertDialogContentPropDefs;\n    const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n    const { panelBackground } = extractProps(\n      { panelBackground: props.panelBackground },\n      { panelBackground: panelBackgroundPropDef },\n    );\n    const {\n      className,\n      forceMount,\n      container,\n      panelBackground: _,\n      ...contentProps\n    } = extractProps(props, propDefs);\n    return (\n      <AlertDialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <AlertDialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-AlertDialogOverlay\">\n            <div className=\"rt-BaseDialogScroll rt-AlertDialogScroll\">\n              <div\n                className={`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${alignClassName}`}\n              >\n                <AlertDialogPrimitive.Content\n                  {...contentProps}\n                  ref={forwardedRef}\n                  className={classNames('rt-BaseDialogContent', 'rt-AlertDialogContent', className)}\n                  data-panel-background={panelBackground}\n                />\n              </div>\n            </div>\n          </AlertDialogPrimitive.Overlay>\n        </Theme>\n      </AlertDialogPrimitive.Portal>\n    );\n  },\n);\nAlertDialogContent.displayName = 'AlertDialog.Content';\n\ntype AlertDialogTitleElement = React.ElementRef<typeof Heading>;\ntype AlertDialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n  (props, forwardedRef) => (\n    <AlertDialogPrimitive.Title asChild>\n      <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n    </AlertDialogPrimitive.Title>\n  ),\n);\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\ntype AlertDialogDescriptionElement = HTMLParagraphElement;\ntype AlertDialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst AlertDialogDescription = React.forwardRef<\n  AlertDialogDescriptionElement,\n  AlertDialogDescriptionProps\n>((props, forwardedRef) => (\n  <AlertDialogPrimitive.Description asChild>\n    <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n  </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ninterface AlertDialogActionProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Action, RemovedProps> {}\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Action {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Action>\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialog.Action';\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ninterface AlertDialogCancelProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Cancel, RemovedProps> {}\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Cancel {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Cancel>\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialog.Cancel';\n\nexport {\n  AlertDialogRoot as Root,\n  AlertDialogTrigger as Trigger,\n  AlertDialogContent as Content,\n  AlertDialogTitle as Title,\n  AlertDialogDescription as Description,\n  AlertDialogAction as Action,\n  AlertDialogCancel as Cancel,\n};\n\nexport type {\n  AlertDialogRootProps as RootProps,\n  AlertDialogTriggerProps as TriggerProps,\n  AlertDialogContentProps as ContentProps,\n  AlertDialogTitleProps as TitleProps,\n  AlertDialogDescriptionProps as DescriptionProps,\n  AlertDialogActionProps as ActionProps,\n  AlertDialogCancelProps as CancelProps,\n};\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAeC,MAA4B,WAEpD,OAAS,8BAAAC,MAAkC,0BAC3C,OAAS,WAAAC,MAAe,eACxB,OAAS,QAAAC,MAAY,YACrB,OAAS,SAAAC,MAAa,aACtB,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,uBAAAC,MAA2B,sCAWpC,MAAMC,EAAmDC,GACvDV,EAAA,cAACE,EAAqB,KAArB,CAA2B,GAAGQ,EAAO,EAExCD,EAAgB,YAAc,mBAK9B,MAAME,EAAqBX,EAAM,WAC/B,CAAC,CAAE,SAAAY,EAAU,GAAGF,CAAM,EAAGG,IACvBb,EAAA,cAACE,EAAqB,QAArB,CAA8B,GAAGQ,EAAO,IAAKG,EAAc,QAAO,IAChEL,EAAoBI,CAAQ,CAC/B,CAEJ,EACAD,EAAmB,YAAc,sBAQjC,MAAMG,EAAqBd,EAAM,WAC/B,CAAC,CAAE,MAAAe,EAAO,GAAGL,CAAM,EAAGG,IAAiB,CACrC,KAAM,CACJ,MAAOG,EACP,gBAAiBC,EACjB,GAAGC,CACL,EAAIf,EACE,CAAE,UAAWgB,CAAe,EAAIZ,EAAa,CAAE,MAAAQ,CAAM,EAAG,CAAE,MAAOC,CAAa,CAAC,EAC/E,CAAE,gBAAAI,CAAgB,EAAIb,EAC1B,CAAE,gBAAiBG,EAAM,eAAgB,EACzC,CAAE,gBAAiBO,CAAuB,CAC5C,EACM,CACJ,UAAAI,EACA,WAAAC,EACA,UAAAC,EACA,gBAAiBC,EACjB,GAAGC,CACL,EAAIlB,EAAaG,EAAOQ,CAAQ,EAChC,OACElB,EAAA,cAACE,EAAqB,OAArB,CAA4B,UAAWqB,EAAW,WAAYD,GAC7DtB,EAAA,cAACM,EAAA,CAAM,QAAO,IACZN,EAAA,cAACE,EAAqB,QAArB,CAA6B,UAAU,8CACtCF,EAAA,cAAC,OAAI,UAAU,4CACbA,EAAA,cAAC,OACC,UAAW,0DAA0DmB,CAAc,IAEnFnB,EAAA,cAACE,EAAqB,QAArB,CACE,GAAGuB,EACJ,IAAKZ,EACL,UAAWZ,EAAW,uBAAwB,wBAAyBoB,CAAS,EAChF,wBAAuBD,EACzB,CACF,CACF,CACF,CACF,CACF,CAEJ,CACF,EACAN,EAAmB,YAAc,sBAIjC,MAAMY,EAAmB1B,EAAM,WAC7B,CAACU,EAAOG,IACNb,EAAA,cAACE,EAAqB,MAArB,CAA2B,QAAO,IACjCF,EAAA,cAACI,EAAA,CAAQ,KAAK,IAAI,GAAG,IAAI,KAAK,QAAS,GAAGM,EAAO,QAAS,GAAO,IAAKG,EAAc,CACtF,CAEJ,EACAa,EAAiB,YAAc,oBAI/B,MAAMC,EAAyB3B,EAAM,WAGnC,CAACU,EAAOG,IACRb,EAAA,cAACE,EAAqB,YAArB,CAAiC,QAAO,IACvCF,EAAA,cAACK,EAAA,CAAK,GAAG,IAAI,KAAK,IAAK,GAAGK,EAAO,QAAS,GAAO,IAAKG,EAAc,CACtE,CACD,EACDc,EAAuB,YAAc,0BAKrC,MAAMC,EAAoB5B,EAAM,WAC9B,CAAC,CAAE,SAAAY,EAAU,GAAGF,CAAM,EAAGG,IACvBb,EAAA,cAACE,EAAqB,OAArB,CAA6B,GAAGQ,EAAO,IAAKG,EAAc,QAAO,IAC/DL,EAAoBI,CAAQ,CAC/B,CAEJ,EACAgB,EAAkB,YAAc,qBAKhC,MAAMC,EAAoB7B,EAAM,WAC9B,CAAC,CAAE,SAAAY,EAAU,GAAGF,CAAM,EAAGG,IACvBb,EAAA,cAACE,EAAqB,OAArB,CAA6B,GAAGQ,EAAO,IAAKG,EAAc,QAAO,IAC/DL,EAAoBI,CAAQ,CAC/B,CAEJ,EACAiB,EAAkB,YAAc",
-  "names": ["React", "classNames", "AlertDialogPrimitive", "alertDialogContentPropDefs", "Heading", "Text", "Theme", "extractProps", "requireReactElement", "AlertDialogRoot", "props", "AlertDialogTrigger", "children", "forwardedRef", "AlertDialogContent", "align", "alignPropDef", "panelBackgroundPropDef", "propDefs", "alignClassName", "panelBackground", "className", "forceMount", "container", "_", "contentProps", "AlertDialogTitle", "AlertDialogDescription", "AlertDialogAction", "AlertDialogCancel"]
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { AlertDialog as AlertDialogPrimitive } from 'radix-ui';\n\nimport { alertDialogContentPropDefs } from './alert-dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { AlertDialogContentOwnProps } from './alert-dialog.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface AlertDialogRootProps\n  extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Root> {}\nconst AlertDialogRoot: React.FC<AlertDialogRootProps> = (props) => (\n  <AlertDialogPrimitive.Root {...props} />\n);\nAlertDialogRoot.displayName = 'AlertDialog.Root';\n\ntype AlertDialogTriggerElement = React.ElementRef<typeof AlertDialogPrimitive.Trigger>;\ninterface AlertDialogTriggerProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Trigger, RemovedProps> {}\nconst AlertDialogTrigger = React.forwardRef<AlertDialogTriggerElement, AlertDialogTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Trigger>\n  ),\n);\nAlertDialogTrigger.displayName = 'AlertDialog.Trigger';\n\ntype AlertDialogContentElement = React.ElementRef<typeof AlertDialogPrimitive.Content>;\ninterface AlertDialogContentProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Content, RemovedProps>,\n    AlertDialogContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Portal>['container'];\n}\nconst AlertDialogContent = React.forwardRef<AlertDialogContentElement, AlertDialogContentProps>(\n  ({ align, ...props }, forwardedRef) => {\n    const {\n      align: alignPropDef,\n      panelBackground: panelBackgroundPropDef,\n      material: materialPropDef,\n      ...propDefs\n    } = alertDialogContentPropDefs;\n\n    const { className: alignClassName } = extractProps({ align }, { align: alignPropDef });\n\n    // Extract panelBackground and material from props\n    const { panelBackground: extractedPanelBackground } = extractProps(\n      { panelBackground: props.panelBackground },\n      { panelBackground: panelBackgroundPropDef },\n    );\n\n    const { material: extractedMaterial } = extractProps(\n      { material: props.material },\n      { material: materialPropDef },\n    );\n\n    // Handle material prop with panelBackground fallback\n    const materialValue = React.useMemo(() => {\n      if (extractedMaterial !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n      return extractedMaterial ?? extractedPanelBackground;\n    }, [extractedMaterial, extractedPanelBackground]);\n\n    const {\n      className,\n      forceMount,\n      container,\n      panelBackground: _,\n      material: __,\n      ...contentProps\n    } = extractProps(props, propDefs);\n\n    // Focus management\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useMemo(\n      () => (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    // Focus trap effect\n    React.useEffect(() => {\n      // SSR safety - only run on client\n      if (typeof window === 'undefined') return;\n\n      const content = contentRef.current;\n      if (!content) return;\n\n      const focusableElements = content.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      );\n\n      if (focusableElements.length === 0) return;\n\n      const firstElement = focusableElements[0] as HTMLElement;\n      const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (document.activeElement === firstElement) {\n              event.preventDefault();\n              lastElement.focus();\n            }\n          } else {\n            if (document.activeElement === lastElement) {\n              event.preventDefault();\n              firstElement.focus();\n            }\n          }\n        }\n      };\n\n      content.addEventListener('keydown', handleKeyDown);\n\n      // Focus first element when dialog opens\n      firstElement.focus();\n\n      return () => {\n        content.removeEventListener('keydown', handleKeyDown);\n      };\n    }, []);\n\n    return (\n      <AlertDialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <AlertDialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-AlertDialogOverlay\">\n            <div className=\"rt-BaseDialogScroll rt-AlertDialogScroll\">\n              <div\n                className={`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${alignClassName}`}\n              >\n                <AlertDialogPrimitive.Content\n                  {...contentProps}\n                  ref={combinedRef}\n                  className={classNames('rt-BaseDialogContent', 'rt-AlertDialogContent', className)}\n                  data-material={materialValue}\n                  data-panel-background={materialValue}\n                  tabIndex={-1}\n                  role=\"alertdialog\"\n                  aria-modal=\"true\"\n                  aria-describedby=\"alert-dialog-description\"\n                />\n                {/* ARIA live region for screen reader announcements */}\n                <div\n                  aria-live=\"assertive\"\n                  aria-atomic=\"true\"\n                  className=\"rt-sr-only\"\n                  id=\"alert-dialog-announcement\"\n                />\n              </div>\n            </div>\n          </AlertDialogPrimitive.Overlay>\n        </Theme>\n      </AlertDialogPrimitive.Portal>\n    );\n  },\n);\nAlertDialogContent.displayName = 'AlertDialog.Content';\n\ntype AlertDialogTitleElement = React.ElementRef<typeof Heading>;\ntype AlertDialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst AlertDialogTitle = React.forwardRef<AlertDialogTitleElement, AlertDialogTitleProps>(\n  (props, forwardedRef) => (\n    <AlertDialogPrimitive.Title asChild>\n      <Heading size=\"5\" mb=\"3\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n    </AlertDialogPrimitive.Title>\n  ),\n);\nAlertDialogTitle.displayName = 'AlertDialog.Title';\n\ntype AlertDialogDescriptionElement = HTMLParagraphElement;\ntype AlertDialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst AlertDialogDescription = React.forwardRef<\n  AlertDialogDescriptionElement,\n  AlertDialogDescriptionProps\n>((props, forwardedRef) => (\n  <AlertDialogPrimitive.Description asChild>\n    <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n  </AlertDialogPrimitive.Description>\n));\nAlertDialogDescription.displayName = 'AlertDialog.Description';\n\ntype AlertDialogActionElement = React.ElementRef<typeof AlertDialogPrimitive.Action>;\ninterface AlertDialogActionProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Action, RemovedProps> {}\nconst AlertDialogAction = React.forwardRef<AlertDialogActionElement, AlertDialogActionProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Action {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Action>\n  ),\n);\nAlertDialogAction.displayName = 'AlertDialog.Action';\n\ntype AlertDialogCancelElement = React.ElementRef<typeof AlertDialogPrimitive.Cancel>;\ninterface AlertDialogCancelProps\n  extends ComponentPropsWithout<typeof AlertDialogPrimitive.Cancel, RemovedProps> {}\nconst AlertDialogCancel = React.forwardRef<AlertDialogCancelElement, AlertDialogCancelProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <AlertDialogPrimitive.Cancel {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </AlertDialogPrimitive.Cancel>\n  ),\n);\nAlertDialogCancel.displayName = 'AlertDialog.Cancel';\n\nexport {\n  AlertDialogRoot as Root,\n  AlertDialogTrigger as Trigger,\n  AlertDialogContent as Content,\n  AlertDialogTitle as Title,\n  AlertDialogDescription as Description,\n  AlertDialogAction as Action,\n  AlertDialogCancel as Cancel,\n};\n\nexport type {\n  AlertDialogRootProps as RootProps,\n  AlertDialogTriggerProps as TriggerProps,\n  AlertDialogContentProps as ContentProps,\n  AlertDialogTitleProps as TitleProps,\n  AlertDialogDescriptionProps as DescriptionProps,\n  AlertDialogActionProps as ActionProps,\n  AlertDialogCancelProps as CancelProps,\n};\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "AlertDialogPrimitive", "alertDialogContentPropDefs", "Heading", "Text", "Theme", "extractProps", "requireReactElement", "AlertDialogRoot", "props", "AlertDialogTrigger", "children", "forwardedRef", "AlertDialogContent", "align", "alignPropDef", "panelBackgroundPropDef", "materialPropDef", "propDefs", "alignClassName", "extractedPanelBackground", "extractedMaterial", "materialValue", "className", "forceMount", "container", "__", "contentProps", "contentRef", "combinedRef", "node", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "AlertDialogTitle", "AlertDialogDescription", "AlertDialogAction", "AlertDialogCancel"]
 }

package/dist/esm/components/alert-dialog.props.d.ts

@@ -1,3 +1,70 @@
-export { dialogContentPropDefs as alertDialogContentPropDefs } from './dialog.props.js';
-export type { DialogContentOwnProps as AlertDialogContentOwnProps } from './dialog.props.js';
+import type { GetPropDefTypes } from '../props/prop-def.js';
+declare const alertDialogContentPropDefs: {
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    height: {
+        type: "string";
+        className: string;
+        customProperties: "--height"[];
+        responsive: true;
+    };
+    minHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--min-height"[];
+        responsive: true;
+    };
+    maxHeight: {
+        type: "string";
+        className: string;
+        customProperties: "--max-height"[];
+        responsive: true;
+    };
+    align: {
+        type: "enum";
+        className: string;
+        values: ("center" | "start")[];
+        default: "center";
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2", "3", "4"];
+        default: "3";
+        responsive: true;
+    };
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    width: {
+        type: "string";
+        className: string;
+        customProperties: "--width"[];
+        responsive: true;
+    };
+    minWidth: {
+        type: "string";
+        className: string;
+        customProperties: "--min-width"[];
+        responsive: true;
+    };
+    maxWidth: {
+        default: string;
+        type: "string";
+        className: string;
+        customProperties: "--max-width"[];
+        responsive: true;
+    };
+    asChild: {
+        type: "boolean";
+    };
+};
+type AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;
+export { alertDialogContentPropDefs };
+export type { AlertDialogContentOwnProps };
 //# sourceMappingURL=alert-dialog.props.d.ts.map

package/dist/esm/components/alert-dialog.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.props.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.props.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACxF,YAAY,EAAE,qBAAqB,IAAI,0BAA0B,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"alert-dialog.props.d.ts","sourceRoot":"","sources":["../../../src/components/alert-dialog.props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAW,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIrE,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW/B,CAAC;AAEF,KAAK,0BAA0B,GAAG,eAAe,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAErF,OAAO,EAAE,0BAA0B,EAAE,CAAC;AACtC,YAAY,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/esm/components/alert-dialog.props.js

@@ -1,2 +1,2 @@
-import{dialogContentPropDefs as e}from"./dialog.props.js";export{e as alertDialogContentPropDefs};
+import{dialogContentPropDefs as e}from"./dialog.props.js";const t=["solid","translucent"],o={...e,material:{type:"enum",values:t,default:void 0}};export{o as alertDialogContentPropDefs};
 //# sourceMappingURL=alert-dialog.props.js.map

package/dist/esm/components/alert-dialog.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/alert-dialog.props.tsx"],
-  "sourcesContent": ["export { dialogContentPropDefs as alertDialogContentPropDefs } from './dialog.props.js';\nexport type { DialogContentOwnProps as AlertDialogContentOwnProps } from './dialog.props.js';\n"],
-  "mappings": "AAAA,OAAkC,yBAAzBA,MAA2D",
-  "names": ["dialogContentPropDefs"]
+  "sourcesContent": ["import { dialogContentPropDefs } from './dialog.props.js';\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst materials = ['solid', 'translucent'] as const;\n\nconst alertDialogContentPropDefs = {\n  ...dialogContentPropDefs,\n  material: { type: 'enum', values: materials, default: undefined },\n} satisfies {\n  align: PropDef<'start' | 'center'>;\n  size: PropDef<'1' | '2' | '3' | '4'>;\n  panelBackground: PropDef<'solid' | 'translucent' | undefined>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  material: PropDef<'solid' | 'translucent' | undefined>;\n};\n\ntype AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;\n\nexport { alertDialogContentPropDefs };\nexport type { AlertDialogContentOwnProps };\n"],
+  "mappings": "AAAA,OAAS,yBAAAA,MAA6B,oBAGtC,MAAMC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAA6B,CACjC,GAAGF,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,CAClE",
+  "names": ["dialogContentPropDefs", "materials", "alertDialogContentPropDefs"]
 }

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKnD,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;AAE5D,UAAU,WAAY,SAAQ,WAAW,EAAE,eAAe;CAAG;AAC7D,QAAA,MAAM,MAAM,sFA+BV,CAAC;AAIH,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,EACvE,cAAc;IAEhB,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;CACnD;AAsCD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAKnD,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;AAE5D,UAAU,WAAY,SAAQ,WAAW,EAAE,eAAe;CAAG;AAC7D,QAAA,MAAM,MAAM,sFAyCV,CAAC;AAIH,KAAK,cAAc,GAAG,eAAe,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7D,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC,EACvE,cAAc;IAEhB,QAAQ,EAAE,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC;CACnD;AAsCD,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/esm/components/avatar.js

@@ -1,2 +1,2 @@
-"use client";import*as r from"react";import n from"classnames";import{Avatar as l}from"radix-ui";import{avatarPropDefs as c}from"./avatar.props.js";import{extractProps as g}from"../helpers/extract-props.js";import{getSubtree as y}from"../helpers/get-subtree.js";import{marginPropDefs as I}from"../props/margin.props.js";const m=r.forwardRef((t,o)=>{const{asChild:e,children:a,className:p,style:s,color:v,radius:f,panelBackground:P,...A}=g(t,c,I),u=r.useMemo(()=>{if(!e||!a)return!1;if(r.isValidElement(a)){const i=a.props;return i.disabled===!0||i["data-disabled"]===!0}return!1},[e,a]);return r.createElement(l.Root,{"data-accent-color":v,"data-radius":f,"data-panel-background":P,"data-disabled":u||void 0,className:n("rt-reset","rt-AvatarRoot",p),style:s,asChild:e},y({asChild:e,children:a},r.createElement(d,{ref:o,...A})))});m.displayName="Avatar";const d=r.forwardRef(({fallback:t,...o},e)=>{const[a,p]=r.useState("idle");return r.createElement(r.Fragment,null,a==="idle"||a==="loading"?r.createElement("span",{className:"rt-AvatarFallback"}):null,a==="error"?r.createElement(l.Fallback,{className:n("rt-AvatarFallback",{"rt-one-letter":typeof t=="string"&&t.length===1,"rt-two-letters":typeof t=="string"&&t.length===2}),delayMs:0},t):null,r.createElement(l.Image,{ref:e,className:"rt-AvatarImage",...o,onLoadingStatusChange:s=>{o.onLoadingStatusChange?.(s),p(s)}}))});d.displayName="AvatarImpl";export{m as Avatar};
+"use client";import*as r from"react";import m from"classnames";import{Avatar as l}from"radix-ui";import{avatarPropDefs as g}from"./avatar.props.js";import{extractProps as y}from"../helpers/extract-props.js";import{getSubtree as I}from"../helpers/get-subtree.js";import{marginPropDefs as h}from"../props/margin.props.js";const n=r.forwardRef((t,o)=>{const{asChild:e,children:a,className:p,style:s,color:v,radius:f,material:P,panelBackground:A,...u}=y(t,g,h),c=r.useMemo(()=>{if(!e||!a)return!1;if(r.isValidElement(a)){const i=a.props;return i.disabled===!0||i["data-disabled"]===!0}return!1},[e,a]);return r.createElement(l.Root,{"data-accent-color":v,"data-radius":f,"data-material":P,"data-panel-background":A,"data-disabled":c||void 0,className:m("rt-reset","rt-AvatarRoot",p),style:s,asChild:e},I({asChild:e,children:a},r.createElement(d,{ref:o,...u})))});n.displayName="Avatar";const d=r.forwardRef(({fallback:t,...o},e)=>{const[a,p]=r.useState("idle");return r.createElement(r.Fragment,null,a==="idle"||a==="loading"?r.createElement("span",{className:"rt-AvatarFallback"}):null,a==="error"?r.createElement(l.Fallback,{className:m("rt-AvatarFallback",{"rt-one-letter":typeof t=="string"&&t.length===1,"rt-two-letters":typeof t=="string"&&t.length===2}),delayMs:0},t):null,r.createElement(l.Image,{ref:e,className:"rt-AvatarImage",...o,onLoadingStatusChange:s=>{o.onLoadingStatusChange?.(s),p(s)}}))});d.displayName="AvatarImpl";export{n as Avatar};
 //# sourceMappingURL=avatar.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/avatar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.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\ninterface AvatarProps extends MarginProps, AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((props, forwardedRef) => {\n  const { asChild, children, className, style, color, radius, panelBackground, ...imageProps } =\n    extractProps(props, avatarPropDefs, marginPropDefs);\n\n  // Check if children contain a disabled element\n  const isDisabled = React.useMemo(() => {\n    if (!asChild || !children) return false;\n\n    // If children is a React element, check its props\n    if (React.isValidElement(children)) {\n      const childProps = children.props as any;\n      return childProps.disabled === true || childProps['data-disabled'] === true;\n    }\n\n    return false;\n  }, [asChild, children]);\n\n  return (\n    // TODO as a rule, should we rather spread the props on root?\n    <AvatarPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      data-panel-background={panelBackground}\n      data-disabled={isDisabled || undefined}\n      className={classNames('rt-reset', 'rt-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n  extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n    AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.forwardRef<AvatarImplElement, AvatarImplProps>(\n  ({ fallback, ...imageProps }, forwardedRef) => {\n    const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n    return (\n      <>\n        {status === 'idle' || status === 'loading' ? <span className=\"rt-AvatarFallback\" /> : null}\n\n        {status === 'error' ? (\n          <AvatarPrimitive.Fallback\n            className={classNames('rt-AvatarFallback', {\n              'rt-one-letter': typeof fallback === 'string' && fallback.length === 1,\n              'rt-two-letters': typeof fallback === 'string' && fallback.length === 2,\n            })}\n            delayMs={0}\n          >\n            {fallback}\n          </AvatarPrimitive.Fallback>\n        ) : null}\n\n        <AvatarPrimitive.Image\n          ref={forwardedRef}\n          className=\"rt-AvatarImage\"\n          {...imageProps}\n          onLoadingStatusChange={(status) => {\n            imageProps.onLoadingStatusChange?.(status);\n            setStatus(status);\n          }}\n        />\n      </>\n    );\n  },\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n"],
-  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,kBAAAC,MAAsB,oBAC/B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,cAAAC,MAAkB,4BAC3B,OAAS,kBAAAC,MAAsB,2BAO/B,MAAMC,EAASP,EAAM,WAA2C,CAACQ,EAAOC,IAAiB,CACvF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,MAAAC,EAAO,OAAAC,EAAQ,gBAAAC,EAAiB,GAAGC,CAAW,EACzFb,EAAaI,EAAOL,EAAgBG,CAAc,EAG9CY,EAAalB,EAAM,QAAQ,IAAM,CACrC,GAAI,CAACU,GAAW,CAACC,EAAU,MAAO,GAGlC,GAAIX,EAAM,eAAeW,CAAQ,EAAG,CAClC,MAAMQ,EAAaR,EAAS,MAC5B,OAAOQ,EAAW,WAAa,IAAQA,EAAW,eAAe,IAAM,EACzE,CAEA,MAAO,EACT,EAAG,CAACT,EAASC,CAAQ,CAAC,EAEtB,OAEEX,EAAA,cAACE,EAAgB,KAAhB,CACC,oBAAmBY,EACnB,cAAaC,EACb,wBAAuBC,EACvB,gBAAeE,GAAc,OAC7B,UAAWjB,EAAW,WAAY,gBAAiBW,CAAS,EAC5D,MAAOC,EACP,QAASH,GAERL,EAAW,CAAE,QAAAK,EAAS,SAAAC,CAAS,EAAGX,EAAA,cAACoB,EAAA,CAAW,IAAKX,EAAe,GAAGQ,EAAY,CAAE,CACtF,CAEJ,CAAC,EACDV,EAAO,YAAc,SAYrB,MAAMa,EAAapB,EAAM,WACvB,CAAC,CAAE,SAAAqB,EAAU,GAAGJ,CAAW,EAAGR,IAAiB,CAC7C,KAAM,CAACa,EAAQC,CAAS,EAAIvB,EAAM,SAAkD,MAAM,EAE1F,OACEA,EAAA,cAAAA,EAAA,cACGsB,IAAW,QAAUA,IAAW,UAAYtB,EAAA,cAAC,QAAK,UAAU,oBAAoB,EAAK,KAErFsB,IAAW,QACVtB,EAAA,cAACE,EAAgB,SAAhB,CACC,UAAWD,EAAW,oBAAqB,CACzC,gBAAiB,OAAOoB,GAAa,UAAYA,EAAS,SAAW,EACrE,iBAAkB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACxE,CAAC,EACD,QAAS,GAERA,CACH,EACE,KAEJrB,EAAA,cAACE,EAAgB,MAAhB,CACC,IAAKO,EACL,UAAU,iBACT,GAAGQ,EACJ,sBAAwBK,GAAW,CACjCL,EAAW,wBAAwBK,CAAM,EACzCC,EAAUD,CAAM,CAClB,EACF,CACF,CAEJ,CACF,EAEAF,EAAW,YAAc",
-  "names": ["React", "classNames", "AvatarPrimitive", "avatarPropDefs", "extractProps", "getSubtree", "marginPropDefs", "Avatar", "props", "forwardedRef", "asChild", "children", "className", "style", "color", "radius", "panelBackground", "imageProps", "isDisabled", "childProps", "AvatarImpl", "fallback", "status", "setStatus"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.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\ninterface AvatarProps extends MarginProps, AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarImplElement, AvatarProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    color,\n    radius,\n    material,\n    panelBackground,\n    ...imageProps\n  } = extractProps(props, avatarPropDefs, marginPropDefs);\n\n  // Check if children contain a disabled element\n  const isDisabled = React.useMemo(() => {\n    if (!asChild || !children) return false;\n\n    // If children is a React element, check its props\n    if (React.isValidElement(children)) {\n      const childProps = children.props as any;\n      return childProps.disabled === true || childProps['data-disabled'] === true;\n    }\n\n    return false;\n  }, [asChild, children]);\n\n  return (\n    // TODO as a rule, should we rather spread the props on root?\n    <AvatarPrimitive.Root\n      data-accent-color={color}\n      data-radius={radius}\n      data-material={material}\n      data-panel-background={panelBackground}\n      data-disabled={isDisabled || undefined}\n      className={classNames('rt-reset', 'rt-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, <AvatarImpl ref={forwardedRef} {...imageProps} />)}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarImplElement = React.ElementRef<typeof AvatarPrimitive.Image>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps\n  extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>,\n    AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\nconst AvatarImpl = React.forwardRef<AvatarImplElement, AvatarImplProps>(\n  ({ fallback, ...imageProps }, forwardedRef) => {\n    const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n    return (\n      <>\n        {status === 'idle' || status === 'loading' ? <span className=\"rt-AvatarFallback\" /> : null}\n\n        {status === 'error' ? (\n          <AvatarPrimitive.Fallback\n            className={classNames('rt-AvatarFallback', {\n              'rt-one-letter': typeof fallback === 'string' && fallback.length === 1,\n              'rt-two-letters': typeof fallback === 'string' && fallback.length === 2,\n            })}\n            delayMs={0}\n          >\n            {fallback}\n          </AvatarPrimitive.Fallback>\n        ) : null}\n\n        <AvatarPrimitive.Image\n          ref={forwardedRef}\n          className=\"rt-AvatarImage\"\n          {...imageProps}\n          onLoadingStatusChange={(status) => {\n            imageProps.onLoadingStatusChange?.(status);\n            setStatus(status);\n          }}\n        />\n      </>\n    );\n  },\n);\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,kBAAAC,MAAsB,oBAC/B,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,cAAAC,MAAkB,4BAC3B,OAAS,kBAAAC,MAAsB,2BAO/B,MAAMC,EAASP,EAAM,WAA2C,CAACQ,EAAOC,IAAiB,CACvF,KAAM,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,GAAGC,CACL,EAAId,EAAaI,EAAOL,EAAgBG,CAAc,EAGhDa,EAAanB,EAAM,QAAQ,IAAM,CACrC,GAAI,CAACU,GAAW,CAACC,EAAU,MAAO,GAGlC,GAAIX,EAAM,eAAeW,CAAQ,EAAG,CAClC,MAAMS,EAAaT,EAAS,MAC5B,OAAOS,EAAW,WAAa,IAAQA,EAAW,eAAe,IAAM,EACzE,CAEA,MAAO,EACT,EAAG,CAACV,EAASC,CAAQ,CAAC,EAEtB,OAEEX,EAAA,cAACE,EAAgB,KAAhB,CACC,oBAAmBY,EACnB,cAAaC,EACb,gBAAeC,EACf,wBAAuBC,EACvB,gBAAeE,GAAc,OAC7B,UAAWlB,EAAW,WAAY,gBAAiBW,CAAS,EAC5D,MAAOC,EACP,QAASH,GAERL,EAAW,CAAE,QAAAK,EAAS,SAAAC,CAAS,EAAGX,EAAA,cAACqB,EAAA,CAAW,IAAKZ,EAAe,GAAGS,EAAY,CAAE,CACtF,CAEJ,CAAC,EACDX,EAAO,YAAc,SAYrB,MAAMc,EAAarB,EAAM,WACvB,CAAC,CAAE,SAAAsB,EAAU,GAAGJ,CAAW,EAAGT,IAAiB,CAC7C,KAAM,CAACc,EAAQC,CAAS,EAAIxB,EAAM,SAAkD,MAAM,EAE1F,OACEA,EAAA,cAAAA,EAAA,cACGuB,IAAW,QAAUA,IAAW,UAAYvB,EAAA,cAAC,QAAK,UAAU,oBAAoB,EAAK,KAErFuB,IAAW,QACVvB,EAAA,cAACE,EAAgB,SAAhB,CACC,UAAWD,EAAW,oBAAqB,CACzC,gBAAiB,OAAOqB,GAAa,UAAYA,EAAS,SAAW,EACrE,iBAAkB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACxE,CAAC,EACD,QAAS,GAERA,CACH,EACE,KAEJtB,EAAA,cAACE,EAAgB,MAAhB,CACC,IAAKO,EACL,UAAU,iBACT,GAAGS,EACJ,sBAAwBK,GAAW,CACjCL,EAAW,wBAAwBK,CAAM,EACzCC,EAAUD,CAAM,CAClB,EACF,CACF,CAEJ,CACF,EAEAF,EAAW,YAAc",
+  "names": ["React", "classNames", "AvatarPrimitive", "avatarPropDefs", "extractProps", "getSubtree", "marginPropDefs", "Avatar", "props", "forwardedRef", "asChild", "children", "className", "style", "color", "radius", "material", "panelBackground", "imageProps", "isDisabled", "childProps", "AvatarImpl", "fallback", "status", "setStatus"]
 }

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

@@ -3,6 +3,14 @@ declare const avatarPropDefs: {
         type: "ReactNode";
         required: true;
     };
+    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"];
@@ -33,7 +41,7 @@ declare const avatarPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["solid", "soft", "surface", "outline"];
+        values: readonly ["classic", "solid", "soft", "surface", "outline"];
         default: "soft";
     };
     asChild: {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.props.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.props.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"avatar.props.d.ts","sourceRoot":"","sources":["../../../src/components/avatar.props.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,cAAc;;;;;;;;;;IASlB;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQJ,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,2 +1,2 @@
-import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as a}from"../props/high-contrast.prop.js";import{radiusPropDef as o}from"../props/radius.prop.js";const t=["1","2","3","4","5","6","7","8","9"],s=["solid","soft","surface","outline"],n=["solid","translucent"],p={...e,size:{type:"enum",className:"rt-r-size",values:t,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:s,default:"soft"},...r,...a,...o,fallback:{type:"ReactNode",required:!0},panelBackground:{type:"enum",values:n,default:void 0}};export{p as avatarPropDefs};
+import{asChildPropDef as e}from"../props/as-child.prop.js";import{accentColorPropDef as a}from"../props/color.prop.js";import{highContrastPropDef as t}from"../props/high-contrast.prop.js";import{radiusPropDef as r}from"../props/radius.prop.js";const s=["1","2","3","4","5","6","7","8","9"],o=["classic","solid","soft","surface","outline"],n=["solid","translucent"],p=["solid","translucent"],f={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"3",responsive:!0},variant:{type:"enum",className:"rt-variant",values:o,default:"soft"},...a,...t,...r,fallback:{type:"ReactNode",required:!0},material:{type:"enum",values:p,default:void 0},panelBackground:{type:"enum",values:n,default:void 0}};export{f as avatarPropDefs};
 //# sourceMappingURL=avatar.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/avatar.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst variants = ['solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  fallback: PropDef<React.ReactNode>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { avatarPropDefs };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACpDC,EAAW,CAAC,QAAS,OAAQ,UAAW,SAAS,EACjDC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAiB,CACrB,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGJ,EACH,GAAGC,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,gBAAiB,CAAE,KAAM,OAAQ,OAAQG,EAAkB,QAAS,MAAU,CAChF",
-  "names": ["asChildPropDef", "accentColorPropDef", "highContrastPropDef", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "avatarPropDefs"]
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '3', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\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  fallback: PropDef<React.ReactNode>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { avatarPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,sBAAAC,MAA0B,yBACnC,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,iBAAAC,MAAqB,0BAI9B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACpDC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAiB,CACrB,GAAGR,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGJ,EACH,GAAGC,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAC9C,SAAU,CAAE,KAAM,OAAQ,OAAQI,EAAW,QAAS,MAAU,EAIhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["asChildPropDef", "accentColorPropDef", "highContrastPropDef", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "avatarPropDefs"]
 }

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

@@ -4,7 +4,14 @@ import type { MarginProps } from '../props/margin.props.js';
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
 import type { GetPropDefTypes } from '../props/prop-def.js';
 type BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;
-interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, BadgeOwnProps {
+interface BadgeTooltipProps {
+    tooltip?: React.ReactNode;
+    tooltipSide?: 'top' | 'right' | 'bottom' | 'left';
+    tooltipAlign?: 'start' | 'center' | 'end';
+    tooltipDelayDuration?: number;
+    tooltipDisableHoverableContent?: boolean;
+}
+interface BadgeProps extends ComponentPropsWithout<'span', RemovedProps>, MarginProps, BadgeOwnProps, BadgeTooltipProps {
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
 export { Badge };

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAC3D,UAAU,UACR,SAAQ,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,EACjD,WAAW,EACX,aAAa;CAAG;AACpB,QAAA,MAAM,KAAK,oFAiBT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,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,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAG3D,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC1C,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,8BAA8B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAED,UAAU,UACR,SAAQ,qBAAqB,CAAC,MAAM,EAAE,YAAY,CAAC,EACjD,WAAW,EACX,aAAa,EACb,iBAAiB;CAAG;AAExB,QAAA,MAAM,KAAK,oFAkET,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/esm/components/badge.js

@@ -1,2 +1,2 @@
-import*as o from"react";import i from"classnames";import{Slot as g}from"radix-ui";import{badgePropDefs as P}from"./badge.props.js";import{extractProps as c}from"../helpers/extract-props.js";import{marginPropDefs as l}from"../props/margin.props.js";const e=o.forwardRef((r,p)=>{const{asChild:t,className:a,color:s,radius:m,panelBackground:n,...d}=c(r,P,l),f=t?g.Root:"span";return o.createElement(f,{"data-accent-color":s,"data-radius":m,"data-panel-background":n,...d,ref:p,className:i("rt-reset","rt-Badge",a)})});e.displayName="Badge";export{e as Badge};
+import*as e from"react";import D from"classnames";import{Slot as v}from"radix-ui";import{badgePropDefs as C}from"./badge.props.js";import{extractProps as h}from"../helpers/extract-props.js";import{marginPropDefs as R}from"../props/margin.props.js";import{Tooltip as T}from"./tooltip.js";const i=e.forwardRef((s,l)=>{const{asChild:t,className:d,children:m,color:f,radius:c,material:r,panelBackground:o,tooltip:a,tooltipSide:g="top",tooltipAlign:P="center",tooltipDelayDuration:u,tooltipDisableHoverableContent:b,...B}=h(s,C,R),p=e.useMemo(()=>r??o,[r,o]);e.useEffect(()=>{o!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[o]);const y=e.useMemo(()=>t?v.Root:"span",[t]),n=e.createElement(y,{"data-accent-color":f,"data-radius":c,"data-material":p,"data-panel-background":p,...B,ref:l,className:D("rt-reset","rt-Badge",d)},m);return a?e.createElement(T,{content:a,side:g,align:P,delayDuration:u,disableHoverableContent:b},n):n});i.displayName="Badge";export{i as Badge};
 //# sourceMappingURL=badge.js.map