jaci-ui 0.6.3 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.8.0
+
+### Minor Changes
+
+- cd7966c: Harden package compatibility, tarball validation, tree-shaking and CI coverage for React and framework consumers.
+
+## 0.7.0
+
+### Minor Changes
+
+- fb498f5: Add Code, Kbd, AspectRatio, Image, Figure and Stat/StatGroup, with configurable image lightboxes and expanded content, feedback, card and typography APIs.
+
 ## 0.6.3
 
 ### Patch Changes

package/README.md

@@ -2,6 +2,9 @@
 
 Accessible, themeable React components for React 18.2 and React 19 applications.
 
+The published package supports Node 18.18 or newer. Node 22.18 or newer is required only for
+working on the repository because it is used by the build toolchain.
+
 ## Installation
 
 ```sh
@@ -18,6 +21,11 @@ import "jaci-ui/styles.css";
 The package declares `react` and `react-dom` as peer dependencies. `@base-ui/react` is installed
 as a runtime dependency for accessible interactive primitives.
 
+The package publishes ESM and CommonJS entry points, TypeScript declarations and sourcemaps.
+`jaci-ui/styles.css` is the only declared side effect, so bundlers can tree-shake unused
+component modules. Import `jaci-ui/panda-preset` only when an application also uses Panda CSS;
+the regular package does not require Panda at runtime.
+
 ## Usage
 
 Components use named exports and compound APIs where several accessible parts work together:
@@ -54,6 +62,37 @@ export function Example() {
 }
 ```
 
+Content and visual utilities are framework-agnostic and server-safe where possible:
+
+```tsx
+import { AspectRatio, Code, Figure, Image, Kbd, Quote, Stat, StatGroup } from "jaci-ui";
+
+<Code variant="block" language="tsx">const value = 42;</Code>;
+<Kbd>⌘K</Kbd>;
+<Quote author="Alan Kay" source="Alan Kay">The best way to predict the future is to invent it.</Quote>;
+<AspectRatio ratio={16 / 9}><Image src="/cover.jpg" alt="Cover" fit="cover" /></AspectRatio>;
+<Figure.Root lightbox>
+  <Figure.Image src="/cover.jpg" alt="Cover" />
+  <Figure.Caption>Project cover</Figure.Caption>
+</Figure.Root>;
+<StatGroup.Root columns={3}>
+  <Stat.Root tone="success">
+    <Stat.Label>Revenue</Stat.Label>
+    <Stat.Value>$12.4k</Stat.Value>
+    <Stat.Trend direction="up">+18%</Stat.Trend>
+  </Stat.Root>
+</StatGroup.Root>;
+```
+
+`AspectRatio` fills the available inline size of its parent. In shrink-to-fit or flex
+layouts, give the parent an explicit `width`/`max-width` so the ratio has a measurable
+size.
+
+`Code` is intentionally presentation-only; compose it with `Copyable` when users should be able
+to copy a command. `Image` uses the native `<img>` element, accepts a React fallback and can opt
+into a focusable blurred lightbox with `lightbox`. `Figure` adds a semantic caption that remains
+visible in the expanded image preview, without requiring a framework-specific image optimizer.
+
 Interactive components support controlled and uncontrolled state where appropriate. For example,
 `value`/`onValueChange` can be paired with `defaultValue` when the application does not need to
 own the state. `ColorPicker.Palette` supports pointer dragging, keyboard arrows and a visible
@@ -307,6 +346,15 @@ export function App() {
 mounting. The provider is a client module, so Next.js App Router applications should place it
 inside a client boundary. Direct `data-jaci-theme` and `--jaci-*` variables remain supported.
 
+Popups rendered through Jaci portal slots inherit the nearest `ThemeProvider` scope, including
+local accent tokens. An explicit `container` prop on a portal still takes precedence. Without a
+provider, portals keep Base UI's default document-level behavior.
+
+When combining responsive utility classes with `Sidebar` or `BottomNavigation`, import
+`jaci-ui/styles.css` before the application's utility stylesheet. Their structural display rule
+uses a low-specificity selector, so classes such as `hidden md:flex` and `md:hidden` can control
+visibility without inline styles.
+
 The package exposes semantic surface, foreground, border, status, spacing, radius, shadow and
 transition tokens. See the Theming guide in Storybook for the complete token vocabulary.
 

package/dist/components/alert/alert.cjs

@@ -60,14 +60,24 @@ const AlertDescription = (0, react.forwardRef)(function AlertDescription({ class
 		"data-slot": "alert-description"
 	});
 });
+const AlertActions = (0, react.forwardRef)(function AlertActions({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(useAlertStyles().actions, className),
+		"data-slot": "alert-actions"
+	});
+});
 const Alert = {
 	Root: AlertRoot,
 	Icon: AlertIcon,
 	Title: AlertTitle,
-	Description: AlertDescription
+	Description: AlertDescription,
+	Actions: AlertActions
 };
 //#endregion
 exports.Alert = Alert;
+exports.AlertActions = AlertActions;
 exports.AlertDescription = AlertDescription;
 exports.AlertIcon = AlertIcon;
 exports.AlertRoot = AlertRoot;

