jaci-ui 0.1.0

package/dist/components/button/button.js

@@ -0,0 +1,54 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { button } from "../../styled-system/recipes/button.js";
+import { Spinner } from "../layout/index.js";
+import { cloneElement, forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/button/button.tsx
+function content(children, loading, startIcon, endIcon) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		loading ? /* @__PURE__ */ jsx(Spinner, {
+			"aria-hidden": "true",
+			label: "",
+			size: "sm"
+		}) : startIcon,
+		children,
+		!loading ? endIcon : void 0
+	] });
+}
+const Button = forwardRef(function Button({ children, className, variant = "outline", size = "md", fullWidth = false, loading = false, startIcon, endIcon, disabled, render, type = "button", ...props }, ref) {
+	const buttonClassName = cx(button({
+		variant,
+		size,
+		fullWidth
+	}), className);
+	const childrenWithIcons = content(children, loading, startIcon, endIcon);
+	if (render) {
+		const renderedProps = render.props;
+		return cloneElement(render, {
+			...props,
+			"aria-busy": loading || void 0,
+			"aria-disabled": disabled || loading || void 0,
+			className: cx(buttonClassName, renderedProps.className),
+			"data-jaci-component": "button",
+			"data-slot": "button",
+			children: childrenWithIcons,
+			onClick: disabled || loading ? void 0 : renderedProps.onClick
+		});
+	}
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		"aria-busy": loading || void 0,
+		className: buttonClassName,
+		"data-jaci-component": "button",
+		"data-slot": "button",
+		disabled: disabled || loading,
+		ref,
+		type,
+		children: childrenWithIcons
+	});
+});
+//#endregion
+export { Button };
+
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { cloneElement, forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, MouseEventHandler, ReactElement, ReactNode } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { button } from \"../../styled-system/recipes\";\nimport { Spinner } from \"../layout\";\n\ntype RenderableButtonProps = Record<string, unknown> & {\n  children?: ReactNode | undefined;\n  className?: string | undefined;\n  onClick?: MouseEventHandler<HTMLElement> | undefined;\n};\n\nexport interface ButtonProps\n  extends Omit<ComponentPropsWithoutRef<\"button\">, \"color\" | \"children\"> {\n  children?: ReactNode;\n  variant?: \"outline\" | \"solid\" | \"ghost\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  fullWidth?: boolean;\n  loading?: boolean;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n  render?: ReactElement<RenderableButtonProps>;\n}\n\nfunction content(children: ReactNode, loading: boolean, startIcon: ReactNode, endIcon: ReactNode) {\n  return (\n    <>\n      {loading ? <Spinner aria-hidden=\"true\" label=\"\" size=\"sm\" /> : startIcon}\n      {children}\n      {!loading ? endIcon : undefined}\n    </>\n  );\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    children,\n    className,\n    variant = \"outline\",\n    size = \"md\",\n    fullWidth = false,\n    loading = false,\n    startIcon,\n    endIcon,\n    disabled,\n    render,\n    type = \"button\",\n    ...props\n  },\n  ref,\n) {\n  const buttonClassName = cx(button({ variant, size, fullWidth }), className);\n  const childrenWithIcons = content(children, loading, startIcon, endIcon);\n\n  if (render) {\n    const renderedProps = render.props as {\n      className?: string;\n      children?: ReactNode;\n      onClick?: MouseEventHandler<HTMLElement>;\n    };\n\n    return cloneElement(render, {\n      ...props,\n      \"aria-busy\": loading || undefined,\n      \"aria-disabled\": disabled || loading || undefined,\n      className: cx(buttonClassName, renderedProps.className),\n      \"data-jaci-component\": \"button\",\n      \"data-slot\": \"button\",\n      children: childrenWithIcons,\n      onClick: disabled || loading ? undefined : renderedProps.onClick,\n    });\n  }\n\n  return (\n    <button\n      {...props}\n      aria-busy={loading || undefined}\n      className={buttonClassName}\n      data-jaci-component=\"button\"\n      data-slot=\"button\"\n      disabled={disabled || loading}\n      ref={ref}\n      type={type}\n    >\n      {childrenWithIcons}\n    </button>\n  );\n});\n"],"mappings":";;;;;;;AA2BA,SAAS,QAAQ,UAAqB,SAAkB,WAAsB,SAAoB;CAChG,OACE,qBAAA,UAAA,EAAA,UAAA;EACG,UAAU,oBAAC,SAAD;GAAS,eAAY;GAAO,OAAM;GAAG,MAAK;EAAM,CAAA,IAAI;EAC9D;EACA,CAAC,UAAU,UAAU,KAAA;CACtB,EAAA,CAAA;AAEN;AAEA,MAAa,SAAS,WAA2C,SAAS,OACxE,EACE,UACA,WACA,UAAU,WACV,OAAO,MACP,YAAY,OACZ,UAAU,OACV,WACA,SACA,UACA,QACA,OAAO,UACP,GAAG,SAEL,KACA;CACA,MAAM,kBAAkB,GAAG,OAAO;EAAE;EAAS;EAAM;CAAU,CAAC,GAAG,SAAS;CAC1E,MAAM,oBAAoB,QAAQ,UAAU,SAAS,WAAW,OAAO;CAEvE,IAAI,QAAQ;EACV,MAAM,gBAAgB,OAAO;EAM7B,OAAO,aAAa,QAAQ;GAC1B,GAAG;GACH,aAAa,WAAW,KAAA;GACxB,iBAAiB,YAAY,WAAW,KAAA;GACxC,WAAW,GAAG,iBAAiB,cAAc,SAAS;GACtD,uBAAuB;GACvB,aAAa;GACb,UAAU;GACV,SAAS,YAAY,UAAU,KAAA,IAAY,cAAc;EAC3D,CAAC;CACH;CAEA,OACE,oBAAC,UAAD;EACE,GAAI;EACJ,aAAW,WAAW,KAAA;EACtB,WAAW;EACX,uBAAoB;EACpB,aAAU;EACV,UAAU,YAAY;EACjB;EACC;YAEL;CACK,CAAA;AAEZ,CAAC"}

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

@@ -0,0 +1,2 @@
+import { Button, ButtonProps } from "./button.cjs";
+export { Button, type ButtonProps };

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

@@ -0,0 +1,2 @@
+import { Button, ButtonProps } from "./button.js";
+export { Button, type ButtonProps };

package/dist/components/card/card.cjs

@@ -0,0 +1,55 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_card = require("../../styled-system/recipes/card.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/card/card.tsx
+const Card = (0, react.forwardRef)(function Card({ className, variant = "outline", ...props }, ref) {
+	const styles = require_card.card({ variant });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("article", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.root, className),
+		"data-jaci-component": "card",
+		"data-slot": "card"
+	});
+});
+const CardHeader = (0, react.forwardRef)(function CardHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_card.card().header, className),
+		"data-slot": "card-header"
+	});
+});
+const CardTitle = (0, react.forwardRef)(function CardTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+		...props,
+		ref,
+		className: require_cx.cx(require_card.card().title, className),
+		"data-slot": "card-title"
+	});
+});
+const CardContent = (0, react.forwardRef)(function CardContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_card.card().content, className),
+		"data-slot": "card-content"
+	});
+});
+const CardFooter = (0, react.forwardRef)(function CardFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_card.card().footer, className),
+		"data-slot": "card-footer"
+	});
+});
+//#endregion
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+
+//# sourceMappingURL=card.cjs.map

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

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

package/dist/components/card/card.d.cts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/card/card.d.ts
+interface CardProps extends ComponentPropsWithoutRef<"article"> {
+  variant?: "outline" | "elevated" | "subtle";
+}
+declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLElement>>;
+declare const CardHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const CardContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardContent, CardFooter, CardHeader, CardProps, CardTitle };
+//# sourceMappingURL=card.d.cts.map

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

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/card/card.d.ts
+interface CardProps extends ComponentPropsWithoutRef<"article"> {
+  variant?: "outline" | "elevated" | "subtle";
+}
+declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLElement>>;
+declare const CardHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardTitle: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const CardContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const CardFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Card, CardContent, CardFooter, CardHeader, CardProps, CardTitle };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.js

@@ -0,0 +1,51 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { card } from "../../styled-system/recipes/card.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/card/card.tsx
+const Card = forwardRef(function Card({ className, variant = "outline", ...props }, ref) {
+	const styles = card({ variant });
+	return /* @__PURE__ */ jsx("article", {
+		...props,
+		ref,
+		className: cx(styles.root, className),
+		"data-jaci-component": "card",
+		"data-slot": "card"
+	});
+});
+const CardHeader = forwardRef(function CardHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(card().header, className),
+		"data-slot": "card-header"
+	});
+});
+const CardTitle = forwardRef(function CardTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("h3", {
+		...props,
+		ref,
+		className: cx(card().title, className),
+		"data-slot": "card-title"
+	});
+});
+const CardContent = forwardRef(function CardContent({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(card().content, className),
+		"data-slot": "card-content"
+	});
+});
+const CardFooter = forwardRef(function CardFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(card().footer, className),
+		"data-slot": "card-footer"
+	});
+});
+//#endregion
+export { Card, CardContent, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { card } from \"../../styled-system/recipes\";\n\nexport interface CardProps extends ComponentPropsWithoutRef<\"article\"> {\n  variant?: \"outline\" | \"elevated\" | \"subtle\";\n}\n\nexport const Card = forwardRef<HTMLElement, CardProps>(function Card(\n  { className, variant = \"outline\", ...props },\n  ref,\n) {\n  const styles = card({ variant });\n\n  return (\n    <article\n      {...props}\n      ref={ref}\n      className={cx(styles.root, className)}\n      data-jaci-component=\"card\"\n      data-slot=\"card\"\n    />\n  );\n});\n\nexport const CardHeader = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardHeader({ className, ...props }, ref) {\n    return (\n      <div {...props} ref={ref} className={cx(card().header, className)} data-slot=\"card-header\" />\n    );\n  },\n);\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, ComponentPropsWithoutRef<\"h3\">>(\n  function CardTitle({ className, ...props }, ref) {\n    return (\n      <h3 {...props} ref={ref} className={cx(card().title, className)} data-slot=\"card-title\" />\n    );\n  },\n);\n\nexport const CardContent = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardContent({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(card().content, className)}\n        data-slot=\"card-content\"\n      />\n    );\n  },\n);\n\nexport const CardFooter = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<\"div\">>(\n  function CardFooter({ className, ...props }, ref) {\n    return (\n      <div {...props} ref={ref} className={cx(card().footer, className)} data-slot=\"card-footer\" />\n    );\n  },\n);\n"],"mappings":";;;;;AAUA,MAAa,OAAO,WAAmC,SAAS,KAC9D,EAAE,WAAW,UAAU,WAAW,GAAG,SACrC,KACA;CACA,MAAM,SAAS,KAAK,EAAE,QAAQ,CAAC;CAE/B,OACE,oBAAC,WAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,OAAO,MAAM,SAAS;EACpC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC;AAED,MAAa,aAAa,WACxB,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EAAG,aAAU;CAAe,CAAA;AAEhG,CACF;AAEA,MAAa,YAAY,WACvB,SAAS,UAAU,EAAE,WAAW,GAAG,SAAS,KAAK;CAC/C,OACE,oBAAC,MAAD;EAAI,GAAI;EAAY;EAAK,WAAW,GAAG,KAAK,CAAC,CAAC,OAAO,SAAS;EAAG,aAAU;CAAc,CAAA;AAE7F,CACF;AAEA,MAAa,cAAc,WACzB,SAAS,YAAY,EAAE,WAAW,GAAG,SAAS,KAAK;CACjD,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,KAAK,CAAC,CAAC,SAAS,SAAS;EACvC,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,aAAa,WACxB,SAAS,WAAW,EAAE,WAAW,GAAG,SAAS,KAAK;CAChD,OACE,oBAAC,OAAD;EAAK,GAAI;EAAY;EAAK,WAAW,GAAG,KAAK,CAAC,CAAC,QAAQ,SAAS;EAAG,aAAU;CAAe,CAAA;AAEhG,CACF"}

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

@@ -0,0 +1,2 @@
+import { Card, CardContent, CardFooter, CardHeader, CardProps, CardTitle } from "./card.cjs";
+export { Card, CardContent, CardFooter, CardHeader, type CardProps, CardTitle };

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

@@ -0,0 +1,2 @@
+import { Card, CardContent, CardFooter, CardHeader, CardProps, CardTitle } from "./card.js";
+export { Card, CardContent, CardFooter, CardHeader, type CardProps, CardTitle };

package/dist/components/checkbox-group/checkbox-group.cjs

@@ -0,0 +1,85 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_checkbox_group = require("../../styled-system/recipes/checkbox-group.cjs");
+const require_field = require("../field/field.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_checkbox = require("@base-ui/react/checkbox");
+let _base_ui_react_checkbox_group = require("@base-ui/react/checkbox-group");
+let _base_ui_react_field = require("@base-ui/react/field");
+//#region src/components/checkbox-group/checkbox-group.tsx
+function CheckboxGroupRoot({ children, className, errors, invalid, name, onValueChange, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_field.Field, {
+		className: require_cx.cx(require_checkbox_group.checkboxGroup().root, className),
+		...errors === void 0 ? {} : { errors },
+		...invalid === void 0 ? {} : { invalid },
+		...name === void 0 ? {} : { name },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox_group.CheckboxGroup, {
+			...props,
+			onValueChange: (value) => onValueChange?.(value),
+			children
+		})
+	});
+}
+const CheckboxGroupLabel = (0, react.forwardRef)(function CheckboxGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Label, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_checkbox_group.checkboxGroup().label, className),
+		"data-slot": "checkbox-group-label"
+	});
+});
+const CheckboxGroupOption = (0, react.forwardRef)(function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		...props,
+		ref,
+		className: require_cx.cx(require_checkbox_group.checkboxGroup().option, className),
+		"data-slot": "checkbox-group-option",
+		htmlFor,
+		children
+	});
+});
+const CheckboxGroupOptions = (0, react.forwardRef)(function CheckboxGroupOptions({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_checkbox_group.checkboxGroup().options, className),
+		"data-slot": "checkbox-group-options"
+	});
+});
+const CheckboxGroupItem = (0, react.forwardRef)(function CheckboxGroupItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox.Checkbox.Root, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_checkbox_group.checkboxGroup().checkbox, className),
+		"data-slot": "checkbox-group-item"
+	});
+});
+const CheckboxGroupIndicator = (0, react.forwardRef)(function CheckboxGroupIndicator({ children, className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_checkbox.Checkbox.Indicator, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_checkbox_group.checkboxGroup().indicator, className),
+		"data-slot": "checkbox-group-indicator",
+		children: children ?? "✓"
+	});
+});
+const CheckboxGroup = {
+	Root: CheckboxGroupRoot,
+	Label: CheckboxGroupLabel,
+	Options: CheckboxGroupOptions,
+	Option: CheckboxGroupOption,
+	Item: CheckboxGroupItem,
+	Indicator: CheckboxGroupIndicator
+};
+//#endregion
+exports.CheckboxGroup = CheckboxGroup;
+exports.CheckboxGroupIndicator = CheckboxGroupIndicator;
+exports.CheckboxGroupItem = CheckboxGroupItem;
+exports.CheckboxGroupLabel = CheckboxGroupLabel;
+exports.CheckboxGroupOption = CheckboxGroupOption;
+exports.CheckboxGroupOptions = CheckboxGroupOptions;
+exports.CheckboxGroupRoot = CheckboxGroupRoot;
+
+//# sourceMappingURL=checkbox-group.cjs.map

