@plyaz/ui 0.7.2 → 0.7.4

package/dist/index.es.js

@@ -1,22 +1,90 @@
-import { c as n, G as b, A as x, J as v, R as S, C as k, V as C, T as I, S as R, f as A, a as M, b as B, d as L, P as h, e as D } from "./index-BFruSSsn.js";
-import { g as ht, B as Nt } from "./index-BFruSSsn.js";
+import { c as n, a as f, B as _, I as E, f as P, b as T, P as I, d as S } from "./Skeleton-De31tq_k.js";
+import { A as wt, S as Nt, e as yt } from "./Skeleton-De31tq_k.js";
 import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { Slot as x } from "@radix-ui/react-slot";
 import "clsx";
-import { Slot as N } from "@radix-ui/react-slot";
-import * as l from "@radix-ui/react-select";
-import { CheckIcon as V, ChevronDownIcon as w, ChevronUpIcon as j, ChevronRight as G, MoreHorizontal as H, ChevronLeftIcon as U, ChevronRightIcon as F, MoreHorizontalIcon as $ } from "lucide-react";
-import { useTranslations as y } from "next-intl";
-import * as P from "react";
-import q from "react";
-const m = ({ children: e, element: t = "div", className: r = "", ...o }) => /* @__PURE__ */ a(t, { className: r, ...o, "data-testid": "box", children: e }), xe = ({ className: e = "", children: t, element: r, ...o }) => /* @__PURE__ */ a(
-  m,
+import * as d from "@radix-ui/react-select";
+import { CheckIcon as C, ChevronDownIcon as b, ChevronUpIcon as M, ChevronRight as A, MoreHorizontal as j, ChevronLeftIcon as R, ChevronRightIcon as B, MoreHorizontalIcon as D } from "lucide-react";
+import { useTranslations as v } from "next-intl";
+import * as G from "react";
+import L from "react";
+const p = ({ children: e, element: t = "div", className: r = "", ...s }) => /* @__PURE__ */ a(t, { className: r, ...s, "data-testid": "box", children: e }), xe = ({ className: e = "", children: t, element: r, ...s }) => /* @__PURE__ */ a(
+  p,
   {
     element: r,
     className: n("mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl", e),
-    ...o,
+    ...s,
     children: t
   }
-), W = {
+), h = {
+  start: "justify-start",
+  end: "justify-end",
+  center: "justify-center",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly",
+  stretch: "justify-stretch"
+}, w = {
+  start: "items-start",
+  end: "items-end",
+  center: "items-center",
+  baseline: "items-baseline",
+  stretch: "items-stretch"
+}, V = {
+  body: "font-general",
+  heading: "font-general",
+  caption: "font-general"
+}, H = {
+  xs: "text-xs",
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg",
+  xl: "text-xl",
+  "2xl": "text-2xl",
+  "3xl": "text-3xl",
+  "4xl": "text-4xl",
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
+}, F = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold",
+  light: "font-light"
+}, U = {
+  1: "grid-cols-1",
+  2: "grid-cols-2",
+  3: "grid-cols-3",
+  4: "grid-cols-4",
+  5: "grid-cols-5",
+  6: "grid-cols-6",
+  7: "grid-cols-7",
+  8: "grid-cols-8",
+  9: "grid-cols-9"
+}, q = {
+  1: "grid-rows-1",
+  2: "grid-rows-2",
+  3: "grid-rows-3",
+  4: "grid-rows-4",
+  5: "grid-rows-5",
+  6: "grid-rows-6",
+  7: "grid-rows-7",
+  8: "grid-rows-8",
+  9: "grid-rows-9"
+}, N = {
+  1: "gap-1",
+  2: "gap-2",
+  3: "gap-3",
+  4: "gap-4",
+  5: "gap-5",
+  6: "gap-6",
+  7: "gap-7",
+  8: "gap-8",
+  9: "gap-9"
+}, W = {
   row: "flex-row",
   col: "flex-col",
   row_reverse: "flex-row-reverse",
@@ -25,59 +93,59 @@ const m = ({ children: e, element: t = "div", className: r = "", ...o }) => /* @
   wrap: "flex-wrap",
   nowrap: "flex-nowrap",
   wrap_reverse: "flex-wrap-reverse"
-}, ve = ({
+}, be = ({
   children: e,
   gap: t,
   direction: r,
-  justify: o,
-  align: s,
+  justify: s,
+  align: o,
   wrap: i,
-  className: d = "",
+  className: l = "",
   element: c,
-  ...p
+  ...g
 }) => /* @__PURE__ */ a(
-  m,
+  p,
   {
     element: c,
     className: n(
       "flex",
       r && W[r],
-      o && v[o],
-      s && x[s],
+      s && h[s],
+      o && w[o],
       i && Z[i],
-      t && b[t],
-      d
+      t && N[t],
+      l
     ),
-    ...p,
+    ...g,
     children: e
   }
-), he = ({
+), ve = ({
   children: e,
   className: t,
   cols: r,
-  rows: o,
-  gap: s,
+  rows: s,
+  gap: o,
   justify: i,
-  align: d,
+  align: l,
   element: c,
-  ...p
+  ...g
 }) => /* @__PURE__ */ a(
-  m,
+  p,
   {
     element: c,
     className: n(
       "grid",
-      r && k[r],
-      o && S[o],
-      s && b[s],
-      i && v[i],
-      d && x[d],
+      r && U[r],
+      s && q[s],
+      o && N[o],
+      i && h[i],
+      l && w[l],
       t
     ),
-    ...p,
+    ...g,
     children: e
   }
-), J = {
+), $ = {
   xs: "xs",
   sm: "sm",
   base: "base",
@@ -86,18 +154,18 @@ const m = ({ children: e, element: t = "div", className: r = "", ...o }) => /* @
   "2xl": "2xl",
   "3xl": "3xl",
   "4xl": "4xl"
-}, Ne = ({ children: e, element: t, className: r, size: o, ...s }) => /* @__PURE__ */ a(
-  f,
+}, he = ({ children: e, element: t, className: r, size: s, ...o }) => /* @__PURE__ */ a(
+  m,
   {
     className: r,
     element: t,
-    size: J[o],
+    size: $[s],
     variant: "heading",
     weight: "medium",
-    ...s,
+    ...o,
     children: e
   }
-), we = ({ children: e, className: t, href: r, ...o }) => /* @__PURE__ */ a(
+), we = ({ children: e, className: t, href: r, ...s }) => /* @__PURE__ */ a(
   "a",
   {
     "data-testid": "link",
@@ -108,107 +176,214 @@ const m = ({ children: e, element: t = "div", className: r = "", ...o }) => /* @
       "focus:outline-none text-blue-600 active:text-blue-900 visited:text-purple-600 hover:underline",
       t
     ),
-    ...o,
+    ...s,
     children: e
   }
-), O = {
+), K = {
   xs: "xs",
   sm: "sm",
   base: "base",
   lg: "lg"
-}, ye = ({ children: e, className: t, size: r, ...o }) => /* @__PURE__ */ a(
-  f,
+}, Ne = ({ children: e, className: t, size: r, ...s }) => /* @__PURE__ */ a(
+  m,
   {
     className: t,
     element: "p",
-    size: O[r],
+    size: K[r],
     variant: "body",
     weight: "normal",
-    ...o,
+    ...s,
     children: e
   }
-), Pe = ({ className: e = "", children: t, ...r }) => /* @__PURE__ */ a(m, { element: "section", className: e, ...r, children: t }), Ee = ({
+), ye = ({ className: e = "", children: t, ...r }) => /* @__PURE__ */ a(p, { element: "section", className: e, ...r, children: t }), ke = ({
   children: e,
   direction: t = "horizontal",
   spacing: r = "space-x-2",
-  element: o,
-  className: s,
+  element: s,
+  className: o,
   ...i
-}) => /* @__PURE__ */ a(m, { className: n("flex", t === "vertical" ? "flex-col" : "flex-row", r, s), element: o, ...i, children: e }), f = ({
+}) => /* @__PURE__ */ a(p, { className: n("flex", t === "vertical" ? "flex-col" : "flex-row", r, o), element: s, ...i, children: e }), m = ({
   className: e,
   children: t,
   element: r,
-  weight: o,
-  variant: s,
+  weight: s,
+  variant: o,
   size: i,
-  ...d
+  ...l
 }) => /* @__PURE__ */ a(
   r,
   {
     "data-testid": "text",
     className: n(
       "font-normal text-base",
-      i && R[i],
-      o && I[o],
-      s && C[s],
+      i && H[i],
+      s && F[s],
+      o && V[o],
       e
     ),
-    ...d,
+    ...l,
     children: t
   }
 );
-function Te({ className: e, type: t, ...r }) {
+function ze({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: n(
+        "group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-sm border transition-[color,box-shadow] outline-none",
+        "h-10 min-w-0 has-[>textarea]:h-auto",
+        // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-3",
+        "has-[>[data-align=inline-end]]:[&>input]:pr-3",
+        "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-2",
+        "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-2",
+        // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
+        // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40",
+        // Disabled state.
+        "has-[[data-slot=input-group-control]:disabled]:opacity-50 has-[[data-slot=input-group-control]:disabled]:pointer-events-none has-[[data-slot=input-group-control]:disabled]:cursor-not-allowed",
+        e
+      ),
+      ...t
+    }
+  );
+}
+const J = f(
+  "text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+        "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+        "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+        "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function _e({
+  className: e,
+  align: t = "inline-start",
+  ...r
+}) {
+  const s = (i) => {
+    var l, c;
+    i.target.closest("button") || (c = (l = i.currentTarget.parentElement) == null ? void 0 : l.querySelector("input")) == null || c.focus();
+  }, o = (i) => {
+    var l, c;
+    if (i.key === "Enter" || i.key === " ") {
+      if (i.preventDefault(), i.target.closest("button"))
+        return;
+      (c = (l = i.currentTarget.parentElement) == null ? void 0 : l.querySelector("input")) == null || c.focus();
+    }
+  };
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      "data-slot": "input-group-addon",
+      "data-align": t,
+      className: n(J({ align: t }), e),
+      onClick: s,
+      onKeyDown: o,
+      "aria-label": "Focus input field",
+      ...r
+    }
+  );
+}
+const X = f("text-sm shadow-none flex gap-2 items-center", {
+  variants: {
+    size: {
+      xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+      sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+      "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: {
+    size: "xs"
+  }
+});
+function Ee({
+  className: e,
+  type: t = "button",
+  variant: r = "default",
+  size: s = "xs",
+  ...o
+}) {
   return /* @__PURE__ */ a(
-    "input",
+    _,
     {
       type: t,
-      "data-slot": "input",
+      "data-size": s,
+      variant: r,
+      className: n(X({ size: s }), e),
+      ...o
+    }
+  );
+}
+function Pe({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
       className: n(
-        `
-          flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent
-          px-3 py-1 text-base shadow-xs transition-[color,box-shadow]
-          outline-none
-          selection:bg-primary selection:text-primary-foreground
-          file:inline-flex file:h-7 file:border-0 file:bg-transparent
-          file:text-sm file:font-medium file:text-foreground
-          placeholder:text-muted-foreground
-          disabled:pointer-events-none disabled:cursor-not-allowed
-          disabled:opacity-50
-          md:text-sm
-          dark:bg-input/30
-        `,
-        `
-          focus-visible:border-ring focus-visible:ring-[3px]
-          focus-visible:ring-ring/50
-        `,
-        `
-          aria-invalid:border-destructive aria-invalid:ring-destructive/20
-          dark:aria-invalid:ring-destructive/40
-        `,
+        "text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
         e
       ),
-      ...r,
-      "data-testid": "input"
+      ...t
     }
   );
 }
-function X({ ...e }) {
-  return /* @__PURE__ */ a(l.Root, { "data-slot": "select", ...e });
+function Te({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    E,
+    {
+      "data-slot": "input-group-control",
+      className: n(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent",
+        e
+      ),
+      ...t
+    }
+  );
 }
-function _e({ ...e }) {
-  return /* @__PURE__ */ a(l.Group, { "data-slot": "select-group", ...e });
+function Ie({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    le,
+    {
+      "data-slot": "input-group-control",
+      className: n(
+        "flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent",
+        e
+      ),
+      ...t
+    }
+  );
 }
 function Y({ ...e }) {
-  return /* @__PURE__ */ a(l.Value, { "data-slot": "select-value", ...e });
+  return /* @__PURE__ */ a(d.Root, { "data-slot": "select", ...e });
 }
-function K({
+function Se({ ...e }) {
+  return /* @__PURE__ */ a(d.Group, { "data-slot": "select-group", ...e });
+}
+function Q({ ...e }) {
+  return /* @__PURE__ */ a(d.Value, { "data-slot": "select-value", ...e });
+}
+function O({
   className: e,
   size: t = "default",
   children: r,
-  ...o
+  ...s
 }) {
   return /* @__PURE__ */ u(
-    l.Trigger,
+    d.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": t,
@@ -236,22 +411,22 @@ function K({
         `,
         e
       ),
-      ...o,
+      ...s,
       children: [
         r,
-        /* @__PURE__ */ a(l.Icon, { asChild: !0, children: /* @__PURE__ */ a(w, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ a(d.Icon, { asChild: !0, children: /* @__PURE__ */ a(b, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function Q({
+function ee({
   className: e,
   children: t,
   position: r = "popper",
-  ...o
+  ...s
 }) {
-  return /* @__PURE__ */ a(l.Portal, { "data-testid": "select", children: /* @__PURE__ */ u(
-    l.Content,
+  return /* @__PURE__ */ a(d.Portal, { "data-testid": "select", children: /* @__PURE__ */ u(
+    d.Content,
     {
       "data-slot": "select-content",
       className: n(
@@ -278,11 +453,11 @@ function Q({
         e
       ),
       position: r,
-      ...o,
+      ...s,
       children: [
-        /* @__PURE__ */ a(te, {}),
+        /* @__PURE__ */ a(ae, {}),
         /* @__PURE__ */ a(
-          l.Viewport,
+          d.Viewport,
           {
             className: n(
               "p-1",
@@ -294,14 +469,14 @@ function Q({
             children: t
           }
         ),
-        /* @__PURE__ */ a(ae, {})
+        /* @__PURE__ */ a(re, {})
       ]
     }
   ) });
 }
-function ze({ className: e, ...t }) {
+function Ce({ className: e, ...t }) {
   return /* @__PURE__ */ a(
-    l.Label,
+    d.Label,
     {
       "data-slot": "select-label",
       className: n("px-2 py-1.5 text-xs text-muted-foreground", e),
@@ -309,13 +484,13 @@ function ze({ className: e, ...t }) {
     }
   );
 }
-function ee({
+function te({
   className: e,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ u(
-    l.Item,
+    d.Item,
     {
       "data-slot": "select-item",
       className: n(
@@ -333,18 +508,18 @@ function ee({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ a("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(l.ItemIndicator, { children: /* @__PURE__ */ a(V, { className: "size-4" }) }) }),
-        /* @__PURE__ */ a(l.ItemText, { children: t })
+        /* @__PURE__ */ a("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(d.ItemIndicator, { children: /* @__PURE__ */ a(C, { className: "size-4" }) }) }),
+        /* @__PURE__ */ a(d.ItemText, { children: t })
       ]
     }
   );
 }
-function Se({
+function Me({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    l.Separator,
+    d.Separator,
     {
       "data-slot": "select-separator",
       className: n("pointer-events-none -mx-1 my-1 h-px bg-border", e),
@@ -352,94 +527,94 @@ function Se({
     }
   );
 }
-function te({
+function ae({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    l.ScrollUpButton,
+    d.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: n("flex cursor-default items-center justify-center py-1", e),
       ...t,
-      children: /* @__PURE__ */ a(j, { className: "size-4" })
+      children: /* @__PURE__ */ a(M, { className: "size-4" })
     }
   );
 }
-function ae({
+function re({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    l.ScrollDownButton,
+    d.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: n("flex cursor-default items-center justify-center py-1", e),
       ...t,
-      children: /* @__PURE__ */ a(w, { className: "size-4" })
+      children: /* @__PURE__ */ a(b, { className: "size-4" })
     }
   );
 }
-const ke = ({
+const Ae = ({
   translationKey: e,
   translationOptions: t,
   namespace: r,
-  ...o
+  ...s
 }) => {
-  const i = y(r)(
+  const i = v(r)(
     e,
     t == null ? void 0 : t.args
   );
-  return /* @__PURE__ */ a(f, { ...o, children: i });
-}, Ce = ({
+  return /* @__PURE__ */ a(m, { ...s, children: i });
+}, je = ({
   translationKey: e,
   translationOptions: t,
   namespace: r,
-  className: o,
-  tag: s = "div"
+  className: s,
+  tag: o = "div"
 }) => {
-  const d = y(r)(
+  const l = v(r)(
     e,
     t == null ? void 0 : t.args
   );
-  return q.createElement(s, { className: o, "data-testid": "translated-html" }, d);
-}, Ie = ({
+  return L.createElement(o, { className: s, "data-testid": "translated-html" }, l);
+}, Re = ({
   date: e,
   formatOptions: t,
   locale: r,
-  ...o
+  ...s
 }) => {
-  const s = A(e, r, t);
-  return /* @__PURE__ */ a(f, { ...o, children: s });
-}, Re = ({
+  const o = P(e, r, t);
+  return /* @__PURE__ */ a(m, { ...s, children: o });
+}, Be = ({
   value: e,
   formatOptions: t,
   locale: r,
-  ...o
+  ...s
 }) => {
-  const s = M(e, r, t);
-  return /* @__PURE__ */ a(f, { ...o, children: s });
+  const o = T(e, r, t);
+  return /* @__PURE__ */ a(m, { ...s, children: o });
 };
-function Ae({
+function De({
   locale: e,
   locales: t,
   onChange: r,
-  getLabel: o,
-  disabled: s
+  getLabel: s,
+  disabled: o
 }) {
-  return /* @__PURE__ */ u(X, { value: e, onValueChange: r, disabled: s, children: [
-    /* @__PURE__ */ a(K, { children: /* @__PURE__ */ a(Y, { placeholder: o(e) }) }),
-    /* @__PURE__ */ a(Q, { children: t.map((i) => /* @__PURE__ */ a(ee, { value: i, children: o(i) }, i)) })
+  return /* @__PURE__ */ u(Y, { value: e, onValueChange: r, disabled: o, children: [
+    /* @__PURE__ */ a(O, { children: /* @__PURE__ */ a(Q, { placeholder: s(e) }) }),
+    /* @__PURE__ */ a(ee, { children: t.map((i) => /* @__PURE__ */ a(te, { value: i, children: s(i) }, i)) })
   ] });
 }
-function Me({
+function Ge({
   className: e,
   reverse: t = !1,
   pauseOnHover: r = !1,
-  paused: o = !1,
-  children: s,
+  paused: s = !1,
+  children: o,
   vertical: i = !1,
-  repeat: d = 4,
+  repeat: l = 4,
   ...c
 }) {
   return /* @__PURE__ */ a(
@@ -454,7 +629,7 @@ function Me({
         },
         e
       ),
-      children: Array(d).fill(0).map((p, z) => /* @__PURE__ */ a(
+      children: Array(l).fill(0).map((g, z) => /* @__PURE__ */ a(
         "div",
         {
           className: n("flex shrink-0 justify-around [gap:var(--gap)]", {
@@ -462,16 +637,16 @@ function Me({
             "animate-marquee-vertical flex-col": i,
             "group-hover:[animation-play-state:paused]": r,
             "[animation-direction:reverse]": t,
-            "[animation-play-state:paused]": o
+            "[animation-play-state:paused]": s
           }),
-          children: s
+          children: o
         },
         z
       ))
     }
   );
 }
-const re = B(
+const ne = f(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -485,7 +660,7 @@ const re = B(
     }
   }
 );
-function Be({
+function Le({
   className: e,
   variant: t,
   ...r
@@ -495,12 +670,12 @@ function Be({
     {
       "data-slot": "alert",
       role: "alert",
-      className: n(re({ variant: t }), e),
+      className: n(ne({ variant: t }), e),
       ...r
     }
   );
 }
-function Le({ className: e, ...t }) {
+function Ve({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -510,7 +685,7 @@ function Le({ className: e, ...t }) {
     }
   );
 }
-function De({ className: e, ...t }) {
+function He({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -523,18 +698,34 @@ function De({ className: e, ...t }) {
     }
   );
 }
-function Ve({
+const se = f(
+  "inline-flex items-center justify-center rounded-md 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 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Fe({
   className: e,
   variant: t,
   asChild: r = !1,
-  ...o
+  ...s
 }) {
-  return /* @__PURE__ */ a(r ? N : "span", { "data-slot": "badge", className: n(L({ variant: t }), e), ...o });
+  return /* @__PURE__ */ a(r ? x : "span", { "data-slot": "badge", className: n(se({ variant: t }), e), ...s });
 }
-function je({ ...e }) {
+function Ue({ ...e }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
 }
-function Ge({ className: e, ...t }) {
+function qe({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -547,7 +738,7 @@ function Ge({ className: e, ...t }) {
     }
   );
 }
-function He({ className: e, ...t }) {
+function We({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -557,13 +748,13 @@ function He({ className: e, ...t }) {
     }
   );
 }
-function Ue({
+function Ze({
   asChild: e,
   className: t,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    e ? N : "a",
+    e ? x : "a",
     {
       "data-slot": "breadcrumb-link",
       className: n("hover:text-secondary transition-colors", t),
@@ -571,7 +762,7 @@ function Ue({
     }
   );
 }
-function Fe({ className: e, ...t }) {
+function $e({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -584,7 +775,7 @@ function Fe({ className: e, ...t }) {
     }
   );
 }
-function $e({ children: e, className: t, ...r }) {
+function Ke({ children: e, className: t, ...r }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -593,11 +784,11 @@ function $e({ children: e, className: t, ...r }) {
       "aria-hidden": "true",
       className: n("[&>svg]:size-3.5", t),
       ...r,
-      children: e ?? /* @__PURE__ */ a(G, {})
+      children: e ?? /* @__PURE__ */ a(A, {})
     }
   );
 }
-function qe({ className: e, ...t }) {
+function Je({ className: e, ...t }) {
   return /* @__PURE__ */ u(
     "span",
     {
@@ -607,44 +798,44 @@ function qe({ className: e, ...t }) {
       className: n("flex size-9 items-center justify-center", e),
       ...t,
       children: [
-        /* @__PURE__ */ a(H, { className: "size-4" }),
+        /* @__PURE__ */ a(j, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
       ]
     }
   );
 }
-function We({ className: e, ...t }) {
+function Xe({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "card",
       className: n(
-        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        "bg-card text-card-foreground flex flex-col gap-6 rounded border border-subtle shadow-sm",
         e
       ),
       ...t
     }
   );
 }
-function Ze({ className: e, ...t }) {
+function Ye({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "card-header",
       className: n(
-        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 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-1 p-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         e
       ),
       ...t
     }
   );
 }
-function Je({ className: e, ...t }) {
+function Qe({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "card-title",
-      className: n("leading-none font-semibold", e),
+      className: n("text-xl font-semibold text-secondary", e),
       ...t
     }
   );
@@ -659,7 +850,7 @@ function Oe({ className: e, ...t }) {
     }
   );
 }
-function Xe({ className: e, ...t }) {
+function et({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -669,46 +860,46 @@ function Xe({ className: e, ...t }) {
     }
   );
 }
-function Ye({ className: e, ...t }) {
-  return /* @__PURE__ */ a("div", { "data-slot": "card-content", className: n("px-6", e), ...t });
+function tt({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", { "data-slot": "card-content", className: n("px-6 pb-6", e), ...t });
 }
-function Ke({ className: e, ...t }) {
+function at({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "card-footer",
-      className: n("flex items-center px-6 [.border-t]:pt-6", e),
+      className: n("flex items-center px-6 pb-6 [.border-t]:pt-6", e),
       ...t
     }
   );
 }
-var ne = "Label", E = P.forwardRef((e, t) => /* @__PURE__ */ a(
-  h.label,
+var oe = "Label", y = G.forwardRef((e, t) => /* @__PURE__ */ a(
+  I.label,
   {
     ...e,
     ref: t,
     onMouseDown: (r) => {
-      var s;
-      r.target.closest("button, input, select, textarea") || ((s = e.onMouseDown) == null || s.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
+      var o;
+      r.target.closest("button, input, select, textarea") || ((o = e.onMouseDown) == null || o.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
     }
   }
 ));
-E.displayName = ne;
-var oe = E;
-function Qe({ className: e, ...t }) {
+y.displayName = oe;
+var ie = y;
+function rt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
-    oe,
+    ie,
     {
       "data-slot": "label",
       className: n(
-        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "text-secondary flex items-center gap-2 text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-70 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
         e
       ),
       ...t
     }
   );
 }
-function et({ className: e, ...t }) {
+function nt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "nav",
     {
@@ -720,7 +911,7 @@ function et({ className: e, ...t }) {
     }
   );
 }
-function tt({ className: e, ...t }) {
+function st({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -730,15 +921,15 @@ function tt({ className: e, ...t }) {
     }
   );
 }
-function at({ ...e }) {
+function ot({ ...e }) {
   return /* @__PURE__ */ a("li", { "data-slot": "pagination-item", ...e });
 }
-function T({
+function k({
   className: e,
   isActive: t,
   size: r = "icon",
-  children: o,
-  ...s
+  children: s,
+  ...o
 }) {
   return /* @__PURE__ */ a(
     "a",
@@ -746,37 +937,37 @@ function T({
       "aria-current": t ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": t,
-      "aria-label": o ? void 0 : `Go to page ${o}`,
+      "aria-label": s ? void 0 : `Go to page ${s}`,
       className: n(
-        D({
+        S({
           variant: t ? "outline" : "ghost",
           size: r
         }),
         e
       ),
-      ...s,
-      children: o
+      ...o,
+      children: s
     }
   );
 }
-function rt({ className: e, ...t }) {
+function it({ className: e, ...t }) {
   return /* @__PURE__ */ u(
-    T,
+    k,
     {
       "aria-label": "Go to previous page",
       size: "default",
       className: n("gap-1 px-2.5 sm:pl-2.5", e),
       ...t,
       children: [
-        /* @__PURE__ */ a(U, {}),
+        /* @__PURE__ */ a(R, {}),
         /* @__PURE__ */ a("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
 }
-function nt({ className: e, ...t }) {
+function lt({ className: e, ...t }) {
   return /* @__PURE__ */ u(
-    T,
+    k,
     {
       "aria-label": "Go to next page",
       size: "default",
@@ -784,12 +975,12 @@ function nt({ className: e, ...t }) {
       ...t,
       children: [
         /* @__PURE__ */ a("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ a(F, {})
+        /* @__PURE__ */ a(B, {})
       ]
     }
   );
 }
-function ot({ className: e, ...t }) {
+function dt({ className: e, ...t }) {
   return /* @__PURE__ */ u(
     "span",
     {
@@ -798,60 +989,13 @@ function ot({ className: e, ...t }) {
       className: n("flex size-9 items-center justify-center", e),
       ...t,
       children: [
-        /* @__PURE__ */ a($, { className: "size-4" }),
+        /* @__PURE__ */ a(D, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
-var se = "Separator", g = "horizontal", ie = ["horizontal", "vertical"], _ = P.forwardRef((e, t) => {
-  const { decorative: r, orientation: o = g, ...s } = e, i = le(o) ? o : g, c = r ? { role: "none" } : { "aria-orientation": i === "vertical" ? i : void 0, role: "separator" };
-  return /* @__PURE__ */ a(
-    h.div,
-    {
-      "data-orientation": i,
-      ...c,
-      ...s,
-      ref: t
-    }
-  );
-});
-_.displayName = se;
-function le(e) {
-  return ie.includes(e);
-}
-var de = _;
-function st({
-  className: e,
-  orientation: t = "horizontal",
-  decorative: r = !0,
-  ...o
-}) {
-  return /* @__PURE__ */ a(
-    de,
-    {
-      "data-slot": "separator",
-      decorative: r,
-      orientation: t,
-      className: n(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
-        e
-      ),
-      ...o
-    }
-  );
-}
-function it({ className: e, ...t }) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      "data-slot": "skeleton",
-      className: n("bg-accent animate-pulse rounded-md", e),
-      ...t
-    }
-  );
-}
-function lt({ className: e, ...t }) {
+function ct({ className: e, ...t }) {
   return /* @__PURE__ */ a("div", { "data-slot": "table-wrapper", className: "relative w-full overflow-auto", children: /* @__PURE__ */ a(
     "table",
     {
@@ -861,10 +1005,10 @@ function lt({ className: e, ...t }) {
     }
   ) });
 }
-function dt({ className: e, ...t }) {
+function ut({ className: e, ...t }) {
   return /* @__PURE__ */ a("thead", { "data-slot": "table-header", className: n("[&_tr]:border-b", e), ...t });
 }
-function ct({ className: e, ...t }) {
+function pt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
@@ -874,7 +1018,7 @@ function ct({ className: e, ...t }) {
     }
   );
 }
-function ut({ className: e, ...t }) {
+function mt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tfoot",
     {
@@ -884,7 +1028,7 @@ function ut({ className: e, ...t }) {
     }
   );
 }
-function mt({ className: e, ...t }) {
+function gt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tr",
     {
@@ -910,7 +1054,7 @@ function ft({ className: e, ...t }) {
     }
   );
 }
-function pt({ className: e, ...t }) {
+function xt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "td",
     {
@@ -920,7 +1064,7 @@ function pt({ className: e, ...t }) {
     }
   );
 }
-function gt({ className: e, ...t }) {
+function bt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "caption",
     {
@@ -930,13 +1074,13 @@ function gt({ className: e, ...t }) {
     }
   );
 }
-function bt({ className: e, ...t }) {
+function le({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "textarea",
     {
       "data-slot": "textarea",
       className: n(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "border-subtle text-secondary bg-background placeholder:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full rounded-sm border px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 disabled:placeholder:text-secondary-foreground md:text-sm",
         e
       ),
       ...t
@@ -944,70 +1088,76 @@ function bt({ className: e, ...t }) {
   );
 }
 export {
-  Be as Alert,
-  De as AlertDescription,
-  Le as AlertTitle,
-  ht as AuroraText,
-  Ve as Badge,
-  m as Box,
-  je as Breadcrumb,
-  qe as BreadcrumbEllipsis,
-  He as BreadcrumbItem,
-  Ue as BreadcrumbLink,
-  Ge as BreadcrumbList,
-  Fe as BreadcrumbPage,
-  $e as BreadcrumbSeparator,
-  Nt as Button,
-  We as Card,
-  Xe as CardAction,
-  Ye as CardContent,
+  Le as Alert,
+  He as AlertDescription,
+  Ve as AlertTitle,
+  wt as AuroraText,
+  Fe as Badge,
+  p as Box,
+  Ue as Breadcrumb,
+  Je as BreadcrumbEllipsis,
+  We as BreadcrumbItem,
+  Ze as BreadcrumbLink,
+  qe as BreadcrumbList,
+  $e as BreadcrumbPage,
+  Ke as BreadcrumbSeparator,
+  _ as Button,
+  Xe as Card,
+  et as CardAction,
+  tt as CardContent,
   Oe as CardDescription,
-  Ke as CardFooter,
-  Ze as CardHeader,
-  Je as CardTitle,
+  at as CardFooter,
+  Ye as CardHeader,
+  Qe as CardTitle,
   xe as Container,
   we as ExternalLink,
-  ve as Flex,
-  Ie as FormattedDate,
-  Re as FormattedNumber,
-  he as Grid,
-  Ne as Heading,
-  Te as Input,
-  Qe as Label,
-  Ae as LanguageSelector,
-  Me as Marquee,
-  et as Pagination,
-  tt as PaginationContent,
-  ot as PaginationEllipsis,
-  at as PaginationItem,
-  T as PaginationLink,
-  nt as PaginationNext,
-  rt as PaginationPrevious,
-  ye as Paragraph,
-  Pe as Section,
-  X as Select,
-  Q as SelectContent,
-  _e as SelectGroup,
-  ee as SelectItem,
-  ze as SelectLabel,
-  ae as SelectScrollDownButton,
-  te as SelectScrollUpButton,
-  Se as SelectSeparator,
-  K as SelectTrigger,
-  Y as SelectValue,
-  st as Separator,
-  it as Skeleton,
-  Ee as Stack,
-  lt as Table,
-  ct as TableBody,
-  gt as TableCaption,
-  pt as TableCell,
-  ut as TableFooter,
+  be as Flex,
+  Re as FormattedDate,
+  Be as FormattedNumber,
+  ve as Grid,
+  he as Heading,
+  E as Input,
+  ze as InputGroup,
+  _e as InputGroupAddon,
+  Ee as InputGroupButton,
+  Te as InputGroupInput,
+  Pe as InputGroupText,
+  Ie as InputGroupTextarea,
+  rt as Label,
+  De as LanguageSelector,
+  Ge as Marquee,
+  nt as Pagination,
+  st as PaginationContent,
+  dt as PaginationEllipsis,
+  ot as PaginationItem,
+  k as PaginationLink,
+  lt as PaginationNext,
+  it as PaginationPrevious,
+  Ne as Paragraph,
+  ye as Section,
+  Y as Select,
+  ee as SelectContent,
+  Se as SelectGroup,
+  te as SelectItem,
+  Ce as SelectLabel,
+  re as SelectScrollDownButton,
+  ae as SelectScrollUpButton,
+  Me as SelectSeparator,
+  O as SelectTrigger,
+  Q as SelectValue,
+  Nt as Separator,
+  yt as Skeleton,
+  ke as Stack,
+  ct as Table,
+  pt as TableBody,
+  bt as TableCaption,
+  xt as TableCell,
+  mt as TableFooter,
   ft as TableHead,
-  dt as TableHeader,
-  mt as TableRow,
-  f as Text,
-  bt as Textarea,
-  Ce as TranslatedHtml,
-  ke as TranslatedText
+  ut as TableHeader,
+  gt as TableRow,
+  m as Text,
+  le as Textarea,
+  je as TranslatedHtml,
+  Ae as TranslatedText
 };