@naeil/ui 0.4.0 → 0.6.0

package/dist/{chunk-QKVN6Q6C.js → chunk-QSTGUEEI.js}

@@ -1,4 +1,8 @@
 "use client";
+import {
+  useOverlayRef,
+  useRadixHiddenInert
+} from "./chunk-CE73AEJZ.js";
 import {
   __objRest,
   __spreadProps,
@@ -6,127 +10,70 @@ import {
   cn
 } from "./chunk-JBTDRVZ7.js";
 
-// src/components/ui/badge.tsx
-import { cva } from "class-variance-authority";
-import { Slot } from "radix-ui";
-import { jsx } from "react/jsx-runtime";
-var badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-sm border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none ui-focus aria-invalid:border-error transition-colors overflow-hidden",
-  {
-    variants: {
-      variant: {
-        success: "bg-success-bg text-success border-transparent",
-        warning: "bg-warning-bg text-warning border-transparent",
-        error: "bg-error-bg text-error border-transparent",
-        info: "bg-info-bg text-info border-transparent",
-        default: "bg-primary text-primary-foreground border-transparent [a&]:hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground border-transparent [a&]:hover:bg-secondary/80",
-        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-        destructive: "bg-destructive text-destructive-foreground border-transparent [a&]:hover:bg-destructive/90"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge(_a) {
+// src/components/ui/site-footer.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function SiteFooter(_a) {
   var _b = _a, {
+    brand,
+    description,
+    groups = [],
+    Link,
+    meta,
+    children,
+    containerClassName,
     className,
-    variant = "default",
-    asChild = false
+    variant = "full"
   } = _b, props = __objRest(_b, [
+    "brand",
+    "description",
+    "groups",
+    "Link",
+    "meta",
+    "children",
+    "containerClassName",
     "className",
-    "variant",
-    "asChild"
+    "variant"
   ]);
-  const Comp = asChild ? Slot.Root : "span";
   return /* @__PURE__ */ jsx(
-    Comp,
-    __spreadValues({
-      "data-slot": "badge",
+    "footer",
+    __spreadProps(__spreadValues({
+      "data-slot": "site-footer",
       "data-variant": variant,
-      className: cn(badgeVariants({ variant }), className)
-    }, props)
+      className: cn("ui-site-footer", className)
+    }, props), {
+      children: /* @__PURE__ */ jsxs("div", { className: cn("ui-site-footer-frame", containerClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: "ui-site-footer-brand", children: [
+          brand,
+          description && /* @__PURE__ */ jsx("div", { className: "ui-site-footer-description", children: description }),
+          children
+        ] }),
+        groups.map((group) => /* @__PURE__ */ jsxs("nav", { "aria-label": group.label, children: [
+          /* @__PURE__ */ jsx("h2", { className: "ui-site-footer-label", children: group.label }),
+          group.links.map((item) => {
+            const Component = !item.external && Link ? Link : "a";
+            return /* @__PURE__ */ jsx(
+              Component,
+              {
+                href: item.href,
+                target: item.target,
+                rel: item.target === "_blank" ? "noopener noreferrer" : void 0,
+                className: "ui-site-footer-link ui-focus",
+                children: item.label
+              },
+              item.id
+            );
+          })
+        ] }, group.id)),
+        meta && /* @__PURE__ */ jsx("div", { className: "ui-site-footer-meta", children: meta })
+      ] })
+    })
   );
 }
 
 // src/components/ui/dropdown-menu.tsx
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-
-// src/lib/design/modal-inert.ts
-import { useEffect, useMemo, useState } from "react";
-var ownershipKey = /* @__PURE__ */ Symbol.for("@naeil/ui/radix-hidden-inert/v1");
-function ownershipFor(doc) {
-  var _a;
-  const shared = doc;
-  return (_a = shared[ownershipKey]) != null ? _a : shared[ownershipKey] = /* @__PURE__ */ new WeakMap();
-}
-function useRadixHiddenInert(content) {
-  useEffect(() => {
-    if (!content) return;
-    const doc = content.ownerDocument;
-    const ownership = ownershipFor(doc);
-    const held = /* @__PURE__ */ new Set();
-    function release(element) {
-      held.delete(element);
-      const state = ownership.get(element);
-      if (!state || --state.users > 0) return;
-      element.inert = state.original;
-      ownership.delete(element);
-    }
-    function sync() {
-      const hidden = (content == null ? void 0 : content.isConnected) && content.dataset.state === "open" ? [...doc.querySelectorAll('[data-aria-hidden="true"][aria-hidden="true"]')].filter((element) => !element.contains(content)) : [];
-      const desired = new Set(hidden);
-      for (const element of held) if (!desired.has(element)) release(element);
-      for (const element of desired) {
-        if (held.has(element)) continue;
-        let state = ownership.get(element);
-        if (!state) {
-          state = { users: 0, original: element.inert };
-          ownership.set(element, state);
-        }
-        state.users++;
-        held.add(element);
-        element.inert = true;
-      }
-    }
-    const observer = new MutationObserver(sync);
-    observer.observe(doc.body, {
-      subtree: true,
-      childList: true,
-      attributes: true,
-      attributeFilter: ["aria-hidden", "data-aria-hidden", "data-state"]
-    });
-    sync();
-    return () => {
-      observer.disconnect();
-      for (const element of held) release(element);
-    };
-  }, [content]);
-}
-function assignObjectRef(ref, node) {
-  ref.current = node;
-}
-function useOverlayRef(consumerRef) {
-  const [node, setNode] = useState(null);
-  const ref = useMemo(() => (value) => {
-    setNode(value);
-    const cleanup = typeof consumerRef === "function" ? consumerRef(value) : void 0;
-    if (consumerRef && typeof consumerRef !== "function") assignObjectRef(consumerRef, value);
-    return () => {
-      setNode(null);
-      if (typeof cleanup === "function") cleanup();
-      else if (typeof consumerRef === "function") consumerRef(null);
-      else if (consumerRef) assignObjectRef(consumerRef, null);
-    };
-  }, [consumerRef]);
-  return [node, ref];
-}
-
-// src/components/ui/dropdown-menu.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function DropdownMenu(_a) {
   var props = __objRest(_a, []);
   return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
@@ -206,7 +153,7 @@ function DropdownMenuCheckboxItem(_a) {
     "children",
     "checked"
   ]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     DropdownMenuPrimitive.CheckboxItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-checkbox-item",
@@ -240,7 +187,7 @@ function DropdownMenuRadioItem(_a) {
     "className",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     DropdownMenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-radio-item",
@@ -321,7 +268,7 @@ function DropdownMenuSubTrigger(_a) {
     "inset",
     "children"
   ]);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     DropdownMenuPrimitive.SubTrigger,
     __spreadProps(__spreadValues({
       "data-slot": "dropdown-menu-sub-trigger",
@@ -356,68 +303,8 @@ function DropdownMenuSubContent(_a) {
   );
 }
 
-// src/components/ui/button.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { Slot as Slot2 } from "radix-ui";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap ui-control ui-focus rounded-md text-base font-medium transition-colors duration-(--ui-motion-fast) cursor-pointer  disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0  ui-focus aria-invalid:border-error",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary-hover",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 ",
-        outline: "border border-border-strong bg-background hover:bg-surface-subtle",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-surface-subtle",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "px-4 has-[>svg]:px-3",
-        xs: "gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "rounded-md px-6 has-[>svg]:px-4",
-        icon: "",
-        "icon-xs": "rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "",
-        "icon-lg": ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button(_a) {
-  var _b = _a, {
-    className,
-    variant = "default",
-    size = "default",
-    asChild = false
-  } = _b, props = __objRest(_b, [
-    "className",
-    "variant",
-    "size",
-    "asChild"
-  ]);
-  const Comp = asChild ? Slot2.Root : "button";
-  return /* @__PURE__ */ jsx3(
-    Comp,
-    __spreadValues({
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className }))
-    }, props)
-  );
-}
-
 export {
-  badgeVariants,
-  Badge,
-  useRadixHiddenInert,
-  useOverlayRef,
+  SiteFooter,
   DropdownMenu,
   DropdownMenuPortal,
   DropdownMenuTrigger,
@@ -432,7 +319,5 @@ export {
   DropdownMenuShortcut,
   DropdownMenuSub,
   DropdownMenuSubTrigger,
-  DropdownMenuSubContent,
-  buttonVariants,
-  Button
+  DropdownMenuSubContent
 };