laif-ds 0.1.76 → 0.1.80

package/dist/components/editor/plugins/toolbar/font-format-toolbar-plugin.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { $isTableSelection as l } from "../../../../node_modules/@lexical/table/LexicalTable.prod.js";
+import { FORMAT_TEXT_COMMAND as n, $isRangeSelection as d } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as c } from "../../context/toolbar-context.js";
+import { useUpdateToolbarHandler as p } from "../../editor-hooks/use-update-toolbar.js";
+import { Toggle as f } from "../../../ui/toggle.js";
+import u from "../../../../node_modules/lucide-react/dist/esm/icons/code.js";
+import T from "../../../../node_modules/lucide-react/dist/esm/icons/strikethrough.js";
+import b from "../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
+import g from "../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
+import h from "../../../../node_modules/lucide-react/dist/esm/icons/bold.js";
+const C = {
+  bold: h,
+  italic: g,
+  underline: b,
+  strikethrough: T,
+  code: u
+};
+function R({
+  format: o
+}) {
+  const { activeEditor: a } = c(), [r, t] = m(!1);
+  p((e) => {
+    (d(e) || l(e)) && t(e.hasFormat(o));
+  });
+  const s = C[o];
+  return /* @__PURE__ */ i(
+    f,
+    {
+      "aria-label": "Toggle bold",
+      variant: "outline",
+      size: "sm",
+      defaultPressed: r,
+      pressed: r,
+      onPressedChange: t,
+      onClick: () => {
+        a.dispatchCommand(
+          n,
+          o
+        );
+      },
+      children: /* @__PURE__ */ i(s, { className: "h-4 w-4" })
+    }
+  );
+}
+export {
+  R as FontFormatToolbarPlugin
+};

package/dist/components/editor/plugins/toolbar/history-toolbar-plugin.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { useState as s, useEffect as u } from "react";
+import { useLexicalComposerContext as N } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { mergeRegister as b } from "../../../../node_modules/@lexical/utils/LexicalUtils.prod.js";
+import { CAN_REDO_COMMAND as R, COMMAND_PRIORITY_CRITICAL as n, CAN_UNDO_COMMAND as M, UNDO_COMMAND as O, REDO_COMMAND as D } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useToolbarContext as g } from "../../context/toolbar-context.js";
+import { Button as d } from "../../../ui/button.js";
+import x from "../../../../node_modules/lucide-react/dist/esm/icons/undo.js";
+import A from "../../../../node_modules/lucide-react/dist/esm/icons/redo.js";
+function j() {
+  const [i] = N(), { activeEditor: t, $updateToolbar: a } = g(), [r, l] = s(i.isEditable()), [m, c] = s(!1), [C, p] = s(!1);
+  return u(() => b(
+    i.registerEditableListener((e) => {
+      l(e);
+    }),
+    t.registerUpdateListener(({ editorState: e }) => {
+      e.read(() => {
+        a();
+      });
+    }),
+    t.registerCommand(
+      M,
+      (e) => (c(e), !1),
+      n
+    ),
+    t.registerCommand(
+      R,
+      (e) => (p(e), !1),
+      n
+    )
+  ), [a, t, i]), /* @__PURE__ */ f("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ o(
+      d,
+      {
+        disabled: !m || !r,
+        onClick: () => {
+          t.dispatchCommand(O, void 0);
+        },
+        title: "Undo (⌘Z)",
+        type: "button",
+        "aria-label": "Undo",
+        size: "icon",
+        className: "!h-8 !w-8",
+        variant: "outline",
+        children: /* @__PURE__ */ o(x, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ o(
+      d,
+      {
+        disabled: !C || !r,
+        onClick: () => {
+          t.dispatchCommand(D, void 0);
+        },
+        title: "Redo (⇧⌘Z)",
+        type: "button",
+        "aria-label": "Redo",
+        variant: "outline",
+        size: "icon",
+        className: "!h-8 !w-8",
+        children: /* @__PURE__ */ o(A, { className: "size-4" })
+      }
+    )
+  ] });
+}
+export {
+  j as HistoryToolbarPlugin
+};

package/dist/components/editor/plugins/toolbar/toolbar-plugin.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as p } from "react/jsx-runtime";
+import { useState as e, useEffect as d } from "react";
+import { useLexicalComposerContext as u } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { SELECTION_CHANGE_COMMAND as f, COMMAND_PRIORITY_CRITICAL as C } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { ToolbarContext as T } from "../../context/toolbar-context.js";
+import { useEditorModal as E } from "../../editor-hooks/use-modal.js";
+function O({
+  children: s
+}) {
+  const [o] = u(), [t, a] = e(o), [r, i] = e("paragraph"), [m, n] = E(), l = () => {
+  };
+  return d(() => t.registerCommand(
+    f,
+    (M, c) => (a(c), !1),
+    C
+  ), [o]), /* @__PURE__ */ p(
+    T,
+    {
+      activeEditor: t,
+      $updateToolbar: l,
+      blockType: r,
+      setBlockType: i,
+      showModal: n,
+      children: [
+        m,
+        s({ blockType: r })
+      ]
+    }
+  );
+}
+export {
+  O as ToolbarPlugin
+};

package/dist/components/editor/themes/editor-theme.js

@@ -0,0 +1,112 @@
+"use client";
+/* empty css                 */
+const t = {
+  ltr: "text-left",
+  rtl: "text-right",
+  heading: {
+    h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+    h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
+    h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+    h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+    h5: "scroll-m-20 text-lg font-semibold tracking-tight",
+    h6: "scroll-m-20 text-base font-semibold tracking-tight"
+  },
+  paragraph: "leading-7 [&:not(:first-child)]:mt-6",
+  quote: "mt-6 border-l-2 pl-6 italic",
+  link: "text-blue-600 hover:underline hover:cursor-pointer",
+  list: {
+    checklist: "relative",
+    listitem: "mx-8",
+    listitemChecked: 'relative mx-2 px-6 list-none outline-none line-through before:content-[""] before:w-4 before:h-4 before:top-0.5 before:left-0 before:cursor-pointer before:block before:bg-cover before:absolute before:border before:border-primary before:rounded before:bg-primary before:bg-no-repeat after:content-[""] after:cursor-pointer after:border-white after:border-solid after:absolute after:block after:top-[6px] after:w-[3px] after:left-[7px] after:right-[7px] after:h-[6px] after:rotate-45 after:border-r-2 after:border-b-2 after:border-l-0 after:border-t-0',
+    listitemUnchecked: 'relative mx-2 px-6 list-none outline-none before:content-[""] before:w-4 before:h-4 before:top-0.5 before:left-0 before:cursor-pointer before:block before:bg-cover before:absolute before:border before:border-primary before:rounded',
+    nested: {
+      listitem: "list-none before:hidden after:hidden"
+    },
+    ol: "my-6 ml-6 list-decimal [&>li]:mt-2",
+    olDepth: [
+      "list-outside !list-decimal",
+      "list-outside !list-[upper-roman]",
+      "list-outside !list-[lower-roman]",
+      "list-outside !list-[upper-alpha]",
+      "list-outside !list-[lower-alpha]"
+    ],
+    ul: "m-0 p-0 list-outside"
+  },
+  hashtag: "text-blue-600 bg-blue-100 rounded-md px-1",
+  text: {
+    bold: "font-bold",
+    code: "bg-gray-100 p-1 rounded-md",
+    italic: "italic",
+    strikethrough: "line-through",
+    subscript: "sub",
+    superscript: "sup",
+    underline: "underline",
+    underlineStrikethrough: "underline line-through"
+  },
+  image: "relative inline-block user-select-none cursor-default editor-image",
+  inlineImage: "relative inline-block user-select-none cursor-default inline-editor-image",
+  keyword: "text-purple-900 font-bold",
+  code: "EditorTheme__code",
+  codeHighlight: {
+    atrule: "EditorTheme__tokenAttr",
+    attr: "EditorTheme__tokenAttr",
+    boolean: "EditorTheme__tokenProperty",
+    builtin: "EditorTheme__tokenSelector",
+    cdata: "EditorTheme__tokenComment",
+    char: "EditorTheme__tokenSelector",
+    class: "EditorTheme__tokenFunction",
+    "class-name": "EditorTheme__tokenFunction",
+    comment: "EditorTheme__tokenComment",
+    constant: "EditorTheme__tokenProperty",
+    deleted: "EditorTheme__tokenProperty",
+    doctype: "EditorTheme__tokenComment",
+    entity: "EditorTheme__tokenOperator",
+    function: "EditorTheme__tokenFunction",
+    important: "EditorTheme__tokenVariable",
+    inserted: "EditorTheme__tokenSelector",
+    keyword: "EditorTheme__tokenAttr",
+    namespace: "EditorTheme__tokenVariable",
+    number: "EditorTheme__tokenProperty",
+    operator: "EditorTheme__tokenOperator",
+    prolog: "EditorTheme__tokenComment",
+    property: "EditorTheme__tokenProperty",
+    punctuation: "EditorTheme__tokenPunctuation",
+    regex: "EditorTheme__tokenVariable",
+    selector: "EditorTheme__tokenSelector",
+    string: "EditorTheme__tokenSelector",
+    symbol: "EditorTheme__tokenProperty",
+    tag: "EditorTheme__tokenProperty",
+    url: "EditorTheme__tokenOperator",
+    variable: "EditorTheme__tokenVariable"
+  },
+  characterLimit: "!bg-destructive/50",
+  table: "EditorTheme__table w-fit overflow-scroll border-collapse",
+  tableCell: 'EditorTheme__tableCell w-24 relative border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right"',
+  tableCellActionButton: "EditorTheme__tableCellActionButton bg-background block border-0 rounded-2xl w-5 h-5 text-foreground cursor-pointer",
+  tableCellActionButtonContainer: "EditorTheme__tableCellActionButtonContainer block right-1 top-1.5 absolute z-10 w-5 h-5",
+  tableCellEditing: "EditorTheme__tableCellEditing rounded-sm shadow-sm",
+  tableCellHeader: "EditorTheme__tableCellHeader bg-muted border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right",
+  tableCellPrimarySelected: "EditorTheme__tableCellPrimarySelected border border-primary border-solid block h-[calc(100%-2px)] w-[calc(100%-2px)] absolute -left-[1px] -top-[1px] z-10 ",
+  tableCellResizer: "EditorTheme__tableCellResizer absolute -right-1 h-full w-2 cursor-ew-resize z-10 top-0",
+  tableCellSelected: "EditorTheme__tableCellSelected bg-muted",
+  tableCellSortedIndicator: "EditorTheme__tableCellSortedIndicator block opacity-50 bsolute bottom-0 left-0 w-full h-1 bg-muted",
+  tableResizeRuler: "EditorTheme__tableCellResizeRuler block absolute w-[1px] h-full bg-primary top-0",
+  tableRowStriping: "EditorTheme__tableRowStriping m-0 border-t p-0 even:bg-muted",
+  tableSelected: "EditorTheme__tableSelected ring-2 ring-primary ring-offset-2",
+  tableSelection: "EditorTheme__tableSelection bg-transparent",
+  layoutItem: "border border-dashed px-4 py-2",
+  layoutContainer: "grid gap-2.5 my-2.5 mx-0",
+  autocomplete: "text-muted-foreground",
+  blockCursor: "",
+  embedBlock: {
+    base: "user-select-none",
+    focus: "ring-2 ring-primary ring-offset-2"
+  },
+  hr: 'p-0.5 border-none my-1 mx-0 cursor-pointer after:content-[""] after:block after:h-0.5 after:bg-muted selected:ring-2 selected:ring-primary selected:ring-offset-2 selected:user-select-none',
+  indent: "[--lexical-indent-base-value:40px]",
+  mark: "",
+  markOverlap: ""
+};
+export {
+  t as editorTheme
+};

