pentatrion-design 1.2.8 → 1.2.10

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 1.2.10
+
+### Patch Changes
+
+- 4b3bd91: enhance button loader
+
+## 1.2.9
+
+### Patch Changes
+
+- dabacb0: add shape for checkbox
+
 ## 1.2.8
 
 ### Patch Changes

package/dist/{Button-C953R2Mo.mjs → Button-Dtp-UNzH.mjs}

@@ -1,4 +1,4 @@
-import { t as Loader } from "./loader-csj5qb99.mjs";
+import { n as Loader, t as RoundedRectLoader } from "./loader-CBd61lYX.mjs";
 import { h as useRipple } from "./hooks-BQw3Dsve.mjs";
 import { t as Slot } from "./slot-D8EJRq72.mjs";
 import { c } from "react/compiler-runtime";
@@ -63,7 +63,7 @@ const buttonVariants = cva("relative box-border inline-flex items-center leading
 	}
 });
 function Button(t0) {
-	const $ = c(42);
+	const $ = c(43);
 	let children;
 	let className;
 	let props;
@@ -141,42 +141,46 @@ function Button(t0) {
 	const Comp = asChild ? Slot : "button";
 	const t13 = focusable ? 0 : -1;
 	let t14;
-	if ($[17] !== className || $[18] !== icon || $[19] !== loading || $[20] !== size || $[21] !== variant || $[22] !== width) {
+	if ($[17] !== className || $[18] !== icon || $[19] !== size || $[20] !== variant || $[21] !== width) {
 		t14 = clsx(buttonVariants({
 			variant,
 			size,
 			width,
 			icon: width === "custom" && !icon ? "custom" : icon
-		}), className, loading && !icon && "text-transparent");
+		}), className);
 		$[17] = className;
 		$[18] = icon;
-		$[19] = loading;
-		$[20] = size;
-		$[21] = variant;
-		$[22] = width;
-		$[23] = t14;
-	} else t14 = $[23];
+		$[19] = size;
+		$[20] = variant;
+		$[21] = width;
+		$[22] = t14;
+	} else t14 = $[22];
 	let t15;
-	if ($[24] !== disabled) {
-		t15 = disabled ? { disabled } : {};
-		$[24] = disabled;
+	if ($[23] !== disabled || $[24] !== loading) {
+		t15 = disabled || loading ? { disabled } : {};
+		$[23] = disabled;
+		$[24] = loading;
 		$[25] = t15;
 	} else t15 = $[25];
 	let t16;
-	if ($[26] !== asChild || $[27] !== children || $[28] !== color || $[29] !== loading) {
-		t16 = asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [children, loading && /* @__PURE__ */ jsx(Loader, {
+	if ($[26] !== asChild || $[27] !== children || $[28] !== color || $[29] !== icon || $[30] !== loading) {
+		t16 = asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [children, loading && (icon ? /* @__PURE__ */ jsx(Loader, {
 			color: loaderColor(color),
 			className: clsx("top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"),
 			position: "absolute"
-		})] });
+		}) : /* @__PURE__ */ jsx(RoundedRectLoader, {
+			color: loaderColor(color),
+			className: "absolute inset-0"
+		}))] });
 		$[26] = asChild;
 		$[27] = children;
 		$[28] = color;
-		$[29] = loading;
-		$[30] = t16;
-	} else t16 = $[30];
+		$[29] = icon;
+		$[30] = loading;
+		$[31] = t16;
+	} else t16 = $[31];
 	let t17;
-	if ($[31] !== Comp || $[32] !== color || $[33] !== loading || $[34] !== props || $[35] !== selected || $[36] !== t13 || $[37] !== t14 || $[38] !== t15 || $[39] !== t16 || $[40] !== variant) {
+	if ($[32] !== Comp || $[33] !== color || $[34] !== loading || $[35] !== props || $[36] !== selected || $[37] !== t13 || $[38] !== t14 || $[39] !== t15 || $[40] !== t16 || $[41] !== variant) {
 		t17 = /* @__PURE__ */ jsx(Comp, {
 			tabIndex: t13,
 			role: "button",
@@ -191,21 +195,21 @@ function Button(t0) {
 			...props,
 			children: t16
 		});
-		$[31] = Comp;
-		$[32] = color;
-		$[33] = loading;
-		$[34] = props;
-		$[35] = selected;
-		$[36] = t13;
-		$[37] = t14;
-		$[38] = t15;
-		$[39] = t16;
-		$[40] = variant;
-		$[41] = t17;
-	} else t17 = $[41];
+		$[32] = Comp;
+		$[33] = color;
+		$[34] = loading;
+		$[35] = props;
+		$[36] = selected;
+		$[37] = t13;
+		$[38] = t14;
+		$[39] = t15;
+		$[40] = t16;
+		$[41] = variant;
+		$[42] = t17;
+	} else t17 = $[42];
 	return t17;
 }
 //#endregion
 export { buttonVariants as n, Button as t };
 
-//# sourceMappingURL=Button-C953R2Mo.mjs.map
+//# sourceMappingURL=Button-Dtp-UNzH.mjs.map

