@firecms/ui 3.0.0-canary.155 → 3.0.0-canary.157

package/dist/components/BooleanSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanSwitch.js","sources":["../../src/components/BooleanSwitch.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cls } from \"../util\";\n\nexport type BooleanSwitchProps = {\n    value: boolean | null;\n    className?: string;\n    disabled?: boolean;\n    size?: \"small\" | \"medium\" | \"large\";\n} & ({\n    allowIndeterminate: true;\n    onValueChange?: (newValue: boolean | null) => void;\n} | {\n    allowIndeterminate?: false;\n    onValueChange?: (newValue: boolean) => void;\n});\n\nexport const BooleanSwitch = React.forwardRef(function BooleanSwitch({\n                                                                         value,\n                                                                         allowIndeterminate,\n                                                                         className,\n                                                                         onValueChange,\n                                                                         disabled = false,\n                                                                         size = \"medium\",\n                                                                         ...props\n                                                                     }: BooleanSwitchProps, ref: React.Ref<HTMLButtonElement>) {\n        return <button\n            type=\"button\"\n            ref={ref}\n            tabIndex={disabled ? -1 : undefined}\n            onClick={disabled\n                ? (e) => e.preventDefault()\n                : (e) => {\n                    e.preventDefault();\n                    if (allowIndeterminate) {\n                        if (value === null || value === undefined) onValueChange?.(true)\n                        else if (value) onValueChange?.(false)\n                        else onValueChange?.(null);\n                    } else {\n                        onValueChange?.(!value);\n                    }\n                }}\n            className={cls(\n                size === \"small\" ? \"w-[38px] h-[22px] min-w-[38px] min-h-[22px]\" : \"w-[42px] h-[26px] min-w-[42px] min-h-[26px]\",\n                \"outline-none rounded-full relative shadow-sm\",\n                value ? (disabled\n                    ? \"bg-white bg-opacity-54 dark:bg-surface-accent-950 border-surface-accent-100 dark:border-surface-accent-700 ring-1 ring-surface-accent-200 dark:ring-surface-accent-700\"\n                    : \"ring-secondary ring-1 bg-secondary dark:bg-secondary\") : \"bg-white bg-opacity-54 dark:bg-surface-accent-900 ring-1 ring-surface-accent-200 dark:ring-surface-accent-700\",\n                className\n            )}\n            {...props}\n        >\n            {allowIndeterminate && (value === null || value === undefined) && <div\n                key={\"knob\"}\n                className={cls(\n                    \"block rounded-full transition-transform duration-100 transform will-change-auto\",\n                    disabled ? \"bg-surface-accent-400 dark:bg-surface-accent-600\" : \"bg-surface-accent-400 dark:bg-surface-accent-600\",\n                    {\n                        \"w-[21px] h-[10px]\": size === \"medium\" || size === \"large\",\n                        \"w-[19px] h-[8px]\": size === \"small\",\n                        \"translate-x-[10px]\": size === \"medium\" || size === \"large\",\n                        \"translate-x-[9px]\": size === \"small\"\n                    }\n                )}\n            />}\n\n            {!(allowIndeterminate && (value === null || value === undefined)) && <div\n                key={\"knob\"}\n                className={cls(\n                    \"block rounded-full transition-transform duration-100 transform will-change-auto\",\n                    disabled ? \"bg-surface-accent-300 dark:bg-surface-accent-700\" : (value ? \"bg-white\" : \"bg-surface-accent-600 dark:bg-surface-accent-400\"),\n                    {\n                        \"w-[21px] h-[21px]\": size === \"medium\" || size === \"large\",\n                        \"w-[19px] h-[19px]\": size === \"small\",\n                        [value ? \"translate-x-[19px]\" : \"translate-x-[3px]\"]: size === \"medium\" || size === \"large\",\n                        [value ? \"translate-x-[17px]\" : \"translate-x-[2px]\"]: size === \"small\"\n                    }\n                )}\n            />}\n        </button>;\n    }\n) as React.ForwardRefExoticComponent<BooleanSwitchProps & React.RefAttributes<HTMLButtonElement>>;\n"],"names":["BooleanSwitch","React","forwardRef","value","allowIndeterminate","className","onValueChange","disabled","size","props","ref","undefined","e","preventDefault","cls"],"mappings":";;;;AAiBO,MAAMA,gBAAgBC,eAAMC,WAAW,SAASF,eAAc;AAAA,EACIG;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,OAAO;AAAA,EACP,GAAGC;AACa,GAAGC,KAAmC;AACvH,SAAQ,qBAAA,UAAA,EACJ,MAAK,UACL,KACA,UAAUH,WAAW,KAAKI,QAC1B,SAASJ,WACFK,CAAAA,MAAMA,EAAEC,eAAAA,IACRD,CAAM,QAAA;AACLA,QAAEC,eAAe;AACjB,QAAIT,oBAAoB;AACpB,UAAID,UAAU,QAAQA,UAAUQ,wBAA2B,IAAI;AAAA,eACtDR,uBAAuB,KAAK;AAAA,2BAChB,IAAI;AAAA,IAAA,OACtB;AACHG,sBAAgB,CAACH,KAAK;AAAA,IAAA;AAAA,EAC1B,GAER,WAAWW,IACPN,SAAS,UAAU,gDAAgD,+CACnE,gDACAL,QAASI,WACH,2KACA,yDAA0D,iHAChEF,SACJ,GACA,GAAII,OAEHL,UAAAA;AAAAA,IAAuBD,uBAAAA,UAAU,QAAQA,UAAUQ,WAAc,oBAAC,OAE/D,EAAA,WAAWG,IACP,mFACAP,WAAW,qDAAqD,oDAChE;AAAA,MACI,qBAAqBC,SAAS,YAAYA,SAAS;AAAA,MACnD,oBAAoBA,SAAS;AAAA,MAC7B,sBAAsBA,SAAS,YAAYA,SAAS;AAAA,MACpD,qBAAqBA,SAAS;AAAA,IAAA,CAEtC,KAVK,MAWP;AAAA,IAED,EAAEJ,uBAAuBD,UAAU,QAAQA,UAAUQ,YAAe,oBAAC,OAElE,EAAA,WAAWG,IACP,mFACAP,WAAW,qDAAsDJ,QAAQ,aAAa,oDACtF;AAAA,MACI,qBAAqBK,SAAS,YAAYA,SAAS;AAAA,MACnD,qBAAqBA,SAAS;AAAA,MAC9B,CAACL,QAAQ,uBAAuB,mBAAmB,GAAGK,SAAS,YAAYA,SAAS;AAAA,MACpF,CAACL,QAAQ,uBAAuB,mBAAmB,GAAGK,SAAS;AAAA,IAEvE,CAAA,KAVK,MAWP;AAAA,EAAA,GACN;AACJ,CACJ;"}

package/dist/components/BooleanSwitchWithLabel.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { focusedClasses, fieldBackgroundDisabledMixin, fieldBackgroundHoverMixin, fieldBackgroundMixin } from "../styles.js";
+import { BooleanSwitch } from "./BooleanSwitch.js";
+import { cls } from "../util/cls.js";
+const BooleanSwitchWithLabel = function BooleanSwitchWithLabel2({
+  value,
+  position = "end",
+  invisible,
+  onValueChange,
+  error,
+  label,
+  autoFocus,
+  disabled,
+  size,
+  className,
+  fullWidth = true,
+  inputClassName,
+  ...props
+}) {
+  const ref = React__default.useRef(null);
+  const refInput = React__default.useRef(null);
+  const [_, setFocused] = React__default.useState(autoFocus);
+  const onFocus = () => setFocused(true);
+  const onBlur = () => setFocused(false);
+  React__default.useEffect(() => {
+  }, []);
+  const focus = document.activeElement === refInput?.current || document.activeElement === ref?.current;
+  return /* @__PURE__ */ jsxs("div", { ref, onFocus, onBlur, tabIndex: -1, className: cls(!invisible && fieldBackgroundMixin, !invisible && (disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin), disabled ? "cursor-default" : "cursor-pointer", "rounded-md max-w-full justify-between box-border relative inline-flex items-center", !invisible && focus && !disabled ? focusedClasses : "", error ? "text-red-500 dark:text-red-600" : focus && !disabled ? "text-primary" : !disabled ? "text-text-primary dark:text-text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark", size === "small" ? "min-h-[40px]" : size === "medium" ? "min-h-[48px]" : "min-h-[64px]", size === "small" ? "pl-2" : "pl-4", size === "small" ? "pr-4" : "pr-6", position === "end" ? "flex-row-reverse" : "flex-row", fullWidth ? "w-full" : "", className), onClick: disabled ? void 0 : (e) => {
+    if (props.allowIndeterminate) {
+      if (value === null || value === void 0) onValueChange?.(true);
+      else if (value) onValueChange?.(false);
+      else onValueChange?.(null);
+    } else {
+      onValueChange?.(!value);
+    }
+  }, children: [
+    /* @__PURE__ */ jsx(BooleanSwitch, { value, ref: refInput, size, className: cls(invisible && focus ? focusedClasses : "", inputClassName), disabled, ...props }),
+    /* @__PURE__ */ jsx("div", { className: cls("flex-grow", position === "end" ? "mr-4" : "ml-4", size === "small" ? "text-sm" : "text-base"), children: label })
+  ] });
+};
+export {
+  BooleanSwitchWithLabel
+};
+//# sourceMappingURL=BooleanSwitchWithLabel.js.map

package/dist/components/BooleanSwitchWithLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanSwitchWithLabel.js","sources":["../../src/components/BooleanSwitchWithLabel.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport {\n    fieldBackgroundDisabledMixin,\n    fieldBackgroundHoverMixin,\n    fieldBackgroundMixin,\n    focusedClasses\n} from \"../styles\";\nimport { BooleanSwitch, BooleanSwitchProps } from \"./BooleanSwitch\";\nimport { cls } from \"../util\";\n\nexport type BooleanSwitchWithLabelProps = BooleanSwitchProps & {\n    position?: \"start\" | \"end\",\n    invisible?: boolean,\n    label?: React.ReactNode,\n    error?: boolean,\n    autoFocus?: boolean,\n    fullWidth?: boolean,\n    className?: string,\n    inputClassName?: string,\n};\n\n/**\n * Simple boolean switch.\n *\n */\nexport const BooleanSwitchWithLabel = function BooleanSwitchWithLabel({\n                                                                          value,\n                                                                          position = \"end\",\n                                                                          invisible,\n                                                                          onValueChange,\n                                                                          error,\n                                                                          label,\n                                                                          autoFocus,\n                                                                          disabled,\n                                                                          size,\n                                                                          className,\n                                                                          fullWidth = true,\n                                                                          inputClassName,\n                                                                          ...props\n                                                                      }: BooleanSwitchWithLabelProps) {\n\n    const ref = React.useRef<HTMLDivElement | null>(null);\n    const refInput = React.useRef<HTMLButtonElement | null>(null);\n    const [_, setFocused] = React.useState(autoFocus)\n    const onFocus = () => setFocused(true);\n    const onBlur = () => setFocused(false);\n\n    React.useEffect(() => {\n        if (autoFocus) {\n            // refInput.current?.focus();\n        }\n    }, []);\n\n    const focus = document.activeElement === refInput?.current || document.activeElement === ref?.current\n\n    return (\n        <div\n            ref={ref}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            tabIndex={-1}\n            className={cls(\n                !invisible && fieldBackgroundMixin,\n                !invisible && (disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin),\n                disabled ? \"cursor-default\" : \"cursor-pointer\",\n                \"rounded-md max-w-full justify-between box-border relative inline-flex items-center\",\n                !invisible && focus && !disabled ? focusedClasses : \"\",\n                error ? \"text-red-500 dark:text-red-600\" : (focus && !disabled ? \"text-primary\" : (!disabled ? \"text-text-primary dark:text-text-primary-dark\" : \"text-text-secondary dark:text-text-secondary-dark\")),\n                size === \"small\" ? \"min-h-[40px]\" : (size === \"medium\" ? \"min-h-[48px]\" : \"min-h-[64px]\"),\n                size === \"small\" ? \"pl-2\" : \"pl-4\",\n                size === \"small\" ? \"pr-4\" : \"pr-6\",\n                position === \"end\" ? \"flex-row-reverse\" : \"flex-row\",\n                fullWidth ? \"w-full\" : \"\",\n                className\n            )}\n            onClick={disabled ? undefined : (e) => {\n                if (props.allowIndeterminate) {\n                    if (value === null || value === undefined) onValueChange?.(true)\n                    else if (value) onValueChange?.(false)\n                    else onValueChange?.(null as any);\n                } else {\n                    onValueChange?.(!value);\n                }\n                // refInput.current?.focus();\n            }}\n        >\n\n            <BooleanSwitch\n                value={value}\n                ref={refInput}\n                size={size}\n                className={cls(invisible && focus ? focusedClasses : \"\", inputClassName)}\n                disabled={disabled}\n                {...props}\n            />\n\n            <div className={cls(\n                \"flex-grow\",\n                position === \"end\" ? \"mr-4\" : \"ml-4\",\n                size === \"small\" ? \"text-sm\" : \"text-base\"\n            )}>\n                {label}\n            </div>\n\n        </div>\n\n    );\n};\n"],"names":["BooleanSwitchWithLabel","value","position","invisible","onValueChange","error","label","autoFocus","disabled","size","className","fullWidth","inputClassName","props","ref","React","useRef","refInput","_","setFocused","useState","onFocus","onBlur","useEffect","focus","document","activeElement","current","cls","fieldBackgroundMixin","fieldBackgroundDisabledMixin","fieldBackgroundHoverMixin","focusedClasses","undefined","e","allowIndeterminate"],"mappings":";;;;;;AA0BaA,MAAAA,yBAAyB,SAASA,wBAAuB;AAAA,EACIC;AAAAA,EACAC,WAAW;AAAA,EACXC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AAAAA,EACA,GAAGC;AACsB,GAAG;AAE5FC,QAAAA,MAAMC,eAAMC,OAA8B,IAAI;AAC9CC,QAAAA,WAAWF,eAAMC,OAAiC,IAAI;AAC5D,QAAM,CAACE,GAAGC,UAAU,IAAIJ,eAAMK,SAASb,SAAS;AAC1Cc,QAAAA,UAAUA,MAAMF,WAAW,IAAI;AAC/BG,QAAAA,SAASA,MAAMH,WAAW,KAAK;AAErCJ,iBAAMQ,UAAU,MAAM;AAAA,EAItB,GAAG,EAAE;AAEL,QAAMC,QAAQC,SAASC,kBAAkBT,UAAUU,WAAWF,SAASC,kBAAkBZ,KAAKa;AAE9F,SACK,qBAAA,OAAA,EACG,KACA,SACA,QACA,UAAU,IACV,WAAWC,IACP,CAACzB,aAAa0B,sBACd,CAAC1B,cAAcK,WAAWsB,+BAA+BC,4BACzDvB,WAAW,mBAAmB,kBAC9B,sFACA,CAACL,aAAaqB,SAAS,CAAChB,WAAWwB,iBAAiB,IACpD3B,QAAQ,mCAAoCmB,SAAS,CAAChB,WAAW,iBAAkB,CAACA,WAAW,kDAAkD,qDACjJC,SAAS,UAAU,iBAAkBA,SAAS,WAAW,iBAAiB,gBAC1EA,SAAS,UAAU,SAAS,QAC5BA,SAAS,UAAU,SAAS,QAC5BP,aAAa,QAAQ,qBAAqB,YAC1CS,YAAY,WAAW,IACvBD,SACJ,GACA,SAASF,WAAWyB,SAAaC,CAAM,MAAA;AACnC,QAAIrB,MAAMsB,oBAAoB;AAC1B,UAAIlC,UAAU,QAAQA,UAAUgC,wBAA2B,IAAI;AAAA,eACtDhC,uBAAuB,KAAK;AAAA,2BAChB,IAAW;AAAA,IAAA,OAC7B;AACHG,sBAAgB,CAACH,KAAK;AAAA,IAAA;AAAA,EAM9B,GAAA,UAAA;AAAA,IAAA,oBAAC,eACG,EAAA,OACA,KAAKgB,UACL,MACA,WAAWW,IAAIzB,aAAaqB,QAAQQ,iBAAiB,IAAIpB,cAAc,GACvE,UACIC,GAAAA,OAAM;AAAA,IAGb,oBAAA,OAAA,EAAI,WAAWe,IACZ,aACA1B,aAAa,QAAQ,SAAS,QAC9BO,SAAS,UAAU,YAAY,WACnC,GACKH,UACL,MAAA,CAAA;AAAA,EAAA,GAEJ;AAGR;"}

