jaci-ui 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Richard de Carvalho Borges
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/components/accordion/accordion.cjs

@@ -0,0 +1,83 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_accordion = require("../../styled-system/recipes/accordion.cjs");
+let _base_ui_react_accordion = require("@base-ui/react/accordion");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/accordion/accordion.tsx
+/**
+* Groups disclosure items. Use `value`/`onValueChange` for a controlled root,
+* or `defaultValue` for an uncontrolled one.
+*/
+function AccordionRoot({ className, ...props }) {
+	const styles = require_accordion.accordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Root, {
+		...props,
+		className: require_base_ui.withRecipeClassName(styles.root, className),
+		"data-jaci-component": "accordion",
+		"data-slot": "accordion"
+	});
+}
+const AccordionItem = (0, react.forwardRef)(function AccordionItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Item, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_accordion.accordion().item, className),
+		"data-slot": "accordion-item"
+	});
+});
+const AccordionHeader = (0, react.forwardRef)(function AccordionHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Header, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_accordion.accordion().header, className),
+		"data-slot": "accordion-header"
+	});
+});
+const AccordionTrigger = (0, react.forwardRef)(function AccordionTrigger({ children, className, showIndicator = true, ...props }, ref) {
+	const styles = require_accordion.accordion();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_accordion.Accordion.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.trigger, className),
+		"data-slot": "accordion-trigger",
+		children: [showIndicator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccordionIndicator, {}) : null, children]
+	});
+});
+const AccordionPanel = (0, react.forwardRef)(function AccordionPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_accordion.Accordion.Panel, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_accordion.accordion().panel, className),
+		"data-slot": "accordion-panel"
+	});
+});
+const AccordionIndicator = (0, react.forwardRef)(function AccordionIndicator({ children = "›", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_cx.cx(require_accordion.accordion().indicator, className),
+		"data-slot": "accordion-indicator",
+		children
+	});
+});
+const Accordion = {
+	Root: AccordionRoot,
+	Item: AccordionItem,
+	Header: AccordionHeader,
+	Trigger: AccordionTrigger,
+	Panel: AccordionPanel,
+	Indicator: AccordionIndicator
+};
+//#endregion
+exports.Accordion = Accordion;
+exports.AccordionHeader = AccordionHeader;
+exports.AccordionIndicator = AccordionIndicator;
+exports.AccordionItem = AccordionItem;
+exports.AccordionPanel = AccordionPanel;
+exports.AccordionRoot = AccordionRoot;
+exports.AccordionTrigger = AccordionTrigger;
+
+//# sourceMappingURL=accordion.cjs.map

package/dist/components/accordion/accordion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.cjs","names":["accordion","BaseAccordion","withRecipeClassName","cx"],"sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AccordionRoot as BaseAccordionRoot } from \"@base-ui/react/accordion\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { accordion } from \"../../styled-system/recipes\";\n\nexport type AccordionRootProps<Value = unknown> = BaseAccordionRoot.Props<Value>;\n\n/**\n * Groups disclosure items. Use `value`/`onValueChange` for a controlled root,\n * or `defaultValue` for an uncontrolled one.\n */\nexport function AccordionRoot<Value = unknown>({ className, ...props }: AccordionRootProps<Value>) {\n  const styles = accordion();\n\n  return (\n    <BaseAccordion.Root\n      {...props}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"accordion\"\n      data-slot=\"accordion\"\n    />\n  );\n}\n\nexport type AccordionItemProps = ComponentPropsWithoutRef<typeof BaseAccordion.Item>;\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseAccordion.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(accordion().item, className)}\n      data-slot=\"accordion-item\"\n    />\n  );\n});\n\nexport type AccordionHeaderProps = ComponentPropsWithoutRef<typeof BaseAccordion.Header>;\n\nexport const AccordionHeader = forwardRef<HTMLHeadingElement, AccordionHeaderProps>(\n  function AccordionHeader({ className, ...props }, ref) {\n    return (\n      <BaseAccordion.Header\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(accordion().header, className)}\n        data-slot=\"accordion-header\"\n      />\n    );\n  },\n);\n\nexport interface AccordionTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseAccordion.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const AccordionTrigger = forwardRef<HTMLElement, AccordionTriggerProps>(\n  function AccordionTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = accordion();\n\n    return (\n      <BaseAccordion.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"accordion-trigger\"\n      >\n        {showIndicator ? <AccordionIndicator /> : null}\n        {children}\n      </BaseAccordion.Trigger>\n    );\n  },\n);\n\nexport type AccordionPanelProps = ComponentPropsWithoutRef<typeof BaseAccordion.Panel>;\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n  function AccordionPanel({ className, ...props }, ref) {\n    return (\n      <BaseAccordion.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(accordion().panel, className)}\n        data-slot=\"accordion-panel\"\n      />\n    );\n  },\n);\n\nexport type AccordionIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const AccordionIndicator = forwardRef<HTMLSpanElement, AccordionIndicatorProps>(\n  function AccordionIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(accordion().indicator, className)}\n        data-slot=\"accordion-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Accordion = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n  Indicator: AccordionIndicator,\n};\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgB,cAA+B,EAAE,WAAW,GAAG,SAAoC;CACjG,MAAM,SAASA,kBAAAA,UAAU;CAEzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,UAAc,MAAf;EACE,GAAI;EACJ,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL;AAIA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAA+D,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,yBAAAA,UAAc,MAAf;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,kBAAAA,UAAU,CAAC,CAAC,MAAM,SAAS;EAC1D,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,yBAAAA,UAAc,QAAf;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,kBAAAA,UAAU,CAAC,CAAC,QAAQ,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACtF,MAAM,SAASA,kBAAAA,UAAU;CAEzB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,yBAAAA,UAAc,SAAf;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;YAJZ,CAMG,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAD,CAAqB,CAAA,IAAI,MACzC,QACoB;;AAE3B,CACF;AAIA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,yBAAAA,UAAc,OAAf;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBF,kBAAAA,UAAU,CAAC,CAAC,OAAO,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CACxE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWG,WAAAA,GAAGH,kBAAAA,UAAU,CAAC,CAAC,WAAW,SAAS;EAC9C,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAa,YAAY;CACvB,MAAM;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,OAAO;CACP,WAAW;AACb"}

package/dist/components/accordion/accordion.d.cts

@@ -0,0 +1,32 @@
+import { Accordion, AccordionRoot } from "@base-ui/react/accordion";
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/accordion/accordion.d.ts
+type AccordionRootProps<Value = unknown> = AccordionRoot.Props<Value>;
+/**
+ * Groups disclosure items. Use `value`/`onValueChange` for a controlled root,
+ * or `defaultValue` for an uncontrolled one.
+ */
+declare function AccordionRoot$1<Value = unknown>({ className, ...props }: AccordionRootProps<Value>): import("react").JSX.Element;
+type AccordionItemProps = ComponentPropsWithoutRef<typeof Accordion.Item>;
+declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AccordionHeaderProps = ComponentPropsWithoutRef<typeof Accordion.Header>;
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof Accordion.Trigger> {
+  showIndicator?: boolean;
+}
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLElement>>;
+type AccordionPanelProps = ComponentPropsWithoutRef<typeof Accordion.Panel>;
+declare const AccordionPanel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AccordionIndicatorProps = ComponentPropsWithoutRef<"span">;
+declare const AccordionIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Accordion$1: {
+  Root: typeof AccordionRoot$1;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLElement>>;
+  Panel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionHeaderProps, AccordionIndicator, AccordionIndicatorProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionRoot$1 as AccordionRoot, AccordionRootProps, AccordionTrigger, AccordionTriggerProps };
+//# sourceMappingURL=accordion.d.cts.map

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

@@ -0,0 +1,32 @@
+import { Accordion, AccordionRoot } from "@base-ui/react/accordion";
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/accordion/accordion.d.ts
+type AccordionRootProps<Value = unknown> = AccordionRoot.Props<Value>;
+/**
+ * Groups disclosure items. Use `value`/`onValueChange` for a controlled root,
+ * or `defaultValue` for an uncontrolled one.
+ */
+declare function AccordionRoot$1<Value = unknown>({ className, ...props }: AccordionRootProps<Value>): import("react").JSX.Element;
+type AccordionItemProps = ComponentPropsWithoutRef<typeof Accordion.Item>;
+declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AccordionHeaderProps = ComponentPropsWithoutRef<typeof Accordion.Header>;
+declare const AccordionHeader: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+interface AccordionTriggerProps extends ComponentPropsWithoutRef<typeof Accordion.Trigger> {
+  showIndicator?: boolean;
+}
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLElement>>;
+type AccordionPanelProps = ComponentPropsWithoutRef<typeof Accordion.Panel>;
+declare const AccordionPanel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AccordionIndicatorProps = ComponentPropsWithoutRef<"span">;
+declare const AccordionIndicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const Accordion$1: {
+  Root: typeof AccordionRoot$1;
+  Item: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionItemProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionHeaderProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Trigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<HTMLElement>>;
+  Panel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AccordionPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionHeaderProps, AccordionIndicator, AccordionIndicatorProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionRoot$1 as AccordionRoot, AccordionRootProps, AccordionTrigger, AccordionTriggerProps };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion/accordion.js

@@ -0,0 +1,77 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { accordion } from "../../styled-system/recipes/accordion.js";
+import { Accordion } from "@base-ui/react/accordion";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/accordion/accordion.tsx
+/**
+* Groups disclosure items. Use `value`/`onValueChange` for a controlled root,
+* or `defaultValue` for an uncontrolled one.
+*/
+function AccordionRoot$1({ className, ...props }) {
+	const styles = accordion();
+	return /* @__PURE__ */ jsx(Accordion.Root, {
+		...props,
+		className: withRecipeClassName(styles.root, className),
+		"data-jaci-component": "accordion",
+		"data-slot": "accordion"
+	});
+}
+const AccordionItem = forwardRef(function AccordionItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Item, {
+		...props,
+		ref,
+		className: withRecipeClassName(accordion().item, className),
+		"data-slot": "accordion-item"
+	});
+});
+const AccordionHeader = forwardRef(function AccordionHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Header, {
+		...props,
+		ref,
+		className: withRecipeClassName(accordion().header, className),
+		"data-slot": "accordion-header"
+	});
+});
+const AccordionTrigger = forwardRef(function AccordionTrigger({ children, className, showIndicator = true, ...props }, ref) {
+	const styles = accordion();
+	return /* @__PURE__ */ jsxs(Accordion.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.trigger, className),
+		"data-slot": "accordion-trigger",
+		children: [showIndicator ? /* @__PURE__ */ jsx(AccordionIndicator, {}) : null, children]
+	});
+});
+const AccordionPanel = forwardRef(function AccordionPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Accordion.Panel, {
+		...props,
+		ref,
+		className: withRecipeClassName(accordion().panel, className),
+		"data-slot": "accordion-panel"
+	});
+});
+const AccordionIndicator = forwardRef(function AccordionIndicator({ children = "›", className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: cx(accordion().indicator, className),
+		"data-slot": "accordion-indicator",
+		children
+	});
+});
+const Accordion$1 = {
+	Root: AccordionRoot$1,
+	Item: AccordionItem,
+	Header: AccordionHeader,
+	Trigger: AccordionTrigger,
+	Panel: AccordionPanel,
+	Indicator: AccordionIndicator
+};
+//#endregion
+export { Accordion$1 as Accordion, AccordionHeader, AccordionIndicator, AccordionItem, AccordionPanel, AccordionRoot$1 as AccordionRoot, AccordionTrigger };
+
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","names":["AccordionRoot","BaseAccordion","Accordion"],"sources":["../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { Accordion as BaseAccordion } from \"@base-ui/react/accordion\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AccordionRoot as BaseAccordionRoot } from \"@base-ui/react/accordion\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { accordion } from \"../../styled-system/recipes\";\n\nexport type AccordionRootProps<Value = unknown> = BaseAccordionRoot.Props<Value>;\n\n/**\n * Groups disclosure items. Use `value`/`onValueChange` for a controlled root,\n * or `defaultValue` for an uncontrolled one.\n */\nexport function AccordionRoot<Value = unknown>({ className, ...props }: AccordionRootProps<Value>) {\n  const styles = accordion();\n\n  return (\n    <BaseAccordion.Root\n      {...props}\n      className={withRecipeClassName(styles.root, className)}\n      data-jaci-component=\"accordion\"\n      data-slot=\"accordion\"\n    />\n  );\n}\n\nexport type AccordionItemProps = ComponentPropsWithoutRef<typeof BaseAccordion.Item>;\n\nexport const AccordionItem = forwardRef<HTMLDivElement, AccordionItemProps>(function AccordionItem(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <BaseAccordion.Item\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(accordion().item, className)}\n      data-slot=\"accordion-item\"\n    />\n  );\n});\n\nexport type AccordionHeaderProps = ComponentPropsWithoutRef<typeof BaseAccordion.Header>;\n\nexport const AccordionHeader = forwardRef<HTMLHeadingElement, AccordionHeaderProps>(\n  function AccordionHeader({ className, ...props }, ref) {\n    return (\n      <BaseAccordion.Header\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(accordion().header, className)}\n        data-slot=\"accordion-header\"\n      />\n    );\n  },\n);\n\nexport interface AccordionTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseAccordion.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const AccordionTrigger = forwardRef<HTMLElement, AccordionTriggerProps>(\n  function AccordionTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = accordion();\n\n    return (\n      <BaseAccordion.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"accordion-trigger\"\n      >\n        {showIndicator ? <AccordionIndicator /> : null}\n        {children}\n      </BaseAccordion.Trigger>\n    );\n  },\n);\n\nexport type AccordionPanelProps = ComponentPropsWithoutRef<typeof BaseAccordion.Panel>;\n\nexport const AccordionPanel = forwardRef<HTMLDivElement, AccordionPanelProps>(\n  function AccordionPanel({ className, ...props }, ref) {\n    return (\n      <BaseAccordion.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(accordion().panel, className)}\n        data-slot=\"accordion-panel\"\n      />\n    );\n  },\n);\n\nexport type AccordionIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const AccordionIndicator = forwardRef<HTMLSpanElement, AccordionIndicatorProps>(\n  function AccordionIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(accordion().indicator, className)}\n        data-slot=\"accordion-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Accordion = {\n  Root: AccordionRoot,\n  Item: AccordionItem,\n  Header: AccordionHeader,\n  Trigger: AccordionTrigger,\n  Panel: AccordionPanel,\n  Indicator: AccordionIndicator,\n};\n"],"mappings":";;;;;;;;;;;;AAiBA,SAAgBA,gBAA+B,EAAE,WAAW,GAAG,SAAoC;CACjG,MAAM,SAAS,UAAU;CAEzB,OACE,oBAACC,UAAc,MAAf;EACE,GAAI;EACJ,WAAW,oBAAoB,OAAO,MAAM,SAAS;EACrD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL;AAIA,MAAa,gBAAgB,WAA+C,SAAS,cACnF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAACA,UAAc,MAAf;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,UAAU,CAAC,CAAC,MAAM,SAAS;EAC1D,aAAU;CACX,CAAA;AAEL,CAAC;AAID,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAACA,UAAc,QAAf;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,UAAU,CAAC,CAAC,QAAQ,SAAS;EAC5D,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,mBAAmB,WAC9B,SAAS,iBAAiB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACtF,MAAM,SAAS,UAAU;CAEzB,OACE,qBAACA,UAAc,SAAf;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;YAJZ,CAMG,gBAAgB,oBAAC,oBAAD,CAAqB,CAAA,IAAI,MACzC,QACoB;;AAE3B,CACF;AAIA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAACA,UAAc,OAAf;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,UAAU,CAAC,CAAC,OAAO,SAAS;EAC3D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CACxE,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAW,GAAG,UAAU,CAAC,CAAC,WAAW,SAAS;EAC9C,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAaC,cAAY;CACvB,MAAMF;CACN,MAAM;CACN,QAAQ;CACR,SAAS;CACT,OAAO;CACP,WAAW;AACb"}

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

@@ -0,0 +1,2 @@
+import { Accordion, AccordionHeader, AccordionHeaderProps, AccordionIndicator, AccordionIndicatorProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionRoot, AccordionRootProps, AccordionTrigger, AccordionTriggerProps } from "./accordion.cjs";
+export { Accordion, AccordionHeader, type AccordionHeaderProps, AccordionIndicator, type AccordionIndicatorProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps };

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

@@ -0,0 +1,2 @@
+import { Accordion, AccordionHeader, AccordionHeaderProps, AccordionIndicator, AccordionIndicatorProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionRoot, AccordionRootProps, AccordionTrigger, AccordionTriggerProps } from "./accordion.js";
+export { Accordion, AccordionHeader, type AccordionHeaderProps, AccordionIndicator, type AccordionIndicatorProps, AccordionItem, type AccordionItemProps, AccordionPanel, type AccordionPanelProps, AccordionRoot, type AccordionRootProps, AccordionTrigger, type AccordionTriggerProps };

package/dist/components/alert/alert.cjs

@@ -0,0 +1,76 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_alert = require("../../styled-system/recipes/alert.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/alert/alert.tsx
+const AlertToneContext = (0, react.createContext)("info");
+function useAlertStyles() {
+	return require_alert.alert({ tone: (0, react.useContext)(AlertToneContext) });
+}
+const iconByTone = {
+	danger: "!",
+	info: "i",
+	success: "✓",
+	warning: "!"
+};
+/**
+* An SSR-safe status message. Informational alerts use a polite live region;
+* warnings and errors default to the assertive `alert` role.
+*/
+const AlertRoot = (0, react.forwardRef)(function AlertRoot({ className, role, tone = "info", ...props }, ref) {
+	const styles = require_alert.alert({ tone });
+	const defaultRole = tone === "danger" || tone === "warning" ? "alert" : "status";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertToneContext.Provider, {
+		value: tone,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			...props,
+			ref,
+			className: require_cx.cx(styles.root, className),
+			"data-jaci-component": "alert",
+			"data-jaci-tone": tone,
+			"data-slot": "alert",
+			role: role ?? defaultRole
+		})
+	});
+});
+const AlertIcon = (0, react.forwardRef)(function AlertIcon({ children, className, ...props }, ref) {
+	const tone = (0, react.useContext)(AlertToneContext);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_cx.cx(useAlertStyles().icon, className),
+		"data-slot": "alert-icon",
+		children: children ?? iconByTone[tone]
+	});
+});
+const AlertTitle = (0, react.forwardRef)(function AlertTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(useAlertStyles().title, className),
+		"data-slot": "alert-title"
+	});
+});
+const AlertDescription = (0, react.forwardRef)(function AlertDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(useAlertStyles().description, className),
+		"data-slot": "alert-description"
+	});
+});
+const Alert = {
+	Root: AlertRoot,
+	Icon: AlertIcon,
+	Title: AlertTitle,
+	Description: AlertDescription
+};
+//#endregion
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertIcon = AlertIcon;
+exports.AlertRoot = AlertRoot;
+exports.AlertTitle = AlertTitle;
+
+//# sourceMappingURL=alert.cjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/alert/alert.d.ts
+type AlertTone = "info" | "success" | "warning" | "danger";
+interface AlertRootProps extends ComponentPropsWithoutRef<"div"> {
+  tone?: AlertTone;
+}
+/**
+ * An SSR-safe status message. Informational alerts use a polite live region;
+ * warnings and errors default to the assertive `alert` role.
+ */
+declare const AlertRoot: import("react").ForwardRefExoticComponent<AlertRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type AlertIconProps = ComponentPropsWithoutRef<"span">;
+declare const AlertIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+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>>;
+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>>;
+};
+//#endregion
+export { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone };
+//# sourceMappingURL=alert.d.cts.map

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

@@ -0,0 +1,26 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/alert/alert.d.ts
+type AlertTone = "info" | "success" | "warning" | "danger";
+interface AlertRootProps extends ComponentPropsWithoutRef<"div"> {
+  tone?: AlertTone;
+}
+/**
+ * An SSR-safe status message. Informational alerts use a polite live region;
+ * warnings and errors default to the assertive `alert` role.
+ */
+declare const AlertRoot: import("react").ForwardRefExoticComponent<AlertRootProps & import("react").RefAttributes<HTMLDivElement>>;
+type AlertIconProps = ComponentPropsWithoutRef<"span">;
+declare const AlertIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+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>>;
+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>>;
+};
+//#endregion
+export { Alert, AlertDescription, AlertDescriptionProps, AlertIcon, AlertIconProps, AlertRoot, AlertRootProps, AlertTitle, AlertTitleProps, AlertTone };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert/alert.js

@@ -0,0 +1,72 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { alert } from "../../styled-system/recipes/alert.js";
+import { createContext, forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/alert/alert.tsx
+const AlertToneContext = createContext("info");
+function useAlertStyles() {
+	return alert({ tone: useContext(AlertToneContext) });
+}
+const iconByTone = {
+	danger: "!",
+	info: "i",
+	success: "✓",
+	warning: "!"
+};
+/**
+* An SSR-safe status message. Informational alerts use a polite live region;
+* warnings and errors default to the assertive `alert` role.
+*/
+const AlertRoot = forwardRef(function AlertRoot({ className, role, tone = "info", ...props }, ref) {
+	const styles = alert({ tone });
+	const defaultRole = tone === "danger" || tone === "warning" ? "alert" : "status";
+	return /* @__PURE__ */ jsx(AlertToneContext.Provider, {
+		value: tone,
+		children: /* @__PURE__ */ jsx("div", {
+			...props,
+			ref,
+			className: cx(styles.root, className),
+			"data-jaci-component": "alert",
+			"data-jaci-tone": tone,
+			"data-slot": "alert",
+			role: role ?? defaultRole
+		})
+	});
+});
+const AlertIcon = forwardRef(function AlertIcon({ children, className, ...props }, ref) {
+	const tone = useContext(AlertToneContext);
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: cx(useAlertStyles().icon, className),
+		"data-slot": "alert-icon",
+		children: children ?? iconByTone[tone]
+	});
+});
+const AlertTitle = forwardRef(function AlertTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(useAlertStyles().title, className),
+		"data-slot": "alert-title"
+	});
+});
+const AlertDescription = forwardRef(function AlertDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(useAlertStyles().description, className),
+		"data-slot": "alert-description"
+	});
+});
+const Alert = {
+	Root: AlertRoot,
+	Icon: AlertIcon,
+	Title: AlertTitle,
+	Description: AlertDescription
+};
+//#endregion
+export { Alert, AlertDescription, AlertIcon, AlertRoot, AlertTitle };
+
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +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 };

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

@@ -0,0 +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 };