package/dist/components/checkbox-group/checkbox-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.cjs","names":["Field","cx","checkboxGroup","BaseCheckboxGroup","BaseField","withRecipeClassName","BaseCheckbox"],"sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { CheckboxGroup as BaseCheckboxGroupType } from \"@base-ui/react/checkbox-group\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { checkboxGroup } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { Field } from \"../field\";\n\nexport interface CheckboxGroupRootProps\n  extends Omit<BaseCheckboxGroupType.Props, \"children\" | \"className\" | \"onValueChange\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n  name?: string;\n  onValueChange?: (value: string[]) => void;\n}\n\nexport function CheckboxGroupRoot({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  onValueChange,\n  ...props\n}: CheckboxGroupRootProps) {\n  const styles = checkboxGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseCheckboxGroup {...props} onValueChange={(value) => onValueChange?.(value)}>\n        {children}\n      </BaseCheckboxGroup>\n    </Field>\n  );\n}\n\nexport type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const CheckboxGroupLabel = forwardRef<HTMLElement, CheckboxGroupLabelProps>(\n  function CheckboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().label, className)}\n        data-slot=\"checkbox-group-label\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const CheckboxGroupOption = forwardRef<HTMLLabelElement, CheckboxGroupOptionProps>(\n  function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().option, className)}\n        data-slot=\"checkbox-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const CheckboxGroupOptions = forwardRef<HTMLDivElement, CheckboxGroupOptionsProps>(\n  function CheckboxGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().options, className)}\n        data-slot=\"checkbox-group-options\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupItemProps = BaseCheckboxRoot.Props;\n\nexport const CheckboxGroupItem = forwardRef<HTMLElement, CheckboxGroupItemProps>(\n  function CheckboxGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().checkbox, className)}\n        data-slot=\"checkbox-group-item\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Indicator>;\n\nexport const CheckboxGroupIndicator = forwardRef<HTMLSpanElement, CheckboxGroupIndicatorProps>(\n  function CheckboxGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().indicator, className)}\n        data-slot=\"checkbox-group-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    );\n  },\n);\n\nexport const CheckboxGroup = {\n  Root: CheckboxGroupRoot,\n  Label: CheckboxGroupLabel,\n  Options: CheckboxGroupOptions,\n  Option: CheckboxGroupOption,\n  Item: CheckboxGroupItem,\n  Indicator: CheckboxGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,SACA,MACA,eACA,GAAG,SACsB;CASzB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,OAAD;EAPA,WAAWC,WAAAA,GAFEC,uBAAAA,cAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,eAAD;GAAmB,GAAI;GAAO,gBAAgB,UAAU,gBAAgB,KAAK;GAC1E;EACgB,CAAA;CACd,CAAA;AAEX;AAIA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,qBAAAA,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBH,uBAAAA,cAAc,CAAC,CAAC,OAAO,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,uBAAA,GAAA,MAAA,WAAA,CACX,SAAS,oBAAoB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC5E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,SAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,uBAAAA,cAAc,CAAC,CAAC,QAAQ,SAAS;EAC/C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,wBAAA,GAAA,MAAA,WAAA,CACX,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,GAAI;EACC;EACL,WAAWD,WAAAA,GAAGC,uBAAAA,cAAc,CAAC,CAAC,SAAS,SAAS;EAChD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,qBAAA,GAAA,MAAA,WAAA,CACX,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,wBAAAA,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBH,uBAAAA,cAAc,CAAC,CAAC,UAAU,SAAS;EAClE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,0BAAA,GAAA,MAAA,WAAA,CACX,SAAS,uBAAuB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACtE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACI,wBAAAA,SAAa,WAAd;EACE,GAAI;EACC;EACL,WAAWD,gBAAAA,oBAAoBH,uBAAAA,cAAc,CAAC,CAAC,WAAW,SAAS;EACnE,aAAU;YAET,YAAY;CACS,CAAA;AAE5B,CACF;AAEA,MAAa,gBAAgB;CAC3B,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/checkbox-group/checkbox-group.d.cts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Checkbox, CheckboxRoot } from "@base-ui/react/checkbox";
+import { Field } from "@base-ui/react/field";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+//#region src/components/checkbox-group/checkbox-group.d.ts
+interface CheckboxGroupRootProps extends Omit<CheckboxGroup.Props, "children" | "className" | "onValueChange"> {
+  /** Marks the group invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Direct error content rendered through the surrounding Field context. */
+  errors?: ReactNode | ReactNode[];
+  children?: ReactNode;
+  className?: string;
+  name?: string;
+  onValueChange?: (value: string[]) => void;
+}
+declare function CheckboxGroupRoot({ children, className, errors, invalid, name, onValueChange, ...props }: CheckboxGroupRootProps): import("react").JSX.Element;
+type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
+declare const CheckboxGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type CheckboxGroupOptionProps = ComponentPropsWithoutRef<"label">;
+declare const CheckboxGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<"div">;
+declare const CheckboxGroupOptions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type CheckboxGroupItemProps = CheckboxRoot.Props;
+declare const CheckboxGroupItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof Checkbox.Indicator>;
+declare const CheckboxGroupIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const CheckboxGroup$1: {
+  Root: typeof CheckboxGroupRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Options: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Option: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { CheckboxGroup$1 as CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupIndicatorProps, CheckboxGroupItem, CheckboxGroupItemProps, CheckboxGroupLabel, CheckboxGroupLabelProps, CheckboxGroupOption, CheckboxGroupOptionProps, CheckboxGroupOptions, CheckboxGroupOptionsProps, CheckboxGroupRoot, CheckboxGroupRootProps };
+//# sourceMappingURL=checkbox-group.d.cts.map

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

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { Checkbox, CheckboxRoot } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+import { Field } from "@base-ui/react/field";
+//#region src/components/checkbox-group/checkbox-group.d.ts
+interface CheckboxGroupRootProps extends Omit<CheckboxGroup.Props, "children" | "className" | "onValueChange"> {
+  /** Marks the group invalid when an external validator owns its state. */
+  invalid?: boolean;
+  /** Direct error content rendered through the surrounding Field context. */
+  errors?: ReactNode | ReactNode[];
+  children?: ReactNode;
+  className?: string;
+  name?: string;
+  onValueChange?: (value: string[]) => void;
+}
+declare function CheckboxGroupRoot({ children, className, errors, invalid, name, onValueChange, ...props }: CheckboxGroupRootProps): import("react").JSX.Element;
+type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof Field.Label>;
+declare const CheckboxGroupLabel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type CheckboxGroupOptionProps = ComponentPropsWithoutRef<"label">;
+declare const CheckboxGroupOption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<"div">;
+declare const CheckboxGroupOptions: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type CheckboxGroupItemProps = CheckboxRoot.Props;
+declare const CheckboxGroupItem: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof Checkbox.Indicator>;
+declare const CheckboxGroupIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const CheckboxGroup$1: {
+  Root: typeof CheckboxGroupRoot;
+  Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").FieldLabelProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Options: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Option: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+  Item: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").CheckboxRootProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").CheckboxIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+//#endregion
+export { CheckboxGroup$1 as CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupIndicatorProps, CheckboxGroupItem, CheckboxGroupItemProps, CheckboxGroupLabel, CheckboxGroupLabelProps, CheckboxGroupOption, CheckboxGroupOptionProps, CheckboxGroupOptions, CheckboxGroupOptionsProps, CheckboxGroupRoot, CheckboxGroupRootProps };
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/components/checkbox-group/checkbox-group.js

@@ -0,0 +1,79 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { checkboxGroup } from "../../styled-system/recipes/checkbox-group.js";
+import { Field as Field$1 } from "../field/field.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+import { Field } from "@base-ui/react/field";
+//#region src/components/checkbox-group/checkbox-group.tsx
+function CheckboxGroupRoot({ children, className, errors, invalid, name, onValueChange, ...props }) {
+	return /* @__PURE__ */ jsx(Field$1, {
+		className: cx(checkboxGroup().root, className),
+		...errors === void 0 ? {} : { errors },
+		...invalid === void 0 ? {} : { invalid },
+		...name === void 0 ? {} : { name },
+		children: /* @__PURE__ */ jsx(CheckboxGroup, {
+			...props,
+			onValueChange: (value) => onValueChange?.(value),
+			children
+		})
+	});
+}
+const CheckboxGroupLabel = forwardRef(function CheckboxGroupLabel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		...props,
+		ref,
+		className: withRecipeClassName(checkboxGroup().label, className),
+		"data-slot": "checkbox-group-label"
+	});
+});
+const CheckboxGroupOption = forwardRef(function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {
+	return /* @__PURE__ */ jsx("label", {
+		...props,
+		ref,
+		className: cx(checkboxGroup().option, className),
+		"data-slot": "checkbox-group-option",
+		htmlFor,
+		children
+	});
+});
+const CheckboxGroupOptions = forwardRef(function CheckboxGroupOptions({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(checkboxGroup().options, className),
+		"data-slot": "checkbox-group-options"
+	});
+});
+const CheckboxGroupItem = forwardRef(function CheckboxGroupItem({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Checkbox.Root, {
+		...props,
+		ref,
+		className: withRecipeClassName(checkboxGroup().checkbox, className),
+		"data-slot": "checkbox-group-item"
+	});
+});
+const CheckboxGroupIndicator = forwardRef(function CheckboxGroupIndicator({ children, className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Checkbox.Indicator, {
+		...props,
+		ref,
+		className: withRecipeClassName(checkboxGroup().indicator, className),
+		"data-slot": "checkbox-group-indicator",
+		children: children ?? "✓"
+	});
+});
+const CheckboxGroup$1 = {
+	Root: CheckboxGroupRoot,
+	Label: CheckboxGroupLabel,
+	Options: CheckboxGroupOptions,
+	Option: CheckboxGroupOption,
+	Item: CheckboxGroupItem,
+	Indicator: CheckboxGroupIndicator
+};
+//#endregion
+export { CheckboxGroup$1 as CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem, CheckboxGroupLabel, CheckboxGroupOption, CheckboxGroupOptions, CheckboxGroupRoot };
+
+//# sourceMappingURL=checkbox-group.js.map

package/dist/components/checkbox-group/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","names":["Field","BaseCheckboxGroup","BaseField","BaseCheckbox","CheckboxGroup"],"sources":["../../../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { Checkbox as BaseCheckbox } from \"@base-ui/react/checkbox\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui/react/checkbox-group\";\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { CheckboxGroup as BaseCheckboxGroupType } from \"@base-ui/react/checkbox-group\";\nimport type { CheckboxRoot as BaseCheckboxRoot } from \"@base-ui/react/checkbox\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { checkboxGroup } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport { Field } from \"../field\";\n\nexport interface CheckboxGroupRootProps\n  extends Omit<BaseCheckboxGroupType.Props, \"children\" | \"className\" | \"onValueChange\"> {\n  /** Marks the group invalid when an external validator owns its state. */\n  invalid?: boolean;\n  /** Direct error content rendered through the surrounding Field context. */\n  errors?: ReactNode | ReactNode[];\n  children?: ReactNode;\n  className?: string;\n  name?: string;\n  onValueChange?: (value: string[]) => void;\n}\n\nexport function CheckboxGroupRoot({\n  children,\n  className,\n  errors,\n  invalid,\n  name,\n  onValueChange,\n  ...props\n}: CheckboxGroupRootProps) {\n  const styles = checkboxGroup();\n  const fieldProps = {\n    className: cx(styles.root, className),\n    ...(errors === undefined ? {} : { errors }),\n    ...(invalid === undefined ? {} : { invalid }),\n    ...(name === undefined ? {} : { name }),\n  };\n\n  return (\n    <Field {...fieldProps}>\n      <BaseCheckboxGroup {...props} onValueChange={(value) => onValueChange?.(value)}>\n        {children}\n      </BaseCheckboxGroup>\n    </Field>\n  );\n}\n\nexport type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof BaseField.Label>;\n\nexport const CheckboxGroupLabel = forwardRef<HTMLElement, CheckboxGroupLabelProps>(\n  function CheckboxGroupLabel({ className, ...props }, ref) {\n    return (\n      <BaseField.Label\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().label, className)}\n        data-slot=\"checkbox-group-label\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupOptionProps = ComponentPropsWithoutRef<\"label\">;\n\nexport const CheckboxGroupOption = forwardRef<HTMLLabelElement, CheckboxGroupOptionProps>(\n  function CheckboxGroupOption({ children, className, htmlFor, ...props }, ref) {\n    return (\n      <label\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().option, className)}\n        data-slot=\"checkbox-group-option\"\n        htmlFor={htmlFor}\n      >\n        {children}\n      </label>\n    );\n  },\n);\n\nexport type CheckboxGroupOptionsProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const CheckboxGroupOptions = forwardRef<HTMLDivElement, CheckboxGroupOptionsProps>(\n  function CheckboxGroupOptions({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(checkboxGroup().options, className)}\n        data-slot=\"checkbox-group-options\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupItemProps = BaseCheckboxRoot.Props;\n\nexport const CheckboxGroupItem = forwardRef<HTMLElement, CheckboxGroupItemProps>(\n  function CheckboxGroupItem({ className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().checkbox, className)}\n        data-slot=\"checkbox-group-item\"\n      />\n    );\n  },\n);\n\nexport type CheckboxGroupIndicatorProps = ComponentPropsWithoutRef<typeof BaseCheckbox.Indicator>;\n\nexport const CheckboxGroupIndicator = forwardRef<HTMLSpanElement, CheckboxGroupIndicatorProps>(\n  function CheckboxGroupIndicator({ children, className, ...props }, ref) {\n    return (\n      <BaseCheckbox.Indicator\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(checkboxGroup().indicator, className)}\n        data-slot=\"checkbox-group-indicator\"\n      >\n        {children ?? \"✓\"}\n      </BaseCheckbox.Indicator>\n    );\n  },\n);\n\nexport const CheckboxGroup = {\n  Root: CheckboxGroupRoot,\n  Label: CheckboxGroupLabel,\n  Options: CheckboxGroupOptions,\n  Option: CheckboxGroupOption,\n  Item: CheckboxGroupItem,\n  Indicator: CheckboxGroupIndicator,\n};\n"],"mappings":";;;;;;;;;;;AA2BA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,SACA,MACA,eACA,GAAG,SACsB;CASzB,OACE,oBAACA,SAAD;EAPA,WAAW,GAFE,cAEM,CAAC,CAAC,MAAM,SAAS;EACpC,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,GAAI,YAAY,KAAA,IAAY,CAAC,IAAI,EAAE,QAAQ;EAC3C,GAAI,SAAS,KAAA,IAAY,CAAC,IAAI,EAAE,KAAK;YAKnC,oBAACC,eAAD;GAAmB,GAAI;GAAO,gBAAgB,UAAU,gBAAgB,KAAK;GAC1E;EACgB,CAAA;CACd,CAAA;AAEX;AAIA,MAAa,qBAAqB,WAChC,SAAS,mBAAmB,EAAE,WAAW,GAAG,SAAS,KAAK;CACxD,OACE,oBAACC,MAAU,OAAX;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,OAAO,SAAS;EAC/D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,sBAAsB,WACjC,SAAS,oBAAoB,EAAE,UAAU,WAAW,SAAS,GAAG,SAAS,KAAK;CAC5E,OACE,oBAAC,SAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,cAAc,CAAC,CAAC,QAAQ,SAAS;EAC/C,aAAU;EACD;EAER;CACI,CAAA;AAEX,CACF;AAIA,MAAa,uBAAuB,WAClC,SAAS,qBAAqB,EAAE,WAAW,GAAG,SAAS,KAAK;CAC1D,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,cAAc,CAAC,CAAC,SAAS,SAAS;EAChD,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,oBAAoB,WAC/B,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAS,KAAK;CACvD,OACE,oBAACC,SAAa,MAAd;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,UAAU,SAAS;EAClE,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,yBAAyB,WACpC,SAAS,uBAAuB,EAAE,UAAU,WAAW,GAAG,SAAS,KAAK;CACtE,OACE,oBAACA,SAAa,WAAd;EACE,GAAI;EACC;EACL,WAAW,oBAAoB,cAAc,CAAC,CAAC,WAAW,SAAS;EACnE,aAAU;YAET,YAAY;CACS,CAAA;AAE5B,CACF;AAEA,MAAaC,kBAAgB;CAC3B,MAAM;CACN,OAAO;CACP,SAAS;CACT,QAAQ;CACR,MAAM;CACN,WAAW;AACb"}

package/dist/components/checkbox-group/index.d.cts

@@ -0,0 +1,2 @@
+import { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupIndicatorProps, CheckboxGroupItem, CheckboxGroupItemProps, CheckboxGroupLabel, CheckboxGroupLabelProps, CheckboxGroupOption, CheckboxGroupOptionProps, CheckboxGroupOptions, CheckboxGroupOptionsProps, CheckboxGroupRoot, CheckboxGroupRootProps } from "./checkbox-group.cjs";
+export { CheckboxGroup, CheckboxGroupIndicator, type CheckboxGroupIndicatorProps, CheckboxGroupItem, type CheckboxGroupItemProps, CheckboxGroupLabel, type CheckboxGroupLabelProps, CheckboxGroupOption, type CheckboxGroupOptionProps, CheckboxGroupOptions, type CheckboxGroupOptionsProps, CheckboxGroupRoot, type CheckboxGroupRootProps };

package/dist/components/checkbox-group/index.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupIndicatorProps, CheckboxGroupItem, CheckboxGroupItemProps, CheckboxGroupLabel, CheckboxGroupLabelProps, CheckboxGroupOption, CheckboxGroupOptionProps, CheckboxGroupOptions, CheckboxGroupOptionsProps, CheckboxGroupRoot, CheckboxGroupRootProps } from "./checkbox-group.js";
+export { CheckboxGroup, CheckboxGroupIndicator, type CheckboxGroupIndicatorProps, CheckboxGroupItem, type CheckboxGroupItemProps, CheckboxGroupLabel, type CheckboxGroupLabelProps, CheckboxGroupOption, type CheckboxGroupOptionProps, CheckboxGroupOptions, type CheckboxGroupOptionsProps, CheckboxGroupRoot, type CheckboxGroupRootProps };