package/dist/components/Button.js

@@ -0,0 +1,196 @@
+"use client";
+import { jsxs } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import React__default from "react";
+import { cls } from "../util/cls.js";
+const ButtonInner = React__default.forwardRef((t0, ref) => {
+  const $ = c(52);
+  let Component;
+  let children;
+  let className;
+  let props;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      variant: t1,
+      disabled: t2,
+      size: t3,
+      startIcon: t4,
+      fullWidth: t5,
+      component: Component,
+      color: t6,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = Component;
+    $[2] = children;
+    $[3] = className;
+    $[4] = props;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
+  } else {
+    Component = $[1];
+    children = $[2];
+    className = $[3];
+    props = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    t5 = $[9];
+    t6 = $[10];
+  }
+  const variant = t1 === void 0 ? "filled" : t1;
+  const disabled = t2 === void 0 ? false : t2;
+  const size = t3 === void 0 ? "medium" : t3;
+  const startIcon = t4 === void 0 ? null : t4;
+  const fullWidth = t5 === void 0 ? false : t5;
+  const color = t6 === void 0 ? "primary" : t6;
+  const t7 = !fullWidth;
+  const t8 = variant === "filled" && color === "primary" && !disabled;
+  const t9 = variant === "filled" && color === "secondary" && !disabled;
+  const t10 = variant === "filled" && color === "error" && !disabled;
+  const t11 = variant === "filled" && color === "text" && !disabled;
+  const t12 = variant === "text" && color === "primary" && !disabled;
+  const t13 = variant === "text" && color === "secondary" && !disabled;
+  const t14 = variant === "text" && color === "error" && !disabled;
+  const t15 = variant === "text" && color === "text" && !disabled;
+  const t16 = variant === "outlined" && color === "primary" && !disabled;
+  const t17 = variant === "outlined" && color === "secondary" && !disabled;
+  const t18 = variant === "outlined" && color === "error" && !disabled;
+  const t19 = variant === "outlined" && color === "text" && !disabled;
+  const t20 = variant === "neutral" && (color === "primary" || color === "text") && !disabled;
+  const t21 = variant === "neutral" && color === "secondary" && !disabled;
+  const t22 = variant === "neutral" && color === "error" && !disabled;
+  const t23 = variant === "text" && disabled;
+  const t24 = variant === "outlined" && disabled;
+  const t25 = (variant === "filled" || variant === "neutral") && disabled;
+  let t26;
+  let t27;
+  let t28;
+  let t29;
+  let t30;
+  if ($[11] !== Component || $[12] !== children || $[13] !== className || $[14] !== fullWidth || $[15] !== props || $[16] !== ref || $[17] !== size || $[18] !== startIcon || $[19] !== t10 || $[20] !== t11 || $[21] !== t12 || $[22] !== t13 || $[23] !== t14 || $[24] !== t15 || $[25] !== t16 || $[26] !== t17 || $[27] !== t18 || $[28] !== t19 || $[29] !== t20 || $[30] !== t21 || $[31] !== t22 || $[32] !== t23 || $[33] !== t24 || $[34] !== t25 || $[35] !== t7 || $[36] !== t8 || $[37] !== t9) {
+    t30 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const buttonClasses = cls({
+        "w-full": fullWidth,
+        "w-fit": t7,
+        "border border-primary bg-primary hover:bg-primary-dark focus:ring-primary shadow hover:ring-1 hover:ring-primary text-white hover:text-white": t8,
+        "border border-secondary bg-secondary hover:bg-secondary-dark focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white": t9,
+        "border border-red-500 bg-red-500 hover:bg-red-500 focus:ring-red-500 shadow hover:ring-1 hover:ring-red-600 text-white hover:text-white": t10,
+        "border border-surface-accent-200 bg-surface-accent-200 hover:bg-surface-accent-300 focus:ring-surface-accent-400 shadow hover:ring-1 hover:ring-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark": t11,
+        "border border-transparent text-primary hover:text-primary hover:bg-surface-accent-200 dark:hover:bg-surface-900": t12,
+        "border border-transparent text-secondary hover:text-secondary hover:bg-secondary-bg": t13,
+        "border border-transparent text-red-500 hover:text-red-500 hover:bg-red-500 hover:bg-opacity-10": t14,
+        "border border-transparent text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark hover:bg-surface-accent-200 hover:dark:bg-surface-700": t15,
+        "border border-primary text-primary hover:text-primary hover:bg-primary-bg": t16,
+        "border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg": t17,
+        "border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white": t18,
+        "border border-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-surface-accent-200": t19,
+        "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-primary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": t20,
+        "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-secondary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white": t21,
+        "border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-error dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-error": t22,
+        "border border-transparent opacity-50": t23,
+        "border border-surface-500 opacity-50": t24,
+        "border border-surface-500 bg-surface-500 opacity-50": t25
+      });
+      const sizeClasses = cls({
+        "py-1 px-2": size === "small",
+        "py-2 px-4": size === "medium",
+        "py-2.5 px-5": size === "large",
+        "py-3 px-6": size === "xl",
+        "py-4 px-10": size === "2xl"
+      });
+      if (Component) {
+        t30 = /* @__PURE__ */ jsxs(Component, { ref, onClick: props.onClick, className: cls(startIcon ? "pl-3" : "", "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition ease-in-out duration-150 gap-2", buttonClasses, sizeClasses, className), ...props, children: [
+          startIcon,
+          children
+        ] });
+        break bb0;
+      }
+      t26 = ref;
+      t27 = props.type ?? "button";
+      t28 = props.onClick;
+      t29 = cls(startIcon ? "pl-3" : "", "typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition ease-in-out duration-150 gap-2", buttonClasses, sizeClasses, className);
+    }
+    $[11] = Component;
+    $[12] = children;
+    $[13] = className;
+    $[14] = fullWidth;
+    $[15] = props;
+    $[16] = ref;
+    $[17] = size;
+    $[18] = startIcon;
+    $[19] = t10;
+    $[20] = t11;
+    $[21] = t12;
+    $[22] = t13;
+    $[23] = t14;
+    $[24] = t15;
+    $[25] = t16;
+    $[26] = t17;
+    $[27] = t18;
+    $[28] = t19;
+    $[29] = t20;
+    $[30] = t21;
+    $[31] = t22;
+    $[32] = t23;
+    $[33] = t24;
+    $[34] = t25;
+    $[35] = t7;
+    $[36] = t8;
+    $[37] = t9;
+    $[38] = t26;
+    $[39] = t27;
+    $[40] = t28;
+    $[41] = t29;
+    $[42] = t30;
+  } else {
+    t26 = $[38];
+    t27 = $[39];
+    t28 = $[40];
+    t29 = $[41];
+    t30 = $[42];
+  }
+  if (t30 !== Symbol.for("react.early_return_sentinel")) {
+    return t30;
+  }
+  const t31 = props;
+  let t32;
+  if ($[43] !== children || $[44] !== disabled || $[45] !== startIcon || $[46] !== t26 || $[47] !== t27 || $[48] !== t28 || $[49] !== t29 || $[50] !== t31) {
+    t32 = /* @__PURE__ */ jsxs("button", { ref: t26, type: t27, onClick: t28, className: t29, disabled, ...t31, children: [
+      startIcon,
+      children
+    ] });
+    $[43] = children;
+    $[44] = disabled;
+    $[45] = startIcon;
+    $[46] = t26;
+    $[47] = t27;
+    $[48] = t28;
+    $[49] = t29;
+    $[50] = t31;
+    $[51] = t32;
+  } else {
+    t32 = $[51];
+  }
+  return t32;
+});
+ButtonInner.displayName = "Button";
+const Button = ButtonInner;
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { cls } from \"../util\";\n\nexport type ButtonProps<P extends React.ElementType> =\n    Omit<(P extends \"button\" ? React.ButtonHTMLAttributes<HTMLButtonElement> : React.ComponentProps<P>), \"onClick\">\n    & {\n    variant?: \"filled\" | \"neutral\" | \"outlined\" | \"text\";\n    disabled?: boolean;\n    color?: \"primary\" | \"secondary\" | \"text\" | \"error\";\n    size?: \"small\" | \"medium\" | \"large\" | \"xl\" | \"2xl\";\n    startIcon?: React.ReactNode;\n    fullWidth?: boolean;\n    className?: string;\n    onClick?: React.MouseEventHandler<any>\n};\n\nconst ButtonInner = React.forwardRef<\n    ButtonProps<React.ElementType<any>>\n>(({\n       children,\n       className,\n       variant = \"filled\",\n       disabled = false,\n       size = \"medium\",\n       startIcon = null,\n       fullWidth = false,\n       component: Component,\n       color = \"primary\",\n       ...props\n   }: ButtonProps<any>, ref) => {\n\n    const baseClasses =\n        \"typography-button h-fit rounded-md whitespace-nowrap inline-flex items-center justify-center p-2 px-4 focus:outline-none transition ease-in-out duration-150 gap-2\";\n\n    const buttonClasses = cls({\n        \"w-full\": fullWidth,\n        \"w-fit\": !fullWidth,\n\n        // Filled Variants\n        \"border border-primary bg-primary hover:bg-primary-dark focus:ring-primary shadow hover:ring-1 hover:ring-primary text-white hover:text-white\": variant === \"filled\" && color === \"primary\" && !disabled,\n        \"border border-secondary bg-secondary hover:bg-secondary-dark focus:ring-secondary shadow hover:ring-1 hover:ring-secondary text-white hover:text-white\": variant === \"filled\" && color === \"secondary\" && !disabled,\n        \"border border-red-500 bg-red-500 hover:bg-red-500 focus:ring-red-500 shadow hover:ring-1 hover:ring-red-600 text-white hover:text-white\": variant === \"filled\" && color === \"error\" && !disabled,\n        \"border border-surface-accent-200 bg-surface-accent-200 hover:bg-surface-accent-300 focus:ring-surface-accent-400 shadow hover:ring-1 hover:ring-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark\": variant === \"filled\" && color === \"text\" && !disabled,\n\n        // Text Variants\n        \"border border-transparent text-primary hover:text-primary hover:bg-surface-accent-200 dark:hover:bg-surface-900\": variant === \"text\" && color === \"primary\" && !disabled,\n        \"border border-transparent text-secondary hover:text-secondary hover:bg-secondary-bg\": variant === \"text\" && color === \"secondary\" && !disabled,\n        \"border border-transparent text-red-500 hover:text-red-500 hover:bg-red-500 hover:bg-opacity-10\": variant === \"text\" && color === \"error\" && !disabled,\n        \"border border-transparent text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:dark:text-text-primary-dark hover:bg-surface-accent-200 hover:dark:bg-surface-700\": variant === \"text\" && color === \"text\" && !disabled,\n\n        // Outlined Variants\n        \"border border-primary text-primary hover:text-primary hover:bg-primary-bg\": variant === \"outlined\" && color === \"primary\" && !disabled,\n        \"border border-secondary text-secondary hover:text-secondary hover:bg-secondary-bg\": variant === \"outlined\" && color === \"secondary\" && !disabled,\n        \"border border-red-500 text-red-500 hover:text-red-500 hover:bg-red-500 hover:text-white\": variant === \"outlined\" && color === \"error\" && !disabled,\n        \"border border-surface-accent-400 text-text-primary hover:text-text-primary dark:text-text-primary-dark hover:bg-surface-accent-200\": variant === \"outlined\" && color === \"text\" && !disabled,\n\n        // Neutral Variants\n        \"border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-primary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white\": variant === \"neutral\" && (color === \"primary\" || color === \"text\") && !disabled,\n        \"border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-text-secondary dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-white\": variant === \"neutral\" && color === \"secondary\" && !disabled,\n        \"border border-transparent bg-surface-100 hover:bg-surface-accent-200 text-error dark:bg-surface-800 dark:hover:bg-surface-accent-700 dark:text-error\": variant === \"neutral\" && color === \"error\" && !disabled,\n\n        // Disabled states for all variants\n        \"border border-transparent opacity-50\": variant === \"text\" && disabled,\n        \"border border-surface-500 opacity-50\": variant === \"outlined\" && disabled,\n        \"border border-surface-500 bg-surface-500 opacity-50\": (variant === \"filled\" || variant === \"neutral\") && disabled,\n    });\n\n    const sizeClasses = cls(\n        {\n            \"py-1 px-2\": size === \"small\",\n            \"py-2 px-4\": size === \"medium\",\n            \"py-2.5 px-5\": size === \"large\",\n            \"py-3 px-6\": size === \"xl\",\n            \"py-4 px-10\": size === \"2xl\",\n        }\n    );\n\n    if (Component) {\n        return (\n            <Component\n                ref={ref}\n                onClick={props.onClick}\n                className={cls(startIcon ? \"pl-3\" : \"\", baseClasses, buttonClasses, sizeClasses, className)}\n                {...(props as React.ComponentPropsWithRef<any>)}>\n                {startIcon}\n                {children}\n            </Component>\n        );\n    }\n\n    return (\n        <button ref={ref as any}\n                type={props.type ?? \"button\"}\n                onClick={props.onClick}\n                className={cls(startIcon ? \"pl-3\" : \"\", baseClasses, buttonClasses, sizeClasses, className)}\n                disabled={disabled}\n                {...props as React.ButtonHTMLAttributes<HTMLButtonElement>}>\n            {startIcon}\n            {children}\n        </button>\n    );\n\n});\n\nButtonInner.displayName = \"Button\"\n\nexport const Button = ButtonInner as React.FC<ButtonProps<any>>;\n"],"names":["ButtonInner","React","forwardRef","t0","ref","$","_c","Component","children","className","props","t1","t2","t3","t4","t5","t6","variant","disabled","size","startIcon","fullWidth","component","color","undefined","t7","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","t29","t30","Symbol","for","buttonClasses","cls","sizeClasses","onClick","bb0","type","t31","t32","displayName","Button"],"mappings":"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"}