package/dist/Button-Dtp-UNzH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-Dtp-UNzH.mjs","names":["ComponentProps","RefObject","useImperativeHandle","useRef","clsx","Loader","RoundedRectLoader","useRipple","Slot","cva","ThemeColor","loaderColor","color","ButtonProps","Omit","withRipple","variant","size","width","loading","disabled","focusable","selected","icon","asChild","ref","HTMLButtonElement","buttonVariants","variants","clickable","true","false","small","medium","large","input","custom","scalable","fit","full","contained","light","outlined","text","ghost","defaultVariants","Button","t0","$","_c","children","className","props","t1","t10","t11","t2","t3","t4","t5","t6","t7","t8","t9","undefined","inputRef","t12","Symbol","for","current","rippleEnabled","includes","Comp","t13","t14","t15","t16","t17"],"sources":["../src/components/button/Button.tsx"],"sourcesContent":["import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { Loader, RoundedRectLoader } from \"../loader\";\nimport { useRipple } from \"../../hooks\";\nimport { Slot } from \"../slot\";\nimport { cva } from \"class-variance-authority\";\nimport { ThemeColor } from \"../../types\";\n\nfunction loaderColor(color: ThemeColor): ThemeColor {\n  switch (color) {\n    case \"yellow-alpha\":\n      return \"yellow\";\n    case \"gray-alpha\":\n      return \"gray\";\n    default:\n      return color;\n  }\n}\n\nexport interface ButtonProps extends Omit<ComponentProps<\"button\">, \"color\"> {\n  withRipple?: boolean;\n\n  variant?: \"contained\" | \"light\" | \"outlined\" | \"text\" | \"ghost\";\n\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\" | \"input\" | \"scalable\";\n\n  color?: ThemeColor;\n\n  width?: \"fit\" | \"full\" | \"custom\";\n\n  loading?: boolean;\n\n  disabled?: boolean;\n\n  focusable?: boolean;\n  /**\n   * For a selected item inside a group.\n   */\n  selected?: boolean;\n\n  icon?: boolean;\n\n  asChild?: boolean;\n\n  ref?: RefObject<HTMLButtonElement>;\n}\n\nexport const buttonVariants = cva(\n  \"relative box-border inline-flex items-center leading-5 no-underline focus-visible-has:outline-2\",\n  {\n    variants: {\n      clickable: {\n        true: \"cursor-pointer active:translate-y-px focus-visible-has:z-10\",\n        false: \"pointer-events-none\",\n      },\n      size: {\n        small: \"[--h-button:1.5rem] h-(--h-button) truncate\",\n        medium: \"[--h-button:2rem] h-(--h-button) truncate\",\n        large: \"[--h-button:3rem] h-(--h-button) truncate\",\n        input: \"[--h-button:calc(var(--h-input)-2px)] h-(--h-button) truncate\",\n        custom: \"truncate\",\n        scalable: \"\",\n      },\n      icon: {\n        true: \"rounded-[calc(var(--h-button)/2)] min-w-(--h-button) [&_i,&_img,&_svg]:w-(--h-button) justify-center [&_:last-child:not(i,img,svg,strong)]:pr-4\",\n        false: \"rounded-2xl px-4\",\n        custom: \"\",\n      },\n      width: {\n        fit: \"w-full max-w-fit\",\n        full: \"w-full justify-center\",\n        custom: \"\",\n      },\n      variant: {\n        /**\n         * src/tailwind/plugin.ts\n         *   addVariant(\"current\", [\n         *    `&[aria-checked=\"true\"]`,\n         *    `&[aria-current=\"page\"]`,\n         *    `&:has(:checked)`\n         *   ])\n         */\n        contained:\n          \"shadow-lg hover:shadow-xl active:shadow-xl-active outline-offset-0 text-custom-text bg-custom-3 hover:bg-custom-4 current:bg-custom-4  focus-visible-has:outline-custom-5\",\n        light:\n          \"shadow-lg hover:shadow-xl has-checked:shadow-xl focus:shadow-xl active:shadow-xl-active outline-offset-0 bg-custom-1 text-gray-text hover:text-custom-text hover:bg-custom-3 current:bg-custom-3 focus-visible-has:outline-custom-4\",\n        outlined:\n          \"bg-custom-0 hover:shadow-sm active:shadow-sm-active text-gray-7 outline-offset-0 border hover:bg-custom-1 border-custom-border focus-visible-has:outline-custom-5 current:bg-custom-3 focus-visible-has:border-transparent\",\n        text: \"bg-transparent hover:shadow-sm active:shadow-sm-active outline-offset-0 hover:bg-custom-1 dark:hover:bg-custom-1/50 text-gray-7 hover:text-gray-8 current:bg-custom-3 focus-visible-has:outline-custom-5\",\n        ghost: \"outline-offset-0  current:bg-custom-1 focus-visible-has:outline-custom-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"medium\",\n      icon: false,\n      variant: \"contained\",\n      clickable: true,\n      width: \"fit\",\n    },\n  },\n);\n\nexport function Button({\n  withRipple = true,\n  variant = \"contained\",\n  loading = false,\n  color = \"yellow\",\n  size = \"medium\",\n  focusable = true,\n  className,\n  disabled = false,\n  children,\n  selected = false,\n  icon = false,\n  asChild = false,\n  width = \"fit\",\n  ref,\n  ...props\n}: ButtonProps) {\n  const inputRef = useRef<HTMLButtonElement>(null!);\n\n  useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n    ref,\n    () => inputRef.current,\n  );\n\n  const rippleEnabled = !loading && !disabled && withRipple;\n\n  useRipple(\n    inputRef,\n    [\"text\", \"outlined\", \"ghost\"].includes(variant) ? true : false,\n    rippleEnabled,\n  );\n\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      tabIndex={focusable ? 0 : -1}\n      role=\"button\"\n      ref={inputRef}\n      className={clsx(\n        buttonVariants({\n          variant,\n          size,\n          width,\n          icon: width === \"custom\" && !icon ? \"custom\" : icon,\n        }),\n        className,\n      )}\n      data-color={color}\n      data-variant={variant}\n      aria-checked={selected}\n      suppressHydrationWarning\n      aria-busy={loading}\n      {...(disabled || loading ? { disabled } : {})}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          {/* {!notClickable && withRipple && ripples} */}\n          {children}\n          {loading &&\n            (icon ? (\n              <Loader\n                color={loaderColor(color)}\n                className={clsx(\"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\")}\n                position=\"absolute\"\n              />\n            ) : (\n              <RoundedRectLoader color={loaderColor(color)} className=\"absolute inset-0\" />\n            ))}\n        </>\n      )}\n    </Comp>\n  );\n}\n"],"mappings":"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"}

package/dist/{Snack-BbIrQslD.mjs → Snack-CoeHh5qF.mjs}

@@ -1,6 +1,6 @@
-import { t as Loader } from "./loader-csj5qb99.mjs";
-import { t as Button } from "./Button-C953R2Mo.mjs";
-import "./button-CcpvNjuD.mjs";
+import { n as Loader } from "./loader-CBd61lYX.mjs";
+import { t as Button } from "./Button-Dtp-UNzH.mjs";
+import "./button-CqXVbdMx.mjs";
 import { t as Dialog } from "./Dialog-CpSdL1-f.mjs";
 import "./components/dialog/index.mjs";
 import { c } from "react/compiler-runtime";
@@ -107,4 +107,4 @@ function _temp() {}
 //#endregion
 export { Snack as t };
 
-//# sourceMappingURL=Snack-BbIrQslD.mjs.map
+//# sourceMappingURL=Snack-CoeHh5qF.mjs.map

package/dist/{Snack-BbIrQslD.mjs.map → Snack-CoeHh5qF.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Snack-BbIrQslD.mjs","names":["clsx","useEffect","Button","Dialog","Loader","Message","SnackProps","Partial","onRemove","Snack","t0","$","_c","expiration","t1","content","t2","color","t3","withLoader","t4","canClose","t5","t6","undefined","_temp","t7","t8","timeoutId","setTimeout","clearTimeout","t9","Symbol","for","t10","t11","t12","t13","t14","t15"],"sources":["../src/components/snack/Snack.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Dialog } from \"../dialog\";\nimport { Loader } from \"../loader\";\nimport { Message } from \"../../types\";\n\nexport type SnackProps = Partial<Message> & {\n  onRemove?: () => void;\n};\n\nexport function Snack({\n  expiration = 5000,\n  content = \"\",\n  color = \"yellow\",\n  withLoader = false,\n  canClose = false,\n  onRemove = () => {},\n}: SnackProps) {\n  useEffect(() => {\n    if (expiration === -1) {\n      return;\n    }\n\n    const timeoutId = setTimeout(() => onRemove(), expiration);\n    return () => void clearTimeout(timeoutId);\n  }, [onRemove, expiration]);\n\n  return (\n    <Dialog\n      className={clsx(\"motion-safe:animate-fade-in pointer-events-auto\", \"ll-snack\")}\n      placement=\"top\"\n      color={color}\n      role={color !== \"red\" ? \"status\" : \"alertdialog\"}\n    >\n      <div className=\"flex w-fit min-w-60 items-center px-2 py-1\">\n        <span className=\"flex-1 pr-4\">{content}</span>\n        {withLoader && <Loader size=\"small\" color=\"gray\" />}\n\n        {canClose && (\n          <Button icon variant=\"text\" color=\"gray\" onClick={onRemove}>\n            <i className=\"fe-cancel\"></i>\n          </Button>\n        )}\n      </div>\n    </Dialog>\n  );\n}\n"],"mappings":";;;;;;;;;;AAYA,SAAOS,MAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAe,MAAA,EAAAC,YAAAC,IAAAC,SAAAC,IAAAC,OAAAC,IAAAC,YAAAC,IAAAC,UAAAC,IAAAd,UAAAe,OAAAb;CACpB,MAAAG,aAAAC,OAAAU,KAAAA,IAAA,MAAAV;CACA,MAAAC,UAAAC,OAAAQ,KAAAA,IAAA,KAAAR;CACA,MAAAC,QAAAC,OAAAM,KAAAA,IAAA,WAAAN;CACA,MAAAC,aAAAC,OAAAI,KAAAA,IAAA,QAAAJ;CACA,MAAAC,WAAAC,OAAAE,KAAAA,IAAA,QAAAF;CACA,MAAAd,WAAAe,OAAAC,KAAAA,IAAAC,QAAAF;CAAmB,IAAAG;CAAA,IAAAC;CAAA,IAAAhB,EAAA,OAAAE,cAAAF,EAAA,OAAAH,UAAA;EAETkB,WAAA;GACR,IAAIb,eAAe,IAAE;GAIrB,MAAAe,YAAkBC,iBAAiBrB,SAAS,GAAGK,UAAU;GAAE,aAC9C,KAAKiB,aAAaF,SAAS;EAAC;EACxCD,KAAA,CAACnB,UAAUK,UAAU;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAH;EAAAG,EAAA,KAAAe;EAAAf,EAAA,KAAAgB;CAAA,OAAA;EAAAD,KAAAf,EAAA;EAAAgB,KAAAhB,EAAA;CAAA;CAPzBV,UAAUyB,IAOPC,EAAsB;CAAC,IAAAI;CAAA,IAAApB,EAAA,OAAAqB,OAAAC,IAAA,2BAAA,GAAA;EAIXF,KAAA/B,KAAK,mDAAmD,UAAU;EAACW,EAAA,KAAAoB;CAAA,OAAAA,KAAApB,EAAA;CAGxE,MAAAuB,MAAAjB,UAAU,QAAV,WAAA;CAA0C,IAAAkB;CAAA,IAAAxB,EAAA,OAAAI,SAAA;EAG9CoB,MAAA,oBAAA,QAAA;GAAgB,WAAA;GAAepB,UAAAA;EAAe,CAAA;EAAAJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAwB;CAAA,OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,OAAAQ,YAAA;EAC7CiB,MAAAjB,cAAc,oBAAC,QAAD;GAAa,MAAA;GAAc,OAAA;EAAM,CAAA;EAAGR,EAAA,KAAAQ;EAAAR,EAAA,KAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,IAAA0B;CAAA,IAAA1B,EAAA,OAAAU,YAAAV,EAAA,QAAAH,UAAA;EAElD6B,MAAAhB,YACC,oBAAC,QAAD;GAAQ,MAAA;GAAa,SAAA;GAAa,OAAA;GAAgBb,SAAAA;GAChD,UAAA,oBAAA,KAAA,EAAa,WAAA,YAAW,CAAA;EADnB,CAAA;EAGRG,EAAA,KAAAU;EAAAV,EAAA,MAAAH;EAAAG,EAAA,MAAA0B;CAAA,OAAAA,MAAA1B,EAAA;CAAA,IAAA2B;CAAA,IAAA3B,EAAA,QAAAwB,OAAAxB,EAAA,QAAAyB,OAAAzB,EAAA,QAAA0B,KAAA;EARHC,MAAA,qBAAA,OAAA;GAAe,WAAA;GAAf,UAAA;IACEH;IACCC;IAEAC;GAKG;;EAAA1B,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;EAAAzB,EAAA,MAAA0B;EAAA1B,EAAA,MAAA2B;CAAA,OAAAA,MAAA3B,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAM,SAAAN,EAAA,QAAAuB,OAAAvB,EAAA,QAAA2B,KAAA;EAfRC,MAAA,oBAAC,QAAD;GACa,WAAAR;GACD,WAAA;GACHd;GACD,MAAAiB;GAENI,UAAAA;EANK,CAAA;EAgBE3B,EAAA,MAAAM;EAAAN,EAAA,MAAAuB;EAAAvB,EAAA,MAAA2B;EAAA3B,EAAA,MAAA4B;CAAA,OAAAA,MAAA5B,EAAA;CAAA,OAhBT4B;AAgBS;AAlCN,SAAAd,QAAA,CAAA"}
+{"version":3,"file":"Snack-CoeHh5qF.mjs","names":["clsx","useEffect","Button","Dialog","Loader","Message","SnackProps","Partial","onRemove","Snack","t0","$","_c","expiration","t1","content","t2","color","t3","withLoader","t4","canClose","t5","t6","undefined","_temp","t7","t8","timeoutId","setTimeout","clearTimeout","t9","Symbol","for","t10","t11","t12","t13","t14","t15"],"sources":["../src/components/snack/Snack.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect } from \"react\";\n\nimport { Button } from \"../button\";\nimport { Dialog } from \"../dialog\";\nimport { Loader } from \"../loader\";\nimport { Message } from \"../../types\";\n\nexport type SnackProps = Partial<Message> & {\n  onRemove?: () => void;\n};\n\nexport function Snack({\n  expiration = 5000,\n  content = \"\",\n  color = \"yellow\",\n  withLoader = false,\n  canClose = false,\n  onRemove = () => {},\n}: SnackProps) {\n  useEffect(() => {\n    if (expiration === -1) {\n      return;\n    }\n\n    const timeoutId = setTimeout(() => onRemove(), expiration);\n    return () => void clearTimeout(timeoutId);\n  }, [onRemove, expiration]);\n\n  return (\n    <Dialog\n      className={clsx(\"motion-safe:animate-fade-in pointer-events-auto\", \"ll-snack\")}\n      placement=\"top\"\n      color={color}\n      role={color !== \"red\" ? \"status\" : \"alertdialog\"}\n    >\n      <div className=\"flex w-fit min-w-60 items-center px-2 py-1\">\n        <span className=\"flex-1 pr-4\">{content}</span>\n        {withLoader && <Loader size=\"small\" color=\"gray\" />}\n\n        {canClose && (\n          <Button icon variant=\"text\" color=\"gray\" onClick={onRemove}>\n            <i className=\"fe-cancel\"></i>\n          </Button>\n        )}\n      </div>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/{button-CcpvNjuD.mjs → button-CqXVbdMx.mjs}

@@ -1,5 +1,5 @@
 import { h as useRipple } from "./hooks-BQw3Dsve.mjs";
-import { n as buttonVariants } from "./Button-C953R2Mo.mjs";
+import { n as buttonVariants } from "./Button-Dtp-UNzH.mjs";
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -146,4 +146,4 @@ function HrefButton(t0) {
 //#endregion
 export { ButtonGroup as n, buttonGroupVariants as r, HrefButton as t };
 
-//# sourceMappingURL=button-CcpvNjuD.mjs.map
+//# sourceMappingURL=button-CqXVbdMx.mjs.map

package/dist/{button-CcpvNjuD.mjs.map → button-CqXVbdMx.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-CcpvNjuD.mjs","names":["ComponentProps","ReactNode","clsx","cva","Props","children","direction","buttonGroupVariants","variants","horizontal","vertical","defaultVariants","ButtonGroup","t0","$","_c","className","t1","undefined","t2","t3","ComponentProps","RefObject","useImperativeHandle","useRef","clsx","useRipple","ButtonProps","buttonVariants","HrefButtonProps","Pick","ref","HTMLAnchorElement","HrefButton","t0","$","_c","children","className","disabled","href","props","t1","t2","t3","t4","t5","t6","t7","withRipple","variant","color","size","width","selected","icon","undefined","anchorRef","t8","Symbol","for","current","ripples","t9","t10","t11"],"sources":["../src/components/button/ButtonGroup.tsx","../src/components/button/HrefButton.tsx"],"sourcesContent":["import { ComponentProps, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { cva } from \"class-variance-authority\";\n\ninterface Props extends ComponentProps<\"div\"> {\n  children: ReactNode;\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport const buttonGroupVariants = cva(\n  \"[&_:not(:first-child)]:rounded-tl-none [&_:not(:last-child)]:rounded-br-none\",\n  {\n    variants: {\n      direction: {\n        horizontal:\n          \"[&_:not(:first-child)]:rounded-bl-none [&_:not(:last-child)]:rounded-tr-none *:data-[variant='outlined']:mx-[-0.5px] *:shadow-none\",\n        vertical:\n          \"flex flex-col [&_:not(:first-child)]:rounded-tr-none [&_:not(:last-child)]:rounded-bl-none *:data-[variant='outlined']:my-[-0.5px] *:shadow-none\",\n      },\n    },\n    defaultVariants: {\n      direction: \"horizontal\",\n    },\n  },\n);\n\nexport function ButtonGroup({ children, className, direction = \"horizontal\" }: Props) {\n  return <div className={clsx(buttonGroupVariants({ direction }), className)}>{children}</div>;\n}\n","import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { useRipple } from \"../../hooks/useRipple\";\nimport { ButtonProps, buttonVariants } from \"./Button\";\n\nexport type HrefButtonProps = ComponentProps<\"a\"> &\n  Pick<\n    ButtonProps,\n    \"withRipple\" | \"variant\" | \"size\" | \"color\" | \"selected\" | \"icon\" | \"disabled\" | \"width\"\n  > & { ref?: RefObject<HTMLAnchorElement> };\n\nexport function HrefButton({\n  withRipple = true,\n  variant = \"contained\",\n  color = \"yellow\",\n  size = \"medium\",\n  width = \"fit\",\n  className,\n  disabled,\n  children,\n  selected = false,\n  icon = false,\n  href,\n  ref,\n  ...props\n}: HrefButtonProps) {\n  const anchorRef = useRef<HTMLAnchorElement>(null!);\n\n  useImperativeHandle<HTMLAnchorElement | null, HTMLAnchorElement | null>(\n    ref,\n    () => anchorRef.current,\n  );\n\n  const ripples = useRipple(anchorRef);\n\n  return (\n    <a\n      role=\"button\"\n      href={href}\n      ref={anchorRef}\n      className={clsx(\n        buttonVariants({ variant, size, width, icon: size === \"custom\" ? \"custom\" : icon }),\n        className,\n        selected && \"active\",\n      )}\n      data-color={color}\n      data-variant={variant}\n      aria-checked={selected}\n      aria-disabled={disabled}\n      {...props}\n    >\n      {!disabled && withRipple && ripples}\n      {children}\n    </a>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"button-CqXVbdMx.mjs","names":["ComponentProps","ReactNode","clsx","cva","Props","children","direction","buttonGroupVariants","variants","horizontal","vertical","defaultVariants","ButtonGroup","t0","$","_c","className","t1","undefined","t2","t3","ComponentProps","RefObject","useImperativeHandle","useRef","clsx","useRipple","ButtonProps","buttonVariants","HrefButtonProps","Pick","ref","HTMLAnchorElement","HrefButton","t0","$","_c","children","className","disabled","href","props","t1","t2","t3","t4","t5","t6","t7","withRipple","variant","color","size","width","selected","icon","undefined","anchorRef","t8","Symbol","for","current","ripples","t9","t10","t11"],"sources":["../src/components/button/ButtonGroup.tsx","../src/components/button/HrefButton.tsx"],"sourcesContent":["import { ComponentProps, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { cva } from \"class-variance-authority\";\n\ninterface Props extends ComponentProps<\"div\"> {\n  children: ReactNode;\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport const buttonGroupVariants = cva(\n  \"[&_:not(:first-child)]:rounded-tl-none [&_:not(:last-child)]:rounded-br-none\",\n  {\n    variants: {\n      direction: {\n        horizontal:\n          \"[&_:not(:first-child)]:rounded-bl-none [&_:not(:last-child)]:rounded-tr-none *:data-[variant='outlined']:mx-[-0.5px] *:shadow-none\",\n        vertical:\n          \"flex flex-col [&_:not(:first-child)]:rounded-tr-none [&_:not(:last-child)]:rounded-bl-none *:data-[variant='outlined']:my-[-0.5px] *:shadow-none\",\n      },\n    },\n    defaultVariants: {\n      direction: \"horizontal\",\n    },\n  },\n);\n\nexport function ButtonGroup({ children, className, direction = \"horizontal\" }: Props) {\n  return <div className={clsx(buttonGroupVariants({ direction }), className)}>{children}</div>;\n}\n","import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { useRipple } from \"../../hooks/useRipple\";\nimport { ButtonProps, buttonVariants } from \"./Button\";\n\nexport type HrefButtonProps = ComponentProps<\"a\"> &\n  Pick<\n    ButtonProps,\n    \"withRipple\" | \"variant\" | \"size\" | \"color\" | \"selected\" | \"icon\" | \"disabled\" | \"width\"\n  > & { ref?: RefObject<HTMLAnchorElement> };\n\nexport function HrefButton({\n  withRipple = true,\n  variant = \"contained\",\n  color = \"yellow\",\n  size = \"medium\",\n  width = \"fit\",\n  className,\n  disabled,\n  children,\n  selected = false,\n  icon = false,\n  href,\n  ref,\n  ...props\n}: HrefButtonProps) {\n  const anchorRef = useRef<HTMLAnchorElement>(null!);\n\n  useImperativeHandle<HTMLAnchorElement | null, HTMLAnchorElement | null>(\n    ref,\n    () => anchorRef.current,\n  );\n\n  const ripples = useRipple(anchorRef);\n\n  return (\n    <a\n      role=\"button\"\n      href={href}\n      ref={anchorRef}\n      className={clsx(\n        buttonVariants({ variant, size, width, icon: size === \"custom\" ? \"custom\" : icon }),\n        className,\n        selected && \"active\",\n      )}\n      data-color={color}\n      data-variant={variant}\n      aria-checked={selected}\n      aria-disabled={disabled}\n      {...props}\n    >\n      {!disabled && withRipple && ripples}\n      {children}\n    </a>\n  );\n}\n"],"mappings":"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"}

package/dist/components/autocomplete/index.mjs

@@ -1,7 +1,7 @@
-import { t as Loader } from "../../loader-csj5qb99.mjs";
+import { n as Loader } from "../../loader-CBd61lYX.mjs";
 import { d as useStateDebounce, s as useIsomorphicLayoutEffect } from "../../hooks-BQw3Dsve.mjs";
-import { t as Button } from "../../Button-C953R2Mo.mjs";
-import "../../button-CcpvNjuD.mjs";
+import { t as Button } from "../../Button-Dtp-UNzH.mjs";
+import "../../button-CqXVbdMx.mjs";
 import { t as Dialog } from "../../Dialog-CpSdL1-f.mjs";
 import "../dialog/index.mjs";
 import { n as inputConfig, r as sizeVariant } from "../../Input-BbXXGsv_.mjs";

package/dist/components/button/index.mjs

@@ -1,3 +1,3 @@
-import { n as buttonVariants, t as Button } from "../../Button-C953R2Mo.mjs";
-import { n as ButtonGroup, r as buttonGroupVariants, t as HrefButton } from "../../button-CcpvNjuD.mjs";
+import { n as buttonVariants, t as Button } from "../../Button-Dtp-UNzH.mjs";
+import { n as ButtonGroup, r as buttonGroupVariants, t as HrefButton } from "../../button-CqXVbdMx.mjs";
 export { Button, ButtonGroup, HrefButton, buttonGroupVariants, buttonVariants };

package/dist/components/dropdown-menu-nested/index.mjs

@@ -1,4 +1,4 @@
-import { t as Button } from "../../Button-C953R2Mo.mjs";
+import { t as Button } from "../../Button-Dtp-UNzH.mjs";
 import { t as Dialog } from "../../Dialog-CpSdL1-f.mjs";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useEffect, useRef, useState } from "react";

package/dist/components/fields/checkbox/index.d.mts

@@ -10,9 +10,10 @@ interface CheckboxProps extends ComponentProps<"input"> {
   indeterminate?: boolean;
   disabled?: boolean;
   color?: ThemeColor;
+  shape?: "square" | "circle";
   ref?: RefObject<HTMLInputElement>;
 }
-declare function Checkbox({ color, indeterminate, disabled, className, children, ref, ...rest }: CheckboxProps): import("react").JSX.Element;
+declare function Checkbox({ color, shape, indeterminate, disabled, className, children, ref, ...rest }: CheckboxProps): import("react").JSX.Element;
 interface CheckboxButtonProps extends Omit<ComponentProps<"input">, "size"> {
   disabled?: boolean;
   color?: ButtonProps["color"];

package/dist/components/fields/checkbox/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"mappings":";;;;;;;;UAKiB,sBAAsB;EACrC;EACA;EACA,QAAQ;EACR,MAAM,UAAU;;iBAGF,WACd,OACA,eACA,UACA,WACA,UACA,QACG,QACF,gCAAa,IAAA;UAqBN,4BAA4B,KAAK;EACzC;EACA,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR;EACA;EACA,MAAM,UAAU;;iBAEF,iBACd,OACA,UACA,OACA,MACA,MACA,WACA,SACA,WACA,UACA,QACG,QACF,sCAAmB,IAAA;;;UC3DZ,gBAAc,KAAK;EAC3B,MAAM;EACN;;iBAGc,gBAAgB,MAAM,eAAe,IAAI,aAAa,QAAQ,0BAAK,IAAA;;;UCHzE,cAAc,KAAK;EAC3B,MAAM;EACN,SAAS;EACT;;iBAGc,kBACd,MACA,SACA,IAAI,UACJ,WACA,cACG,QACF,wBAAK,IAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"mappings":";;;;;;;;UAKiB,sBAAsB;EACrC;EACA;EACA,QAAQ;EACR;EACA,MAAM,UAAU;;iBAGF,WACd,OACA,OACA,eACA,UACA,WACA,UACA,QACG,QACF,gCAAa,IAAA;UAsBN,4BAA4B,KAAK;EACzC;EACA,QAAQ;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACR;EACA;EACA,MAAM,UAAU;;iBAEF,iBACd,OACA,UACA,OACA,MACA,MACA,WACA,SACA,WACA,UACA,QACG,QACF,sCAAmB,IAAA;;;UC9DZ,gBAAc,KAAK;EAC3B,MAAM;EACN;;iBAGc,gBAAgB,MAAM,eAAe,IAAI,aAAa,QAAQ,0BAAK,IAAA;;;UCHzE,cAAc,KAAK;EAC3B,MAAM;EACN,SAAS;EACT;;iBAGc,kBACd,MACA,SACA,IAAI,UACJ,WACA,cACG,QACF,wBAAK,IAAA"}

package/dist/components/fields/checkbox/index.mjs

@@ -1,5 +1,5 @@
-import { n as buttonVariants } from "../../../Button-C953R2Mo.mjs";
-import "../../../button-CcpvNjuD.mjs";
+import { n as buttonVariants } from "../../../Button-Dtp-UNzH.mjs";
+import "../../../button-CqXVbdMx.mjs";
 import { t as Field } from "../../../Field-DZmC5a1D.mjs";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -7,7 +7,7 @@ import clsx from "clsx";
 import { useField } from "@conform-to/react/future";
 //#region src/components/fields/checkbox/Checkbox.tsx
 function Checkbox(t0) {
-	const $ = c(24);
+	const $ = c(26);
 	let children;
 	let className;
 	let indeterminate;
@@ -15,8 +15,9 @@ function Checkbox(t0) {
 	let rest;
 	let t1;
 	let t2;
+	let t3;
 	if ($[0] !== t0) {
-		({color: t1, indeterminate, disabled: t2, className, children, ref, ...rest} = t0);
+		({color: t1, shape: t2, indeterminate, disabled: t3, className, children, ref, ...rest} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = className;
@@ -25,6 +26,7 @@ function Checkbox(t0) {
 		$[5] = rest;
 		$[6] = t1;
 		$[7] = t2;
+		$[8] = t3;
 	} else {
 		children = $[1];
 		className = $[2];
@@ -33,58 +35,62 @@ function Checkbox(t0) {
 		rest = $[5];
 		t1 = $[6];
 		t2 = $[7];
+		t3 = $[8];
 	}
 	const color = t1 === void 0 ? "yellow" : t1;
-	const disabled = t2 === void 0 ? false : t2;
-	let t3;
-	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = clsx("flex cursor-pointer items-center");
-		$[8] = t3;
-	} else t3 = $[8];
-	const t4 = indeterminate && "indeterminate";
-	let t5;
-	if ($[9] !== className || $[10] !== t4) {
-		t5 = clsx("p8n-input-checkbox", "my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none", t4, className);
-		$[9] = className;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== disabled) {
-		t6 = disabled ? { disabled } : {};
-		$[12] = disabled;
-		$[13] = t6;
-	} else t6 = $[13];
+	const shape = t2 === void 0 ? "square" : t2;
+	const disabled = t3 === void 0 ? false : t3;
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = clsx("flex cursor-pointer items-center");
+		$[9] = t4;
+	} else t4 = $[9];
+	const t5 = shape === "square" ? "rounded-sm" : "rounded-full";
+	const t6 = indeterminate && "indeterminate";
 	let t7;
-	if ($[14] !== color || $[15] !== ref || $[16] !== rest || $[17] !== t5 || $[18] !== t6) {
-		t7 = /* @__PURE__ */ jsx("input", {
+	if ($[10] !== className || $[11] !== t5 || $[12] !== t6) {
+		t7 = clsx("p8n-input-checkbox", "my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none bg-origin-border p-0 outline-offset-0 select-none", t5, t6, className);
+		$[10] = className;
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== disabled) {
+		t8 = disabled ? { disabled } : {};
+		$[14] = disabled;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== color || $[17] !== ref || $[18] !== rest || $[19] !== t7 || $[20] !== t8) {
+		t9 = /* @__PURE__ */ jsx("input", {
 			"data-color": color,
 			ref,
 			type: "checkbox",
-			className: t5,
-			...t6,
+			className: t7,
+			...t8,
 			...rest
 		});
-		$[14] = color;
-		$[15] = ref;
-		$[16] = rest;
-		$[17] = t5;
-		$[18] = t6;
+		$[16] = color;
+		$[17] = ref;
+		$[18] = rest;
 		$[19] = t7;
-	} else t7 = $[19];
-	let t8;
-	if ($[20] !== children || $[21] !== disabled || $[22] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("label", {
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] !== children || $[23] !== disabled || $[24] !== t9) {
+		t10 = /* @__PURE__ */ jsxs("label", {
 			"aria-disabled": disabled,
-			className: t3,
-			children: [t7, children]
+			className: t4,
+			children: [t9, children]
 		});
-		$[20] = children;
-		$[21] = disabled;
-		$[22] = t7;
-		$[23] = t8;
-	} else t8 = $[23];
-	return t8;
+		$[22] = children;
+		$[23] = disabled;
+		$[24] = t9;
+		$[25] = t10;
+	} else t10 = $[25];
+	return t10;
 }
 function CheckboxButton(t0) {
 	const $ = c(36);

package/dist/components/fields/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","clsx","Props","Omit","name","options","direction","CheckboxesField","t0","$","_c","className","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","t3","t4","defaultOptions","t5","option","value","includes","label","map","t6"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 translate-x-[-9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<boolean | undefined>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\nimport clsx from \"clsx\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<(string | number)[] | null | undefined>;\n  options: SelectOption[];\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport function CheckboxesField({\n  name,\n  options,\n  id: forcedId,\n  direction,\n  className,\n  ...rest\n}: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field id={id} group errors={errors} data-testid={name} {...rest}>\n      <div\n        className={clsx(\n          className,\n          !className &&\n            direction === \"horizontal\" &&\n            \"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\",\n        )}\n      >\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","shape","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","t3","undefined","t4","Symbol","for","t5","t6","t7","t8","t9","t10","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","clsx","Props","Omit","name","options","direction","CheckboxesField","t0","$","_c","className","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","t3","t4","defaultOptions","t5","option","value","includes","label","map","t6"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  shape?: \"square\" | \"circle\";\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  shape = \"square\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none bg-origin-border p-0 outline-offset-0 select-none\",\n          shape === \"square\" ? \"rounded-sm\" : \"rounded-full\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 translate-x-[-9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<boolean | undefined>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\nimport clsx from \"clsx\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<(string | number)[] | null | undefined>;\n  options: SelectOption[];\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport function CheckboxesField({\n  name,\n  options,\n  id: forcedId,\n  direction,\n  className,\n  ...rest\n}: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field id={id} group errors={errors} data-testid={name} {...rest}>\n      <div\n        className={clsx(\n          className,\n          !className &&\n            direction === \"horizontal\" &&\n            \"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\",\n        )}\n      >\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/color/index.mjs

@@ -1,8 +1,8 @@
 import { h as useRipple } from "../../../hooks-BQw3Dsve.mjs";
-import { t as Button } from "../../../Button-C953R2Mo.mjs";
+import { t as Button } from "../../../Button-Dtp-UNzH.mjs";
 import { n as useTranslate } from "../../../i18n-B57GZqP3.mjs";
 import { t as Field } from "../../../Field-DZmC5a1D.mjs";
-import { a as ModalContent, n as ModalFooter, o as Modal, r as ModalHeader, t as ModalDescription } from "../../../modal-Bs1iwE6V.mjs";
+import { a as ModalContent, n as ModalFooter, o as Modal, r as ModalHeader, t as ModalDescription } from "../../../modal-OMEOCOF0.mjs";
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/fields/file/index.mjs

@@ -1,6 +1,6 @@
-import { t as Button } from "../../../Button-C953R2Mo.mjs";
+import { t as Button } from "../../../Button-Dtp-UNzH.mjs";
 import { t as Field } from "../../../Field-DZmC5a1D.mjs";
-import { a as ModalContent, n as ModalFooter, o as Modal, r as ModalHeader, t as ModalDescription } from "../../../modal-Bs1iwE6V.mjs";
+import { a as ModalContent, n as ModalFooter, o as Modal, r as ModalHeader, t as ModalDescription } from "../../../modal-OMEOCOF0.mjs";
 import { n as isMediaImage, t as MediaPreview } from "../../../media-preview-CHOE6JmB.mjs";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/fields/input-button/index.mjs

@@ -1,5 +1,5 @@
-import { t as Button } from "../../../Button-C953R2Mo.mjs";
-import "../../../button-CcpvNjuD.mjs";
+import { t as Button } from "../../../Button-Dtp-UNzH.mjs";
+import "../../../button-CqXVbdMx.mjs";
 import { n as inputConfig, r as sizeVariant } from "../../../Input-BbXXGsv_.mjs";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/fields/radio/index.mjs

@@ -1,5 +1,5 @@
-import { n as buttonVariants } from "../../../Button-C953R2Mo.mjs";
-import { r as buttonGroupVariants } from "../../../button-CcpvNjuD.mjs";
+import { n as buttonVariants } from "../../../Button-Dtp-UNzH.mjs";
+import { r as buttonGroupVariants } from "../../../button-CqXVbdMx.mjs";
 import { t as Field } from "../../../Field-DZmC5a1D.mjs";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/fields/select/index.mjs

@@ -1,5 +1,5 @@
-import { t as Button } from "../../../Button-C953R2Mo.mjs";
-import "../../../button-CcpvNjuD.mjs";
+import { t as Button } from "../../../Button-Dtp-UNzH.mjs";
+import "../../../button-CqXVbdMx.mjs";
 import { t as Dialog } from "../../../Dialog-CpSdL1-f.mjs";
 import "../../dialog/index.mjs";
 import { r as sizeVariant } from "../../../Input-BbXXGsv_.mjs";

package/dist/components/fields/stars/index.mjs

@@ -1,6 +1,6 @@
 import { r as useMergeRefs } from "../../../hooks-BQw3Dsve.mjs";
-import { t as Button } from "../../../Button-C953R2Mo.mjs";
-import "../../../button-CcpvNjuD.mjs";
+import { t as Button } from "../../../Button-Dtp-UNzH.mjs";
+import "../../../button-CqXVbdMx.mjs";
 import { c } from "react/compiler-runtime";
 import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/fields/text/index.mjs

@@ -1,3 +1,3 @@
 import { n as inputConfig, t as Input } from "../../../Input-BbXXGsv_.mjs";
-import { n as PasswordField, r as TextField, t as SlugField } from "../../../text-Bilm-ddL.mjs";
+import { n as PasswordField, r as TextField, t as SlugField } from "../../../text-Cm7qVcmx.mjs";
 export { Input, PasswordField, SlugField, TextField, inputConfig };

package/dist/components/fields/wysiwyg/index.mjs

@@ -1,5 +1,5 @@
-import { t as Button } from "../../../Button-C953R2Mo.mjs";
-import "../../../button-CcpvNjuD.mjs";
+import { t as Button } from "../../../Button-Dtp-UNzH.mjs";
+import "../../../button-CqXVbdMx.mjs";
 import { t as Dialog } from "../../../Dialog-CpSdL1-f.mjs";
 import "../../dialog/index.mjs";
 import { t as Input } from "../../../Input-BbXXGsv_.mjs";
@@ -7,7 +7,7 @@ import { n as DropdownMenu, t as DropdownMenuItem } from "../../../dropdown-menu
 import { proseLinkVariant } from "../../href/index.mjs";
 import { n as useTranslate } from "../../../i18n-B57GZqP3.mjs";
 import { t as Field } from "../../../Field-DZmC5a1D.mjs";
-import "../../../text-Bilm-ddL.mjs";
+import "../../../text-Cm7qVcmx.mjs";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";