@locusgraph/components 0.2.0 → 0.2.1

package/dist/action/button-group.js

@@ -1,27 +1,158 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import { Separator } from "../display/separator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
-    variants: {
-        orientation: {
-            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>input:first-child]:rounded-l-full [&>input:first-child]:pl-4",
-            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none",
-        },
-    },
-    defaultVariants: {
-        orientation: "horizontal",
-    },
+  variants: {
+    orientation: {
+      horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none [&>input:first-child]:rounded-l-full [&>input:first-child]:pl-4",
+      vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal"
+  }
 });
-function ButtonGroup({ className, orientation, ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
+function ButtonGroup(t0) {
+  const $ = _c(11);
+  let className;
+  let orientation;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      orientation,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = orientation;
+    $[3] = props;
+  } else {
+    className = $[1];
+    orientation = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className || $[5] !== orientation) {
+    t1 = cn(buttonGroupVariants({
+      orientation
+    }), className);
+    $[4] = className;
+    $[5] = orientation;
+    $[6] = t1;
+  } else {
+    t1 = $[6];
+  }
+  let t2;
+  if ($[7] !== orientation || $[8] !== props || $[9] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      className: t1,
+      ...props
+    });
+    $[7] = orientation;
+    $[8] = props;
+    $[9] = t1;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  return t2;
 }
-function ButtonGroupText({ className, asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "div";
-    return (_jsx(Comp, { className: cn("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+function ButtonGroupText(t0) {
+  const $ = _c(10);
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      asChild: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+  }
+  const asChild = t1 === undefined ? false : t1;
+  const Comp = asChild ? Slot.Root : "div";
+  let t2;
+  if ($[4] !== className) {
+    t2 = cn("flex items-center gap-2 rounded-md border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className);
+    $[4] = className;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== Comp || $[7] !== props || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Comp, {
+      className: t2,
+      ...props
+    });
+    $[6] = Comp;
+    $[7] = props;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
-function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
-    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto", className), ...props }));
+function ButtonGroupSeparator(t0) {
+  const $ = _c(10);
+  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) {
+    t2 = cn("relative m-0! self-stretch bg-input data-[orientation=vertical]:h-auto", className);
+    $[4] = className;
+    $[5] = t2;
+  } else {
+    t2 = $[5];
+  }
+  let t3;
+  if ($[6] !== orientation || $[7] !== props || $[8] !== t2) {
+    t3 = /*#__PURE__*/_jsx(Separator, {
+      "data-slot": "button-group-separator",
+      orientation: orientation,
+      className: t2,
+      ...props
+    });
+    $[6] = orientation;
+    $[7] = props;
+    $[8] = t2;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  return t3;
 }
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/action/button.js

@@ -1,35 +1,99 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-2 rounded-full text-sm font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow] duration-150 ease-out outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground shadow-[0_1px_2px_rgb(0_0_0/0.12),inset_0_1px_0_rgb(255_255_255/0.14)] hover:bg-primary/90 disabled:bg-transparent disabled:text-muted-foreground disabled:opacity-100 disabled:shadow-none disabled:ring-1 disabled:ring-input disabled:ring-inset",
-            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 disabled:bg-transparent disabled:text-muted-foreground disabled:opacity-100 disabled:ring-1 disabled:ring-input disabled:ring-inset",
-            outline: "border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            xs: "h-6 gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-            sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 px-6 has-[>svg]:px-4",
-            icon: "size-9",
-            "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
-            "icon-sm": "size-8",
-            "icon-lg": "size-10",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground shadow-[0_1px_2px_rgb(0_0_0/0.12),inset_0_1px_0_rgb(255_255_255/0.14)] hover:bg-primary/90 disabled:bg-transparent disabled:text-muted-foreground disabled:opacity-100 disabled:shadow-none disabled:ring-1 disabled:ring-input disabled:ring-inset",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 disabled:bg-transparent disabled:text-muted-foreground disabled:opacity-100 disabled:ring-1 disabled:ring-input disabled:ring-inset",
+      outline: "border bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
     },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      xs: "h-6 gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 px-6 has-[>svg]:px-4",
+      icon: "size-9",
+      "icon-xs": "size-6 [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-8",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
 });
-function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
-    const Comp = asChild ? Slot.Root : "button";
-    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
+function Button(t0) {
+  const $ = _c(16);
+  let className;
+  let props;
+  let t1;
+  let t2;
+  let t3;
+  if ($[0] !== t0) {
+    ({
+      className,
+      variant: t1,
+      size: t2,
+      asChild: t3,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = t1;
+    $[4] = t2;
+    $[5] = t3;
+  } else {
+    className = $[1];
+    props = $[2];
+    t1 = $[3];
+    t2 = $[4];
+    t3 = $[5];
+  }
+  const variant = t1 === undefined ? "default" : t1;
+  const size = t2 === undefined ? "default" : t2;
+  const asChild = t3 === undefined ? false : t3;
+  const Comp = asChild ? Slot.Root : "button";
+  let t4;
+  if ($[6] !== className || $[7] !== size || $[8] !== variant) {
+    t4 = cn(buttonVariants({
+      variant,
+      size,
+      className
+    }));
+    $[6] = className;
+    $[7] = size;
+    $[8] = variant;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== Comp || $[11] !== props || $[12] !== size || $[13] !== t4 || $[14] !== variant) {
+    t5 = /*#__PURE__*/_jsx(Comp, {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: t4,
+      ...props
+    });
+    $[10] = Comp;
+    $[11] = props;
+    $[12] = size;
+    $[13] = t4;
+    $[14] = variant;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  return t5;
 }
 export { Button, buttonVariants };

package/dist/action/toggle-group.js

@@ -1,22 +1,186 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as ToggleGroupPrimitive from "radix-ui/toggle-group";
 import * as React from "react";
 import { toggleVariants } from "./toggle.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 const ToggleGroupContext = React.createContext({
-    size: "default",
-    variant: "default",
-    spacing: 0,
+  size: "default",
+  variant: "default",
+  spacing: 0
 });
-function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
-    return (_jsx(ToggleGroupPrimitive.Root, { "data-slot": "toggle-group", "data-variant": variant, "data-size": size, "data-spacing": spacing, style: { "--gap": spacing }, className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-full data-[spacing=default]:data-[variant=outline]:shadow-xs", className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children: children }) }));
+function ToggleGroup(t0) {
+  const $ = _c(26);
+  let children;
+  let className;
+  let props;
+  let size;
+  let t1;
+  let variant;
+  if ($[0] !== t0) {
+    ({
+      className,
+      variant,
+      size,
+      spacing: t1,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = size;
+    $[5] = t1;
+    $[6] = variant;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    size = $[4];
+    t1 = $[5];
+    variant = $[6];
+  }
+  const spacing = t1 === undefined ? 0 : t1;
+  let t2;
+  if ($[7] !== spacing) {
+    t2 = {
+      "--gap": spacing
+    };
+    $[7] = spacing;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== className) {
+    t3 = cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-full data-[spacing=default]:data-[variant=outline]:shadow-xs", className);
+    $[9] = className;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  let t4;
+  if ($[11] !== size || $[12] !== spacing || $[13] !== variant) {
+    t4 = {
+      variant,
+      size,
+      spacing
+    };
+    $[11] = size;
+    $[12] = spacing;
+    $[13] = variant;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  let t5;
+  if ($[15] !== children || $[16] !== t4) {
+    t5 = /*#__PURE__*/_jsx(ToggleGroupContext.Provider, {
+      value: t4,
+      children: children
+    });
+    $[15] = children;
+    $[16] = t4;
+    $[17] = t5;
+  } else {
+    t5 = $[17];
+  }
+  let t6;
+  if ($[18] !== props || $[19] !== size || $[20] !== spacing || $[21] !== t2 || $[22] !== t3 || $[23] !== t5 || $[24] !== variant) {
+    t6 = /*#__PURE__*/_jsx(ToggleGroupPrimitive.Root, {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      style: t2,
+      className: t3,
+      ...props,
+      children: t5
+    });
+    $[18] = props;
+    $[19] = size;
+    $[20] = spacing;
+    $[21] = t2;
+    $[22] = t3;
+    $[23] = t5;
+    $[24] = variant;
+    $[25] = t6;
+  } else {
+    t6 = $[25];
+  }
+  return t6;
 }
-function ToggleGroupItem({ className, children, variant, size, ...props }) {
-    const context = React.useContext(ToggleGroupContext);
-    return (_jsx(ToggleGroupPrimitive.Item, { "data-slot": "toggle-group-item", "data-variant": context.variant || variant, "data-size": context.size || size, "data-spacing": context.spacing, className: cn(toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size,
-        }), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-full data-[spacing=0]:last:rounded-r-full data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className), ...props, children: children }));
+function ToggleGroupItem(t0) {
+  const $ = _c(19);
+  let children;
+  let className;
+  let props;
+  let size;
+  let variant;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      variant,
+      size,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = size;
+    $[5] = variant;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    size = $[4];
+    variant = $[5];
+  }
+  const context = React.useContext(ToggleGroupContext);
+  const t1 = context.variant || variant;
+  const t2 = context.size || size;
+  const t3 = context.spacing;
+  let t4;
+  if ($[6] !== className || $[7] !== context.size || $[8] !== context.variant || $[9] !== size || $[10] !== variant) {
+    t4 = cn(toggleVariants({
+      variant: context.variant || variant,
+      size: context.size || size
+    }), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-full data-[spacing=0]:last:rounded-r-full data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className);
+    $[6] = className;
+    $[7] = context.size;
+    $[8] = context.variant;
+    $[9] = size;
+    $[10] = variant;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  let t5;
+  if ($[12] !== children || $[13] !== context.spacing || $[14] !== props || $[15] !== t1 || $[16] !== t2 || $[17] !== t4) {
+    t5 = /*#__PURE__*/_jsx(ToggleGroupPrimitive.Item, {
+      "data-slot": "toggle-group-item",
+      "data-variant": t1,
+      "data-size": t2,
+      "data-spacing": t3,
+      className: t4,
+      ...props,
+      children: children
+    });
+    $[12] = children;
+    $[13] = context.spacing;
+    $[14] = props;
+    $[15] = t1;
+    $[16] = t2;
+    $[17] = t4;
+    $[18] = t5;
+  } else {
+    t5 = $[18];
+  }
+  return t5;
 }
 export { ToggleGroup, ToggleGroupItem };

package/dist/action/toggle.js

@@ -1,26 +1,79 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "cn";
 import * as TogglePrimitive from "radix-ui/toggle";
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-full text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-foreground/10 data-[state=on]:text-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            outline: "border border-input bg-transparent shadow-xs hover:bg-muted hover:text-foreground data-[state=on]:border-foreground/30",
-        },
-        size: {
-            default: "h-9 min-w-9 px-2.5",
-            sm: "h-8 min-w-8 px-2",
-            lg: "h-10 min-w-10 px-3",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border border-input bg-transparent shadow-xs hover:bg-muted hover:text-foreground data-[state=on]:border-foreground/30"
     },
+    size: {
+      default: "h-9 min-w-9 px-2.5",
+      sm: "h-8 min-w-8 px-2",
+      lg: "h-10 min-w-10 px-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
 });
-function Toggle({ className, variant, size, ...props }) {
-    return (_jsx(TogglePrimitive.Root, { "data-slot": "toggle", className: cn(toggleVariants({ variant, size, className })), ...props }));
+function Toggle(t0) {
+  const $ = _c(12);
+  let className;
+  let props;
+  let size;
+  let variant;
+  if ($[0] !== t0) {
+    ({
+      className,
+      variant,
+      size,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = size;
+    $[4] = variant;
+  } else {
+    className = $[1];
+    props = $[2];
+    size = $[3];
+    variant = $[4];
+  }
+  let t1;
+  if ($[5] !== className || $[6] !== size || $[7] !== variant) {
+    t1 = cn(toggleVariants({
+      variant,
+      size,
+      className
+    }));
+    $[5] = className;
+    $[6] = size;
+    $[7] = variant;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== props || $[10] !== t1) {
+    t2 = /*#__PURE__*/_jsx(TogglePrimitive.Root, {
+      "data-slot": "toggle",
+      className: t1,
+      ...props
+    });
+    $[9] = props;
+    $[10] = t1;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
 }
 export { Toggle, toggleVariants };