jaci-ui 0.1.0

package/dist/components/form/form.js

@@ -0,0 +1,26 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { form } from "../../styled-system/recipes/form.js";
+import { createContext, forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Form } from "@base-ui/react/form";
+//#region src/components/form/form.tsx
+const JaciFormContext = createContext({ errors: {} });
+const Form$1 = forwardRef(function Form$2({ children, className, errors, ...props }, ref) {
+	return /* @__PURE__ */ jsx(JaciFormContext.Provider, {
+		value: { errors: errors ?? {} },
+		children: /* @__PURE__ */ jsx(Form, {
+			...props,
+			ref,
+			className: cx(form(), className),
+			"data-jaci-component": "form",
+			"data-slot": "form",
+			errors,
+			children
+		})
+	});
+});
+//#endregion
+export { Form$1 as Form, JaciFormContext };
+
+//# sourceMappingURL=form.js.map

package/dist/components/form/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["Form","BaseForm"],"sources":["../../../src/components/form/form.tsx"],"sourcesContent":["\"use client\";\n\nimport { Form as BaseForm } from \"@base-ui/react/form\";\nimport { createContext, forwardRef } from \"react\";\nimport type { ReactElement, ReactNode, RefAttributes } from \"react\";\nimport type { FormProps as BaseFormProps } from \"@base-ui/react/form\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { form } from \"../../styled-system/recipes\";\n\nexport type FormErrors = Record<string, string | string[]>;\n\ninterface JaciFormContextValue {\n  errors: FormErrors;\n}\n\nexport const JaciFormContext = createContext<JaciFormContextValue>({ errors: {} });\n\nexport interface FormProps<FormValues extends Record<string, unknown> = Record<string, unknown>>\n  extends Omit<BaseFormProps<FormValues>, \"children\" | \"errors\" | \"className\"> {\n  className?: string;\n  /** External errors keyed by each field's `name`. */\n  errors?: FormErrors;\n  children?: ReactNode;\n}\n\nconst FormRoot = forwardRef<HTMLFormElement, FormProps>(function Form(\n  { children, className, errors, ...props },\n  ref,\n) {\n  return (\n    <JaciFormContext.Provider value={{ errors: errors ?? {} }}>\n      <BaseForm\n        {...props}\n        ref={ref}\n        className={cx(form(), className)}\n        data-jaci-component=\"form\"\n        data-slot=\"form\"\n        errors={errors}\n      >\n        {children}\n      </BaseForm>\n    </JaciFormContext.Provider>\n  );\n});\n\nexport const Form = FormRoot as <\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n>(\n  props: FormProps<FormValues> & RefAttributes<HTMLFormElement>,\n) => ReactElement | null;\n"],"mappings":";;;;;;;AAgBA,MAAa,kBAAkB,cAAoC,EAAE,QAAQ,CAAC,EAAE,CAAC;AA8BjF,MAAaA,SApBI,WAAuC,SAASA,OAC/D,EAAE,UAAU,WAAW,QAAQ,GAAG,SAClC,KACA;CACA,OACE,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO,EAAE,QAAQ,UAAU,CAAC,EAAE;YACtD,oBAACC,MAAD;GACE,GAAI;GACC;GACL,WAAW,GAAG,KAAK,GAAG,SAAS;GAC/B,uBAAoB;GACpB,aAAU;GACF;GAEP;EACO,CAAA;CACc,CAAA;AAE9B,CAEoB"}

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

@@ -0,0 +1,2 @@
+import { Form, FormErrors, FormProps, JaciFormContext } from "./form.cjs";
+export { Form, type FormErrors, type FormProps, JaciFormContext };

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

@@ -0,0 +1,2 @@
+import { Form, FormErrors, FormProps, JaciFormContext } from "./form.js";
+export { Form, type FormErrors, type FormProps, JaciFormContext };

package/dist/components/layout/index.cjs

@@ -0,0 +1,73 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_layout_stack = require("../../styled-system/recipes/layout-stack.cjs");
+const require_layout_grid = require("../../styled-system/recipes/layout-grid.cjs");
+const require_separator = require("../../styled-system/recipes/separator.cjs");
+const require_spinner = require("../../styled-system/recipes/spinner.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/layout/index.tsx
+const Stack = (0, react.forwardRef)(function Stack({ className, direction = "vertical", gap = "md", align = "stretch", justify = "start", wrap = "nowrap", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_layout_stack.layoutStack({
+			direction,
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		"data-jaci-component": "stack",
+		"data-slot": "stack"
+	});
+});
+const Flex = (0, react.forwardRef)(function Flex({ direction = "horizontal", wrap = "wrap", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Stack, {
+		...props,
+		ref,
+		direction,
+		"data-jaci-component": "flex",
+		wrap
+	});
+});
+const Grid = (0, react.forwardRef)(function Grid({ className, columns = 3, gap = "md", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_layout_grid.layoutGrid({
+			columns: String(columns),
+			gap
+		}), className),
+		"data-jaci-component": "grid",
+		"data-slot": "grid"
+	});
+});
+const Separator = (0, react.forwardRef)(function Separator({ className, orientation = "horizontal", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("hr", {
+		...props,
+		"aria-orientation": orientation,
+		ref,
+		className: require_cx.cx(require_separator.separator({ orientation }), className),
+		"data-jaci-component": "separator",
+		"data-slot": "separator"
+	});
+});
+const Spinner = (0, react.forwardRef)(function Spinner({ className, label = "Loading", size = "md", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"aria-label": label,
+		className: require_cx.cx(require_spinner.spinner({ size }), className),
+		"data-jaci-component": "spinner",
+		"data-slot": "spinner",
+		ref,
+		role: "status"
+	});
+});
+//#endregion
+exports.Flex = Flex;
+exports.Grid = Grid;
+exports.Separator = Separator;
+exports.Spinner = Spinner;
+exports.Stack = Stack;
+
+//# sourceMappingURL=index.cjs.map

package/dist/components/layout/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["cx","layoutStack","layoutGrid","separator","spinner"],"sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { layoutGrid, layoutStack, separator, spinner } from \"../../styled-system/recipes\";\n\nexport type LayoutGap = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type LayoutAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type LayoutJustify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type LayoutWrap = \"wrap\" | \"nowrap\";\n\nexport interface StackProps extends ComponentPropsWithoutRef<\"div\"> {\n  direction?: \"vertical\" | \"horizontal\";\n  gap?: LayoutGap;\n  align?: LayoutAlign;\n  justify?: LayoutJustify;\n  wrap?: LayoutWrap;\n}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(function Stack(\n  {\n    className,\n    direction = \"vertical\",\n    gap = \"md\",\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = \"nowrap\",\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(layoutStack({ direction, gap, align, justify, wrap }), className)}\n      data-jaci-component=\"stack\"\n      data-slot=\"stack\"\n    />\n  );\n});\n\nexport interface FlexProps extends Omit<StackProps, \"direction\"> {\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>(function Flex(\n  { direction = \"horizontal\", wrap = \"wrap\", ...props },\n  ref,\n) {\n  return (\n    <Stack {...props} ref={ref} direction={direction} data-jaci-component=\"flex\" wrap={wrap} />\n  );\n});\n\nexport interface GridProps extends ComponentPropsWithoutRef<\"div\"> {\n  columns?: 1 | 2 | 3 | 4;\n  gap?: LayoutGap;\n}\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  { className, columns = 3, gap = \"md\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(\n        layoutGrid({ columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\", gap }),\n        className,\n      )}\n      data-jaci-component=\"grid\"\n      data-slot=\"grid\"\n    />\n  );\n});\n\nexport interface SeparatorProps extends Omit<ComponentPropsWithoutRef<\"hr\">, \"orientation\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const Separator = forwardRef<HTMLHRElement, SeparatorProps>(function Separator(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  return (\n    <hr\n      {...props}\n      aria-orientation={orientation}\n      ref={ref}\n      className={cx(separator({ orientation }), className)}\n      data-jaci-component=\"separator\"\n      data-slot=\"separator\"\n    />\n  );\n});\n\nexport interface SpinnerProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  label?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(function Spinner(\n  { className, label = \"Loading\", size = \"md\", ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      aria-label={label}\n      className={cx(spinner({ size }), className)}\n      data-jaci-component=\"spinner\"\n      data-slot=\"spinner\"\n      ref={ref}\n      role=\"status\"\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAmBA,MAAa,SAAA,GAAA,MAAA,WAAA,CAA+C,SAAS,MACnE,EACE,WACA,YAAY,YACZ,MAAM,MACN,QAAQ,WACR,UAAU,SACV,OAAO,UACP,GAAG,SAEL,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,qBAAAA,YAAY;GAAE;GAAW;GAAK;GAAO;GAAS;EAAK,CAAC,GAAG,SAAS;EAC9E,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAMD,MAAa,QAAA,GAAA,MAAA,WAAA,CAA6C,SAAS,KACjE,EAAE,YAAY,cAAc,OAAO,QAAQ,GAAG,SAC9C,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAO,GAAI;EAAY;EAAgB;EAAW,uBAAoB;EAAa;CAAO,CAAA;AAE9F,CAAC;AAOD,MAAa,QAAA,GAAA,MAAA,WAAA,CAA6C,SAAS,KACjE,EAAE,WAAW,UAAU,GAAG,MAAM,MAAM,GAAG,SACzC,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GACTE,oBAAAA,WAAW;GAAE,SAAS,OAAO,OAAO;GAA4B;EAAI,CAAC,GACrE,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAMD,MAAa,aAAA,GAAA,MAAA,WAAA,CAAsD,SAAS,UAC1E,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACJ,oBAAkB;EACb;EACL,WAAWF,WAAAA,GAAGG,kBAAAA,UAAU,EAAE,YAAY,CAAC,GAAG,SAAS;EACnD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAOD,MAAa,WAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,QACxE,EAAE,WAAW,QAAQ,WAAW,OAAO,MAAM,GAAG,SAChD,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,cAAY;EACZ,WAAWH,WAAAA,GAAGI,gBAAAA,QAAQ,EAAE,KAAK,CAAC,GAAG,SAAS;EAC1C,uBAAoB;EACpB,aAAU;EACL;EACL,MAAK;CACN,CAAA;AAEL,CAAC"}

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

@@ -0,0 +1,35 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/layout/index.d.ts
+type LayoutGap = "none" | "sm" | "md" | "lg" | "xl";
+type LayoutAlign = "start" | "center" | "end" | "stretch";
+type LayoutJustify = "start" | "center" | "end" | "between";
+type LayoutWrap = "wrap" | "nowrap";
+interface StackProps extends ComponentPropsWithoutRef<"div"> {
+  direction?: "vertical" | "horizontal";
+  gap?: LayoutGap;
+  align?: LayoutAlign;
+  justify?: LayoutJustify;
+  wrap?: LayoutWrap;
+}
+declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+interface FlexProps extends Omit<StackProps, "direction"> {
+  direction?: "horizontal" | "vertical";
+}
+declare const Flex: import("react").ForwardRefExoticComponent<FlexProps & import("react").RefAttributes<HTMLDivElement>>;
+interface GridProps extends ComponentPropsWithoutRef<"div"> {
+  columns?: 1 | 2 | 3 | 4;
+  gap?: LayoutGap;
+}
+declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+interface SeparatorProps extends Omit<ComponentPropsWithoutRef<"hr">, "orientation"> {
+  orientation?: "horizontal" | "vertical";
+}
+declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
+interface SpinnerProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+  label?: string;
+  size?: "sm" | "md" | "lg";
+}
+declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Flex, FlexProps, Grid, GridProps, LayoutAlign, LayoutGap, LayoutJustify, LayoutWrap, Separator, SeparatorProps, Spinner, SpinnerProps, Stack, StackProps };
+//# sourceMappingURL=index.d.cts.map

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

@@ -0,0 +1,35 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/layout/index.d.ts
+type LayoutGap = "none" | "sm" | "md" | "lg" | "xl";
+type LayoutAlign = "start" | "center" | "end" | "stretch";
+type LayoutJustify = "start" | "center" | "end" | "between";
+type LayoutWrap = "wrap" | "nowrap";
+interface StackProps extends ComponentPropsWithoutRef<"div"> {
+  direction?: "vertical" | "horizontal";
+  gap?: LayoutGap;
+  align?: LayoutAlign;
+  justify?: LayoutJustify;
+  wrap?: LayoutWrap;
+}
+declare const Stack: import("react").ForwardRefExoticComponent<StackProps & import("react").RefAttributes<HTMLDivElement>>;
+interface FlexProps extends Omit<StackProps, "direction"> {
+  direction?: "horizontal" | "vertical";
+}
+declare const Flex: import("react").ForwardRefExoticComponent<FlexProps & import("react").RefAttributes<HTMLDivElement>>;
+interface GridProps extends ComponentPropsWithoutRef<"div"> {
+  columns?: 1 | 2 | 3 | 4;
+  gap?: LayoutGap;
+}
+declare const Grid: import("react").ForwardRefExoticComponent<GridProps & import("react").RefAttributes<HTMLDivElement>>;
+interface SeparatorProps extends Omit<ComponentPropsWithoutRef<"hr">, "orientation"> {
+  orientation?: "horizontal" | "vertical";
+}
+declare const Separator: import("react").ForwardRefExoticComponent<SeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
+interface SpinnerProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
+  label?: string;
+  size?: "sm" | "md" | "lg";
+}
+declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Flex, FlexProps, Grid, GridProps, LayoutAlign, LayoutGap, LayoutJustify, LayoutWrap, Separator, SeparatorProps, Spinner, SpinnerProps, Stack, StackProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.js

