@locusgraph/components 0.1.1 → 0.2.1

package/dist/index.d.ts

@@ -21,6 +21,12 @@ export * from "./display/media/carousel.js";
 export * from "./display/media/carousel-controls.js";
 export * from "./display/rule-grid/rule-grid.js";
 export * from "./display/separator.js";
+export * from "./display/skeletons/layouts/skeleton-rule-grid.js";
+export * from "./display/skeletons/layouts/skeleton-table.js";
+export * from "./display/skeletons/shapes/skeleton-avatar.js";
+export * from "./display/skeletons/shapes/skeleton-button.js";
+export * from "./display/skeletons/shapes/skeleton-text.js";
+export * from "./display/skeletons/skeleton-parts.js";
 export * from "./display/status/alert.js";
 export * from "./display/status/empty.js";
 export * from "./display/status/progress.js";

package/dist/index.js

@@ -21,6 +21,12 @@ export * from "./display/media/carousel.js";
 export * from "./display/media/carousel-controls.js";
 export * from "./display/rule-grid/rule-grid.js";
 export * from "./display/separator.js";
+export * from "./display/skeletons/layouts/skeleton-rule-grid.js";
+export * from "./display/skeletons/layouts/skeleton-table.js";
+export * from "./display/skeletons/shapes/skeleton-avatar.js";
+export * from "./display/skeletons/shapes/skeleton-button.js";
+export * from "./display/skeletons/shapes/skeleton-text.js";
+export * from "./display/skeletons/skeleton-parts.js";
 export * from "./display/status/alert.js";
 export * from "./display/status/empty.js";
 export * from "./display/status/progress.js";

package/dist/layout/accordion.js