package/dist/components/alert/alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.cjs","names":["alert","cx"],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { alert } from \"../../styled-system/recipes\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst AlertToneContext = createContext<AlertTone>(\"info\");\n\nfunction useAlertStyles() {\n  return alert({ tone: useContext(AlertToneContext) });\n}\n\nconst iconByTone: Record<AlertTone, string> = {\n  danger: \"!\",\n  info: \"i\",\n  success: \"✓\",\n  warning: \"!\",\n};\n\nexport interface AlertRootProps extends ComponentPropsWithoutRef<\"div\"> {\n  tone?: AlertTone;\n}\n\n/**\n * An SSR-safe status message. Informational alerts use a polite live region;\n * warnings and errors default to the assertive `alert` role.\n */\nexport const AlertRoot = forwardRef<HTMLDivElement, AlertRootProps>(function AlertRoot(\n  { className, role, tone = \"info\", ...props },\n  ref,\n) {\n  const styles = alert({ tone });\n  const defaultRole = tone === \"danger\" || tone === \"warning\" ? \"alert\" : \"status\";\n\n  return (\n    <AlertToneContext.Provider value={tone}>\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"alert\"\n        data-jaci-tone={tone}\n        data-slot=\"alert\"\n        role={role ?? defaultRole}\n      />\n    </AlertToneContext.Provider>\n  );\n});\n\nexport type AlertIconProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const AlertIcon = forwardRef<HTMLSpanElement, AlertIconProps>(function AlertIcon(\n  { children, className, ...props },\n  ref,\n) {\n  const tone = useContext(AlertToneContext);\n\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(useAlertStyles().icon, className)}\n      data-slot=\"alert-icon\"\n    >\n      {children ?? iconByTone[tone]}\n    </span>\n  );\n});\n\nexport type AlertTitleProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertTitle = forwardRef<HTMLDivElement, AlertTitleProps>(function AlertTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(useAlertStyles().title, className)}\n      data-slot=\"alert-title\"\n    />\n  );\n});\n\nexport type AlertDescriptionProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDescription = forwardRef<HTMLDivElement, AlertDescriptionProps>(\n  function AlertDescription({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(useAlertStyles().description, className)}\n        data-slot=\"alert-description\"\n      />\n    );\n  },\n);\n\nexport const Alert = {\n  Root: AlertRoot,\n  Icon: AlertIcon,\n  Title: AlertTitle,\n  Description: AlertDescription,\n};\n"],"mappings":";;;;;AAQA,MAAM,oBAAA,GAAA,MAAA,cAAA,CAA4C,MAAM;AAExD,SAAS,iBAAiB;CACxB,OAAOA,cAAAA,MAAM,EAAE,OAAA,GAAA,MAAA,WAAA,CAAiB,gBAAgB,EAAE,CAAC;AACrD;AAEA,MAAM,aAAwC;CAC5C,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;;;;;AAUA,MAAa,aAAA,GAAA,MAAA,WAAA,CAAuD,SAAS,UAC3E,EAAE,WAAW,MAAM,OAAO,QAAQ,GAAG,SACrC,KACA;CACA,MAAM,SAASA,cAAAA,MAAM,EAAE,KAAK,CAAC;CAC7B,MAAM,cAAc,SAAS,YAAY,SAAS,YAAY,UAAU;CAExE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,GAAI;GACC;GACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;GACpC,uBAAoB;GACpB,kBAAgB;GAChB,aAAU;GACV,MAAM,QAAQ;EACf,CAAA;CACwB,CAAA;AAE/B,CAAC;AAID,MAAa,aAAA,GAAA,MAAA,WAAA,CAAwD,SAAS,UAC5E,EAAE,UAAU,WAAW,GAAG,SAC1B,KACA;CACA,MAAM,QAAA,GAAA,MAAA,WAAA,CAAkB,gBAAgB;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,MAAM,SAAS;EAC9C,aAAU;YAET,YAAY,WAAW;CACpB,CAAA;AAEV,CAAC;AAID,MAAa,cAAA,GAAA,MAAA,WAAA,CAAyD,SAAS,WAC7E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,OAAO,SAAS;EAC/C,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,aAAa,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,QAAQ;CACnB,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;AACf"}
+{"version":3,"file":"alert.cjs","names":["alert","cx"],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { alert } from \"../../styled-system/recipes\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst AlertToneContext = createContext<AlertTone>(\"info\");\n\nfunction useAlertStyles() {\n  return alert({ tone: useContext(AlertToneContext) });\n}\n\nconst iconByTone: Record<AlertTone, string> = {\n  danger: \"!\",\n  info: \"i\",\n  success: \"✓\",\n  warning: \"!\",\n};\n\nexport interface AlertRootProps extends ComponentPropsWithoutRef<\"div\"> {\n  tone?: AlertTone;\n}\n\n/**\n * An SSR-safe status message. Informational alerts use a polite live region;\n * warnings and errors default to the assertive `alert` role.\n */\nexport const AlertRoot = forwardRef<HTMLDivElement, AlertRootProps>(function AlertRoot(\n  { className, role, tone = \"info\", ...props },\n  ref,\n) {\n  const styles = alert({ tone });\n  const defaultRole = tone === \"danger\" || tone === \"warning\" ? \"alert\" : \"status\";\n\n  return (\n    <AlertToneContext.Provider value={tone}>\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"alert\"\n        data-jaci-tone={tone}\n        data-slot=\"alert\"\n        role={role ?? defaultRole}\n      />\n    </AlertToneContext.Provider>\n  );\n});\n\nexport type AlertIconProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const AlertIcon = forwardRef<HTMLSpanElement, AlertIconProps>(function AlertIcon(\n  { children, className, ...props },\n  ref,\n) {\n  const tone = useContext(AlertToneContext);\n\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(useAlertStyles().icon, className)}\n      data-slot=\"alert-icon\"\n    >\n      {children ?? iconByTone[tone]}\n    </span>\n  );\n});\n\nexport type AlertTitleProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertTitle = forwardRef<HTMLDivElement, AlertTitleProps>(function AlertTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(useAlertStyles().title, className)}\n      data-slot=\"alert-title\"\n    />\n  );\n});\n\nexport type AlertDescriptionProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDescription = forwardRef<HTMLDivElement, AlertDescriptionProps>(\n  function AlertDescription({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(useAlertStyles().description, className)}\n        data-slot=\"alert-description\"\n      />\n    );\n  },\n);\n\nexport type AlertActionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertActions = forwardRef<HTMLDivElement, AlertActionsProps>(function AlertActions(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(useAlertStyles().actions, className)}\n      data-slot=\"alert-actions\"\n    />\n  );\n});\n\nexport const Alert = {\n  Root: AlertRoot,\n  Icon: AlertIcon,\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Actions: AlertActions,\n};\n"],"mappings":";;;;;AAQA,MAAM,oBAAA,GAAA,MAAA,cAAA,CAA4C,MAAM;AAExD,SAAS,iBAAiB;CACxB,OAAOA,cAAAA,MAAM,EAAE,OAAA,GAAA,MAAA,WAAA,CAAiB,gBAAgB,EAAE,CAAC;AACrD;AAEA,MAAM,aAAwC;CAC5C,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;;;;;AAUA,MAAa,aAAA,GAAA,MAAA,WAAA,CAAuD,SAAS,UAC3E,EAAE,WAAW,MAAM,OAAO,QAAQ,GAAG,SACrC,KACA;CACA,MAAM,SAASA,cAAAA,MAAM,EAAE,KAAK,CAAC;CAC7B,MAAM,cAAc,SAAS,YAAY,SAAS,YAAY,UAAU;CAExE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GACE,GAAI;GACC;GACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;GACpC,uBAAoB;GACpB,kBAAgB;GAChB,aAAU;GACV,MAAM,QAAQ;EACf,CAAA;CACwB,CAAA;AAE/B,CAAC;AAID,MAAa,aAAA,GAAA,MAAA,WAAA,CAAwD,SAAS,UAC5E,EAAE,UAAU,WAAW,GAAG,SAC1B,KACA;CACA,MAAM,QAAA,GAAA,MAAA,WAAA,CAAkB,gBAAgB;CAExC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,MAAM,SAAS;EAC9C,aAAU;YAET,YAAY,WAAW;CACpB,CAAA;AAEV,CAAC;AAID,MAAa,cAAA,GAAA,MAAA,WAAA,CAAyD,SAAS,WAC7E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,OAAO,SAAS;EAC/C,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,aAAa,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,gBAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAG,eAAe,CAAC,CAAC,SAAS,SAAS;EACjD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,QAAQ;CACnB,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;CACb,SAAS;AACX"}

