@collabchron/notiq 0.3.0 → 1.0.0

package/dist/background-color-XZTYLGO2.mjs

@@ -0,0 +1,362 @@
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./chunk-64Z3FI7T.mjs";
+import {
+  Label,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+} from "./chunk-3CPBODXA.mjs";
+import {
+  Input
+} from "./chunk-POGRR73N.mjs";
+import {
+  Button
+} from "./chunk-BIU7WTLX.mjs";
+import {
+  cn
+} from "./chunk-YHPNOWFH.mjs";
+import {
+  __spreadProps,
+  __spreadValues,
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/drop-downs/background-color.tsx
+init_react_shim();
+import { $getSelection } from "lexical";
+import React, { useCallback, useState } from "react";
+import { $patchStyleText } from "@lexical/selection";
+import { useTheme } from "next-themes";
+import { PaintBucketIcon, XIcon } from "lucide-react";
+function BackgroundColor({
+  disabled,
+  color,
+  bgColor,
+  editor,
+  isTable = false,
+  side = "bottom",
+  sideOffset = 0,
+  style
+}) {
+  const { theme } = useTheme();
+  const [customBgColor, setCustomBgColor] = useState("#ffffff");
+  const [activeTab, setActiveTab] = useState("palette");
+  const [recentBgColors, setRecentBgColors] = useState([]);
+  const applyStyleText = useCallback(
+    (styles, skipHistoryStack) => {
+      editor.update(
+        () => {
+          const selection = $getSelection();
+          if (selection !== null) {
+            $patchStyleText(selection, styles);
+          }
+        },
+        skipHistoryStack ? { tag: "historic" } : {}
+      );
+    },
+    [editor]
+  );
+  const onBgColorSelect = useCallback(
+    (value, skipHistoryStack) => {
+      applyStyleText({ "background-color": value }, skipHistoryStack);
+      if (value && value !== "transparent" && !recentBgColors.includes(value) && !value.startsWith("var(--")) {
+        setRecentBgColors((prev) => [value, ...prev.slice(0, 7)]);
+      }
+    },
+    [applyStyleText, recentBgColors]
+  );
+  const resetBgColor = useCallback(() => {
+    applyStyleText({ "background-color": "" }, true);
+  }, [applyStyleText]);
+  const handleCustomBgColorChange = useCallback((value) => {
+    setCustomBgColor(value);
+    onBgColorSelect(value, true);
+  }, [onBgColorSelect]);
+  const hexToRgb = (hex) => {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result ? {
+      r: parseInt(result[1], 16),
+      g: parseInt(result[2], 16),
+      b: parseInt(result[3], 16)
+    } : null;
+  };
+  const generateShades = (baseColor) => {
+    const rgb = hexToRgb(baseColor);
+    if (!rgb) return [];
+    const shades = [];
+    for (let i = 10; i <= 90; i += 10) {
+      const factor = i / 100;
+      const r = Math.round(rgb.r * factor);
+      const g = Math.round(rgb.g * factor);
+      const b = Math.round(rgb.b * factor);
+      shades.push(`rgb(${r}, ${g}, ${b})`);
+    }
+    return shades;
+  };
+  const generateTints = (baseColor) => {
+    const rgb = hexToRgb(baseColor);
+    if (!rgb) return [];
+    const tints = [];
+    for (let i = 10; i <= 90; i += 10) {
+      const factor = i / 100;
+      const r = Math.round(rgb.r + (255 - rgb.r) * factor);
+      const g = Math.round(rgb.g + (255 - rgb.g) * factor);
+      const b = Math.round(rgb.b + (255 - rgb.b) * factor);
+      tints.push(`rgb(${r}, ${g}, ${b})`);
+    }
+    return tints;
+  };
+  const backgroundColorPalette = React.useMemo(() => ({
+    basic: [
+      { name: "None", value: "transparent", isDefault: true },
+      { name: "Gray", value: "var(--background-gray)" },
+      { name: "Brown", value: "var(--background-brown)" },
+      { name: "Orange", value: "var(--background-orange)" },
+      { name: "Yellow", value: "var(--background-yellow)" },
+      { name: "Green", value: "var(--background-green)" },
+      { name: "Blue", value: "var(--background-blue)" },
+      { name: "Purple", value: "var(--background-purple)" },
+      { name: "Pink", value: "var(--background-pink)" },
+      { name: "Red", value: "var(--background-red)" }
+    ],
+    extended: [
+      // Light backgrounds
+      { name: "Light Red", value: "#ffebee" },
+      { name: "Light Pink", value: "#fce4ec" },
+      { name: "Light Purple", value: "#f3e5f5" },
+      { name: "Light Blue", value: "#e3f2fd" },
+      { name: "Light Cyan", value: "#e0f2f1" },
+      { name: "Light Green", value: "#e8f5e8" },
+      { name: "Light Yellow", value: "#fffde7" },
+      { name: "Light Orange", value: "#fff3e0" },
+      { name: "Light Brown", value: "#efebe9" },
+      { name: "Light Gray", value: "#fafafa" },
+      // Medium backgrounds
+      { name: "Red", value: "#ffcdd2" },
+      { name: "Pink", value: "#f8bbd9" },
+      { name: "Purple", value: "#e1bee7" },
+      { name: "Blue", value: "#bbdefb" },
+      { name: "Cyan", value: "#b2dfdb" },
+      { name: "Green", value: "#c8e6c9" },
+      { name: "Yellow", value: "#fff9c4" },
+      { name: "Orange", value: "#ffe0b2" },
+      { name: "Brown", value: "#d7ccc8" },
+      { name: "Gray", value: "#f5f5f5" },
+      // Darker backgrounds
+      { name: "Dark Red", value: "#ef9a9a" },
+      { name: "Dark Pink", value: "#f48fb1" },
+      { name: "Dark Purple", value: "#ce93d8" },
+      { name: "Dark Blue", value: "#90caf9" },
+      { name: "Dark Cyan", value: "#80cbc4" },
+      { name: "Dark Green", value: "#a5d6a7" },
+      { name: "Dark Yellow", value: "#fff59d" },
+      { name: "Dark Orange", value: "#ffcc02" },
+      { name: "Dark Brown", value: "#bcaaa4" },
+      { name: "Dark Gray", value: "#eeeeee" },
+      // Accent colors
+      { name: "Mint", value: "#f0fff4" },
+      { name: "Lavender", value: "#f0f8ff" },
+      { name: "Peach", value: "#ffeee6" },
+      { name: "Cream", value: "#fffdd0" },
+      { name: "Rose", value: "#fff0f5" }
+    ]
+  }), []);
+  const isActiveBgColor = (colorValue) => {
+    return bgColor === colorValue || !bgColor && colorValue === "transparent";
+  };
+  return /* @__PURE__ */ React.createElement(Popover, null, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true, disabled }, !isTable ? /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      style: __spreadProps(__spreadValues({}, style), {
+        backgroundColor: bgColor === "#fff" || !bgColor ? "transparent" : bgColor
+      }),
+      variant: "ghost",
+      className: cn(
+        "relative px-3 py-2 h-9 border border-transparent rounded-md",
+        "hover:bg-accent hover:text-accent-foreground",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "transition-all duration-200"
+      ),
+      size: "sm",
+      onMouseDown: (e) => e.preventDefault(),
+      "aria-label": "Background color options"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement(PaintBucketIcon, { className: "w-4 h-4" }), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "w-3 h-1 rounded-sm border border-border/50 ml-1",
+        style: {
+          backgroundColor: bgColor || "transparent",
+          backgroundImage: !bgColor || bgColor === "transparent" ? "linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%)" : void 0,
+          backgroundSize: !bgColor || bgColor === "transparent" ? "4px 4px" : void 0,
+          backgroundPosition: !bgColor || bgColor === "transparent" ? "0 0, 0 2px, 2px -2px, -2px 0px" : void 0
+        }
+      }
+    ))
+  ) : /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: __spreadProps(__spreadValues({}, style), {
+        backgroundColor: bgColor === "#fff" ? "transparent" : bgColor
+      }),
+      onMouseDown: (e) => e.preventDefault(),
+      className: "cursor-pointer px-2 py-1 rounded hover:bg-accent transition-colors"
+    },
+    "Background"
+  )), /* @__PURE__ */ React.createElement(
+    PopoverContent,
+    {
+      className: "w-60 p-4 z-[250] shadow-lg border-border/50",
+      side,
+      sideOffset
+    },
+    /* @__PURE__ */ React.createElement(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full" }, /* @__PURE__ */ React.createElement(TabsList, { className: "grid w-full grid-cols-4" }, /* @__PURE__ */ React.createElement(TabsTrigger, { value: "palette", className: "text-xs" }, "Basic"), /* @__PURE__ */ React.createElement(TabsTrigger, { value: "extended", className: "text-xs" }, "Extended"), /* @__PURE__ */ React.createElement(TabsTrigger, { value: "custom", className: "text-xs" }, "Custom"), /* @__PURE__ */ React.createElement(TabsTrigger, { value: "recent", className: "text-xs" }, "Recent")), /* @__PURE__ */ React.createElement("div", { className: "mt-4" }, /* @__PURE__ */ React.createElement(TabsContent, { value: "palette", className: "mt-0" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold text-foreground" }, "Basic Backgrounds"), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: resetBgColor,
+        className: "h-7 px-3 text-xs text-muted-foreground hover:text-foreground"
+      },
+      /* @__PURE__ */ React.createElement(XIcon, { className: "w-3 h-3 mr-1" }),
+      "Remove"
+    )), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-5 gap-2" }, backgroundColorPalette.basic.map((colorItem, index) => /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: `${colorItem.name}-${index}`,
+        type: "button",
+        onClick: () => onBgColorSelect(colorItem.value, true),
+        className: cn(
+          "w-8 h-8 p-0 rounded-lg border-2 transition-all duration-200",
+          "hover:scale-110 hover:shadow-md",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          isActiveBgColor(colorItem.value) ? "border-ring shadow-md scale-105" : "border-border/30 hover:border-border"
+        ),
+        style: {
+          backgroundColor: colorItem.value === "transparent" ? "transparent" : colorItem.value,
+          backgroundImage: colorItem.value === "transparent" ? "linear-gradient(45deg, #ccc 25%, transparent 25%), linear-gradient(-45deg, #ccc 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ccc 75%), linear-gradient(-45deg, transparent 75%, #ccc 75%)" : void 0,
+          backgroundSize: colorItem.value === "transparent" ? "8px 8px" : void 0,
+          backgroundPosition: colorItem.value === "transparent" ? "0 0, 0 4px, 4px -4px, -4px 0px" : void 0
+        },
+        onMouseDown: (e) => e.preventDefault(),
+        title: colorItem.name
+      }
+    ))))), /* @__PURE__ */ React.createElement(TabsContent, { value: "extended", className: "mt-0" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold text-foreground" }, "Extended Backgrounds"), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: resetBgColor,
+        className: "h-7 px-3 text-xs text-muted-foreground hover:text-foreground"
+      },
+      /* @__PURE__ */ React.createElement(XIcon, { className: "w-3 h-3 mr-1" }),
+      "Remove"
+    )), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-5 gap-1.5 max-h-48 overflow-y-auto scrollbar-none" }, backgroundColorPalette.extended.map((colorItem, index) => /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: `${colorItem.name}-ext-${index}`,
+        type: "button",
+        onClick: () => onBgColorSelect(colorItem.value, true),
+        className: cn(
+          "w-8 h-8 p-0 rounded-md border-2 transition-all duration-200",
+          "hover:scale-110 hover:shadow-md",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          isActiveBgColor(colorItem.value) ? "border-ring shadow-md scale-105" : "border-border/30 hover:border-border"
+        ),
+        style: {
+          backgroundColor: colorItem.value
+        },
+        onMouseDown: (e) => e.preventDefault(),
+        title: colorItem.name
+      }
+    ))))), /* @__PURE__ */ React.createElement(TabsContent, { value: "custom", className: "mt-0" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold text-foreground" }, "Custom Background"), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: resetBgColor,
+        className: "h-7 px-3 text-xs text-muted-foreground hover:text-foreground"
+      },
+      /* @__PURE__ */ React.createElement(XIcon, { className: "w-3 h-3 mr-1" }),
+      "Remove"
+    )), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        type: "color",
+        value: customBgColor,
+        onChange: (e) => handleCustomBgColorChange(e.target.value),
+        className: "w-16 h-10 p-1 rounded-md cursor-pointer"
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Input,
+      {
+        type: "text",
+        value: customBgColor,
+        onChange: (e) => {
+          setCustomBgColor(e.target.value);
+          if (/^#[0-9A-F]{6}$/i.test(e.target.value)) {
+            onBgColorSelect(e.target.value, true);
+          }
+        },
+        placeholder: "#ffffff",
+        className: "flex-1 font-mono text-sm"
+      }
+    )), customBgColor && /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement(Label, { className: "text-xs text-muted-foreground" }, "Shades"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-6 gap-1" }, generateShades(customBgColor).map((shade, index) => /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: `bg-shade-${index}`,
+        type: "button",
+        onClick: () => onBgColorSelect(shade, true),
+        className: "w-6 h-6 p-0 rounded border hover:scale-110 transition-transform",
+        style: { backgroundColor: shade },
+        onMouseDown: (e) => e.preventDefault()
+      }
+    ))), /* @__PURE__ */ React.createElement(Label, { className: "text-xs text-muted-foreground" }, "Tints"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-6 gap-1" }, generateTints(customBgColor).map((tint, index) => /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: `bg-tint-${index}`,
+        type: "button",
+        onClick: () => onBgColorSelect(tint, true),
+        className: "w-6 h-6 p-0 rounded border hover:scale-110 transition-transform",
+        style: { backgroundColor: tint },
+        onMouseDown: (e) => e.preventDefault()
+      }
+    ))))))), /* @__PURE__ */ React.createElement(TabsContent, { value: "recent", className: "mt-0" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold text-foreground" }, "Recent Backgrounds"), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onClick: () => setRecentBgColors([]),
+        className: "h-7 px-3 text-xs text-muted-foreground hover:text-foreground",
+        disabled: recentBgColors.length === 0
+      },
+      "Clear"
+    )), recentBgColors.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2" }, recentBgColors.map((recentColor, index) => /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: `recent-bg-${index}`,
+        type: "button",
+        onClick: () => onBgColorSelect(recentColor, true),
+        className: cn(
+          "w-12 h-12 p-0 rounded-lg border-2 transition-all duration-200",
+          "hover:scale-110 hover:shadow-md",
+          "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          isActiveBgColor(recentColor) ? "border-ring shadow-md scale-105" : "border-border/30 hover:border-border"
+        ),
+        style: {
+          backgroundColor: recentColor
+        },
+        onMouseDown: (e) => e.preventDefault(),
+        title: recentColor
+      }
+    ))) : /* @__PURE__ */ React.createElement("div", { className: "text-center py-6 text-muted-foreground text-sm" }, "No recent background colors")))))
+  ));
+}
+export {
+  BackgroundColor as default
+};

package/dist/block-format-YJCV2DIY.mjs

@@ -0,0 +1,15 @@
+import {
+  BlockFormatDropDown
+} from "./chunk-K36V4SIW.mjs";
+import "./chunk-EGMI62PP.mjs";
+import "./chunk-KJ6AJ44Q.mjs";
+import "./chunk-64Z3FI7T.mjs";
+import "./chunk-PZSUSXQG.mjs";
+import "./chunk-7NZAPJ4G.mjs";
+import "./chunk-WDG7J2DY.mjs";
+import "./chunk-BIU7WTLX.mjs";
+import "./chunk-YHPNOWFH.mjs";
+import "./chunk-77KXU36M.mjs";
+export {
+  BlockFormatDropDown as default
+};

package/dist/chunk-2FNEAMSP.mjs

@@ -0,0 +1,127 @@
+import {
+  SHORTCUTS
+} from "./chunk-ZB5LZQKC.mjs";
+import {
+  updateFontSize,
+  updateFontSizeInSelection
+} from "./chunk-PZSUSXQG.mjs";
+import {
+  MAX_ALLOWED_FONT_SIZE,
+  MIN_ALLOWED_FONT_SIZE
+} from "./chunk-7NZAPJ4G.mjs";
+import {
+  Input
+} from "./chunk-POGRR73N.mjs";
+import {
+  Button
+} from "./chunk-BIU7WTLX.mjs";
+import {
+  cn
+} from "./chunk-YHPNOWFH.mjs";
+import {
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/drop-downs/font-size.tsx
+init_react_shim();
+import * as React from "react";
+import { Minus, Plus } from "lucide-react";
+function parseAllowedFontSize(input) {
+  const match = input.match(/^(\d+(?:\.\d+)?)px$/);
+  if (match) {
+    const n = Number(match[1]);
+    if (n >= MIN_ALLOWED_FONT_SIZE && n <= MAX_ALLOWED_FONT_SIZE) {
+      return input;
+    }
+  }
+  return "";
+}
+function FontSize({
+  selectionFontSize,
+  disabled,
+  editor,
+  className,
+  classNameContent
+}) {
+  const [inputValue, setInputValue] = React.useState(selectionFontSize);
+  const [inputChangeFlag, setInputChangeFlag] = React.useState(false);
+  const handleKeyPress = (e) => {
+    const inputValueNumber = Number(inputValue);
+    if (e.key === "Tab") {
+      return;
+    }
+    if (["e", "E", "+", "-"].includes(e.key) || isNaN(inputValueNumber)) {
+      e.preventDefault();
+      setInputValue("");
+      return;
+    }
+    setInputChangeFlag(true);
+    if (e.key === "Enter" || e.key === "Escape") {
+      e.preventDefault();
+      updateFontSizeByInputValue(inputValueNumber);
+    }
+  };
+  const handleInputBlur = () => {
+    if (inputValue !== "" && inputChangeFlag) {
+      const inputValueNumber = Number(inputValue);
+      updateFontSizeByInputValue(inputValueNumber);
+    }
+  };
+  const updateFontSizeByInputValue = (inputValueNumber) => {
+    let updatedFontSize = inputValueNumber;
+    if (inputValueNumber > MAX_ALLOWED_FONT_SIZE) {
+      updatedFontSize = MAX_ALLOWED_FONT_SIZE;
+    } else if (inputValueNumber < MIN_ALLOWED_FONT_SIZE) {
+      updatedFontSize = MIN_ALLOWED_FONT_SIZE;
+    }
+    setInputValue(String(updatedFontSize));
+    updateFontSizeInSelection(editor, String(updatedFontSize) + "px", null);
+    setInputChangeFlag(false);
+  };
+  React.useEffect(() => {
+    setInputValue(selectionFontSize);
+  }, [selectionFontSize]);
+  return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-row items-center gap-1", classNameContent) }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      className: cn("h-7 min-w-[29px] w-[29px]  px-[6px] border-none cursor-pointer", className),
+      tip: `decrement ${SHORTCUTS.INCREASE_FONT_SIZE}`,
+      disabled: disabled || selectionFontSize !== "" && Number(inputValue) <= MIN_ALLOWED_FONT_SIZE,
+      variant: "outline",
+      size: "Toolbar",
+      onClick: () => updateFontSize(editor, 2 /* decrement */, inputValue)
+    },
+    /* @__PURE__ */ React.createElement(Minus, { className: "w-[15px] h-[15px]" })
+  ), /* @__PURE__ */ React.createElement(
+    Input,
+    {
+      type: "number",
+      value: inputValue,
+      disabled,
+      className: cn("h-7 min-w-[29px] w-[29px]  px-[6px] border-none cursor-text", className),
+      min: MIN_ALLOWED_FONT_SIZE,
+      max: MAX_ALLOWED_FONT_SIZE,
+      onChange: (e) => setInputValue(e.target.value),
+      onKeyDown: handleKeyPress,
+      onBlur: handleInputBlur
+    }
+  ), /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      type: "button",
+      tip: `increment ${SHORTCUTS.DECREASE_FONT_SIZE}`,
+      className: cn("h-7 min-w-[29px] w-[29px]  px-[6px] border-none cursor-pointer", className),
+      disabled: disabled || selectionFontSize !== "" && Number(inputValue) >= MAX_ALLOWED_FONT_SIZE,
+      variant: "outline",
+      size: "Toolbar",
+      onClick: () => updateFontSize(editor, 1 /* increment */, inputValue)
+    },
+    /* @__PURE__ */ React.createElement(Plus, { className: "w-4 h-4" })
+  ));
+}
+
+export {
+  parseAllowedFontSize,
+  FontSize
+};

package/dist/chunk-3CPBODXA.mjs

@@ -0,0 +1,84 @@
+import {
+  cn
+} from "./chunk-YHPNOWFH.mjs";
+import {
+  __objRest,
+  __spreadValues,
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/tabs.tsx
+init_react_shim();
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    TabsPrimitive.List,
+    __spreadValues({
+      ref,
+      className: cn(
+        "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+        className
+      )
+    }, props)
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    TabsPrimitive.Trigger,
+    __spreadValues({
+      ref,
+      className: cn(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+        className
+      )
+    }, props)
+  );
+});
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    TabsPrimitive.Content,
+    __spreadValues({
+      ref,
+      className: cn(
+        "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      )
+    }, props)
+  );
+});
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/ui/label.tsx
+init_react_shim();
+import * as React2 from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React2.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React2.createElement(
+    LabelPrimitive.Root,
+    __spreadValues({
+      ref,
+      className: cn(labelVariants(), className)
+    }, props)
+  );
+});
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export {
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  TabsContent,
+  Label
+};

package/dist/chunk-3G37YKTV.mjs

@@ -0,0 +1,83 @@
+import {
+  cn
+} from "./chunk-YHPNOWFH.mjs";
+import {
+  __objRest,
+  __spreadValues,
+  init_react_shim
+} from "./chunk-77KXU36M.mjs";
+
+// src/components/ui/card.tsx
+init_react_shim();
+import * as React from "react";
+var Card = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn(
+        "rounded-xl border bg-card text-card-foreground shadow",
+        className
+      )
+    }, props)
+  );
+});
+Card.displayName = "Card";
+var CardHeader = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex flex-col space-y-1.5 p-6", className)
+    }, props)
+  );
+});
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("font-semibold leading-none tracking-tight", className)
+    }, props)
+  );
+});
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement("div", __spreadValues({ ref, className: cn("p-6 ", className) }, props));
+});
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    __spreadValues({
+      ref,
+      className: cn("flex items-center p-6 ", className)
+    }, props)
+  );
+});
+CardFooter.displayName = "CardFooter";
+
+export {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardContent,
+  CardFooter
+};