package/dist/components/ui/app-editor.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as o, jsxs as t, Fragment as s } from "react/jsx-runtime";
+import { LexicalComposer as w } from "../../node_modules/@lexical/react/LexicalComposer.prod.js";
+import { OnChangePlugin as L } from "../../node_modules/@lexical/react/LexicalOnChangePlugin.prod.js";
+import { LexicalErrorBoundary as S } from "../../node_modules/@lexical/react/LexicalErrorBoundary.prod.js";
+import { RichTextPlugin as T } from "../../node_modules/@lexical/react/LexicalRichTextPlugin.prod.js";
+import { HeadingNode as j, QuoteNode as A } from "../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
+import { ParagraphNode as d, TextNode as p, $getRoot as f } from "../../node_modules/lexical/Lexical.prod.js";
+import { $convertToMarkdownString as B, $convertFromMarkdownString as H, TRANSFORMERS as C } from "../../node_modules/@lexical/markdown/LexicalMarkdown.prod.js";
+import { useState as R, useEffect as $ } from "react";
+import { useLexicalComposerContext as O } from "../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { HistoryPlugin as z } from "../../node_modules/@lexical/react/LexicalHistoryPlugin.prod.js";
+import { ContentEditable as D } from "../editor/editor-ui/content-editable.js";
+import { ActionsPlugin as I } from "../editor/plugins/actions/actions-plugin.js";
+import { ClearEditorActionPlugin as _ } from "../editor/plugins/actions/clear-editor-plugin.js";
+import { ClearEditorPlugin as M } from "../../node_modules/@lexical/react/LexicalClearEditorPlugin.prod.js";
+import { CounterCharacterPlugin as Q } from "../editor/plugins/actions/counter-character-plugin.js";
+import { ToolbarPlugin as c } from "../editor/plugins/toolbar/toolbar-plugin.js";
+import { BlockFormatDropDown as J } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
+import { FormatParagraph as U } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
+import { FormatHeading as q } from "../editor/plugins/toolbar/block-format/format-heading.js";
+import { FormatNumberedList as G } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
+import { FormatBulletedList as K } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
+import { FormatCheckList as W } from "../editor/plugins/toolbar/block-format/format-check-list.js";
+import { FormatQuote as X } from "../editor/plugins/toolbar/block-format/format-quote.js";
+import { FontFormatToolbarPlugin as l } from "../editor/plugins/toolbar/font-format-toolbar-plugin.js";
+import { ListPlugin as Y } from "../../node_modules/@lexical/react/LexicalListPlugin.prod.js";
+import { CheckListPlugin as Z } from "../../node_modules/@lexical/react/LexicalCheckListPlugin.prod.js";
+import { ListNode as V, ListItemNode as oo } from "../../node_modules/@lexical/list/LexicalList.prod.js";
+import { editorTheme as ro } from "../editor/themes/editor-theme.js";
+import { TooltipProvider as to } from "./tooltip.js";
+import { HistoryToolbarPlugin as eo } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
+const io = "Start typing...";
+function no({
+  defaultValue: r,
+  onlyMarkdown: i
+}) {
+  const [n] = O();
+  return $(() => {
+    r && n.update(() => {
+      i ? H(r, C) : f().append(
+        new d().append(new p(r))
+      );
+      const a = f();
+      (a.getFirstChild() ?? a).selectStart();
+    });
+  }, [n, r, i]), null;
+}
+function Do({
+  defaultValue: r,
+  onMarkdownEdit: i,
+  plugins: n = [],
+  toolbars: a = [],
+  placeholder: F = io,
+  onlyMarkdown: h = !0,
+  className: N = "bg-d-background overflow-hidden rounded-lg border"
+}) {
+  const [ao, P] = R(null), k = {
+    namespace: "AppEditor",
+    theme: ro,
+    nodes: [
+      j,
+      d,
+      p,
+      A,
+      V,
+      oo
+    ],
+    onError: (e) => {
+      console.error(e);
+    },
+    ...r && !h ? {
+      editorState: () => {
+        f().append(
+          new d().append(new p(r))
+        );
+      }
+    } : {}
+  }, g = (e) => n.includes(e), m = (e) => a.includes(e), u = g("clear"), b = g("counter"), v = m("block-format"), y = m("font-format"), x = m("history");
+  return /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(w, { initialConfig: k, children: /* @__PURE__ */ t(to, { children: [
+    r && /* @__PURE__ */ o(
+      no,
+      {
+        defaultValue: r,
+        onlyMarkdown: h
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: "flex items-center", children: [
+      x && /* @__PURE__ */ o(c, { children: () => /* @__PURE__ */ o("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto border-b p-1", children: /* @__PURE__ */ o(eo, {}) }) }),
+      v && /* @__PURE__ */ o(c, { children: () => /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o("div", { className: "vertical-align-middle bg-d-background sticky top-0 z-10 flex gap-2 overflow-auto border-b p-1", children: /* @__PURE__ */ t(J, { children: [
+        /* @__PURE__ */ o(U, {}),
+        /* @__PURE__ */ o(q, { levels: ["h1", "h2", "h3"] }),
+        /* @__PURE__ */ o(G, {}),
+        /* @__PURE__ */ o(K, {}),
+        /* @__PURE__ */ o(W, {}),
+        /* @__PURE__ */ o(X, {})
+      ] }) }) }) }),
+      y && /* @__PURE__ */ o(c, { children: () => /* @__PURE__ */ t("div", { className: "vertical-align-middle bg-background sticky top-0 z-10 flex gap-2 overflow-auto border-b p-1", children: [
+        /* @__PURE__ */ o(l, { format: "bold" }),
+        /* @__PURE__ */ o(l, { format: "italic" }),
+        /* @__PURE__ */ o(l, { format: "underline" }),
+        /* @__PURE__ */ o(l, { format: "strikethrough" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "relative", children: [
+      x && /* @__PURE__ */ o(z, {}),
+      /* @__PURE__ */ o(
+        T,
+        {
+          ErrorBoundary: S,
+          contentEditable: /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("div", { ref: P, children: /* @__PURE__ */ o(
+            D,
+            {
+              placeholder: F,
+              className: `ContentEditable__root relative block h-72 min-h-full overflow-auto px-8 py-4 focus:outline-none ${N}`
+            }
+          ) }) })
+        }
+      ),
+      v && /* @__PURE__ */ t(s, { children: [
+        /* @__PURE__ */ o(Y, {}),
+        /* @__PURE__ */ o(Z, {})
+      ] }),
+      (u || b) && /* @__PURE__ */ o(I, { children: /* @__PURE__ */ t("div", { className: "clear-both flex items-center justify-between gap-2 border-t p-1", children: [
+        /* @__PURE__ */ o("div", { className: "flex flex-1 justify-start" }),
+        /* @__PURE__ */ o("div", { children: b && /* @__PURE__ */ o(Q, { charset: "UTF-16" }) }),
+        /* @__PURE__ */ o("div", { className: "flex flex-1 justify-end gap-2", children: u && /* @__PURE__ */ t(s, { children: [
+          /* @__PURE__ */ o(_, {}),
+          /* @__PURE__ */ o(M, {})
+        ] }) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ o(
+      L,
+      {
+        ignoreSelectionChange: !0,
+        onChange: (e) => {
+          if (!i) return;
+          const E = e.read(
+            () => B(C)
+          );
+          i(E);
+        }
+      }
+    )
+  ] }) }) });
+}
+export {
+  Do as AppEditor
+};

package/dist/components/ui/app-multiple-select-dropdown.js

@@ -65,8 +65,8 @@ function oe({
               "aria-expanded": u,
               disabled: k,
               className: N(
-                "border-d-border relative w-full justify-between border bg-transparent font-normal",
-                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border !bg-transparent whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                "!bg-d-input relative w-full justify-between border font-normal",
+                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
                 j
               ),

package/dist/components/ui/button.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Root as g } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { cva as h } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as l } from "../../lib/utils.js";
 import { Icon as u } from "./icon.js";
@@ -12,7 +12,8 @@ const m = h(
         default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90",
         destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60",
         outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
-        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80",
+        "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary",
+        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground",
         ghost: "hover:bg-d-accent hover:text-d-accent-foreground dark:hover:bg-d-accent/50",
         link: "text-d-primary underline-offset-4 hover:underline"
       },
@@ -31,40 +32,40 @@ const m = h(
 );
 function k({
   className: d,
-  variant: n,
-  size: e,
-  asChild: o = !1,
-  iconLeft: i,
-  iconRight: a,
-  isLoading: v = !1,
+  variant: o,
+  size: r,
+  asChild: a = !1,
+  iconLeft: n,
+  iconRight: i,
+  isLoading: g = !1,
   ...t
 }) {
-  const s = o ? g : "button";
-  return o ? /* @__PURE__ */ r(
+  const s = a ? v : "button";
+  return a ? /* @__PURE__ */ e(
     s,
     {
       "data-slot": "button",
-      className: l(m({ variant: n, size: e, className: d })),
+      className: l(m({ variant: o, size: r, className: d })),
       ...t
     }
   ) : /* @__PURE__ */ c(
     s,
     {
       "data-slot": "button",
-      className: l(m({ variant: n, size: e, className: d }), "relative"),
+      className: l(m({ variant: o, size: r, className: d }), "relative"),
       ...t,
       children: [
-        v ? /* @__PURE__ */ c(
+        g ? /* @__PURE__ */ c(
           "svg",
           {
             className: "mr-1 -ml-1 animate-spin",
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
-            width: e === "sm" ? 14 : e === "lg" ? 20 : 16,
-            height: e === "sm" ? 14 : e === "lg" ? 20 : 16,
+            width: r === "sm" ? 14 : r === "lg" ? 20 : 16,
+            height: r === "sm" ? 14 : r === "lg" ? 20 : 16,
             children: [
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ e(
                 "circle",
                 {
                   className: "opacity-25",
@@ -75,7 +76,7 @@ function k({
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ r(
+              /* @__PURE__ */ e(
                 "path",
                 {
                   className: "opacity-75",
@@ -85,19 +86,19 @@ function k({
               )
             ]
           }
-        ) : i && /* @__PURE__ */ r(
+        ) : n && /* @__PURE__ */ e(
           u,
           {
-            name: i,
-            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
+            name: n,
+            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        a && /* @__PURE__ */ r(
+        i && /* @__PURE__ */ e(
           u,
           {
-            name: a,
-            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
+            name: i,
+            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
           }
         )
       ]

package/dist/components/ui/calendar.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import * as g from "react";
 import { cn as e } from "../../lib/utils.js";
 import { buttonVariants as m, Button as b } from "./button.js";
@@ -19,7 +19,7 @@ function B({
   ...x
 }) {
   const t = f();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ d(
     w,
     {
       showOutsideDays: r,
@@ -114,24 +114,24 @@ function B({
         ...i
       },
       components: {
-        Root: ({ className: a, rootRef: d, ...o }) => /* @__PURE__ */ n(
+        Root: ({ className: a, rootRef: n, ...o }) => /* @__PURE__ */ d(
           "div",
           {
             "data-slot": "calendar",
-            ref: d,
+            ref: n,
             className: e(a),
             ...o
           }
         ),
-        Chevron: ({ className: a, orientation: d, ...o }) => d === "left" ? /* @__PURE__ */ n(_, { className: e("size-4", a), ...o }) : d === "right" ? /* @__PURE__ */ n(
+        Chevron: ({ className: a, orientation: n, ...o }) => n === "left" ? /* @__PURE__ */ d(_, { className: e("size-4", a), ...o }) : n === "right" ? /* @__PURE__ */ d(
           h,
           {
             className: e("size-4", a),
             ...o
           }
-        ) : /* @__PURE__ */ n(y, { className: e("size-4", a), ...o }),
+        ) : /* @__PURE__ */ d(y, { className: e("size-4", a), ...o }),
         DayButton: v,
-        WeekNumber: ({ children: a, ...d }) => /* @__PURE__ */ n("td", { ...d, children: /* @__PURE__ */ n("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
+        WeekNumber: ({ children: a, ...n }) => /* @__PURE__ */ d("td", { ...n, children: /* @__PURE__ */ d("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: a }) }),
         ...p
       },
       ...x
@@ -147,7 +147,7 @@ function v({
   const s = f(), u = g.useRef(null);
   return g.useEffect(() => {
     r.focused && u.current?.focus();
-  }, [r.focused]), /* @__PURE__ */ n(
+  }, [r.focused]), /* @__PURE__ */ d(
     b,
     {
       ref: u,
@@ -159,7 +159,7 @@ function v({
       "data-range-end": r.range_end,
       "data-range-middle": r.range_middle,
       className: e(
-        "data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-d-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         s.day,
         c
       ),