package/dist/components/alert/alert.d.cts

@@ -15,12 +15,15 @@ type AlertTitleProps = ComponentPropsWithoutRef<"div">;
 declare const AlertTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type AlertDescriptionProps = ComponentPropsWithoutRef<"div">;
 declare const AlertDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertActionsProps = ComponentPropsWithoutRef<"div">;
+declare const AlertActions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Alert: {
   Root: import("react").ForwardRefExoticComponent<AlertRootProps & import("react").RefAttributes<HTMLDivElement>>;
   Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
   Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone };
+export { Alert, AlertActions, AlertActionsProps, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone };
 //# sourceMappingURL=alert.d.cts.map

package/dist/components/alert/alert.d.ts

@@ -15,12 +15,15 @@ type AlertTitleProps = ComponentPropsWithoutRef<"div">;
 declare const AlertTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type AlertDescriptionProps = ComponentPropsWithoutRef<"div">;
 declare const AlertDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertActionsProps = ComponentPropsWithoutRef<"div">;
+declare const AlertActions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Alert: {
   Root: import("react").ForwardRefExoticComponent<AlertRootProps & import("react").RefAttributes<HTMLDivElement>>;
   Icon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
   Title: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Description: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Actions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 };
 //#endregion
-export { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone };
+export { Alert, AlertActions, AlertActionsProps, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone };
 //# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.js

@@ -60,13 +60,22 @@ const AlertDescription = forwardRef(function AlertDescription({ className, ...pr
 		"data-slot": "alert-description"
 	});
 });
+const AlertActions = forwardRef(function AlertActions({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(useAlertStyles().actions, className),
+		"data-slot": "alert-actions"
+	});
+});
 const Alert = {
 	Root: AlertRoot,
 	Icon: AlertIcon,
 	Title: AlertTitle,
-	Description: AlertDescription
+	Description: AlertDescription,
+	Actions: AlertActions
 };
 //#endregion
-export { Alert, AlertDescription, AlertIcon, AlertRoot, AlertTitle };
+export { Alert, AlertActions, AlertDescription, AlertIcon, AlertRoot, AlertTitle };
 
 //# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { alert } from \"../../styled-system/recipes\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst AlertToneContext = createContext<AlertTone>(\"info\");\n\nfunction useAlertStyles() {\n  return alert({ tone: useContext(AlertToneContext) });\n}\n\nconst iconByTone: Record<AlertTone, string> = {\n  danger: \"!\",\n  info: \"i\",\n  success: \"✓\",\n  warning: \"!\",\n};\n\nexport interface AlertRootProps extends ComponentPropsWithoutRef<\"div\"> {\n  tone?: AlertTone;\n}\n\n/**\n * An SSR-safe status message. Informational alerts use a polite live region;\n * warnings and errors default to the assertive `alert` role.\n */\nexport const AlertRoot = forwardRef<HTMLDivElement, AlertRootProps>(function AlertRoot(\n  { className, role, tone = \"info\", ...props },\n  ref,\n) {\n  const styles = alert({ tone });\n  const defaultRole = tone === \"danger\" || tone === \"warning\" ? \"alert\" : \"status\";\n\n  return (\n    <AlertToneContext.Provider value={tone}>\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"alert\"\n        data-jaci-tone={tone}\n        data-slot=\"alert\"\n        role={role ?? defaultRole}\n      />\n    </AlertToneContext.Provider>\n  );\n});\n\nexport type AlertIconProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const AlertIcon = forwardRef<HTMLSpanElement, AlertIconProps>(function AlertIcon(\n  { children, className, ...props },\n  ref,\n) {\n  const tone = useContext(AlertToneContext);\n\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(useAlertStyles().icon, className)}\n      data-slot=\"alert-icon\"\n    >\n      {children ?? iconByTone[tone]}\n    </span>\n  );\n});\n\nexport type AlertTitleProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertTitle = forwardRef<HTMLDivElement, AlertTitleProps>(function AlertTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(useAlertStyles().title, className)}\n      data-slot=\"alert-title\"\n    />\n  );\n});\n\nexport type AlertDescriptionProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDescription = forwardRef<HTMLDivElement, AlertDescriptionProps>(\n  function AlertDescription({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(useAlertStyles().description, className)}\n        data-slot=\"alert-description\"\n      />\n    );\n  },\n);\n\nexport const Alert = {\n  Root: AlertRoot,\n  Icon: AlertIcon,\n  Title: AlertTitle,\n  Description: AlertDescription,\n};\n"],"mappings":";;;;;AAQA,MAAM,mBAAmB,cAAyB,MAAM;AAExD,SAAS,iBAAiB;CACxB,OAAO,MAAM,EAAE,MAAM,WAAW,gBAAgB,EAAE,CAAC;AACrD;AAEA,MAAM,aAAwC;CAC5C,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;;;;;AAUA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,WAAW,MAAM,OAAO,QAAQ,GAAG,SACrC,KACA;CACA,MAAM,SAAS,MAAM,EAAE,KAAK,CAAC;CAC7B,MAAM,cAAc,SAAS,YAAY,SAAS,YAAY,UAAU;CAExE,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,oBAAC,OAAD;GACE,GAAI;GACC;GACL,WAAW,GAAG,OAAO,MAAM,SAAS;GACpC,uBAAoB;GACpB,kBAAgB;GAChB,aAAU;GACV,MAAM,QAAQ;EACf,CAAA;CACwB,CAAA;AAE/B,CAAC;AAID,MAAa,YAAY,WAA4C,SAAS,UAC5E,EAAE,UAAU,WAAW,GAAG,SAC1B,KACA;CACA,MAAM,OAAO,WAAW,gBAAgB;CAExC,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,MAAM,SAAS;EAC9C,aAAU;YAET,YAAY,WAAW;CACpB,CAAA;AAEV,CAAC;AAID,MAAa,aAAa,WAA4C,SAAS,WAC7E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,OAAO,SAAS;EAC/C,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,aAAa,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,QAAQ;CACnB,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;AACf"}