package/dist/components/Card.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import React__default from "react";
+import { cardClickableMixin, cardMixin } from "../styles.js";
+import { cls } from "../util/cls.js";
+const Card = React__default.forwardRef((t0, ref) => {
+  const $ = c(21);
+  let children;
+  let className;
+  let onClick;
+  let props;
+  let style;
+  if ($[0] !== t0) {
+    ({
+      children,
+      className,
+      onClick,
+      style,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = onClick;
+    $[4] = props;
+    $[5] = style;
+  } else {
+    children = $[1];
+    className = $[2];
+    onClick = $[3];
+    props = $[4];
+    style = $[5];
+  }
+  let t1;
+  if ($[6] !== onClick) {
+    t1 = (e) => {
+      if (e.key === "Enter" || e.key === " ") {
+        onClick?.();
+      }
+    };
+    $[6] = onClick;
+    $[7] = t1;
+  } else {
+    t1 = $[7];
+  }
+  const onKeyPress = t1;
+  const t2 = onClick ? "button" : void 0;
+  const t3 = onClick ? 0 : void 0;
+  const t4 = onClick && cardClickableMixin;
+  let t5;
+  if ($[8] !== className || $[9] !== t4) {
+    t5 = cls(cardMixin, t4, className);
+    $[8] = className;
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== children || $[12] !== onClick || $[13] !== onKeyPress || $[14] !== props || $[15] !== ref || $[16] !== style || $[17] !== t2 || $[18] !== t3 || $[19] !== t5) {
+    t6 = /* @__PURE__ */ jsx("div", { ref, onKeyPress, role: t2, tabIndex: t3, onClick, className: t5, style, ...props, children });
+    $[11] = children;
+    $[12] = onClick;
+    $[13] = onKeyPress;
+    $[14] = props;
+    $[15] = ref;
+    $[16] = style;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t5;
+    $[20] = t6;
+  } else {
+    t6 = $[20];
+  }
+  return t6;
+});
+export {
+  Card
+};
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../src/components/Card.tsx"],"sourcesContent":["\"use client\";\nimport React, { useCallback } from \"react\";\nimport { cardClickableMixin, cardMixin } from \"../styles\";\nimport { cls } from \"../util\";\n\ntype CardProps = {\n    children: React.ReactNode;\n    style?: React.CSSProperties;\n    onClick?: () => void;\n    className?: string;\n};\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(({\n                                                              children,\n                                                              className,\n                                                              onClick,\n                                                              style,\n                                                              ...props\n                                                          }, ref) => {\n    const onKeyPress = useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n            onClick?.();\n        }\n    }, [onClick]);\n\n    return (\n        <div\n            ref={ref}\n            onKeyPress={onKeyPress}\n            role={onClick ? \"button\" : undefined}\n            tabIndex={onClick ? 0 : undefined}\n            onClick={onClick}\n            className={cls(cardMixin, onClick && cardClickableMixin, className)}\n            style={style}\n            {...props}>\n            {children}\n        </div>\n    );\n});\n\nexport { Card };\n"],"names":["Card","React","forwardRef","t0","ref","$","_c","children","className","onClick","props","style","t1","e","key","onKeyPress","t2","undefined","t3","t4","cardClickableMixin","t5","cls","cardMixin","t6"],"mappings":";;;;;;AAYA,MAAMA,OAAOC,eAAMC,WAAsC,CAAAC,IAAAC,QAAA;AAAAC,QAAAA,IAAAC,EAAA,EAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAN,MAAAA,SAAAF,IAAA;AAAC,KAAA;AAAA,MAAAI;AAAAA,MAAAC;AAAAA,MAAAC;AAAAA,MAAAE;AAAAA,MAAA,GAAAD;AAAAA,IAAAA,IAAAP;AAMCE,WAAAF;AAAAE,WAAAE;AAAAF,WAAAG;AAAAH,WAAAI;AAAAJ,WAAAK;AAAAL,WAAAM;AAAAA,EAAAA,OAAA;AAAAJ,eAAAF,EAAA,CAAA;AAAAG,gBAAAH,EAAA,CAAA;AAAAI,cAAAJ,EAAA,CAAA;AAAAK,YAAAL,EAAA,CAAA;AAAAM,YAAAN,EAAA,CAAA;AAAA,EAAA;AAAAO,MAAAA;AAAAP,MAAAA,SAAAI,SAAA;AACxBG,SAAAC,CAAA,MAAA;AAAA,UACvBA,EAACC,QAAS,WAAWD,EAACC,QAAS,KAAG;AAC3B,kBAAA;AAAA,MAAA;AAAA,IAAA;AAEdT,WAAAI;AAAAJ,WAAAO;AAAAA,EAAAA,OAAA;AAAAA,SAAAP,EAAA,CAAA;AAAA,EAAA;AAJD,QAAAU,aAAmBH;AAULI,QAAAA,KAAAP,UAAU,WAAQQ;AACdC,QAAAA,KAAAT,UAAO,IAAAQ;AAES,QAAAE,KAAAV,WAAOW;AAAsBC,MAAAA;AAAA,MAAAhB,EAAAG,CAAAA,MAAAA,aAAAH,SAAAc,IAAA;AAA5CG,SAAAA,IAAAC,WAAeJ,IAA+BX,SAAS;AAACH,WAAAG;AAAAH,WAAAc;AAAAd,YAAAgB;AAAAA,EAAAA,OAAA;AAAAA,SAAAhB,EAAA,EAAA;AAAA,EAAA;AAAAmB,MAAAA;AAAA,MAAAnB,EAAA,EAAA,MAAAE,YAAAF,EAAAI,EAAAA,MAAAA,WAAAJ,UAAAU,cAAAV,EAAA,EAAA,MAAAK,SAAAL,EAAAD,EAAAA,MAAAA,OAAAC,EAAAM,EAAAA,MAAAA,SAAAN,EAAA,EAAA,MAAAW,MAAAX,EAAAa,EAAAA,MAAAA,MAAAb,UAAAgB,IAAA;AANvEG,SAAA,oBAAA,OAAA,EACSpB,KACOW,YACN,MAAAC,IACI,UAAAE,IACDT,SACE,WAAAY,IACJV,OAAK,GACRD,OACHH,UACL;AAAMF,YAAAE;AAAAF,YAAAI;AAAAJ,YAAAU;AAAAV,YAAAK;AAAAL,YAAAD;AAAAC,YAAAM;AAAAN,YAAAW;AAAAX,YAAAa;AAAAb,YAAAgB;AAAAhB,YAAAmB;AAAAA,EAAAA,OAAA;AAAAA,SAAAnB,EAAA,EAAA;AAAA,EAAA;AAVNmB,SAAAA;AAUM,CAEb;"}

package/dist/components/CenteredView.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import React__default from "react";
+import { Container } from "./Container.js";
+import { cls } from "../util/cls.js";
+const CenteredView = React__default.forwardRef((t0, ref) => {
+  const $ = c(21);
+  let children;
+  let className;
+  let fullScreen;
+  let maxWidth;
+  let outerClassName;
+  let rest;
+  if ($[0] !== t0) {
+    ({
+      children,
+      maxWidth,
+      outerClassName,
+      className,
+      fullScreen,
+      ...rest
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = fullScreen;
+    $[4] = maxWidth;
+    $[5] = outerClassName;
+    $[6] = rest;
+  } else {
+    children = $[1];
+    className = $[2];
+    fullScreen = $[3];
+    maxWidth = $[4];
+    outerClassName = $[5];
+    rest = $[6];
+  }
+  const t1 = fullScreen ? "h-screen" : "h-full";
+  let t2;
+  if ($[7] !== outerClassName || $[8] !== t1) {
+    t2 = cls("flex flex-col flex-grow", t1, outerClassName);
+    $[7] = outerClassName;
+    $[8] = t1;
+    $[9] = t2;
+  } else {
+    t2 = $[9];
+  }
+  let t3;
+  if ($[10] !== className) {
+    t3 = cls("m-auto", className);
+    $[10] = className;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== children || $[13] !== maxWidth || $[14] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Container, { className: t3, maxWidth, children });
+    $[12] = children;
+    $[13] = maxWidth;
+    $[14] = t3;
+    $[15] = t4;
+  } else {
+    t4 = $[15];
+  }
+  let t5;
+  if ($[16] !== ref || $[17] !== rest || $[18] !== t2 || $[19] !== t4) {
+    t5 = /* @__PURE__ */ jsx("div", { ref, className: t2, ...rest, children: t4 });
+    $[16] = ref;
+    $[17] = rest;
+    $[18] = t2;
+    $[19] = t4;
+    $[20] = t5;
+  } else {
+    t5 = $[20];
+  }
+  return t5;
+});
+CenteredView.displayName = "CenteredView";
+export {
+  CenteredView
+};
+//# sourceMappingURL=CenteredView.js.map

package/dist/components/CenteredView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CenteredView.js","sources":["../../src/components/CenteredView.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { Container } from \"./Container\";\nimport { cls } from \"../util\";\n\nexport type CenteredViewProps = {\n    children: React.ReactNode;\n    maxWidth?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | \"7xl\";\n    outerClassName?: string;\n    className?: string;\n    fullScreen?: boolean;\n};\n\nexport const CenteredView = React.forwardRef<HTMLDivElement, CenteredViewProps>(({\n                                                                                     children,\n                                                                                     maxWidth,\n                                                                                     outerClassName,\n                                                                                     className,\n                                                                                     fullScreen,\n                                                                                     ...rest\n                                                                                 }, ref) => { // Notice how the ref is now received as the second argument\n\n    return (\n        <div ref={ref}\n             className={cls(\"flex flex-col flex-grow\", fullScreen ? \"h-screen\" : \"h-full\", outerClassName)}\n             {...rest}>\n            <Container className={cls(\"m-auto\", className)} maxWidth={maxWidth}>\n                {children}\n            </Container>\n        </div>\n    );\n\n});\n\nCenteredView.displayName = \"CenteredView\";\n"],"names":["CenteredView","React","forwardRef","t0","ref","$","_c","children","className","fullScreen","maxWidth","outerClassName","rest","t1","t2","cls","t3","t4","t5","displayName"],"mappings":";;;;;;AAaO,MAAMA,eAAeC,eAAMC,WAA8C,CAAAC,IAAAC,QAAA;AAAAC,QAAAA,IAAAC,EAAA,EAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAC,MAAAA;AAAAP,MAAAA,SAAAF,IAAA;AAAC,KAAA;AAAA,MAAAI;AAAAA,MAAAG;AAAAA,MAAAC;AAAAA,MAAAH;AAAAA,MAAAC;AAAAA,MAAA,GAAAG;AAAAA,IAAAA,IAAAT;AAOCE,WAAAF;AAAAE,WAAAE;AAAAF,WAAAG;AAAAH,WAAAI;AAAAJ,WAAAK;AAAAL,WAAAM;AAAAN,WAAAO;AAAAA,EAAAA,OAAA;AAAAL,eAAAF,EAAA,CAAA;AAAAG,gBAAAH,EAAA,CAAA;AAAAI,iBAAAJ,EAAA,CAAA;AAAAK,eAAAL,EAAA,CAAA;AAAAM,qBAAAN,EAAA,CAAA;AAAAO,WAAAP,EAAA,CAAA;AAAA,EAAA;AAI3BQ,QAAAA,KAAAJ,aAAa,aAAa;AAAQK,MAAAA;AAAA,MAAAT,EAAAM,CAAAA,MAAAA,kBAAAN,SAAAQ,IAAA;AAAjEE,SAAAA,IAAI,2BAA2BF,IAAoCF,cAAc;AAACN,WAAAM;AAAAN,WAAAQ;AAAAR,WAAAS;AAAAA,EAAAA,OAAA;AAAAA,SAAAT,EAAA,CAAA;AAAA,EAAA;AAAAW,MAAAA;AAAAX,MAAAA,UAAAG,WAAA;AAExEO,SAAAA,IAAI,UAAUP,SAAS;AAACH,YAAAG;AAAAH,YAAAW;AAAAA,EAAAA,OAAA;AAAAA,SAAAX,EAAA,EAAA;AAAA,EAAA;AAAAY,MAAAA;AAAAZ,MAAAA,EAAAE,EAAAA,MAAAA,YAAAF,UAAAK,YAAAL,EAAA,EAAA,MAAAW,IAAA;AAA9CC,SAAC,oBAAA,WAAA,EAAqB,WAAAD,IAAoCN,oBAE1D;AAAYL,YAAAE;AAAAF,YAAAK;AAAAL,YAAAW;AAAAX,YAAAY;AAAAA,EAAAA,OAAA;AAAAA,SAAAZ,EAAA,EAAA;AAAA,EAAA;AAAAa,MAAAA;AAAA,MAAAb,EAAA,EAAA,MAAAD,OAAAC,EAAAO,EAAAA,MAAAA,QAAAP,EAAAS,EAAAA,MAAAA,MAAAT,UAAAY,IAAA;AALhBC,oCAAUd,EAAAA,KACM,WAAAU,OACPF,MACLK,UAGJ,IAAA;AAAMZ,YAAAD;AAAAC,YAAAO;AAAAP,YAAAS;AAAAT,YAAAY;AAAAZ,YAAAa;AAAAA,EAAAA,OAAA;AAAAA,SAAAb,EAAA,EAAA;AAAA,EAAA;AANNa,SAAAA;AAMM,CAGb;AAEDlB,aAAamB,cAAc;"}

