@naeil/ui 0.5.0 → 0.7.1

package/src/styles/theme.css

@@ -152,7 +152,9 @@
   --ui-field-gap-compact: 16px;
   --ui-width-reading: 640px;
   --ui-width-settings: 640px;
-  --ui-width-list: 1200px;
+  --ui-width-list: 1600px;
+  --ui-width-frame: 1600px;
+  --ui-frame-gutter: clamp(16px, 2.4vw, 40px);
   --ui-width-short-form: 480px;
   --ui-motion-fast: 120ms;
   --ui-motion-standard: 180ms;

package/dist/chunk-QSTGUEEI.js

@@ -1,323 +0,0 @@
-"use client";
-import {
-  useOverlayRef,
-  useRadixHiddenInert
-} from "./chunk-CE73AEJZ.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues,
-  cn
-} from "./chunk-JBTDRVZ7.js";
-
-// 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 = "full"
-  } = _b, props = __objRest(_b, [
-    "brand",
-    "description",
-    "groups",
-    "Link",
-    "meta",
-    "children",
-    "containerClassName",
-    "className",
-    "variant"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "footer",
-    __spreadProps(__spreadValues({
-      "data-slot": "site-footer",
-      "data-variant": variant,
-      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";
-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));
-}
-function DropdownMenuPortal(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
-}
-function DropdownMenuTrigger(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.Trigger,
-    __spreadValues({
-      "data-slot": "dropdown-menu-trigger"
-    }, props)
-  );
-}
-function DropdownMenuContent(_a) {
-  var _b = _a, {
-    ref,
-    className,
-    sideOffset = 4
-  } = _b, props = __objRest(_b, [
-    "ref",
-    "className",
-    "sideOffset"
-  ]);
-  const [content, contentRef] = useOverlayRef(ref);
-  useRadixHiddenInert(content);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.Content,
-    __spreadValues({
-      ref: contentRef,
-      "data-slot": "dropdown-menu-content",
-      sideOffset,
-      className: cn(
-        "ui-menu ui-popup z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border-strong p-1 shadow-md",
-        className
-      )
-    }, props)
-  ) });
-}
-function DropdownMenuGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
-}
-function DropdownMenuItem(_a) {
-  var _b = _a, {
-    className,
-    inset,
-    variant = "default"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset",
-    "variant"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.Item,
-    __spreadValues({
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      className: cn(
-        "focus:bg-surface-subtle data-[variant=destructive]:text-error data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-error data-[variant=destructive]:*:[svg]:!text-error [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )
-    }, props)
-  );
-}
-function DropdownMenuCheckboxItem(_a) {
-  var _b = _a, {
-    className,
-    children,
-    checked
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children",
-    "checked"
-  ]);
-  return /* @__PURE__ */ jsxs2(
-    DropdownMenuPrimitive.CheckboxItem,
-    __spreadProps(__spreadValues({
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: cn(
-        "focus:bg-surface-subtle relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      checked
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx2("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(CheckIcon, { className: "size-4" }) }) }),
-        children
-      ]
-    })
-  );
-}
-function DropdownMenuRadioGroup(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.RadioGroup,
-    __spreadValues({
-      "data-slot": "dropdown-menu-radio-group"
-    }, props)
-  );
-}
-function DropdownMenuRadioItem(_a) {
-  var _b = _a, {
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs2(
-    DropdownMenuPrimitive.RadioItem,
-    __spreadProps(__spreadValues({
-      "data-slot": "dropdown-menu-radio-item",
-      className: cn(
-        "focus:bg-surface-subtle relative flex cursor-default items-center gap-2 rounded-md py-1.5 pr-2 pl-8 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx2("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx2(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx2(CircleIcon, { className: "size-2 fill-current" }) }) }),
-        children
-      ]
-    })
-  );
-}
-function DropdownMenuLabel(_a) {
-  var _b = _a, {
-    className,
-    inset
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.Label,
-    __spreadValues({
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className
-      )
-    }, props)
-  );
-}
-function DropdownMenuSeparator(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.Separator,
-    __spreadValues({
-      "data-slot": "dropdown-menu-separator",
-      className: cn("bg-border-subtle -mx-1 my-1 h-px", className)
-    }, props)
-  );
-}
-function DropdownMenuShortcut(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    "span",
-    __spreadValues({
-      "data-slot": "dropdown-menu-shortcut",
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )
-    }, props)
-  );
-}
-function DropdownMenuSub(_a) {
-  var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Sub, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
-}
-function DropdownMenuSubTrigger(_a) {
-  var _b = _a, {
-    className,
-    inset,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "inset",
-    "children"
-  ]);
-  return /* @__PURE__ */ jsxs2(
-    DropdownMenuPrimitive.SubTrigger,
-    __spreadProps(__spreadValues({
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      className: cn(
-        "focus:bg-surface-subtle data-[state=open]:bg-surface-subtle [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-base outline-hidden select-none transition-colors duration-(--ui-motion-fast) data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )
-    }, props), {
-      children: [
-        children,
-        /* @__PURE__ */ jsx2(ChevronRightIcon, { className: "ml-auto size-4" })
-      ]
-    })
-  );
-}
-function DropdownMenuSubContent(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx2(
-    DropdownMenuPrimitive.SubContent,
-    __spreadValues({
-      "data-slot": "dropdown-menu-sub-content",
-      className: cn(
-        "ui-menu ui-popup z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-strong p-1 shadow-lg",
-        className
-      )
-    }, props)
-  );
-}
-
-export {
-  SiteFooter,
-  DropdownMenu,
-  DropdownMenuPortal,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubTrigger,
-  DropdownMenuSubContent
-};