package/dist/components/collapsible/collapsible.cjs

@@ -0,0 +1,59 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_collapsible = require("../../styled-system/recipes/collapsible.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_collapsible = require("@base-ui/react/collapsible");
+//#region src/components/collapsible/collapsible.tsx
+const CollapsibleRoot = (0, react.forwardRef)(function CollapsibleRoot({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Root, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_collapsible.collapsible().root, className),
+		"data-jaci-component": "collapsible",
+		"data-slot": "collapsible"
+	});
+});
+const CollapsibleTrigger = (0, react.forwardRef)(function CollapsibleTrigger({ children, className, showIndicator = true, ...props }, ref) {
+	const styles = require_collapsible.collapsible();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_collapsible.Collapsible.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.trigger, className),
+		"data-slot": "collapsible-trigger",
+		children: [showIndicator ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapsibleIndicator, {}) : null, children]
+	});
+});
+const CollapsiblePanel = (0, react.forwardRef)(function CollapsiblePanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_collapsible.Collapsible.Panel, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_collapsible.collapsible().panel, className),
+		"data-slot": "collapsible-panel"
+	});
+});
+const CollapsibleIndicator = (0, react.forwardRef)(function CollapsibleIndicator({ children = "›", className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		"aria-hidden": "true",
+		ref,
+		className: require_cx.cx(require_collapsible.collapsible().indicator, className),
+		"data-slot": "collapsible-indicator",
+		children
+	});
+});
+const Collapsible = {
+	Root: CollapsibleRoot,
+	Trigger: CollapsibleTrigger,
+	Panel: CollapsiblePanel,
+	Indicator: CollapsibleIndicator
+};
+//#endregion
+exports.Collapsible = Collapsible;
+exports.CollapsibleIndicator = CollapsibleIndicator;
+exports.CollapsiblePanel = CollapsiblePanel;
+exports.CollapsibleRoot = CollapsibleRoot;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+
+//# sourceMappingURL=collapsible.cjs.map

package/dist/components/collapsible/collapsible.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.cjs","names":["BaseCollapsible","withRecipeClassName","collapsible","cx"],"sources":["../../../src/components/collapsible/collapsible.tsx"],"sourcesContent":["\"use client\";\n\nimport { Collapsible as BaseCollapsible } from \"@base-ui/react/collapsible\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { withRecipeClassName } from \"../base-ui\";\nimport { cx } from \"../../styled-system/css\";\nimport { collapsible } from \"../../styled-system/recipes\";\n\nexport type CollapsibleRootProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Root>;\n\nexport const CollapsibleRoot = forwardRef<HTMLDivElement, CollapsibleRootProps>(\n  function CollapsibleRoot({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Root\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().root, className)}\n        data-jaci-component=\"collapsible\"\n        data-slot=\"collapsible\"\n      />\n    );\n  },\n);\n\nexport interface CollapsibleTriggerProps\n  extends ComponentPropsWithoutRef<typeof BaseCollapsible.Trigger> {\n  showIndicator?: boolean;\n}\n\nexport const CollapsibleTrigger = forwardRef<HTMLButtonElement, CollapsibleTriggerProps>(\n  function CollapsibleTrigger({ children, className, showIndicator = true, ...props }, ref) {\n    const styles = collapsible();\n\n    return (\n      <BaseCollapsible.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"collapsible-trigger\"\n      >\n        {showIndicator ? <CollapsibleIndicator /> : null}\n        {children}\n      </BaseCollapsible.Trigger>\n    );\n  },\n);\n\nexport type CollapsiblePanelProps = ComponentPropsWithoutRef<typeof BaseCollapsible.Panel>;\n\nexport const CollapsiblePanel = forwardRef<HTMLDivElement, CollapsiblePanelProps>(\n  function CollapsiblePanel({ className, ...props }, ref) {\n    return (\n      <BaseCollapsible.Panel\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(collapsible().panel, className)}\n        data-slot=\"collapsible-panel\"\n      />\n    );\n  },\n);\n\nexport type CollapsibleIndicatorProps = ComponentPropsWithoutRef<\"span\">;\n\nexport const CollapsibleIndicator = forwardRef<HTMLSpanElement, CollapsibleIndicatorProps>(\n  function CollapsibleIndicator({ children = \"›\", className, ...props }, ref) {\n    return (\n      <span\n        {...props}\n        aria-hidden=\"true\"\n        ref={ref}\n        className={cx(collapsible().indicator, className)}\n        data-slot=\"collapsible-indicator\"\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n  Indicator: CollapsibleIndicator,\n};\n"],"mappings":";;;;;;;;AAYA,MAAa,mBAAA,GAAA,MAAA,WAAA,CACX,SAAS,gBAAgB,EAAE,WAAW,GAAG,SAAS,KAAK;CACrD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,2BAAAA,YAAgB,MAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,YAAY,CAAC,CAAC,MAAM,SAAS;EAC5D,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CACF;AAOA,MAAa,sBAAA,GAAA,MAAA,WAAA,CACX,SAAS,mBAAmB,EAAE,UAAU,WAAW,gBAAgB,MAAM,GAAG,SAAS,KAAK;CACxF,MAAM,SAASA,oBAAAA,YAAY;CAE3B,OACE,iBAAA,GAAA,kBAAA,KAAA,CAACF,2BAAAA,YAAgB,SAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoB,OAAO,SAAS,SAAS;EACxD,aAAU;YAJZ,CAMG,gBAAgB,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAD,CAAuB,CAAA,IAAI,MAC3C,QACsB;;AAE7B,CACF;AAIA,MAAa,oBAAA,GAAA,MAAA,WAAA,CACX,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAS,KAAK;CACtD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,2BAAAA,YAAgB,OAAjB;EACE,GAAI;EACC;EACL,WAAWC,gBAAAA,oBAAoBC,oBAAAA,YAAY,CAAC,CAAC,OAAO,SAAS;EAC7D,aAAU;CACX,CAAA;AAEL,CACF;AAIA,MAAa,wBAAA,GAAA,MAAA,WAAA,CACX,SAAS,qBAAqB,EAAE,WAAW,KAAK,WAAW,GAAG,SAAS,KAAK;CAC1E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACJ,eAAY;EACP;EACL,WAAWC,WAAAA,GAAGD,oBAAAA,YAAY,CAAC,CAAC,WAAW,SAAS;EAChD,aAAU;EAET;CACG,CAAA;AAEV,CACF;AAEA,MAAa,cAAc;CACzB,MAAM;CACN,SAAS;CACT,OAAO;CACP,WAAW;AACb"}