@@ -1,18 +1,175 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { ChevronDown as ChevronDownIcon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { ChevronDownIcon } from "lucide-react";
 import * as AccordionPrimitive from "radix-ui/accordion";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Accordion(props) {
-    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+  const $ = _c(2);
+  let t0;
+  if ($[0] !== props) {
+    t0 = /*#__PURE__*/_jsx(AccordionPrimitive.Root, {
+      "data-slot": "accordion",
+      ...props
+    });
+    $[0] = props;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  return t0;
 }
-function AccordionItem({ className, ...props }) {
-    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b last:border-b-0", className), ...props }));
+function AccordionItem(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("border-b last:border-b-0", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(AccordionPrimitive.Item, {
+      "data-slot": "accordion-item",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function AccordionTrigger({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline 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 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200" })] }) }));
+function AccordionTrigger(t0) {
+  const $ = _c(11);
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline 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 [&[data-state=open]>svg]:rotate-180", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(ChevronDownIcon, {
+      className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200"
+    });
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== children || $[8] !== props || $[9] !== t1) {
+    t3 = /*#__PURE__*/_jsx(AccordionPrimitive.Header, {
+      className: "flex font-sans tracking-normal",
+      children: /*#__PURE__*/_jsxs(AccordionPrimitive.Trigger, {
+        "data-slot": "accordion-trigger",
+        className: t1,
+        ...props,
+        children: [children, t2]
+      })
+    });
+    $[7] = children;
+    $[8] = props;
+    $[9] = t1;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 }
-function AccordionContent({ className, children, ...props }) {
-    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-4", className), children: children }) }));
+function AccordionContent(t0) {
+  const $ = _c(12);
+  let children;
+  let className;
+  let props;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("pt-0 pb-4", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children || $[7] !== t1) {
+    t2 = /*#__PURE__*/_jsx("div", {
+      className: t1,
+      children: children
+    });
+    $[6] = children;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== props || $[10] !== t2) {
+    t3 = /*#__PURE__*/_jsx(AccordionPrimitive.Content, {
+      "data-slot": "accordion-content",
+      className: "overflow-hidden text-sm text-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      ...props,
+      children: t2
+    });
+    $[9] = props;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 }
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/layout/collapsible.js

@@ -1,13 +1,81 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import * as CollapsiblePrimitive from "radix-ui/collapsible";
-function Collapsible({ ...props }) {
-    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+import { jsx as _jsx } from "react/jsx-runtime";
+function Collapsible(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(CollapsiblePrimitive.Root, {
+      "data-slot": "collapsible",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function CollapsibleTrigger({ ...props }) {
-    return _jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
+function CollapsibleTrigger(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+      "data-slot": "collapsible-trigger",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function CollapsibleContent({ ...props }) {
-    return _jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
+function CollapsibleContent(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(CollapsiblePrimitive.CollapsibleContent, {
+      "data-slot": "collapsible-content",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/layout/resizable.js

@@ -1,15 +1,130 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
+import { Draggable as GripVerticalIcon } from "@carbon/icons-react";
 import { cn } from "cn";
-import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-function ResizablePanelGroup({ className, ...props }) {
-    return (_jsx(ResizablePrimitive.Group, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className), ...props }));
+import { jsx as _jsx } from "react/jsx-runtime";
+function ResizablePanelGroup(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 h-full w-full aria-[orientation=vertical]:flex-col", className);
+    $[3] = className;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== props || $[6] !== t1) {
+    t2 = /*#__PURE__*/_jsx(ResizablePrimitive.Group, {
+      "data-slot": "resizable-panel-group",
+      className: t1,
+      ...props
+    });
+    $[5] = props;
+    $[6] = t1;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  return t2;
 }
-function ResizablePanel({ ...props }) {
-    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+function ResizablePanel(t0) {
+  const $ = _c(4);
+  let props;
+  if ($[0] !== t0) {
+    ({
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = props;
+  } else {
+    props = $[1];
+  }
+  let t1;
+  if ($[2] !== props) {
+    t1 = /*#__PURE__*/_jsx(ResizablePrimitive.Panel, {
+      "data-slot": "resizable-panel",
+      ...props
+    });
+    $[2] = props;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  return t1;
 }
-function ResizableHandle({ withHandle, className, ...props }) {
-    return (_jsx(ResizablePrimitive.Separator, { "data-slot": "resizable-handle", className: cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border", children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) }));
+function ResizableHandle(t0) {
+  const $ = _c(12);
+  let className;
+  let props;
+  let withHandle;
+  if ($[0] !== t0) {
+    ({
+      withHandle,
+      className,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = className;
+    $[2] = props;
+    $[3] = withHandle;
+  } else {
+    className = $[1];
+    props = $[2];
+    withHandle = $[3];
+  }
+  let t1;
+  if ($[4] !== className) {
+    t1 = cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", className);
+    $[4] = className;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== withHandle) {
+    t2 = withHandle && /*#__PURE__*/_jsx("div", {
+      className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-border",
+      children: /*#__PURE__*/_jsx(GripVerticalIcon, {
+        className: "size-2.5"
+      })
+    });
+    $[6] = withHandle;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
+    t3 = /*#__PURE__*/_jsx(ResizablePrimitive.Separator, {
+      "data-slot": "resizable-handle",
+      className: t1,
+      ...props,
+      children: t2
+    });
+    $[8] = props;
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 }
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/layout/scroll/direction.js

@@ -1,8 +1,30 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import * as Direction from "radix-ui/direction";
-function DirectionProvider({ dir, direction, children, }) {
-    return (_jsx(Direction.DirectionProvider, { dir: direction ?? dir, children: children }));
+import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+function DirectionProvider(t0) {
+  const $ = _c(3);
+  const {
+    dir,
+    direction,
+    children
+  } = t0;
+  const t1 = direction ?? dir;
+  let t2;
+  if ($[0] !== children || $[1] !== t1) {
+    t2 = /*#__PURE__*/_jsx(Direction.DirectionProvider, {
+      dir: t1,
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
 }
 const useDirection = Direction.useDirection;
 export { DirectionProvider, useDirection };

package/dist/layout/scroll/scroll-area.d.ts

@@ -1,5 +1,5 @@
 import * as ScrollAreaPrimitive from "radix-ui/scroll-area";
 import * as React from "react";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
+declare function ScrollArea({ className, children, type, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
 declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.JSX.Element;
 export { ScrollArea, ScrollBar };

package/dist/layout/scroll/scroll-area.js

@@ -1,11 +1,144 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "cn";
 import * as ScrollAreaPrimitive from "radix-ui/scroll-area";
-function ScrollArea({ className, children, ...props }) {
-    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+import * as React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function ScrollArea(t0) {
+  const $ = _c(16);
+  let children;
+  let className;
+  let props;
+  let t1;
+  if ($[0] !== t0) {
+    ({
+      className,
+      children,
+      type: t1,
+      ...props
+    } = t0);
+    $[0] = t0;
+    $[1] = children;
+    $[2] = className;
+    $[3] = props;
+    $[4] = t1;
+  } else {
+    children = $[1];
+    className = $[2];
+    props = $[3];
+    t1 = $[4];
+  }
+  const type = t1 === undefined ? "auto" : t1;
+  let t2;
+  if ($[5] !== className) {
+    t2 = cn("relative", className);
+    $[5] = className;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  let t3;
+  if ($[7] !== children) {
+    t3 = /*#__PURE__*/_jsx(ScrollAreaPrimitive.Viewport, {
+      "data-slot": "scroll-area-viewport",
+      className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-ring/70 focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-1",
+      children: children
+    });
+    $[7] = children;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  let t4;
+  let t5;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = /*#__PURE__*/_jsx(ScrollBar, {});
+    t5 = /*#__PURE__*/_jsx(ScrollAreaPrimitive.Corner, {});
+    $[9] = t4;
+    $[10] = t5;
+  } else {
+    t4 = $[9];
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== props || $[12] !== t2 || $[13] !== t3 || $[14] !== type) {
+    t6 = /*#__PURE__*/_jsxs(ScrollAreaPrimitive.Root, {
+      "data-slot": "scroll-area",
+      type: type,
+      className: t2,
+      ...props,
+      children: [t3, t4, t5]
+    });
+    $[11] = props;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = type;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
 }
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
+function ScrollBar(t0) {
+  const $ = _c(13);
+  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;
+  const t2 = orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent";
+  const t3 = orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent";
+  let t4;
+  if ($[4] !== className || $[5] !== t2 || $[6] !== t3) {
+    t4 = cn("flex touch-none p-px transition-colors select-none", t2, t3, className);
+    $[4] = className;
+    $[5] = t2;
+    $[6] = t3;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+      "data-slot": "scroll-area-thumb",
+      className: "relative flex-1 rounded-full bg-foreground/20 hover:bg-foreground/30"
+    });
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== orientation || $[10] !== props || $[11] !== t4) {
+    t6 = /*#__PURE__*/_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+      "data-slot": "scroll-area-scrollbar",
+      orientation: orientation,
+      className: t4,
+      ...props,
+      children: t5
+    });
+    $[9] = orientation;
+    $[10] = props;
+    $[11] = t4;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
 }
 export { ScrollArea, ScrollBar };