@locusgraph/components 0.2.0 → 0.2.2

package/dist/form/choice/switch.js

@@ -1,8 +1,58 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as SwitchPrimitive from "radix-ui/switch";
-function Switch({ className, ...props }) {
-    return (_jsx(SwitchPrimitive.Root, { "data-slot": "switch", className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent px-px transition-all outline-none", "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", "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: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn("pointer-events-none block size-4 rounded-full bg-background shadow-sm ring-0 transition-transform", "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") }) }));
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Switch(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 inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent px-px transition-all outline-none", "data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", "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__*/_jsx(SwitchPrimitive.Thumb, {
+      "data-slot": "switch-thumb",
+      className: cn("pointer-events-none block size-4 rounded-full bg-background shadow-sm ring-0 transition-transform", "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")
+    });
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== props || $[7] !== t1) {
+    t3 = /*#__PURE__*/_jsx(SwitchPrimitive.Root, {
+      "data-slot": "switch",
+      className: t1,
+      ...props,
+      children: t2
+    });
+    $[6] = props;
+    $[7] = t1;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  return t3;
 }
 export { Switch };

package/dist/form/field/field-error.js

@@ -1,20 +1,40 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
+import { jsx as _jsx } from "react/jsx-runtime";
 function uniqueMessages(errors) {
-    const messages = errors.map((error) => error?.message).filter((message) => !!message);
-    return [...new Set(messages)];
+  const messages = errors.map(error => error?.message).filter(message => !!message);
+  return [...new Set(messages)];
 }
-function FieldErrorContent({ messages }) {
-    if (messages.length === 1) {
-        return messages[0];
-    }
-    return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: messages.map((message) => (_jsx("li", { children: message }, message))) }));
+function FieldErrorContent({
+  messages
+}) {
+  if (messages.length === 1) {
+    return messages[0];
+  }
+  return /*#__PURE__*/_jsx("ul", {
+    className: "ml-4 flex list-disc flex-col gap-1",
+    children: messages.map(message => /*#__PURE__*/_jsx("li", {
+      children: message
+    }, message))
+  });
 }
-function FieldError({ className, children, errors, ...props }) {
-    const messages = uniqueMessages(errors ?? []);
-    if (!children && messages.length === 0) {
-        return null;
-    }
-    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-sm font-normal text-destructive", className), ...props, children: children ?? _jsx(FieldErrorContent, { messages: messages }) }));
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
+  const messages = uniqueMessages(errors ?? []);
+  if (!children && messages.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("div", {
+    role: "alert",
+    "data-slot": "field-error",
+    className: cn("text-sm font-normal text-destructive", className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsx(FieldErrorContent, {
+      messages: messages
+    })
+  });
 }
 export { FieldError };

package/dist/form/field/field-separator.js

@@ -1,7 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "cn";
 import { Separator } from "../../display/separator.js";
-function FieldSeparator({ children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground", "data-slot": "field-separator-content", children: children }))] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function FieldSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    "data-slot": "field-separator",
+    "data-content": !!children,
+    className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Separator, {
+      className: "absolute inset-0 top-1/2"
+    }), children && /*#__PURE__*/_jsx("span", {
+      className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+      "data-slot": "field-separator-content",
+      children: children
+    })]
+  });
 }
 export { FieldSeparator };

package/dist/form/field/field-set.js

@@ -1,9 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
-function FieldSet({ className, ...props }) {
-    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function FieldSet({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("fieldset", {
+    "data-slot": "field-set",
+    className: cn("flex flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className),
+    ...props
+  });
 }
-function FieldLegend({ className, variant = "legend", ...props }) {
-    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className), ...props }));
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("legend", {
+    "data-slot": "field-legend",
+    "data-variant": variant,
+    className: cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className),
+    ...props
+  });
 }
 export { FieldLegend, FieldSet };

package/dist/form/field/field-text.js

@@ -1,13 +1,34 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "cn";
 import { Label } from "../label.js";
-function FieldLabel({ className, ...props }) {
-    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Label, {
+    "data-slot": "field-label",
+    className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10", className),
+    ...props
+  });
 }
-function FieldTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
+function FieldTitle({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "field-label",
+    className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className),
+    ...props
+  });
 }
-function FieldDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "field-description", className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
+function FieldDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("p", {
+    "data-slot": "field-description",
+    className: cn("text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+    ...props
+  });
 }
 export { FieldDescription, FieldLabel, FieldTitle };

package/dist/form/field/field.js

@@ -1,33 +1,51 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
+import { jsx as _jsx } from "react/jsx-runtime";
 const fieldVariants = cva("group/field flex w-full gap-3", {
-    variants: {
-        orientation: {
-            vertical: ["flex-col gap-2 [&>*]:w-full [&>.sr-only]:w-auto"],
-            horizontal: [
-                "flex-row items-center",
-                "[&>[data-slot=field-label]]:flex-auto",
-                "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-            ],
-            responsive: [
-                "flex-col gap-2 @md/field-group:flex-row @md/field-group:gap-3 @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto",
-                "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-                "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-            ],
-        },
-    },
-    defaultVariants: {
-        orientation: "vertical",
-    },
+  variants: {
+    orientation: {
+      vertical: ["flex-col gap-2 [&>*]:w-full [&>.sr-only]:w-auto"],
+      horizontal: ["flex-row items-center", "[&>[data-slot=field-label]]:flex-auto", "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"],
+      responsive: ["flex-col gap-2 @md/field-group:flex-row @md/field-group:gap-3 @md/field-group:items-center [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto", "@md/field-group:[&>[data-slot=field-label]]:flex-auto", "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"]
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
 });
-function Field({ className, orientation = "vertical", ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    role: "group",
+    "data-slot": "field",
+    "data-orientation": orientation,
+    className: cn(fieldVariants({
+      orientation
+    }), className),
+    ...props
+  });
 }
-function FieldGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className), ...props }));
+function FieldGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "field-group",
+    className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className),
+    ...props
+  });
 }
-function FieldContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className), ...props }));
+function FieldContent({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    "data-slot": "field-content",
+    className: cn("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className),
+    ...props
+  });
 }
 export { Field, FieldContent, FieldGroup, fieldVariants };