@locusgraph/components 0.2.0 → 0.2.2

package/dist/form/advanced/input-otp.js

@@ -1,21 +1,211 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { Subtract as MinusIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import { OTPInput, OTPInputContext } from "input-otp";
 import * as React from "react";
-function InputOTP({ className, containerClassName, ...props }) {
-    return (_jsx(OTPInput, { "data-slot": "input-otp", containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function InputOTP(t0) {
+  const $ = _c(12);
+  let className;
+  let containerClassName;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      containerClassName,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = containerClassName;
+    $[3] = props;
+  } else {
+    className = $[1];
+    containerClassName = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== containerClassName) {
+    t1 = cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName);
+    $[4] = containerClassName;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== className) {
+    t2 = cn("disabled:cursor-not-allowed", className);
+    $[6] = className;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
+    t3 = /*#__PURE__*/_jsx(OTPInput, {
+      "data-slot": "input-otp",
+      containerClassName: t1,
+      className: t2,
+      ...props
+    });
+    $[8] = props;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 }
-function InputOTPGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props }));
+function InputOTPGroup(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("flex items-center", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "input-otp-group",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function InputOTPSlot({ index, className, ...props }) {
-    const inputOTPContext = React.useContext(OTPInputContext);
-    const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-    return (_jsxs("div", { "data-slot": "input-otp-slot", "data-active": isActive, className: cn("relative flex h-9 w-9 items-center justify-center border-y border-r border-input font-mono text-base tabular-nums shadow-xs transition-[color,background-color,border-color,box-shadow] duration-150 ease-out outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-1 data-[active=true]:ring-ring data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
+function InputOTPSlot(t0) {
+  const $ = _c(17);
+  let className;
+  let index;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      index,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = index;
+    $[3] = props;
+  } else {
+    className = $[1];
+    index = $[2];
+    props = $[3];
+  }
+  const inputOTPContext = React.useContext(OTPInputContext);
+  let t1;
+  if ($[4] !== index || $[5] !== inputOTPContext?.slots) {
+    t1 = inputOTPContext?.slots[index] ?? {};
+    $[4] = index;
+    $[5] = inputOTPContext?.slots;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  const {
+    char,
+    hasFakeCaret,
+    isActive
+  } = t1;
+  let t2;
+  if ($[7] !== className) {
+    t2 = cn("relative flex h-9 w-9 items-center justify-center border-y border-r border-input font-mono text-base tabular-nums shadow-xs transition-[color,background-color,border-color,box-shadow] duration-150 ease-out outline-none first:rounded-l-md first:border-l last:rounded-r-md aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-1 data-[active=true]:ring-ring data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className);
+    $[7] = className;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== hasFakeCaret) {
+    t3 = hasFakeCaret && /*#__PURE__*/_jsx("div", {
+      className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+      children: /*#__PURE__*/_jsx("div", {
+        className: "h-4 w-px animate-caret-blink bg-foreground duration-1000"
+      })
+    });
+    $[9] = hasFakeCaret;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== char || $[12] !== isActive || $[13] !== props || $[14] !== t2 || $[15] !== t3) {
+    t4 = /*#__PURE__*/_jsxs("div", {
+      "data-slot": "input-otp-slot",
+      "data-active": isActive,
+      className: t2,
+      ...props,
+      children: [char, t3]
+    });
+    $[11] = char;
+    $[12] = isActive;
+    $[13] = props;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+  } else {
+    t4 = $[16];
+  }
+  return t4;
 }
-function InputOTPSeparator({ ...props }) {
-    return (_jsx("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: _jsx(MinusIcon, {}) }));
+function InputOTPSeparator(t0) {
+  const $ = _c(5);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = /*#__PURE__*/_jsx(MinusIcon, {});
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  let t2;
+  if ($[3] !== props) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      "data-slot": "input-otp-separator",
+      role: "separator",
+      ...props,
+      children: t1
+    });
+    $[3] = props;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  return t2;
 }
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

package/dist/form/choice/checkbox.js

@@ -1,9 +1,64 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { Checkmark as CheckIcon, Subtract as MinusIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as CheckboxPrimitive from "radix-ui/checkbox";
-function Checkbox({ className, ...props }) {
-    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer size-4 shrink-0 rounded-none border border-input shadow-xs transition-shadow outline-none", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsxs(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "group/indicator flex items-center justify-center text-current", children: [_jsx(CheckIcon, { className: "size-3.5 group-data-[state=indeterminate]/indicator:hidden" }), _jsx(MinusIcon, { className: "hidden size-3.5 group-data-[state=indeterminate]/indicator:block" })] }) }));
+import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Checkbox(t0) {
+  const $ = _c(9);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("peer size-4 shrink-0 rounded-none border border-input shadow-xs transition-shadow outline-none", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsxs(CheckboxPrimitive.Indicator, {
+      "data-slot": "checkbox-indicator",
+      className: "group/indicator flex items-center justify-center text-current",
+      children: [/*#__PURE__*/_jsx(CheckIcon, {
+        className: "size-3.5 group-data-[state=indeterminate]/indicator:hidden"
+      }), /*#__PURE__*/_jsx(MinusIcon, {
+        className: "hidden size-3.5 group-data-[state=indeterminate]/indicator:block"
+      })]
+    });
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1) {
+    t3 = /*#__PURE__*/_jsx(CheckboxPrimitive.Root, {
+      "data-slot": "checkbox",
+      className: t1,
+      ...props,
+      children: t2
+    });
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
 export { Checkbox };

package/dist/form/choice/radio-group.js

@@ -1,12 +1,101 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { CircleSolid as CircleIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as RadioGroupPrimitive from "radix-ui/radio-group";
-function RadioGroup({ className, ...props }) {
-    return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }));
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function RadioGroup(t0) {
+  const $ = _c(8);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("grid gap-3", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(RadioGroupPrimitive.Root, {
+      "data-slot": "radio-group",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function RadioGroupItem({ className, ...props }) {
-    return (_jsx(RadioGroupPrimitive.Item, { "data-slot": "radio-group-item", className: cn("peer aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(CircleIcon, { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary" }) }) }));
+function RadioGroupItem(t0) {
+  const $ = _c(9);
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+  } else {
+    className = $[1];
+    props = $[2];
+  }
+  let t1;
+  if ($[3] !== className) {
+    t1 = cn("peer aspect-square size-4 shrink-0 rounded-full border border-input text-primary shadow-xs transition-[color,box-shadow] outline-none data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(RadioGroupPrimitive.Indicator, {
+      "data-slot": "radio-group-indicator",
+      className: "relative flex items-center justify-center",
+      children: /*#__PURE__*/_jsx(CircleIcon, {
+        className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-primary"
+      })
+    });
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1) {
+    t3 = /*#__PURE__*/_jsx(RadioGroupPrimitive.Item, {
+      "data-slot": "radio-group-item",
+      className: t1,
+      ...props,
+      children: t2
+    });
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
 export { RadioGroup, RadioGroupItem };