@locusgraph/components 0.2.1 → 0.2.2

package/dist/form/textarea.js

@@ -1,44 +1,14 @@
-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 Textarea(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 field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("textarea", {
-      "data-slot": "textarea",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function Textarea({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("textarea", {
+    "data-slot": "textarea",
+    className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className),
+    ...props
+  });
 }
 export { Textarea };

package/dist/layout/use-mobile.js

@@ -1,28 +1,15 @@
-import { c as _c } from "react/compiler-runtime";
 import * as React from "react";
 const MOBILE_BREAKPOINT = 768;
 export function useIsMobile() {
-  const $ = _c(2);
   const [isMobile, setIsMobile] = React.useState(undefined);
-  let t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t0 = () => {
-      const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-      const onChange = () => {
-        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-      };
-      mql.addEventListener("change", onChange);
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-      return () => mql.removeEventListener("change", onChange);
     };
-    t1 = [];
-    $[0] = t0;
-    $[1] = t1;
-  } else {
-    t0 = $[0];
-    t1 = $[1];
-  }
-  React.useEffect(t0, t1);
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
   return !!isMobile;
 }

package/dist/navigation/breadcrumb.js

@@ -1,311 +1,92 @@
-import { c as _c } from "react/compiler-runtime";
 import { ChevronRight, OverflowMenuHorizontal as MoreHorizontal } from "@carbon/icons-react";
 import { cn } from "cn";
 import * as Slot from "radix-ui/slot";
 import * as React from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Breadcrumb(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("nav", {
-      "aria-label": "breadcrumb",
-      "data-slot": "breadcrumb",
-      ...props
-    });
-    $[2] = props;
-    $[3] = t1;
-  } else {
-    t1 = $[3];
-  }
-  return t1;
+function Breadcrumb({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("nav", {
+    "aria-label": "breadcrumb",
+    "data-slot": "breadcrumb",
+    ...props
+  });
 }
-function BreadcrumbList(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-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("ol", {
-      "data-slot": "breadcrumb-list",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function BreadcrumbList({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("ol", {
+    "data-slot": "breadcrumb-list",
+    className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2.5", className),
+    ...props
+  });
 }
-function BreadcrumbItem(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("inline-flex items-center gap-1.5", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("li", {
-      "data-slot": "breadcrumb-item",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function BreadcrumbItem({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("li", {
+    "data-slot": "breadcrumb-item",
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  });
 }
-function BreadcrumbLink(t0) {
-  const $ = _c(10);
-  let asChild;
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      asChild,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = asChild;
-    $[2] = className;
-    $[3] = props;
-  } else {
-    asChild = $[1];
-    className = $[2];
-    props = $[3];
-  }
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
   const Comp = asChild ? Slot.Root : "a";
-  let t1;
-  if ($[4] !== className) {
-    t1 = cn("transition-colors hover:text-foreground", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== Comp || $[7] !== props || $[8] !== t1) {
-    t2 = /*#__PURE__*/_jsx(Comp, {
-      "data-slot": "breadcrumb-link",
-      className: t1,
-      ...props
-    });
-    $[6] = Comp;
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t2;
-  } else {
-    t2 = $[9];
-  }
-  return t2;
+  return /*#__PURE__*/_jsx(Comp, {
+    "data-slot": "breadcrumb-link",
+    className: cn("transition-colors hover:text-foreground", className),
+    ...props
+  });
 }
-function BreadcrumbPage(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("font-normal text-foreground", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/_jsx("span", {
-      "data-slot": "breadcrumb-page",
-      role: "link",
-      "aria-disabled": "true",
-      "aria-current": "page",
-      className: t1,
-      ...props
-    });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  return t2;
+function BreadcrumbPage({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("span", {
+    "data-slot": "breadcrumb-page",
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-foreground", className),
+    ...props
+  });
 }
-function BreadcrumbSeparator(t0) {
-  const $ = _c(12);
-  let children;
-  let className;
-  let props;
-  if ($[0] !== t0) {
-    ({
-      children,
-      className,
-      ...props
-    } = t0);
-    $[0] = t0;
-    $[1] = children;
-    $[2] = className;
-    $[3] = props;
-  } else {
-    children = $[1];
-    className = $[2];
-    props = $[3];
-  }
-  let t1;
-  if ($[4] !== className) {
-    t1 = cn("[&>svg]:size-3.5", className);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
-  }
-  let t2;
-  if ($[6] !== children) {
-    t2 = children ?? /*#__PURE__*/_jsx(ChevronRight, {});
-    $[6] = children;
-    $[7] = t2;
-  } else {
-    t2 = $[7];
-  }
-  let t3;
-  if ($[8] !== props || $[9] !== t1 || $[10] !== t2) {
-    t3 = /*#__PURE__*/_jsx("li", {
-      "data-slot": "breadcrumb-separator",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: t1,
-      ...props,
-      children: t2
-    });
-    $[8] = props;
-    $[9] = t1;
-    $[10] = t2;
-    $[11] = t3;
-  } else {
-    t3 = $[11];
-  }
-  return t3;
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx("li", {
+    "data-slot": "breadcrumb-separator",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:size-3.5", className),
+    ...props,
+    children: children ?? /*#__PURE__*/_jsx(ChevronRight, {})
+  });
 }
-function BreadcrumbEllipsis(t0) {
-  const $ = _c(10);
-  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 size-9 items-center justify-center", className);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
-  }
-  let t2;
-  let t3;
-  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = /*#__PURE__*/_jsx(MoreHorizontal, {
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs("span", {
+    "data-slot": "breadcrumb-ellipsis",
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex size-9 items-center justify-center", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(MoreHorizontal, {
       className: "size-4"
-    });
-    t3 = /*#__PURE__*/_jsx("span", {
+    }), /*#__PURE__*/_jsx("span", {
       className: "sr-only",
       children: "More"
-    });
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t2 = $[5];
-    t3 = $[6];
-  }
-  let t4;
-  if ($[7] !== props || $[8] !== t1) {
-    t4 = /*#__PURE__*/_jsxs("span", {
-      "data-slot": "breadcrumb-ellipsis",
-      role: "presentation",
-      "aria-hidden": "true",
-      className: t1,
-      ...props,
-      children: [t2, t3]
-    });
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t4;
-  } else {
-    t4 = $[9];
-  }
-  return t4;
+    })]
+  });
 }
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };