@naeil/ui 0.2.0 → 0.3.0

package/dist/components/ui/index.js

@@ -18,8 +18,10 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   badgeVariants,
-  buttonVariants
-} from "../../chunk-SYI3IKIC.js";
+  buttonVariants,
+  useOverlayRef,
+  useRadixHiddenInert
+} from "../../chunk-QKVN6Q6C.js";
 import {
   __objRest,
   __spreadProps,
@@ -44,7 +46,7 @@ function Avatar(_a) {
       "data-slot": "avatar",
       "data-size": size,
       className: cn(
-        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 focus-visible:ring-accent/25 focus-visible:ring-[2px] focus-visible:outline-none",
+        "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6 ui-focus",
         className
       )
     }, props)
@@ -75,7 +77,7 @@ function AvatarFallback(_a) {
     __spreadValues({
       "data-slot": "avatar-fallback",
       className: cn(
-        "bg-accent/15 text-accent flex size-full items-center justify-center rounded-full font-medium text-xs group-data-[size=sm]/avatar:text-[10px]",
+        "bg-secondary text-secondary-foreground flex size-full items-center justify-center rounded-full font-medium text-xs group-data-[size=sm]/avatar:text-xs",
         className
       )
     }, props)
@@ -137,7 +139,7 @@ function Card(_a) {
     __spreadValues({
       "data-slot": "card",
       className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border border-border-subtle py-6 transition-colors duration-150",
+        "bg-card text-card-foreground flex flex-col rounded-xl border border-border-subtle transition-colors duration-(--ui-motion-fast)",
         className
       )
     }, props)
@@ -150,7 +152,7 @@ function CardElevated(_a) {
     __spreadValues({
       "data-slot": "card",
       className: cn(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border border-border-subtle py-6 shadow-sm dark:bg-card-elevated transition-colors duration-150",
+        "bg-card text-card-foreground flex flex-col rounded-xl border border-border-subtle shadow-sm dark:bg-card-elevated transition-colors duration-(--ui-motion-fast)",
         className
       )
     }, props)
@@ -163,7 +165,7 @@ function CardHeader(_a) {
     __spreadValues({
       "data-slot": "card-header",
       className: cn(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-(--ui-panel-padding) has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-(--ui-panel-padding)",
         className
       )
     }, props)
@@ -208,7 +210,7 @@ function CardContent(_a) {
     "div",
     __spreadValues({
       "data-slot": "card-content",
-      className: cn("px-6", className)
+      className: cn("px-(--ui-panel-padding)", className)
     }, props)
   );
 }
@@ -218,7 +220,10 @@ function CardFooter(_a) {
     "div",
     __spreadValues({
       "data-slot": "card-footer",
-      className: cn("flex items-center px-6 [.border-t]:pt-6", className)
+      className: cn(
+        "flex items-center px-(--ui-panel-padding) [.border-t]:pt-(--ui-panel-padding)",
+        className
+      )
     }, props)
   );
 }
@@ -253,10 +258,7 @@ function DialogOverlay(_a) {
     DialogPrimitive.Overlay,
     __spreadValues({
       "data-slot": "dialog-overlay",
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60 backdrop-blur-sm",
-        className
-      )
+      className: cn("ui-popup fixed inset-0 z-50 bg-black/60 ", className)
     }, props)
   );
 }