package/dist/components/Checkbox.js

@@ -0,0 +1,122 @@
+import { jsx } from "react/jsx-runtime";
+import { c } from "react-compiler-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Icon } from "../icons/Icon.js";
+import { cls } from "../util/cls.js";
+const sizeClasses = {
+  large: "w-6 h-6 rounded flex items-center justify-center",
+  medium: "w-5 h-5 rounded flex items-center justify-center",
+  small: "w-4 h-4 rounded flex items-center justify-center",
+  smallest: "w-4 h-4 rounded flex items-center justify-center"
+};
+const outerSizeClasses = {
+  medium: "w-10 h-10",
+  small: "w-8 h-8",
+  large: "w-12 h-12 ",
+  smallest: "w-6 h-6"
+};
+const paddingClasses = {
+  medium: "p-2",
+  small: "p-2",
+  large: "p-2",
+  smallest: ""
+};
+const colorClasses = {
+  primary: "bg-primary",
+  secondary: "bg-secondary"
+};
+const Checkbox = (t0) => {
+  const $ = c(25);
+  const {
+    id,
+    checked,
+    indeterminate: t1,
+    padding: t2,
+    disabled,
+    size: t3,
+    onCheckedChange,
+    color: t4
+  } = t0;
+  const indeterminate = t1 === void 0 ? false : t1;
+  const padding = t2 === void 0 ? true : t2;
+  const size = t3 === void 0 ? "medium" : t3;
+  const color = t4 === void 0 ? "primary" : t4;
+  const isChecked = indeterminate ? false : checked;
+  const iconSize = size === "medium" ? 20 : size === "small" ? 16 : size === "smallest" ? 14 : 24;
+  const t5 = indeterminate || isChecked;
+  const t6 = disabled ? void 0 : onCheckedChange;
+  const t7 = padding ? paddingClasses[size] : "";
+  const t8 = outerSizeClasses[size];
+  const t9 = onCheckedChange ? "rounded-full hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-700 dark:hover:bg-opacity-75" : "";
+  const t10 = onCheckedChange ? "cursor-pointer" : "cursor-default";
+  let t11;
+  if ($[0] !== t10 || $[1] !== t7 || $[2] !== t8 || $[3] !== t9) {
+    t11 = cls(t7, t8, "inline-flex items-center justify-center text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150", t9, t10);
+    $[0] = t10;
+    $[1] = t7;
+    $[2] = t8;
+    $[3] = t9;
+    $[4] = t11;
+  } else {
+    t11 = $[4];
+  }
+  const t12 = sizeClasses[size];
+  const t13 = disabled ? indeterminate || isChecked ? "bg-surface-accent-400 dark:bg-surface-accent-600" : "bg-surface-accent-400 dark:bg-surface-accent-600" : indeterminate || isChecked ? colorClasses[color] : "bg-white dark:bg-surface-900";
+  const t14 = indeterminate || isChecked ? "text-surface-accent-100 dark:text-surface-accent-900" : "";
+  const t15 = disabled ? "border-transparent" : indeterminate || isChecked ? "border-transparent" : "border-surface-accent-800 dark:border-surface-accent-200";
+  let t16;
+  if ($[5] !== t12 || $[6] !== t13 || $[7] !== t14 || $[8] !== t15) {
+    t16 = cls("border-2 relative transition-colors ease-in-out duration-150", t12, t13, t14, t15);
+    $[5] = t12;
+    $[6] = t13;
+    $[7] = t14;
+    $[8] = t15;
+    $[9] = t16;
+  } else {
+    t16 = $[9];
+  }
+  let t17;
+  if ($[10] !== iconSize || $[11] !== indeterminate) {
+    t17 = /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { asChild: true, children: indeterminate ? /* @__PURE__ */ jsx(Icon, { iconKey: "remove", size: iconSize, className: "absolute" }) : /* @__PURE__ */ jsx(Icon, { iconKey: "check", size: iconSize, className: "absolute" }) });
+    $[10] = iconSize;
+    $[11] = indeterminate;
+    $[12] = t17;
+  } else {
+    t17 = $[12];
+  }
+  let t18;
+  if ($[13] !== t16 || $[14] !== t17) {
+    t18 = /* @__PURE__ */ jsx("div", { className: t16, children: t17 });
+    $[13] = t16;
+    $[14] = t17;
+    $[15] = t18;
+  } else {
+    t18 = $[15];
+  }
+  let t19;
+  if ($[16] !== t11 || $[17] !== t18) {
+    t19 = /* @__PURE__ */ jsx("div", { className: t11, children: t18 });
+    $[16] = t11;
+    $[17] = t18;
+    $[18] = t19;
+  } else {
+    t19 = $[18];
+  }
+  let t20;
+  if ($[19] !== disabled || $[20] !== id || $[21] !== t19 || $[22] !== t5 || $[23] !== t6) {
+    t20 = /* @__PURE__ */ jsx(CheckboxPrimitive.Root, { id, checked: t5, disabled, onCheckedChange: t6, children: t19 });
+    $[19] = disabled;
+    $[20] = id;
+    $[21] = t19;
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t20;
+  } else {
+    t20 = $[24];
+  }
+  return t20;
+};
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/components/Checkbox.tsx"],"sourcesContent":["import React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\n\nimport { Icon } from \"../icons\";\nimport { cls } from \"../util\";\n\nexport interface CheckboxProps {\n    checked: boolean;\n    id?: string;\n    disabled?: boolean;\n    indeterminate?: boolean;\n    onCheckedChange?: (checked: boolean) => void;\n    padding?: boolean;\n    size?: \"smallest\" | \"small\" | \"medium\" | \"large\";\n    color?: \"primary\" | \"secondary\";\n}\n\nconst sizeClasses = {\n    large: \"w-6 h-6 rounded flex items-center justify-center\",\n    medium: \"w-5 h-5 rounded flex items-center justify-center\",\n    small: \"w-4 h-4 rounded flex items-center justify-center\",\n    smallest: \"w-4 h-4 rounded flex items-center justify-center\"\n};\n\nconst outerSizeClasses = {\n    medium: \"w-10 h-10\",\n    small: \"w-8 h-8\",\n    large: \"w-12 h-12 \",\n    smallest: \"w-6 h-6\"\n}\nconst paddingClasses = {\n    medium: \"p-2\",\n    small: \"p-2\",\n    large: \"p-2\",\n    smallest: \"\"\n}\n\nconst colorClasses = {\n    primary: \"bg-primary\",\n    secondary: \"bg-secondary\"\n}\n\nexport const Checkbox = ({\n                             id,\n                             checked,\n                             indeterminate = false,\n                             padding = true,\n                             disabled,\n                             size = \"medium\",\n                             onCheckedChange,\n                             color = \"primary\"\n                         }: CheckboxProps) => {\n\n    const isChecked = indeterminate ? false : checked;\n\n    const iconSize = size === \"medium\"\n        ? 20\n        : size === \"small\"\n            ? 16\n            : size === \"smallest\"\n                ? 14\n                : 24;\n    return (\n        <CheckboxPrimitive.Root\n            id={id}\n            checked={indeterminate || isChecked}\n            disabled={disabled}\n            onCheckedChange={disabled ? undefined : onCheckedChange}>\n\n            <div className={cls(\n                padding ? paddingClasses[size] : \"\",\n                outerSizeClasses[size],\n                \"inline-flex items-center justify-center text-sm font-medium focus:outline-none transition-colors ease-in-out duration-150\",\n                onCheckedChange ? \"rounded-full hover:bg-surface-accent-200 hover:bg-opacity-75 dark:hover:bg-surface-accent-700 dark:hover:bg-opacity-75\" : \"\",\n                onCheckedChange ? \"cursor-pointer\" : \"cursor-default\"\n            )}>\n                <div\n                    className={cls(\n                        \"border-2 relative transition-colors ease-in-out duration-150\",\n                        sizeClasses[size],\n                        disabled\n                            ? (indeterminate || isChecked ? \"bg-surface-accent-400 dark:bg-surface-accent-600\" : \"bg-surface-accent-400 dark:bg-surface-accent-600\")\n                            : (indeterminate || isChecked ? colorClasses[color] : \"bg-white dark:bg-surface-900\"),\n                        (indeterminate || isChecked) ? \"text-surface-accent-100 dark:text-surface-accent-900\" : \"\",\n                        disabled\n                            ? \"border-transparent\"\n                            : (indeterminate || isChecked ? \"border-transparent\" : \"border-surface-accent-800 dark:border-surface-accent-200\")\n                    )}>\n                    <CheckboxPrimitive.Indicator asChild>\n                        {indeterminate\n                            ? (\n                                <Icon iconKey={\"remove\"} size={iconSize} className={\"absolute\"}/>\n                            )\n                            : (\n                                <Icon iconKey={\"check\"} size={iconSize} className={\"absolute\"}/>\n                            )}\n                    </CheckboxPrimitive.Indicator>\n                </div>\n            </div>\n        </CheckboxPrimitive.Root>\n    );\n};\n"],"names":["sizeClasses","large","medium","small","smallest","outerSizeClasses","paddingClasses","colorClasses","primary","secondary","Checkbox","t0","$","_c","id","checked","indeterminate","t1","padding","t2","disabled","size","t3","onCheckedChange","color","t4","undefined","isChecked","iconSize","t5","t6","t7","t8","t9","t10","t11","cls","t12","t13","t14","t15","t16","t17","t18","t19","t20"],"mappings":"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"}