+{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/alert/alert.tsx"],"sourcesContent":["import { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { alert } from \"../../styled-system/recipes\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nconst AlertToneContext = createContext<AlertTone>(\"info\");\n\nfunction useAlertStyles() {\n  return alert({ tone: useContext(AlertToneContext) });\n}\n\nconst iconByTone: Record<AlertTone, string> = {\n  danger: \"!\",\n  info: \"i\",\n  success: \"✓\",\n  warning: \"!\",\n};\n\nexport interface AlertRootProps extends ComponentPropsWithoutRef<\"div\"> {\n  tone?: AlertTone;\n}\n\n/**\n * An SSR-safe status message. Informational alerts use a polite live region;\n * warnings and errors default to the assertive `alert` role.\n */\nexport const AlertRoot = forwardRef<HTMLDivElement, AlertRootProps>(function AlertRoot(\n  { className, role, tone = \"info\", ...props },\n  ref,\n) {\n  const styles = alert({ tone });\n  const defaultRole = tone === \"danger\" || tone === \"warning\" ? \"alert\" : \"status\";\n\n  return (\n    <AlertToneContext.Provider value={tone}>\n      <div\n        {...props}\n        ref={ref}\n        className={cx(styles.root, className)}\n        data-jaci-component=\"alert\"\n        data-jaci-tone={tone}\n        data-slot=\"alert\"\n        role={role ?? defaultRole}\n      />\n    </AlertToneContext.Provider>\n  );\n});\n\nexport type AlertIconProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const AlertIcon = forwardRef<HTMLSpanElement, AlertIconProps>(function AlertIcon(\n  { children, className, ...props },\n  ref,\n) {\n  const tone = useContext(AlertToneContext);\n\n  return (\n    <span\n      {...props}\n      aria-hidden=\"true\"\n      ref={ref}\n      className={cx(useAlertStyles().icon, className)}\n      data-slot=\"alert-icon\"\n    >\n      {children ?? iconByTone[tone]}\n    </span>\n  );\n});\n\nexport type AlertTitleProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertTitle = forwardRef<HTMLDivElement, AlertTitleProps>(function AlertTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(useAlertStyles().title, className)}\n      data-slot=\"alert-title\"\n    />\n  );\n});\n\nexport type AlertDescriptionProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDescription = forwardRef<HTMLDivElement, AlertDescriptionProps>(\n  function AlertDescription({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(useAlertStyles().description, className)}\n        data-slot=\"alert-description\"\n      />\n    );\n  },\n);\n\nexport type AlertActionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertActions = forwardRef<HTMLDivElement, AlertActionsProps>(function AlertActions(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(useAlertStyles().actions, className)}\n      data-slot=\"alert-actions\"\n    />\n  );\n});\n\nexport const Alert = {\n  Root: AlertRoot,\n  Icon: AlertIcon,\n  Title: AlertTitle,\n  Description: AlertDescription,\n  Actions: AlertActions,\n};\n"],"mappings":";;;;;AAQA,MAAM,mBAAmB,cAAyB,MAAM;AAExD,SAAS,iBAAiB;CACxB,OAAO,MAAM,EAAE,MAAM,WAAW,gBAAgB,EAAE,CAAC;AACrD;AAEA,MAAM,aAAwC;CAC5C,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;AACX;;;;;AAUA,MAAa,YAAY,WAA2C,SAAS,UAC3E,EAAE,WAAW,MAAM,OAAO,QAAQ,GAAG,SACrC,KACA;CACA,MAAM,SAAS,MAAM,EAAE,KAAK,CAAC;CAC7B,MAAM,cAAc,SAAS,YAAY,SAAS,YAAY,UAAU;CAExE,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;YAChC,oBAAC,OAAD;GACE,GAAI;GACC;GACL,WAAW,GAAG,OAAO,MAAM,SAAS;GACpC,uBAAoB;GACpB,kBAAgB;GAChB,aAAU;GACV,MAAM,QAAQ;EACf,CAAA;CACwB,CAAA;AAE/B,CAAC;AAID,MAAa,YAAY,WAA4C,SAAS,UAC5E,EAAE,UAAU,WAAW,GAAG,SAC1B,KACA;CACA,MAAM,OAAO,WAAW,gBAAgB;CAExC,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,MAAM,SAAS;EAC9C,aAAU;YAET,YAAY,WAAW;CACpB,CAAA;AAEV,CAAC;AAID,MAAa,aAAa,WAA4C,SAAS,WAC7E,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,OAAO,SAAS;EAC/C,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,aAAa,SAAS;EACrD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,eAAe,WAA8C,SAAS,aACjF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,eAAe,CAAC,CAAC,SAAS,SAAS;EACjD,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,QAAQ;CACnB,MAAM;CACN,MAAM;CACN,OAAO;CACP,aAAa;CACb,SAAS;AACX"}

package/dist/components/alert/index.d.cts

@@ -1,2 +1,2 @@
-import { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone } from "./alert.cjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, AlertRoot, type AlertRootProps, AlertTitle, type AlertTitleProps, type AlertTone };
+import { Alert, AlertActions, AlertActionsProps, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone } from "./alert.cjs";
+export { Alert, AlertActions, type AlertActionsProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, AlertRoot, type AlertRootProps, AlertTitle, type AlertTitleProps, type AlertTone };

package/dist/components/alert/index.d.ts

@@ -1,2 +1,2 @@
-import { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone } from "./alert.js";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, AlertRoot, type AlertRootProps, AlertTitle, type AlertTitleProps, type AlertTone };
+import { Alert, AlertActions, AlertActionsProps, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone } from "./alert.js";
+export { Alert, AlertActions, type AlertActionsProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, AlertRoot, type AlertRootProps, AlertTitle, type AlertTitleProps, type AlertTone };

package/dist/components/alert-dialog/alert-dialog.cjs

@@ -2,6 +2,7 @@
 const require_cx = require("../../styled-system/css/cx.cjs");
 const require_base_ui = require("../base-ui.cjs");
 const require_dialog = require("../../styled-system/recipes/dialog.cjs");
+const require_theme_scope = require("../../theme/theme-scope.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _base_ui_react_alert_dialog = require("@base-ui/react/alert-dialog");
@@ -17,7 +18,9 @@ const AlertDialogTrigger = (0, react.forwardRef)(function AlertDialogTrigger({ c
 		"data-slot": "alert-dialog-trigger"
 	});
 });
-const AlertDialogPortal = _base_ui_react_alert_dialog.AlertDialog.Portal;
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Portal, { ...require_theme_scope.useThemePortalProps(props) });
+}
 const AlertDialogBackdrop = (0, react.forwardRef)(function AlertDialogBackdrop({ className, ...props }, ref) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Backdrop, {
 		...props,

package/dist/components/alert-dialog/alert-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.cjs","names":["BaseAlertDialog","withRecipeClassName","dialog","cx"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport const AlertDialogPortal: typeof BaseAlertDialog.Portal = BaseAlertDialog.Portal;\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.cjs","names":["BaseAlertDialog","withRecipeClassName","dialog","useThemePortalProps","cx"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport function AlertDialogPortal(props: AlertDialogPortalProps) {\n  return <BaseAlertDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/alert-dialog/alert-dialog.d.cts

@@ -12,7 +12,7 @@ declare function AlertDialogRoot$1<Payload = unknown>(props: AlertDialogRootProp
 type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialog.Trigger>;
 declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof AlertDialog.Portal>;
-declare const AlertDialogPortal: typeof AlertDialog.Portal;
+declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element;
 type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>;
 declare const AlertDialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof AlertDialog.Viewport>;
@@ -48,7 +48,7 @@ declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<
 declare const AlertDialog$1: {
   Root: typeof AlertDialogRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof AlertDialogPortal;
   Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -12,7 +12,7 @@ declare function AlertDialogRoot$1<Payload = unknown>(props: AlertDialogRootProp
 type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialog.Trigger>;
 declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof AlertDialog.Portal>;
-declare const AlertDialogPortal: typeof AlertDialog.Portal;
+declare function AlertDialogPortal(props: AlertDialogPortalProps): import("react").JSX.Element;
 type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>;
 declare const AlertDialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof AlertDialog.Viewport>;
@@ -48,7 +48,7 @@ declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<
 declare const AlertDialog$1: {
   Root: typeof AlertDialogRoot$1;
   Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Portal: typeof AlertDialogPortal;
   Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   Popup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -2,6 +2,7 @@
 import { cx } from "../../styled-system/css/cx.js";
 import { withRecipeClassName } from "../base-ui.js";
 import { dialog } from "../../styled-system/recipes/dialog.js";
+import { useThemePortalProps } from "../../theme/theme-scope.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { AlertDialog } from "@base-ui/react/alert-dialog";
@@ -17,7 +18,9 @@ const AlertDialogTrigger = forwardRef(function AlertDialogTrigger({ className, .
 		"data-slot": "alert-dialog-trigger"
 	});
 });
-const AlertDialogPortal = AlertDialog.Portal;
+function AlertDialogPortal(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Portal, { ...useThemePortalProps(props) });
+}
 const AlertDialogBackdrop = forwardRef(function AlertDialogBackdrop({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
 		...props,

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

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.js","names":["AlertDialogRoot","BaseAlertDialog","AlertDialog"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport const AlertDialogPortal: typeof BaseAlertDialog.Portal = BaseAlertDialog.Portal;\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogRoot","BaseAlertDialog","AlertDialog"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\nimport { useThemePortalProps } from \"../../theme/theme-scope\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport function AlertDialogPortal(props: AlertDialogPortalProps) {\n  return <BaseAlertDialog.Portal {...useThemePortalProps(props)} />;\n}\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/aspect-ratio/aspect-ratio.cjs

@@ -0,0 +1,23 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_aspect_ratio_box = require("../../styled-system/recipes/aspect-ratio-box.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/aspect-ratio/aspect-ratio.tsx
+const AspectRatio = (0, react.forwardRef)(function AspectRatio({ className, ratio = 1, style, ...props }, ref) {
+	const safeRatio = Number.isFinite(ratio) && ratio > 0 ? ratio : 1;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_aspect_ratio_box.aspectRatioBox(), className),
+		"data-jaci-component": "aspect-ratio",
+		"data-slot": "aspect-ratio",
+		style: {
+			aspectRatio: safeRatio,
+			...style
+		}
+	});
+});
+//#endregion
+exports.AspectRatio = AspectRatio;
+
+//# sourceMappingURL=aspect-ratio.cjs.map

package/dist/components/aspect-ratio/aspect-ratio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.cjs","names":["cx","aspectRatioBox"],"sources":["../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { aspectRatioBox } from \"../../styled-system/recipes\";\n\nexport interface AspectRatioProps extends ComponentPropsWithoutRef<\"div\"> {\n  ratio?: number;\n}\n\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(function AspectRatio(\n  { className, ratio = 1, style, ...props },\n  ref,\n) {\n  const safeRatio = Number.isFinite(ratio) && ratio > 0 ? ratio : 1;\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(aspectRatioBox(), className)}\n      data-jaci-component=\"aspect-ratio\"\n      data-slot=\"aspect-ratio\"\n      style={{ aspectRatio: safeRatio, ...style }}\n    />\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,eAAA,GAAA,MAAA,WAAA,CAA2D,SAAS,YAC/E,EAAE,WAAW,QAAQ,GAAG,OAAO,GAAG,SAClC,KACA;CACA,MAAM,YAAY,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ;CAEhE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,yBAAAA,eAAe,GAAG,SAAS;EACzC,uBAAoB;EACpB,aAAU;EACV,OAAO;GAAE,aAAa;GAAW,GAAG;EAAM;CAC3C,CAAA;AAEL,CAAC"}

package/dist/components/aspect-ratio/aspect-ratio.d.cts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/aspect-ratio/aspect-ratio.d.ts
+interface AspectRatioProps extends ComponentPropsWithoutRef<"div"> {
+  ratio?: number;
+}
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AspectRatio, AspectRatioProps };
+//# sourceMappingURL=aspect-ratio.d.cts.map

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/aspect-ratio/aspect-ratio.d.ts
+interface AspectRatioProps extends ComponentPropsWithoutRef<"div"> {
+  ratio?: number;
+}
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AspectRatio, AspectRatioProps };
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/aspect-ratio/aspect-ratio.js

@@ -0,0 +1,23 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { aspectRatioBox } from "../../styled-system/recipes/aspect-ratio-box.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/aspect-ratio/aspect-ratio.tsx
+const AspectRatio = forwardRef(function AspectRatio({ className, ratio = 1, style, ...props }, ref) {
+	const safeRatio = Number.isFinite(ratio) && ratio > 0 ? ratio : 1;
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(aspectRatioBox(), className),
+		"data-jaci-component": "aspect-ratio",
+		"data-slot": "aspect-ratio",
+		style: {
+			aspectRatio: safeRatio,
+			...style
+		}
+	});
+});
+//#endregion
+export { AspectRatio };
+
+//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/aspect-ratio/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { aspectRatioBox } from \"../../styled-system/recipes\";\n\nexport interface AspectRatioProps extends ComponentPropsWithoutRef<\"div\"> {\n  ratio?: number;\n}\n\nexport const AspectRatio = forwardRef<HTMLDivElement, AspectRatioProps>(function AspectRatio(\n  { className, ratio = 1, style, ...props },\n  ref,\n) {\n  const safeRatio = Number.isFinite(ratio) && ratio > 0 ? ratio : 1;\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(aspectRatioBox(), className)}\n      data-jaci-component=\"aspect-ratio\"\n      data-slot=\"aspect-ratio\"\n      style={{ aspectRatio: safeRatio, ...style }}\n    />\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,QAAQ,GAAG,OAAO,GAAG,SAClC,KACA;CACA,MAAM,YAAY,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ;CAEhE,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,eAAe,GAAG,SAAS;EACzC,uBAAoB;EACpB,aAAU;EACV,OAAO;GAAE,aAAa;GAAW,GAAG;EAAM;CAC3C,CAAA;AAEL,CAAC"}

package/dist/components/aspect-ratio/index.d.cts

@@ -0,0 +1,2 @@
+import { AspectRatio, AspectRatioProps } from "./aspect-ratio.cjs";
+export { AspectRatio, type AspectRatioProps };

package/dist/components/aspect-ratio/index.d.ts

@@ -0,0 +1,2 @@
+import { AspectRatio, AspectRatioProps } from "./aspect-ratio.js";
+export { AspectRatio, type AspectRatioProps };

package/dist/components/card/card.cjs

@@ -3,7 +3,7 @@ const require_card = require("../../styled-system/recipes/card.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/card/card.tsx
-const Card = (0, react.forwardRef)(function Card({ className, variant = "outline", ...props }, ref) {
+const CardBase = (0, react.forwardRef)(function Card({ className, variant = "outline", ...props }, ref) {
 	const styles = require_card.card({ variant });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
 		...props,
@@ -45,11 +45,20 @@ const CardFooter = (0, react.forwardRef)(function CardFooter({ className, ...pro
 		"data-slot": "card-footer"
 	});
 });
+const Card = Object.assign(CardBase, {
+	Root: CardBase,
+	Header: CardHeader,
+	Title: CardTitle,
+	Content: CardContent,
+	Footer: CardFooter
+});
+const CardNamespace = Card;
 //#endregion
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
+exports.CardNamespace = CardNamespace;
 exports.CardTitle = CardTitle;
 
 //# sourceMappingURL=card.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.cjs","names":["card","cx"],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { card } from \"../../styled-system/recipes\";\n\nexport interface CardProps extends ComponentPropsWithoutRef<\"article\"> {\n  variant?: \"outline\" | \"elevated\" | \"subtle\";\n}\n\nexport const Card = forwardRef<HTMLElement, CardProps>(function Card(\n  { className, variant = \"outline\", ...props },\n  ref,\n) {\n  const styles = card({ variant });\n\n  return (\n    <article\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"card\"\n      data-slot=\"card\"\n    />\n  );\n});\n\nexport const CardHeader = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardHeader({ className, ...props }, ref) {\n    return (\n      <div {...props} ref={ref} className={cx(card().header, className)} data-slot=\"card-header\" />\n    );\n  },\n);\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n  function CardTitle({ className, ...props }, ref) {\n    return (\n      <h3 {...props} ref={ref} className={cx(card().title, className)} data-slot=\"card-title\" />\n    );\n  },\n);\n\nexport const CardContent = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(card().content, className)}\n        data-slot=\"card-content\"\n      />\n    );\n  },\n);\n\nexport const CardFooter = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardFooter({ className, ...props }, ref) {\n    return (\n      <div {...props} ref={ref} className={cx(card().footer, className)} data-slot=\"card-footer\" />\n    );\n  },\n);\n"],"mappings":";;;;;AAUA,MAAa,QAAA,GAAA,MAAA,WAAA,CAA0C,SAAS,KAC9D,EAAE,WAAW,UAAU,WAAW,GAAG,SACrC,KACA;CACA,MAAM,SAASA,aAAAA,KAAK,EAAE,QAAQ,CAAC;CAE/B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,cAAA,GAAA,MAAA,WAAA,CACX,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAWA,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EAAG,aAAU;CAAe,CAAA;AAEhG,CACF;AAEA,MAAa,aAAA,GAAA,MAAA,WAAA,CACX,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,OAAO,SAAS;EAAG,aAAU;CAAc,CAAA;AAE7F,CACF;AAEA,MAAa,eAAA,GAAA,MAAA,WAAA,CACX,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,cAAA,GAAA,MAAA,WAAA,CACX,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EAAG,aAAU;CAAe,CAAA;AAEhG,CACF"}
+{"version":3,"file":"card.cjs","names":["card","cx"],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { card } from \"../../styled-system/recipes\";\n\nexport interface CardProps extends ComponentPropsWithoutRef<\"article\"> {\n  variant?: \"outline\" | \"elevated\" | \"subtle\";\n}\n\nconst CardBase = forwardRef<HTMLElement, CardProps>(function Card(\n  { className, variant = \"outline\", ...props },\n  ref,\n) {\n  const styles = card({ variant });\n\n  return (\n    <article\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"card\"\n      data-slot=\"card\"\n    />\n  );\n});\n\nexport const CardHeader = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardHeader({ className, ...props }, ref) {\n    return (\n      <div {...props} ref={ref} className={cx(card().header, className)} data-slot=\"card-header\" />\n    );\n  },\n);\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n  function CardTitle({ className, ...props }, ref) {\n    return (\n      <h3 {...props} ref={ref} className={cx(card().title, className)} data-slot=\"card-title\" />\n    );\n  },\n);\n\nexport const CardContent = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(card().content, className)}\n        data-slot=\"card-content\"\n      />\n    );\n  },\n);\n\nexport const CardFooter = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardFooter({ className, ...props }, ref) {\n    return (\n      <div {...props} ref={ref} className={cx(card().footer, className)} data-slot=\"card-footer\" />\n    );\n  },\n);\n\nexport const Card = Object.assign(CardBase, {\n  Root: CardBase,\n  Header: CardHeader,\n  Title: CardTitle,\n  Content: CardContent,\n  Footer: CardFooter,\n});\n\nexport const CardNamespace = Card;\n"],"mappings":";;;;;AAUA,MAAM,YAAA,GAAA,MAAA,WAAA,CAA8C,SAAS,KAC3D,EAAE,WAAW,UAAU,WAAW,GAAG,SACrC,KACA;CACA,MAAM,SAASA,aAAAA,KAAK,EAAE,QAAQ,CAAC;CAE/B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,cAAA,GAAA,MAAA,WAAA,CACX,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAWA,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EAAG,aAAU;CAAe,CAAA;AAEhG,CACF;AAEA,MAAa,aAAA,GAAA,MAAA,WAAA,CACX,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,OAAO,SAAS;EAAG,aAAU;CAAc,CAAA;AAE7F,CACF;AAEA,MAAa,eAAA,GAAA,MAAA,WAAA,CACX,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,cAAA,GAAA,MAAA,WAAA,CACX,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EAAG,aAAU;CAAe,CAAA;AAEhG,CACF;AAEA,MAAa,OAAO,OAAO,OAAO,UAAU;CAC1C,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;CACT,QAAQ;AACV,CAAC;AAED,MAAa,gBAAgB"}