@@ -0,0 +1,69 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { layoutStack } from "../../styled-system/recipes/layout-stack.js";
+import { layoutGrid } from "../../styled-system/recipes/layout-grid.js";
+import { separator } from "../../styled-system/recipes/separator.js";
+import { spinner } from "../../styled-system/recipes/spinner.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/layout/index.tsx
+const Stack = forwardRef(function Stack({ className, direction = "vertical", gap = "md", align = "stretch", justify = "start", wrap = "nowrap", ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(layoutStack({
+			direction,
+			gap,
+			align,
+			justify,
+			wrap
+		}), className),
+		"data-jaci-component": "stack",
+		"data-slot": "stack"
+	});
+});
+const Flex = forwardRef(function Flex({ direction = "horizontal", wrap = "wrap", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Stack, {
+		...props,
+		ref,
+		direction,
+		"data-jaci-component": "flex",
+		wrap
+	});
+});
+const Grid = forwardRef(function Grid({ className, columns = 3, gap = "md", ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(layoutGrid({
+			columns: String(columns),
+			gap
+		}), className),
+		"data-jaci-component": "grid",
+		"data-slot": "grid"
+	});
+});
+const Separator = forwardRef(function Separator({ className, orientation = "horizontal", ...props }, ref) {
+	return /* @__PURE__ */ jsx("hr", {
+		...props,
+		"aria-orientation": orientation,
+		ref,
+		className: cx(separator({ orientation }), className),
+		"data-jaci-component": "separator",
+		"data-slot": "separator"
+	});
+});
+const Spinner = forwardRef(function Spinner({ className, label = "Loading", size = "md", ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		"aria-label": label,
+		className: cx(spinner({ size }), className),
+		"data-jaci-component": "spinner",
+		"data-slot": "spinner",
+		ref,
+		role: "status"
+	});
+});
+//#endregion
+export { Flex, Grid, Separator, Spinner, Stack };
+
+//# sourceMappingURL=index.js.map

package/dist/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/layout/index.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { layoutGrid, layoutStack, separator, spinner } from \"../../styled-system/recipes\";\n\nexport type LayoutGap = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type LayoutAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\nexport type LayoutJustify = \"start\" | \"center\" | \"end\" | \"between\";\nexport type LayoutWrap = \"wrap\" | \"nowrap\";\n\nexport interface StackProps extends ComponentPropsWithoutRef<\"div\"> {\n  direction?: \"vertical\" | \"horizontal\";\n  gap?: LayoutGap;\n  align?: LayoutAlign;\n  justify?: LayoutJustify;\n  wrap?: LayoutWrap;\n}\n\nexport const Stack = forwardRef<HTMLDivElement, StackProps>(function Stack(\n  {\n    className,\n    direction = \"vertical\",\n    gap = \"md\",\n    align = \"stretch\",\n    justify = \"start\",\n    wrap = \"nowrap\",\n    ...props\n  },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(layoutStack({ direction, gap, align, justify, wrap }), className)}\n      data-jaci-component=\"stack\"\n      data-slot=\"stack\"\n    />\n  );\n});\n\nexport interface FlexProps extends Omit<StackProps, \"direction\"> {\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>(function Flex(\n  { direction = \"horizontal\", wrap = \"wrap\", ...props },\n  ref,\n) {\n  return (\n    <Stack {...props} ref={ref} direction={direction} data-jaci-component=\"flex\" wrap={wrap} />\n  );\n});\n\nexport interface GridProps extends ComponentPropsWithoutRef<\"div\"> {\n  columns?: 1 | 2 | 3 | 4;\n  gap?: LayoutGap;\n}\n\nexport const Grid = forwardRef<HTMLDivElement, GridProps>(function Grid(\n  { className, columns = 3, gap = \"md\", ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={cx(\n        layoutGrid({ columns: String(columns) as \"1\" | \"2\" | \"3\" | \"4\", gap }),\n        className,\n      )}\n      data-jaci-component=\"grid\"\n      data-slot=\"grid\"\n    />\n  );\n});\n\nexport interface SeparatorProps extends Omit<ComponentPropsWithoutRef<\"hr\">, \"orientation\"> {\n  orientation?: \"horizontal\" | \"vertical\";\n}\n\nexport const Separator = forwardRef<HTMLHRElement, SeparatorProps>(function Separator(\n  { className, orientation = \"horizontal\", ...props },\n  ref,\n) {\n  return (\n    <hr\n      {...props}\n      aria-orientation={orientation}\n      ref={ref}\n      className={cx(separator({ orientation }), className)}\n      data-jaci-component=\"separator\"\n      data-slot=\"separator\"\n    />\n  );\n});\n\nexport interface SpinnerProps extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  label?: string;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(function Spinner(\n  { className, label = \"Loading\", size = \"md\", ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      aria-label={label}\n      className={cx(spinner({ size }), className)}\n      data-jaci-component=\"spinner\"\n      data-slot=\"spinner\"\n      ref={ref}\n      role=\"status\"\n    />\n  );\n});\n"],"mappings":";;;;;;;;AAmBA,MAAa,QAAQ,WAAuC,SAAS,MACnE,EACE,WACA,YAAY,YACZ,MAAM,MACN,QAAQ,WACR,UAAU,SACV,OAAO,UACP,GAAG,SAEL,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,YAAY;GAAE;GAAW;GAAK;GAAO;GAAS;EAAK,CAAC,GAAG,SAAS;EAC9E,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAMD,MAAa,OAAO,WAAsC,SAAS,KACjE,EAAE,YAAY,cAAc,OAAO,QAAQ,GAAG,SAC9C,KACA;CACA,OACE,oBAAC,OAAD;EAAO,GAAI;EAAY;EAAgB;EAAW,uBAAoB;EAAa;CAAO,CAAA;AAE9F,CAAC;AAOD,MAAa,OAAO,WAAsC,SAAS,KACjE,EAAE,WAAW,UAAU,GAAG,MAAM,MAAM,GAAG,SACzC,KACA;CACA,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GACT,WAAW;GAAE,SAAS,OAAO,OAAO;GAA4B;EAAI,CAAC,GACrE,SACF;EACA,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAMD,MAAa,YAAY,WAA0C,SAAS,UAC1E,EAAE,WAAW,cAAc,cAAc,GAAG,SAC5C,KACA;CACA,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,oBAAkB;EACb;EACL,WAAW,GAAG,UAAU,EAAE,YAAY,CAAC,GAAG,SAAS;EACnD,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAOD,MAAa,UAAU,WAA0C,SAAS,QACxE,EAAE,WAAW,QAAQ,WAAW,OAAO,MAAM,GAAG,SAChD,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACJ,cAAY;EACZ,WAAW,GAAG,QAAQ,EAAE,KAAK,CAAC,GAAG,SAAS;EAC1C,uBAAoB;EACpB,aAAU;EACL;EACL,MAAK;CACN,CAAA;AAEL,CAAC"}

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

