@locusgraph/components 0.2.1 → 0.2.2

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

@@ -1,89 +1,25 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { jsx as _jsx } from "react/jsx-runtime";
-function FieldSet(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 flex-col gap-6", "has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("fieldset", {
-      "data-slot": "field-set",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+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(t0) {
-  const $ = _c(10);
-  let className;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      variant: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-  }
-  const variant = t1 === undefined ? "legend" : t1;
-  let t2;
-  if ($[4] !== className) {
-    t2 = cn("mb-3 font-medium", "data-[variant=legend]:text-base", "data-[variant=label]:text-sm", className);
-    $[4] = className;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== props || $[7] !== t2 || $[8] !== variant) {
-    t3 = /*#__PURE__*/_jsx("legend", {
-      "data-slot": "field-legend",
-      "data-variant": variant,
-      className: t2,
-      ...props
-    });
-    $[6] = props;
-    $[7] = t2;
-    $[8] = variant;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  return t3;
+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,122 +1,34 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import { Label } from "../label.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-function FieldLabel(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("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);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx(Label, {
-      "data-slot": "field-label",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+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(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 w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "field-label",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+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(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("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);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("p", {
-      "data-slot": "field-description",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+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,4 +1,3 @@
-import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,132 +13,39 @@ const fieldVariants = cva("group/field flex w-full gap-3", {
     orientation: "vertical"
   }
 });
-function Field(t0) {
-  const $ = _c(11);
-  let className;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      orientation: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-  }
-  const orientation = t1 === undefined ? "vertical" : t1;
-  let t2;
-  if ($[4] !== className || $[5] !== orientation) {
-    t2 = cn(fieldVariants({
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    role: "group",
+    "data-slot": "field",
+    "data-orientation": orientation,
+    className: cn(fieldVariants({
       orientation
-    }), className);
-    $[4] = className;
-    $[5] = orientation;
-    $[6] = t2;
-  } else {
-    t2 = $[6];
-  }
-  let t3;
-  if ($[7] !== orientation || $[8] !== props || $[9] !== t2) {
-    t3 = /*#__PURE__*/_jsx("div", {
-      role: "group",
-      "data-slot": "field",
-      "data-orientation": orientation,
-      className: t2,
-      ...props
-    });
-    $[7] = orientation;
-    $[8] = props;
-    $[9] = t2;
-    $[10] = t3;
-  } else {
-    t3 = $[10];
-  }
-  return t3;
+    }), className),
+    ...props
+  });
 }
-function FieldGroup(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("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);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "field-group",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+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(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("group/field-content flex flex-1 flex-col gap-1.5 leading-snug", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("div", {
-      "data-slot": "field-content",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+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 };

package/dist/form/input.js

@@ -1,50 +1,16 @@
-import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as React from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-function Input(t0) {
-  const $ = _c(10);
-  let className;
-  let props;
-  let type;
-  if ($[0] !== t0) {
-    ({
-      className,
-      type,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = type;
-  } else {
-    className = $[1];
-    props = $[2];
-    type = $[3];
-  }
-  let t1;
-  if ($[4] !== className) {
-    t1 = cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== props || $[7] !== t1 || $[8] !== type) {
-    t2 = /*#__PURE__*/_jsx("input", {
-      type: type,
-      "data-slot": "input",
-      className: t1,
-      ...props
-    });
-    $[6] = props;
-    $[7] = t1;
-    $[8] = type;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
+function Input({
+  className,
+  type,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("input", {
+    type: type,
+    "data-slot": "input",
+    className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
+    ...props
+  });
 }
 export { Input };

package/dist/form/native-select.js

@@ -1,153 +1,45 @@
-import { c as _c } from "react/compiler-runtime";
 import { ChevronDown as ChevronDownIcon } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as React from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function NativeSelect(t0) {
-  const $ = _c(13);
-  let className;
-  let props;
-  let t1;
-  if ($[0] !== t0) {
-    ({
-      className,
-      size: t1,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = className;
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    className = $[1];
-    props = $[2];
-    t1 = $[3];
-  }
-  const size = t1 === undefined ? "default" : t1;
-  let t2;
-  if ($[4] !== className) {
-    t2 = cn("h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground has-[option[value='']:checked]:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1 dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className);
-    $[4] = className;
-    $[5] = t2;
-  } else {
-    t2 = $[5];
-  }
-  let t3;
-  if ($[6] !== props || $[7] !== size || $[8] !== t2) {
-    t3 = /*#__PURE__*/_jsx("select", {
+function NativeSelect({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("div", {
+    className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+    "data-slot": "native-select-wrapper",
+    children: [/*#__PURE__*/_jsx("select", {
       "data-slot": "native-select",
       "data-size": size,
-      className: t2,
+      className: cn("h-9 w-full min-w-0 appearance-none rounded-md border border-input bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground has-[option[value='']:checked]:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1 dark:bg-input/30 dark:hover:bg-input/50", "focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", className),
       ...props
-    });
-    $[6] = props;
-    $[7] = size;
-    $[8] = t2;
-    $[9] = t3;
-  } else {
-    t3 = $[9];
-  }
-  let t4;
-  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/_jsx(ChevronDownIcon, {
+    }), /*#__PURE__*/_jsx(ChevronDownIcon, {
       className: "pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
       "aria-hidden": "true",
       "data-slot": "native-select-icon"
-    });
-    $[10] = t4;
-  } else {
-    t4 = $[10];
-  }
-  let t5;
-  if ($[11] !== t3) {
-    t5 = /*#__PURE__*/_jsxs("div", {
-      className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
-      "data-slot": "native-select-wrapper",
-      children: [t3, t4]
-    });
-    $[11] = t3;
-    $[12] = t5;
-  } else {
-    t5 = $[12];
-  }
-  return t5;
+    })]
+  });
 }
-function NativeSelectOption(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("bg-[Canvas] text-[CanvasText]", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("option", {
-      "data-slot": "native-select-option",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function NativeSelectOption({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("option", {
+    "data-slot": "native-select-option",
+    className: cn("bg-[Canvas] text-[CanvasText]", className),
+    ...props
+  });
 }
-function NativeSelectOptGroup(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("bg-[Canvas] text-[CanvasText]", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("optgroup", {
-      "data-slot": "native-select-optgroup",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function NativeSelectOptGroup({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("optgroup", {
+    "data-slot": "native-select-optgroup",
+    className: cn("bg-[Canvas] text-[CanvasText]", className),
+    ...props
+  });
 }
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };