@clasing/ui 2.9.1 → 2.9.3

package/dist/{button-DSpGxL2e.js → button-CKrOlPSD.js}

@@ -1,9 +1,9 @@
-import { c as a, j as e } from "./index-C_XDkVGm.js";
+import { c as o, j as e } from "./index-C_XDkVGm.js";
 import { Slot as _ } from "@radix-ui/react-slot";
 import { cva as k } from "class-variance-authority";
 import w from "react";
 import { C } from "./clasing-icon-zhfWTLFn.js";
-import { b, T as c, c as g, a as f } from "./tooltip-CC_kyHTm.js";
+import { b, T as f, c, a as g } from "./tooltip-CC_kyHTm.js";
 const T = k(
   `
     relative z-0 flex items-center justify-center rounded-full focusable-item
@@ -53,10 +53,8 @@ const T = k(
         ],
         link: [
           `
-            text-blue-500
-            hover:bg-blue-050
-            dark:text-blue-300
-            dark:hover:bg-blue-900/30
+            text-info-foreground
+            hover:bg-info
           `
         ]
       },
@@ -183,7 +181,7 @@ const T = k(
     weight: p,
     children: n,
     isLoading: r,
-    disabled: o,
+    disabled: a,
     tooltip: t,
     tooltipPlacement: l = "top",
     asChild: d,
@@ -196,13 +194,13 @@ const T = k(
       md: "w-8 px-0",
       sm: "w-7 px-0",
       xs: "w-6 px-0"
-    }[i || "xl"] : "", N = a(
+    }[i || "xl"] : "", N = o(
       T({
         variant: x,
         weight: p,
         size: i,
         isLoading: r,
-        disabled: o
+        disabled: a
       }),
       m,
       j
@@ -211,7 +209,7 @@ const T = k(
         C,
         {
           variant: "default",
-          className: a(
+          className: o(
             "pointer-events-none absolute top-1/2 left-1/2 -translate-1/2",
             {
               "visible animate-[spin_2s_linear_infinite] opacity-100": r
@@ -222,7 +220,7 @@ const T = k(
       /* @__PURE__ */ e.jsx(
         "span",
         {
-          className: a(
+          className: o(
             "flex items-center justify-center gap-2",
             r ? "invisible opacity-0" : "visible opacity-100"
           ),
@@ -233,18 +231,18 @@ const T = k(
       h,
       {
         ref: y,
-        className: a(N),
-        disabled: !!r || !!o,
+        className: o(N),
+        disabled: !!r || !!a,
         ...v,
         children: z
       }
     );
-    return t && (o || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
-      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: u ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: s }) : s }),
-      /* @__PURE__ */ e.jsx(f, { side: l, children: t })
-    ] }) }) : t ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(c, { children: [
-      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: s }),
-      /* @__PURE__ */ e.jsx(f, { side: l, children: t })
+    return t && (a || r) ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(f, { children: [
+      /* @__PURE__ */ e.jsx(c, { asChild: !0, children: u ? /* @__PURE__ */ e.jsx("div", { className: "inline-block", "aria-disabled": "true", children: s }) : s }),
+      /* @__PURE__ */ e.jsx(g, { side: l, children: t })
+    ] }) }) : t ? /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(f, { children: [
+      /* @__PURE__ */ e.jsx(c, { asChild: !0, children: s }),
+      /* @__PURE__ */ e.jsx(g, { side: l, children: t })
     ] }) }) : s;
   }
 );

package/dist/collapsible-DezttNhr.js

@@ -0,0 +1,48 @@
+import { j as a, c as s } from "./index-C_XDkVGm.js";
+import * as e from "@radix-ui/react-collapsible";
+function l({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Root, { "data-slot": "collapsible", ...t });
+}
+function n({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...t
+    }
+  );
+}
+function d({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      className: s(
+        `
+          data-[side=bottom]:slide-in-from-top-2
+          data-[side=left]:slide-in-from-right-2
+          data-[side=right]:slide-in-from-left-2
+          data-[side=top]:slide-in-from-bottom-2
+          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
+          data-[state=closed]:slide-out-to-top-2
+          data-[state=open]:animate-in data-[state=open]:fade-in-0
+          data-[state=open]:slide-in-from-top-2
+        `,
+        t
+      ),
+      ...o
+    }
+  );
+}
+export {
+  l as C,
+  d as a,
+  n as b
+};

package/dist/components/alert-dialog.js

@@ -1,6 +1,6 @@
 import { j as e, c as l } from "../index-C_XDkVGm.js";
 import * as o from "@radix-ui/react-alert-dialog";
-import { b as r } from "../button-DSpGxL2e.js";
+import { b as r } from "../button-CKrOlPSD.js";
 function c({
   ...t
 }) {

package/dist/components/breadcrumb.js

@@ -10,7 +10,11 @@ function b({ className: r, ...e }) {
     {
       "data-slot": "breadcrumb-list",
       className: t(
-        "text-muted-foreground paragraph-sm flex flex-wrap items-center gap-1.5 wrap-break-word sm:gap-2.5",
+        `
+          flex flex-wrap items-center gap-1.5 paragraph-sm wrap-break-word
+          text-muted-foreground
+          sm:gap-2.5
+        `,
         r
       ),
       ...e
@@ -37,7 +41,13 @@ function x({
     n,
     {
       "data-slot": "breadcrumb-link",
-      className: t("hover:text-foreground transition-colors", e),
+      className: t(
+        `
+          transition-colors
+          hover:text-foreground
+        `,
+        e
+      ),
       ...s
     }
   );
@@ -50,7 +60,7 @@ function f({ className: r, ...e }) {
       role: "link",
       "aria-disabled": "true",
       "aria-current": "page",
-      className: t("text-foreground font-semibold", r),
+      className: t("font-semibold text-foreground", r),
       ...e
     }
   );
@@ -83,7 +93,10 @@ function j({
       role: "presentation",
       "aria-hidden": "true",
       className: t(
-        "flex size-9 items-center justify-center [&>svg]:size-3.5",
+        `
+          flex size-9 items-center justify-center
+          [&>svg]:size-3.5
+        `,
         r
       ),
       ...e,

package/dist/components/button-group.js

@@ -3,12 +3,28 @@ import { Slot as i } from "@radix-ui/react-slot";
 import { cva as a } from "class-variance-authority";
 import { D as l } from "../divider-DnPsAXol.js";
 const d = a(
-  "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+  `
+    flex w-fit items-stretch
+    *:focus-visible:relative *:focus-visible:z-10
+    has-[>[data-slot=button-group]]:gap-2
+    has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-full
+    [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit
+    [&>input]:flex-1
+  `,
   {
     variants: {
       orientation: {
-        horizontal: "[&>*:not(:first-child)]:rounded-l-none! [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none!",
-        vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none! [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none!"
+        horizontal: `
+          [&>*:not(:first-child)]:rounded-l-none!
+          [&>*:not(:first-child)]:border-l-0
+          [&>*:not(:last-child)]:rounded-r-none!
+        `,
+        vertical: `
+          flex-col
+          [&>*:not(:first-child)]:rounded-t-none!
+          [&>*:not(:first-child)]:border-t-0
+          [&>*:not(:last-child)]:rounded-b-none!
+        `
       }
     },
     defaultVariants: {
@@ -42,7 +58,12 @@ function h({
     s,
     {
       className: n(
-        "bg-muted flex items-center gap-2 rounded-full border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        `
+          flex items-center gap-2 rounded-full border bg-muted px-4 text-sm
+          font-medium shadow-xs
+          [&_svg]:pointer-events-none
+          [&_svg:not([class*='size-'])]:size-4
+        `,
         o
       ),
       ...e
@@ -60,7 +81,10 @@ function v({
       "data-slot": "button-group-separator",
       orientation: t,
       className: n(
-        "bg-input relative m-0! self-stretch data-[orientation=vertical]:h-auto",
+        `
+          relative m-0! self-stretch bg-input
+          data-[orientation=vertical]:h-auto
+        `,
         o
       ),
       ...e

package/dist/components/button.js

@@ -1,4 +1,4 @@
-import { B as s, b as a } from "../button-DSpGxL2e.js";
+import { B as s, b as a } from "../button-CKrOlPSD.js";
 export {
   s as Button,
   a as buttonStyles

package/dist/components/calendar.js

@@ -1,7 +1,7 @@
 import { j as n, c as e } from "../index-C_XDkVGm.js";
 import * as i from "react";
 import { getDefaultClassNames as m, DayPicker as x } from "react-day-picker";
-import { b as f, B as h } from "../button-DSpGxL2e.js";
+import { b as f, B as h } from "../button-CKrOlPSD.js";
 import { CaretLeftIcon as w, CaretRightIcon as _, CaretDownIcon as y } from "@phosphor-icons/react";
 function C({
   className: c,

package/dist/components/collapsible.js

@@ -1,48 +1,6 @@
-import { j as a, c as i } from "../index-C_XDkVGm.js";
-import * as e from "@radix-ui/react-collapsible";
-function s({
-  ...t
-}) {
-  return /* @__PURE__ */ a.jsx(e.Root, { "data-slot": "collapsible", ...t });
-}
-function n({
-  ...t
-}) {
-  return /* @__PURE__ */ a.jsx(
-    e.CollapsibleTrigger,
-    {
-      "data-slot": "collapsible-trigger",
-      ...t
-    }
-  );
-}
-function d({
-  className: t,
-  ...o
-}) {
-  return /* @__PURE__ */ a.jsx(
-    e.CollapsibleContent,
-    {
-      "data-slot": "collapsible-content",
-      className: i(
-        `
-          data-[side=bottom]:slide-in-from-top-2
-          data-[side=left]:slide-in-from-right-2
-          data-[side=right]:slide-in-from-left-2
-          data-[side=top]:slide-in-from-bottom-2
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=closed]:slide-out-to-top-2
-          data-[state=open]:animate-in data-[state=open]:fade-in-0
-          data-[state=open]:slide-in-from-top-2
-        `,
-        t
-      ),
-      ...o
-    }
-  );
-}
+import { C as e, a as o, b as s } from "../collapsible-DezttNhr.js";
 export {
-  s as Collapsible,
-  d as CollapsibleContent,
-  n as CollapsibleTrigger
+  e as Collapsible,
+  o as CollapsibleContent,
+  s as CollapsibleTrigger
 };

package/dist/components/dropdown-menu.js

@@ -1,313 +1,18 @@
-import { j as t, c as r } from "../index-C_XDkVGm.js";
-import * as n from "@radix-ui/react-dropdown-menu";
-import { CheckIcon as d, CircleIcon as i, CaretRightIcon as u } from "@phosphor-icons/react";
-function p({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Root, { "data-slot": "dropdown-menu", ...e });
-}
-function m({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Portal, { "data-slot": "dropdown-menu-portal", ...e });
-}
-function f({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Trigger,
-    {
-      "data-slot": "dropdown-menu-trigger",
-      ...e
-    }
-  );
-}
-function g({
-  className: e,
-  sideOffset: o = 4,
-  collisionPadding: a = 24,
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
-    n.Content,
-    {
-      "data-slot": "dropdown-menu-content",
-      sideOffset: o,
-      className: r(
-        `
-            z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-32
-            origin-(--radix-dropdown-menu-content-transform-origin)
-            overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1
-            text-popover-foreground shadow-md
-            data-[side=bottom]:slide-in-from-top-2
-            data-[side=left]:slide-in-from-right-2
-            data-[side=right]:slide-in-from-left-2
-            data-[side=top]:slide-in-from-bottom-2
-            data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-            data-[state=closed]:zoom-out-95
-            data-[state=open]:animate-in data-[state=open]:fade-in-0
-            data-[state=open]:zoom-in-95
-          `,
-        e
-      ),
-      collisionPadding: a,
-      ...s
-    }
-  ) });
-}
-function x({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
-}
-function v({
-  className: e,
-  inset: o,
-  variant: a = "default",
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Item,
-    {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": o,
-      "data-variant": a,
-      className: r(
-        `
-          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
-          paragraph-sm outline-hidden select-none
-          focus:bg-accent focus:text-accent-foreground
-          data-disabled:pointer-events-none data-disabled:opacity-50
-          data-inset:pl-8
-          data-[variant=destructive]:text-destructive-foreground
-          data-[variant=destructive]:focus:bg-destructive
-          data-[variant=destructive]:focus:text-destructive-foreground
-          dark:data-[variant=destructive]:focus:bg-destructive/80
-          [&_svg]:pointer-events-none [&_svg]:shrink-0
-          [&_svg:not([class*='size-'])]:size-4
-          data-[variant=destructive]:*:[svg]:text-destructive-foreground!
-        `,
-        e
-      ),
-      ...s
-    }
-  );
-}
-function b({
-  className: e,
-  children: o,
-  checked: a,
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    n.CheckboxItem,
-    {
-      "data-slot": "dropdown-menu-checkbox-item",
-      className: r(
-        `
-          relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2
-          pl-8 paragraph-sm outline-hidden select-none
-          focus:bg-accent focus:text-accent-foreground
-          data-disabled:pointer-events-none data-disabled:opacity-50
-          [&_svg]:pointer-events-none [&_svg]:shrink-0
-          [&_svg:not([class*='size-'])]:size-4
-        `,
-        e
-      ),
-      checked: a,
-      ...s,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          "span",
-          {
-            className: `\r
-          pointer-events-none absolute left-2 flex size-3.5 items-center\r
-          justify-center\r
-        `,
-            children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(d, { className: "size-4" }) })
-          }
-        ),
-        o
-      ]
-    }
-  );
-}
-function w({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.RadioGroup,
-    {
-      "data-slot": "dropdown-menu-radio-group",
-      ...e
-    }
-  );
-}
-function h({
-  className: e,
-  children: o,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    n.RadioItem,
-    {
-      "data-slot": "dropdown-menu-radio-item",
-      className: r(
-        `
-          relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2
-          pl-8 paragraph-sm outline-hidden select-none
-          focus:bg-accent focus:text-accent-foreground
-          data-disabled:pointer-events-none data-disabled:opacity-50
-          [&_svg]:pointer-events-none [&_svg]:shrink-0
-          [&_svg:not([class*='size-'])]:size-4
-        `,
-        e
-      ),
-      ...a,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          "span",
-          {
-            className: `\r
-          pointer-events-none absolute left-2 flex size-3.5 items-center\r
-          justify-center\r
-        `,
-            children: /* @__PURE__ */ t.jsx(n.ItemIndicator, { children: /* @__PURE__ */ t.jsx(i, { weight: "fill", className: "size-2 fill-current" }) })
-          }
-        ),
-        o
-      ]
-    }
-  );
-}
-function j({
-  className: e,
-  inset: o,
-  ...a
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Label,
-    {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": o,
-      className: r(
-        `
-          px-2 py-1.5 paragraph-sm font-semibold
-          data-inset:pl-8
-        `,
-        e
-      ),
-      ...a
-    }
-  );
-}
-function z({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.Separator,
-    {
-      "data-slot": "dropdown-menu-separator",
-      className: r("-mx-1 my-1 h-px bg-border", e),
-      ...o
-    }
-  );
-}
-function D({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    "span",
-    {
-      "data-slot": "dropdown-menu-shortcut",
-      className: r(
-        "ml-auto paragraph-xs tracking-widest text-muted-foreground",
-        e
-      ),
-      ...o
-    }
-  );
-}
-function M({
-  ...e
-}) {
-  return /* @__PURE__ */ t.jsx(n.Sub, { "data-slot": "dropdown-menu-sub", ...e });
-}
-function N({
-  className: e,
-  inset: o,
-  children: a,
-  ...s
-}) {
-  return /* @__PURE__ */ t.jsxs(
-    n.SubTrigger,
-    {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": o,
-      className: r(
-        `
-          relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5
-          paragraph-sm outline-hidden select-none
-          focus:bg-accent focus:text-accent-foreground
-          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
-        `,
-        e
-      ),
-      ...s,
-      children: [
-        a,
-        /* @__PURE__ */ t.jsx(u, { className: "ml-auto size-4" })
-      ]
-    }
-  );
-}
-function y({
-  className: e,
-  ...o
-}) {
-  return /* @__PURE__ */ t.jsx(
-    n.SubContent,
-    {
-      "data-slot": "dropdown-menu-sub-content",
-      className: r(
-        `
-          z-50 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin)
-          overflow-hidden rounded-md border bg-popover p-1
-          text-popover-foreground shadow-lg
-          data-[side=bottom]:slide-in-from-top-2
-          data-[side=left]:slide-in-from-right-2
-          data-[side=right]:slide-in-from-left-2
-          data-[side=top]:slide-in-from-bottom-2
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=closed]:zoom-out-95
-          data-[state=open]:animate-in data-[state=open]:fade-in-0
-          data-[state=open]:zoom-in-95
-        `,
-        e
-      ),
-      ...o
-    }
-  );
-}
+import { D as e, a as r, b as a, c as u, d as p, e as d, f as D, g as s, h as w, i as M, j as t, k as b, l as g, m as i, n as m } from "../dropdown-menu-VOZwAyVb.js";
 export {
-  p as DropdownMenu,
-  b as DropdownMenuCheckboxItem,
-  g as DropdownMenuContent,
-  x as DropdownMenuGroup,
-  v as DropdownMenuItem,
-  j as DropdownMenuLabel,
-  m as DropdownMenuPortal,
-  w as DropdownMenuRadioGroup,
-  h as DropdownMenuRadioItem,
-  z as DropdownMenuSeparator,
-  D as DropdownMenuShortcut,
-  M as DropdownMenuSub,
-  y as DropdownMenuSubContent,
-  N as DropdownMenuSubTrigger,
-  f as DropdownMenuTrigger
+  e as DropdownMenu,
+  r as DropdownMenuCheckboxItem,
+  a as DropdownMenuContent,
+  u as DropdownMenuGroup,
+  p as DropdownMenuItem,
+  d as DropdownMenuLabel,
+  D as DropdownMenuPortal,
+  s as DropdownMenuRadioGroup,
+  w as DropdownMenuRadioItem,
+  M as DropdownMenuSeparator,
+  t as DropdownMenuShortcut,
+  b as DropdownMenuSub,
+  g as DropdownMenuSubContent,
+  i as DropdownMenuSubTrigger,
+  m as DropdownMenuTrigger
 };

package/dist/components/field.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { Label } from '@/components/label';
+declare const FieldGroup: {
+    ({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const Field: {
+    ({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface FieldLabelProps extends React.ComponentPropsWithoutRef<typeof Label> {
+}
+declare const FieldLabel: React.ForwardRefExoticComponent<FieldLabelProps & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldDescription: {
+    ({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const fieldMessageVariants: {
+    readonly error: "text-destructive-foreground";
+    readonly success: "text-success-foreground";
+};
+interface FieldMessageProps extends React.ComponentProps<'p'> {
+    variant?: keyof typeof fieldMessageVariants;
+}
+declare const FieldMessage: React.ForwardRefExoticComponent<Omit<FieldMessageProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Field, FieldDescription, FieldGroup, FieldLabel, FieldMessage };