@@ -0,0 +1,2 @@
+import { List, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant } from "./list.cjs";
+export { List, type ListGap, ListItem, ListItemAction, type ListItemActionProps, ListItemContent, type ListItemContentProps, ListItemDescription, type ListItemDescriptionProps, type ListItemProps, ListItemTitle, type ListItemTitleProps, ListRoot, type ListRootProps, type ListVariant };

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

@@ -0,0 +1,2 @@
+import { List, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant } from "./list.js";
+export { List, type ListGap, ListItem, ListItemAction, type ListItemActionProps, ListItemContent, type ListItemContentProps, ListItemDescription, type ListItemDescriptionProps, type ListItemProps, ListItemTitle, type ListItemTitleProps, ListRoot, type ListRootProps, type ListVariant };

package/dist/components/list/list.cjs

@@ -0,0 +1,86 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_list = require("../../styled-system/recipes/list.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/list/list.tsx
+const ListRoot = (0, react.forwardRef)(function ListRoot({ children, className, gap = "md", ordered = false, variant = "plain", ...props }, ref) {
+	const styles = require_list.list({
+		gap,
+		variant
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ordered ? "ol" : "ul", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.root, className),
+		"data-gap": gap,
+		"data-jaci-component": "list",
+		"data-ordered": ordered || void 0,
+		"data-slot": "list",
+		"data-variant": variant,
+		children
+	});
+});
+const ListItem = (0, react.forwardRef)(function ListItem({ children, className, disabled = false, interactive = false, selected = false, ...props }, ref) {
+	const styles = require_list.list();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+		...props,
+		ref,
+		"aria-disabled": disabled || void 0,
+		className: require_cx.cx(styles.item, className),
+		"data-disabled": disabled || void 0,
+		"data-interactive": interactive || void 0,
+		"data-selected": selected || void 0,
+		"data-slot": "list-item",
+		children
+	});
+});
+const ListItemContent = (0, react.forwardRef)(function ListItemContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_list.list().content, className),
+		"data-slot": "list-item-content"
+	});
+});
+const ListItemTitle = (0, react.forwardRef)(function ListItemTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		className: require_cx.cx(require_list.list().title, className),
+		"data-slot": "list-item-title"
+	});
+});
+const ListItemDescription = (0, react.forwardRef)(function ListItemDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		className: require_cx.cx(require_list.list().description, className),
+		"data-slot": "list-item-description"
+	});
+});
+const ListItemAction = (0, react.forwardRef)(function ListItemAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_list.list().action, className),
+		"data-slot": "list-item-action"
+	});
+});
+const List = {
+	Root: ListRoot,
+	Item: ListItem,
+	ItemContent: ListItemContent,
+	ItemTitle: ListItemTitle,
+	ItemDescription: ListItemDescription,
+	ItemAction: ListItemAction
+};
+//#endregion
+exports.List = List;
+exports.ListItem = ListItem;
+exports.ListItemAction = ListItemAction;
+exports.ListItemContent = ListItemContent;
+exports.ListItemDescription = ListItemDescription;
+exports.ListItemTitle = ListItemTitle;
+exports.ListRoot = ListRoot;
+
+//# sourceMappingURL=list.cjs.map

package/dist/components/list/list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.cjs","names":["list","cx"],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  { children, className, gap = \"md\", ordered = false, variant = \"plain\", ...props },\n  ref,\n) {\n  const styles = list({ gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAgBA,MAAa,YAAA,GAAA,MAAA,WAAA,CAAkD,SAAS,SACtE,EAAE,UAAU,WAAW,MAAM,MAAM,UAAU,OAAO,UAAU,SAAS,GAAG,SAC1E,KACA;CACA,MAAM,SAASA,aAAAA,KAAK;EAAE;EAAK;CAAQ,CAAC;CAGpC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,YAAA,GAAA,MAAA,WAAA,CAAoD,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAASD,aAAAA,KAAK;CAEpB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAWC,WAAAA,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAA,GAAA,MAAA,WAAA,CAAgE,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWC,WAAAA,GAAGD,aAAAA,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}

package/dist/components/list/list.d.cts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/list/list.d.ts
+type ListVariant = "plain" | "divided" | "card";
+type ListGap = "none" | "sm" | "md" | "lg";
+interface ListRootProps extends Omit<ComponentPropsWithoutRef<"ul">, "children"> {
+  children?: ReactNode;
+  gap?: ListGap;
+  ordered?: boolean;
+  variant?: ListVariant;
+}
+declare const ListRoot: import("react").ForwardRefExoticComponent<ListRootProps & import("react").RefAttributes<HTMLElement>>;
+interface ListItemProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+  children?: ReactNode;
+  disabled?: boolean;
+  interactive?: boolean;
+  selected?: boolean;
+}
+declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+type ListItemContentProps = ComponentPropsWithoutRef<"div">;
+declare const ListItemContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ListItemTitleProps = ComponentPropsWithoutRef<"span">;
+declare const ListItemTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ListItemDescriptionProps = ComponentPropsWithoutRef<"span">;
+declare const ListItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ListItemActionProps = ComponentPropsWithoutRef<"div">;
+declare const ListItemAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const List: {
+  Root: import("react").ForwardRefExoticComponent<ListRootProps & import("react").RefAttributes<HTMLElement>>;
+  Item: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  ItemContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ItemAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { List, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant };
+//# sourceMappingURL=list.d.cts.map

package/dist/components/list/list.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+//#region src/components/list/list.d.ts
+type ListVariant = "plain" | "divided" | "card";
+type ListGap = "none" | "sm" | "md" | "lg";
+interface ListRootProps extends Omit<ComponentPropsWithoutRef<"ul">, "children"> {
+  children?: ReactNode;
+  gap?: ListGap;
+  ordered?: boolean;
+  variant?: ListVariant;
+}
+declare const ListRoot: import("react").ForwardRefExoticComponent<ListRootProps & import("react").RefAttributes<HTMLElement>>;
+interface ListItemProps extends Omit<ComponentPropsWithoutRef<"li">, "children"> {
+  children?: ReactNode;
+  disabled?: boolean;
+  interactive?: boolean;
+  selected?: boolean;
+}
+declare const ListItem: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+type ListItemContentProps = ComponentPropsWithoutRef<"div">;
+declare const ListItemContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type ListItemTitleProps = ComponentPropsWithoutRef<"span">;
+declare const ListItemTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ListItemDescriptionProps = ComponentPropsWithoutRef<"span">;
+declare const ListItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+type ListItemActionProps = ComponentPropsWithoutRef<"div">;
+declare const ListItemAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const List: {
+  Root: import("react").ForwardRefExoticComponent<ListRootProps & import("react").RefAttributes<HTMLElement>>;
+  Item: import("react").ForwardRefExoticComponent<ListItemProps & import("react").RefAttributes<HTMLLIElement>>;
+  ItemContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ItemDescription: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  ItemAction: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+//#endregion
+export { List, ListGap, ListItem, ListItemAction, ListItemActionProps, ListItemContent, ListItemContentProps, ListItemDescription, ListItemDescriptionProps, ListItemProps, ListItemTitle, ListItemTitleProps, ListRoot, ListRootProps, ListVariant };
+//# sourceMappingURL=list.d.ts.map

package/dist/components/list/list.js

@@ -0,0 +1,80 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { list } from "../../styled-system/recipes/list.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/list/list.tsx
+const ListRoot = forwardRef(function ListRoot({ children, className, gap = "md", ordered = false, variant = "plain", ...props }, ref) {
+	const styles = list({
+		gap,
+		variant
+	});
+	return /* @__PURE__ */ jsx(ordered ? "ol" : "ul", {
+		...props,
+		ref,
+		className: cx(styles.root, className),
+		"data-gap": gap,
+		"data-jaci-component": "list",
+		"data-ordered": ordered || void 0,
+		"data-slot": "list",
+		"data-variant": variant,
+		children
+	});
+});
+const ListItem = forwardRef(function ListItem({ children, className, disabled = false, interactive = false, selected = false, ...props }, ref) {
+	const styles = list();
+	return /* @__PURE__ */ jsx("li", {
+		...props,
+		ref,
+		"aria-disabled": disabled || void 0,
+		className: cx(styles.item, className),
+		"data-disabled": disabled || void 0,
+		"data-interactive": interactive || void 0,
+		"data-selected": selected || void 0,
+		"data-slot": "list-item",
+		children
+	});
+});
+const ListItemContent = forwardRef(function ListItemContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(list().content, className),
+		"data-slot": "list-item-content"
+	});
+});
+const ListItemTitle = forwardRef(function ListItemTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(list().title, className),
+		"data-slot": "list-item-title"
+	});
+});
+const ListItemDescription = forwardRef(function ListItemDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(list().description, className),
+		"data-slot": "list-item-description"
+	});
+});
+const ListItemAction = forwardRef(function ListItemAction({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(list().action, className),
+		"data-slot": "list-item-action"
+	});
+});
+const List = {
+	Root: ListRoot,
+	Item: ListItem,
+	ItemContent: ListItemContent,
+	ItemTitle: ListItemTitle,
+	ItemDescription: ListItemDescription,
+	ItemAction: ListItemAction
+};
+//#endregion
+export { List, ListItem, ListItemAction, ListItemContent, ListItemDescription, ListItemTitle, ListRoot };
+
+//# sourceMappingURL=list.js.map