@@ -277,7 +279,7 @@ function DialogContent(_a) {
       __spreadProps(__spreadValues({
         "data-slot": "dialog-content",
         className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:duration-200 data-[state=closed]:duration-150 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border-subtle p-6 outline-none sm:max-w-lg",
+          "bg-popover ui-popup fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-xl border border-border-strong p-6  sm:max-w-lg",
           className
         )
       }, props), {
@@ -287,7 +289,7 @@ function DialogContent(_a) {
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
-              className: "absolute top-4 right-4 rounded-sm text-muted-foreground hover:text-foreground transition-colors focus-visible:ring-accent/25 focus-visible:ring-[2px] focus-visible:outline-none disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              className: "ui-focus absolute top-2 right-2 flex size-10 items-center justify-center rounded-sm text-muted-foreground hover:text-foreground transition-colors ui-focus disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
                 /* @__PURE__ */ jsx3(XIcon, {}),
                 /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
@@ -345,7 +347,7 @@ function DialogTitle(_a) {
     DialogPrimitive.Title,
     __spreadValues({
       "data-slot": "dialog-title",
-      className: cn("text-lg leading-none font-semibold", className)
+      className: cn("text-xl leading-normal font-semibold", className)
     }, props)
   );
 }
@@ -374,9 +376,9 @@ function Input(_a) {
       type,
       "data-slot": "input",
       className: cn(
-        "file:text-foreground placeholder:text-muted-foreground/60 selection:bg-primary selection:text-primary-foreground dark:bg-surface-subtle border-border-subtle h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base transition-colors duration-150 outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-accent focus-visible:ring-accent/25 focus-visible:ring-[2px]",
-        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground ui-control ui-focus border-input w-full min-w-0 rounded-md border bg-background px-3 py-1 text-base transition-colors duration-(--ui-motion-fast)  file:inline-flex file:h-7 file:border-0 file:bg-background file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 ",
+        "ui-focus",
+        "aria-invalid:border-error",
         className
       )
     }, props)
@@ -412,26 +414,262 @@ var Toaster = (_a) => {
         loading: /* @__PURE__ */ jsx5(Loader2Icon, { className: "size-4 animate-spin" })
       },
       style: {
-        "--normal-bg": "var(--card)",
+        "--normal-bg": "var(--popover)",
         "--normal-text": "var(--card-foreground)",
-        "--normal-border": "var(--border-subtle)",
-        "--success-bg": "var(--card)",
-        "--success-text": "var(--card-foreground)",
-        "--success-border": "var(--border-subtle)",
-        "--error-bg": "var(--card)",
-        "--error-text": "var(--destructive)",
-        "--error-border": "var(--border-subtle)",
-        "--info-bg": "var(--card)",
-        "--info-text": "var(--card-foreground)",
-        "--info-border": "var(--border-subtle)",
-        "--warning-bg": "var(--card)",
-        "--warning-text": "var(--card-foreground)",
-        "--warning-border": "var(--border-subtle)",
+        "--normal-border": "var(--border-strong)",
+        "--success-bg": "var(--popover)",
+        "--success-text": "var(--success)",
+        "--success-border": "var(--border-strong)",
+        "--error-bg": "var(--popover)",
+        "--error-text": "var(--error)",
+        "--error-border": "var(--border-strong)",
+        "--info-bg": "var(--popover)",
+        "--info-text": "var(--info)",
+        "--info-border": "var(--border-strong)",
+        "--warning-bg": "var(--popover)",
+        "--warning-text": "var(--warning)",
+        "--warning-border": "var(--border-strong)",
         "--border-radius": "var(--radius-md-value)"
       }
     }, props)
   );
 };
+
+// src/components/ui/select.tsx
+import { Select as Primitive } from "radix-ui";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var Select = Primitive.Root;
+var SelectValue = Primitive.Value;
+var SelectGroup = Primitive.Group;
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs2(
+    Primitive.Trigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-trigger",
+      className: cn(
+        "ui-control ui-focus flex w-full items-center justify-between gap-2 border border-input bg-background px-3 text-left text-foreground disabled:cursor-not-allowed disabled:opacity-45 data-[placeholder]:text-muted-foreground [&>span]:min-w-0 [&>span]:truncate",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx6(Primitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx6(ChevronDownIcon, { className: "size-4 shrink-0" }) })
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    ref,
+    className,
+    children,
+    position = "popper",
+    sideOffset = 6
+  } = _b, props = __objRest(_b, [
+    "ref",
+    "className",
+    "children",
+    "position",
+    "sideOffset"
+  ]);
+  const [content, contentRef] = useOverlayRef(ref);
+  useRadixHiddenInert(content);
+  return /* @__PURE__ */ jsx6(Primitive.Portal, { children: /* @__PURE__ */ jsxs2(
+    Primitive.Content,
+    __spreadProps(__spreadValues({
+      ref: contentRef,
+      "data-slot": "select-content",
+      position,
+      sideOffset,
+      className: cn(
+        "ui-menu ui-popup z-50 max-h-(--radix-select-content-available-height) min-w-(--radix-select-trigger-width) max-w-[calc(100vw-24px)] overflow-hidden",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx6(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx6(Primitive.Viewport, { className: "p-1", children }),
+        /* @__PURE__ */ jsx6(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs2(
+    Primitive.Item,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex cursor-default items-center rounded-sm py-2 pr-9 pl-3 text-base outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-45",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx6(Primitive.ItemText, { children }),
+        /* @__PURE__ */ jsx6(Primitive.ItemIndicator, { className: "absolute right-3", children: /* @__PURE__ */ jsx6(CheckIcon, { className: "size-4" }) })
+      ]
+    })
+  );
+}
+function SelectLabel(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx6(
+    Primitive.Label,
+    __spreadValues({
+      "data-slot": "select-label",
+      className: cn(
+        "px-3 py-2 text-sm font-medium text-muted-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx6(
+    Primitive.Separator,
+    __spreadValues({
+      "data-slot": "select-separator",
+      className: cn("my-1 h-px bg-border", className)
+    }, props)
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx6(
+    Primitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      className: cn("flex h-8 items-center justify-center", className)
+    }, props), {
+      children: /* @__PURE__ */ jsx6(ChevronUpIcon, { className: "size-4" })
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx6(
+    Primitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      className: cn("flex h-8 items-center justify-center", className)
+    }, props), {
+      children: /* @__PURE__ */ jsx6(ChevronDownIcon, { className: "size-4" })
+    })
+  );
+}
+
+// src/components/ui/switch.tsx
+import { Switch as Primitive2 } from "radix-ui";
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Switch(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx7(
+    Primitive2.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "switch",
+      className: cn("ui-choice ui-focus", className)
+    }, props), {
+      children: /* @__PURE__ */ jsx7(Primitive2.Thumb, { "data-slot": "switch-thumb" })
+    })
+  );
+}
+
+// src/components/ui/checkbox.tsx
+import { Checkbox as Primitive3 } from "radix-ui";
+import { CheckIcon as CheckIcon2, MinusIcon } from "lucide-react";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+function Checkbox(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx8(
+    Primitive3.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "checkbox",
+      className: cn("ui-choice ui-focus group/checkbox", className)
+    }, props), {
+      children: /* @__PURE__ */ jsxs3(Primitive3.Indicator, { className: "flex items-center justify-center", children: [
+        /* @__PURE__ */ jsx8(CheckIcon2, { className: "size-3.5 group-data-[state=indeterminate]/checkbox:hidden" }),
+        /* @__PURE__ */ jsx8(MinusIcon, { className: "hidden size-3.5 group-data-[state=indeterminate]/checkbox:block" })
+      ] })
+    })
+  );
+}
+
+// src/components/ui/tabs.tsx
+import { Tabs as TabsPrimitive } from "radix-ui";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Tabs(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx9(TabsPrimitive.Root, __spreadValues({ "data-slot": "tabs", className: cn("ui-tabs min-w-0", className) }, props));
+}
+function TabsList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx9(TabsPrimitive.List, __spreadValues({ "data-slot": "tabs-list", className: cn("ui-tabs-list", className) }, props));
+}
+function TabsTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx9(TabsPrimitive.Trigger, __spreadValues({ "data-slot": "tabs-trigger", className: cn(
+    "ui-tabs-trigger ui-control ui-focus h-auto min-h-(--ui-control-height) w-max max-w-full shrink-0 whitespace-normal break-words rounded-md border-b-2 px-3 text-base leading-normal font-medium disabled:cursor-not-allowed disabled:opacity-50",
+    className
+  ) }, props));
+}
+function TabsContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx9(TabsPrimitive.Content, __spreadValues({ "data-slot": "tabs-content", className: cn("ui-focus min-w-0 break-words", className) }, props));
+}
+
+// src/components/ui/textarea.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Textarea(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx10(
+    "textarea",
+    __spreadValues({
+      "data-slot": "textarea",
+      className: cn(
+        "ui-textarea ui-focus w-full min-w-0 resize-y rounded-md border border-input bg-background px-3 py-2 text-base leading-normal placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error",
+        className
+      )
+    }, props)
+  );
+}
 export {
   Avatar,
   AvatarBadge,
@@ -449,6 +687,7 @@ export {
   CardFooter,
   CardHeader,
   CardTitle,
+  Checkbox,
   Dialog,
   DialogClose,
   DialogContent,
@@ -475,6 +714,22 @@ export {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   Input,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea,
   Toaster,
   badgeVariants,
   buttonVariants

package/dist/source/components/footer.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface FooterProps {
+    /** Link component from consumer */
+    Link?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
+    /** Whether links go to naeil.dev (external) or are internal. Default: false */
+    linksExternal?: boolean;
+}
+declare function Footer({ Link, linksExternal }: FooterProps): react_jsx_runtime.JSX.Element;
+
+export { Footer };

package/dist/source/components/footer.js

@@ -0,0 +1,172 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+function NavLink({
+  href,
+  children,
+  className,
+  linksExternal,
+  Link
+}) {
+  if (linksExternal) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: `https://naeil.dev${href}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className,
+        children
+      }
+    );
+  }
+  if (Link) {
+    return /* @__PURE__ */ jsx(Link, { href, className, children });
+  }
+  return /* @__PURE__ */ jsx("a", { href, className, children });
+}
+function Footer({ Link, linksExternal = false }) {
+  const t = useTranslations("footer");
+  return /* @__PURE__ */ jsx("footer", { className: "border-border/40 border-t", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-7xl flex-col gap-10 px-6 py-16 sm:flex-row sm:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(Logo, { size: 20 }),
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-sm font-semibold tracking-tight", children: ".naeil" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-[240px] text-sm leading-relaxed", children: t("tagline") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://github.com/naeil-dev",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-muted-foreground hover:text-foreground transition-colors",
+            "aria-label": "GitHub",
+            children: /* @__PURE__ */ jsx(GitHubIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://x.com",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-muted-foreground hover:text-foreground transition-colors",
+            "aria-label": "X",
+            children: /* @__PURE__ */ jsx(XIcon, {})
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-10 sm:gap-16", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-xs font-medium uppercase tracking-wider", children: t("navigation") }),
+        /* @__PURE__ */ jsx(
+          NavLink,
+          {
+            href: "/projects",
+            className: "text-muted-foreground hover:text-foreground text-sm transition-colors",
+            linksExternal,
+            Link,
+            children: t("projects")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          NavLink,
+          {
+            href: "/blog",
+            className: "text-muted-foreground hover:text-foreground text-sm transition-colors",
+            linksExternal,
+            Link,
+            children: t("blog")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground text-xs font-medium uppercase tracking-wider", children: t("social") }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://github.com/naeil-dev",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-muted-foreground hover:text-foreground text-sm transition-colors",
+            children: "GitHub \u2197"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+}
+function Logo({ size = 20 }) {
+  const id = `naeil-footer-logo-${size}`;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      "aria-label": "naeil",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6 4 L6 16 L20 16",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "square",
+            strokeLinejoin: "miter"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: "15",
+            cy: "16",
+            r: "3.5",
+            fill: `url(#${id}-grad)`,
+            mask: `url(#${id})`
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("linearGradient", { id: `${id}-grad`, x1: "15", y1: "12.5", x2: "15", y2: "16", children: [
+            /* @__PURE__ */ jsx("stop", { stopColor: "#eab308" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#dc2626" })
+          ] }),
+          /* @__PURE__ */ jsx("mask", { id, children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "24", height: "16", fill: "white" }) })
+        ] })
+      ]
+    }
+  );
+}
+function GitHubIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" })
+    }
+  );
+}
+function XIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
+    }
+  );
+}
+export {
+  Footer
+};

package/dist/source/components/index.d.ts

@@ -0,0 +1,11 @@
+export { Nav } from './nav.js';
+export { Footer } from './footer.js';
+export { LocaleSwitcher } from './locale-switcher.js';
+export { ThemeToggle } from './theme-toggle.js';
+export { ThemeProvider } from './theme-provider.js';
+export { ThemeToggleIcon } from './theme-toggle-icon.js';
+export { Logo } from './logo.js';
+export { PageTitle, SectionTitle, pageTitleClass, sectionTitleClass } from './typography.js';
+import 'react/jsx-runtime';
+import 'next-themes';
+import 'react';

package/dist/source/components/index.js

@@ -0,0 +1,26 @@
+import { Nav } from "./nav.js";
+import { Footer } from "./footer.js";
+import { LocaleSwitcher } from "./locale-switcher.js";
+import { ThemeToggle } from "./theme-toggle.js";
+import { ThemeProvider } from "./theme-provider.js";
+import { ThemeToggleIcon } from "./theme-toggle-icon.js";
+import { Logo } from "./logo.js";
+import {
+  PageTitle,
+  SectionTitle,
+  pageTitleClass,
+  sectionTitleClass
+} from "./typography.js";
+export {
+  Footer,
+  LocaleSwitcher,
+  Logo,
+  Nav,
+  PageTitle,
+  SectionTitle,
+  ThemeProvider,
+  ThemeToggle,
+  ThemeToggleIcon,
+  pageTitleClass,
+  sectionTitleClass
+};

package/dist/source/components/locale-switcher.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LocaleSwitcherProps {
+    /** Available locales */
+    locales: Array<{
+        code: string;
+        short: string;
+        full: string;
+    }>;
+    /** Current locale */
+    currentLocale: string;
+    /** Called when user selects a new locale */
+    onLocaleChange: (locale: string) => void;
+}
+declare function LocaleSwitcher({ locales, currentLocale, onLocaleChange, }: LocaleSwitcherProps): react_jsx_runtime.JSX.Element;
+
+export { LocaleSwitcher };