package/dist/components/list/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/list/list.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { list } from \"../../styled-system/recipes\";\n\nexport type ListVariant = \"plain\" | \"divided\" | \"card\";\nexport type ListGap = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface ListRootProps extends Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> {\n  children?: ReactNode;\n  gap?: ListGap;\n  ordered?: boolean;\n  variant?: ListVariant;\n}\n\nexport const ListRoot = forwardRef<HTMLElement, ListRootProps>(function ListRoot(\n  { children, className, gap = \"md\", ordered = false, variant = \"plain\", ...props },\n  ref,\n) {\n  const styles = list({ gap, variant });\n  const Component = ordered ? \"ol\" : \"ul\";\n\n  return (\n    <Component\n      {...props}\n      ref={ref as never}\n      className={cx(styles.root, className)}\n      data-gap={gap}\n      data-jaci-component=\"list\"\n      data-ordered={ordered || undefined}\n      data-slot=\"list\"\n      data-variant={variant}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport interface ListItemProps extends Omit<ComponentPropsWithoutRef<\"li\">, \"children\"> {\n  children?: ReactNode;\n  disabled?: boolean;\n  interactive?: boolean;\n  selected?: boolean;\n}\n\nexport const ListItem = forwardRef<HTMLLIElement, ListItemProps>(function ListItem(\n  { children, className, disabled = false, interactive = false, selected = false, ...props },\n  ref,\n) {\n  const styles = list();\n\n  return (\n    <li\n      {...props}\n      ref={ref}\n      aria-disabled={disabled || undefined}\n      className={cx(styles.item, className)}\n      data-disabled={disabled || undefined}\n      data-interactive={interactive || undefined}\n      data-selected={selected || undefined}\n      data-slot=\"list-item\"\n    >\n      {children}\n    </li>\n  );\n});\n\nexport type ListItemContentProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemContent = forwardRef<HTMLDivElement, ListItemContentProps>(\n  function ListItemContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().content, className)}\n        data-slot=\"list-item-content\"\n      />\n    );\n  },\n);\n\nexport type ListItemTitleProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemTitle = forwardRef<HTMLSpanElement, ListItemTitleProps>(function ListItemTitle(\n  { className, ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(list().title, className)}\n      data-slot=\"list-item-title\"\n    />\n  );\n});\n\nexport type ListItemDescriptionProps = ComponentPropsWithoutRef<\"span\">;\nexport const ListItemDescription = forwardRef<HTMLSpanElement, ListItemDescriptionProps>(\n  function ListItemDescription({ className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        ref={ref}\n        className={cx(list().description, className)}\n        data-slot=\"list-item-description\"\n      />\n    );\n  },\n);\n\nexport type ListItemActionProps = ComponentPropsWithoutRef<\"div\">;\nexport const ListItemAction = forwardRef<HTMLDivElement, ListItemActionProps>(\n  function ListItemAction({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(list().action, className)}\n        data-slot=\"list-item-action\"\n      />\n    );\n  },\n);\n\nexport const List = {\n  Root: ListRoot,\n  Item: ListItem,\n  ItemContent: ListItemContent,\n  ItemTitle: ListItemTitle,\n  ItemDescription: ListItemDescription,\n  ItemAction: ListItemAction,\n};\n"],"mappings":";;;;;AAgBA,MAAa,WAAW,WAAuC,SAAS,SACtE,EAAE,UAAU,WAAW,MAAM,MAAM,UAAU,OAAO,UAAU,SAAS,GAAG,SAC1E,KACA;CACA,MAAM,SAAS,KAAK;EAAE;EAAK;CAAQ,CAAC;CAGpC,OACE,oBAHgB,UAAU,OAAO,MAGjC;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,YAAU;EACV,uBAAoB;EACpB,gBAAc,WAAW,KAAA;EACzB,aAAU;EACV,gBAAc;EAEb;CACQ,CAAA;AAEf,CAAC;AASD,MAAa,WAAW,WAAyC,SAAS,SACxE,EAAE,UAAU,WAAW,WAAW,OAAO,cAAc,OAAO,WAAW,OAAO,GAAG,SACnF,KACA;CACA,MAAM,SAAS,KAAK;CAEpB,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,iBAAe,YAAY,KAAA;EAC3B,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,iBAAe,YAAY,KAAA;EAC3B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,aAAU;EAET;CACC,CAAA;AAER,CAAC;AAGD,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,gBAAgB,WAAgD,SAAS,cACpF,EAAE,WAAW,GAAG,SAChB,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,OAAO,SAAS;EACrC,aAAU;CACX,CAAA;AAEL,CAAC;AAGD,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,WAAW,GAAG,SAAS,KAAK;CACzD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,aAAa,SAAS;EAC3C,aAAU;CACX,CAAA;AAEL,CACF;AAGA,MAAa,iBAAiB,WAC5B,SAAS,eAAe,EAAE,WAAW,GAAG,SAAS,KAAK;CACpD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EACtC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,OAAO;CAClB,MAAM;CACN,MAAM;CACN,aAAa;CACb,WAAW;CACX,iBAAiB;CACjB,YAAY;AACd"}

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

@@ -0,0 +1,2 @@
+import { Menu, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuPopup, MenuPopupProps, MenuPortal, MenuPositioner, MenuPositionerProps, MenuRoot, MenuRootProps, MenuSeparator, MenuSeparatorProps, MenuTrigger, MenuTriggerProps } from "./menu.cjs";
+export { Menu, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLinkItem, type MenuLinkItemProps, MenuPopup, type MenuPopupProps, MenuPortal, MenuPositioner, type MenuPositionerProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps };

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

@@ -0,0 +1,2 @@
+import { Menu, MenuGroup, MenuGroupLabel, MenuGroupLabelProps, MenuGroupProps, MenuItem, MenuItemProps, MenuLinkItem, MenuLinkItemProps, MenuPopup, MenuPopupProps, MenuPortal, MenuPositioner, MenuPositionerProps, MenuRoot, MenuRootProps, MenuSeparator, MenuSeparatorProps, MenuTrigger, MenuTriggerProps } from "./menu.js";
+export { Menu, MenuGroup, MenuGroupLabel, type MenuGroupLabelProps, type MenuGroupProps, MenuItem, type MenuItemProps, MenuLinkItem, type MenuLinkItemProps, MenuPopup, type MenuPopupProps, MenuPortal, MenuPositioner, type MenuPositionerProps, MenuRoot, type MenuRootProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps };