@salemcobalt/ui 0.1.1 → 0.2.0-rc.1

package/dist/index.js

@@ -163,9 +163,277 @@ var Kbd = Object.assign(KbdBase, { Group: KbdGroup });
 
 // src/components/Dialog/Dialog.tsx
 import { Dialog as BaseDialog } from "@base-ui/react/dialog";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function Root({ dismissible = true, onOpenChange, open, defaultOpen, children }) {
+
+// src/components/Icon/Icon.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function Icon({ size = "md", title, className, children, ...rest }) {
   return /* @__PURE__ */ jsx4(
+    "svg",
+    {
+      className: cx("sc-icon", className),
+      "data-size": size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      focusable: "false",
+      "aria-hidden": title ? void 0 : true,
+      role: title ? "img" : void 0,
+      "aria-label": title,
+      ...rest,
+      children
+    }
+  );
+}
+
+// src/icons/icons.gen.tsx
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+function ArchiveIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "2.25", y: "2.75", width: "11.5", height: "3", rx: ".75" }),
+    /* @__PURE__ */ jsx5("path", { d: "M3.25 5.75v6.5a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1v-6.5M6.5 8.75h3" })
+  ] });
+}
+function ArrowLeftIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M13 8H3M7 4 3 8l4 4" }) });
+}
+function ArrowRightIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M3 8h10M9 4l4 4-4 4" }) });
+}
+function BellIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M4 6.5a4 4 0 0 1 8 0v3l1.25 2H2.75L4 9.5z" }),
+    /* @__PURE__ */ jsx5("path", { d: "M6.5 13.5a1.5 1.5 0 0 0 3 0" })
+  ] });
+}
+function BriefcaseIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "2", y: "4.75", width: "12", height: "8.5", rx: "1" }),
+    /* @__PURE__ */ jsx5("path", { d: "M5.5 4.75V3.5a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v1.25M2 8.5h12" })
+  ] });
+}
+function CalendarIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "2.5", y: "3.25", width: "11", height: "10", rx: "1" }),
+    /* @__PURE__ */ jsx5("path", { d: "M2.5 6.75h11M5.5 1.75v3M10.5 1.75v3" })
+  ] });
+}
+function CheckIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m3 8.5 3.5 3.5L13 4.5" }) });
+}
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m4 6 4 4 4-4" }) });
+}
+function ChevronLeftIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m10 4-4 4 4 4" }) });
+}
+function ChevronRightIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m6 4 4 4-4 4" }) });
+}
+function ChevronUpIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m4 10 4-4 4 4" }) });
+}
+function CircleCheckIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsx5("path", { d: "m5.25 8 2 2 3.5-4" })
+  ] });
+}
+function CircleXIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsx5("path", { d: "m6 6 4 4M10 6l-4 4" })
+  ] });
+}
+function ClockIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsx5("path", { d: "M8 4.75V8l2.25 1.5" })
+  ] });
+}
+function CopyIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "6", y: "6", width: "7.5", height: "7.5", rx: "1" }),
+    /* @__PURE__ */ jsx5("path", { d: "M4 10H3.25a1 1 0 0 1-1-1V3.25a1 1 0 0 1 1-1H9a1 1 0 0 1 1 1V4" })
+  ] });
+}
+function DocumentIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M9 2.25H4.5a1 1 0 0 0-1 1v9.5a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V5.75z" }),
+    /* @__PURE__ */ jsx5("path", { d: "M9 2.25v3.5h3.5M6 8.5h4M6 11h4" })
+  ] });
+}
+function DownloadIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M8 2.5v8M4.75 7.25 8 10.5l3.25-3.25" }),
+    /* @__PURE__ */ jsx5("path", { d: "M2.75 11v1.5a1 1 0 0 0 1 1h8.5a1 1 0 0 0 1-1V11" })
+  ] });
+}
+function EditIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m10.75 2.75 2.5 2.5-7.5 7.5H3.25v-2.5z" }) });
+}
+function ExternalLinkIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M9 2.75h4.25V7M13.25 2.75 7.5 8.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M11.25 9v3.25a1 1 0 0 1-1 1h-6.5a1 1 0 0 1-1-1v-6.5a1 1 0 0 1 1-1H7" })
+  ] });
+}
+function EyeIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M1.75 8s2.25-4.25 6.25-4.25S14.25 8 14.25 8s-2.25 4.25-6.25 4.25S1.75 8 1.75 8z" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "2" })
+  ] });
+}
+function FilterIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M2.5 3h11l-4.25 5v4.25L6.75 13.5V8z" }) });
+}
+function FlagIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M3.5 14V2.75" }),
+    /* @__PURE__ */ jsx5("path", { d: "M3.5 2.75h8.75l-2.25 3 2.25 3H3.5" })
+  ] });
+}
+function InboxIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M2 9v3.25a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V9l-1.6-4.6a1 1 0 0 0-.95-.65H4.55a1 1 0 0 0-.95.65z" }),
+    /* @__PURE__ */ jsx5("path", { d: "M2 9h3.25l1 2h3.5l1-2H14" })
+  ] });
+}
+function InfoIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsx5("path", { d: "M8 7.25V11M8 5.25v.01" })
+  ] });
+}
+function LinkIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M6.75 9.25a2.5 2.5 0 0 0 3.54 0l2-2a2.5 2.5 0 0 0-3.54-3.54l-.75.75" }),
+    /* @__PURE__ */ jsx5("path", { d: "M9.25 6.75a2.5 2.5 0 0 0-3.54 0l-2 2a2.5 2.5 0 0 0 3.54 3.54l.75-.75" })
+  ] });
+}
+function MailIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "2", y: "3.5", width: "12", height: "9", rx: "1" }),
+    /* @__PURE__ */ jsx5("path", { d: "m2.5 4.5 5.5 4.25L13.5 4.5" })
+  ] });
+}
+function MapPinIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M8 14s4.5-3.9 4.5-7.5a4.5 4.5 0 1 0-9 0C3.5 10.1 8 14 8 14z" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "6.5", r: "1.5" })
+  ] });
+}
+function MenuIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M2.5 4.5h11M2.5 8h11M2.5 11.5h11" }) });
+}
+function MinusIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M3 8h10" }) });
+}
+function MoonIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M13.25 9.5A5.5 5.5 0 0 1 6.5 2.75 5.5 5.5 0 1 0 13.25 9.5z" }) });
+}
+function MoreHorizontalIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "3.5", cy: "8", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "12.5", cy: "8", r: "1.25", fill: "currentColor", stroke: "none" })
+  ] });
+}
+function MoreVerticalIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "3.5", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "1.25", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "12.5", r: "1.25", fill: "currentColor", stroke: "none" })
+  ] });
+}
+function PauseIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("rect", { x: "3.75", y: "2.75", width: "3", height: "10.5", rx: ".75" }),
+    /* @__PURE__ */ jsx5("rect", { x: "9.25", y: "2.75", width: "3", height: "10.5", rx: ".75" })
+  ] });
+}
+function PlayIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M4.5 2.75v10.5L13 8z" }) });
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M8 3v10M3 8h10" }) });
+}
+function RefreshIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M2.75 8a5.25 5.25 0 0 1 9-3.7l1.5 1.45" }),
+    /* @__PURE__ */ jsx5("path", { d: "M13.25 2.25v3.5h-3.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M13.25 8a5.25 5.25 0 0 1-9 3.7l-1.5-1.45" }),
+    /* @__PURE__ */ jsx5("path", { d: "M2.75 13.75v-3.5h3.5" })
+  ] });
+}
+function SearchIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "7", cy: "7", r: "4.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "m10.5 10.5 3 3" })
+  ] });
+}
+function SettingsIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M13.01 6.42 14.67 6.94v2.12l-1.66.52-.35.84.8 1.55-1.49 1.49-1.55-.8-.84.35-.52 1.66H6.94l-.52-1.66-.84-.35-1.55.8-1.49-1.49.8-1.55-.35-.84-1.66-.52V6.94l1.66-.52.35-.84-.8-1.55 1.49-1.49 1.55.8.84-.35.52-1.66h2.12l.52 1.66.84.35 1.55-.8 1.49 1.49-.8 1.55z" }),
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "2.25" })
+  ] });
+}
+function StarIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "m8 2.25 1.8 3.8 4.2.55-3.1 2.9.8 4.15L8 11.6l-3.7 2.05.8-4.15L2 6.6l4.2-.55z" }) });
+}
+function SunIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "8", r: "3" }),
+    /* @__PURE__ */ jsx5("path", { d: "M8 1.75v1.5M8 12.75v1.5M1.75 8h1.5M12.75 8h1.5M3.58 3.58l1.06 1.06M11.36 11.36l1.06 1.06M3.58 12.42l1.06-1.06M11.36 4.64l1.06-1.06" })
+  ] });
+}
+function ThumbsDownIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M5 2.5H3a.5.5 0 0 0-.5.5v5.5a.5.5 0 0 0 .5.5h2" }),
+    /* @__PURE__ */ jsx5("path", { d: "M5 9l2.5 4.5a1.5 1.5 0 0 0 1.5-1.5V9.5h3.25a1.25 1.25 0 0 0 1.23-1.45l-.9-5a1.25 1.25 0 0 0-1.23-1.05H5z" })
+  ] });
+}
+function ThumbsUpIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M5 13.5H3a.5.5 0 0 1-.5-.5V7.5A.5.5 0 0 1 3 7h2" }),
+    /* @__PURE__ */ jsx5("path", { d: "M5 7l2.5-4.5a1.5 1.5 0 0 1 1.5 1.5v2.5h3.25a1.25 1.25 0 0 1 1.23 1.45l-.9 5a1.25 1.25 0 0 1-1.23 1.05H5z" })
+  ] });
+}
+function TrashIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M2.75 4.25h10.5M6.25 4.25V3a.75.75 0 0 1 .75-.75h2A.75.75 0 0 1 9.75 3v1.25" }),
+    /* @__PURE__ */ jsx5("path", { d: "M4 4.25l.5 8.5a1 1 0 0 0 1 .95h5a1 1 0 0 0 1-.95l.5-8.5" }),
+    /* @__PURE__ */ jsx5("path", { d: "M6.5 7v4M9.5 7v4" })
+  ] });
+}
+function UndoIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M3 7h7a3.5 3.5 0 0 1 0 7H6" }),
+    /* @__PURE__ */ jsx5("path", { d: "M6 4 3 7l3 3" })
+  ] });
+}
+function UserIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("circle", { cx: "8", cy: "5.25", r: "2.75" }),
+    /* @__PURE__ */ jsx5("path", { d: "M2.75 13.75a5.25 5.25 0 0 1 10.5 0" })
+  ] });
+}
+function WarningIcon(props) {
+  return /* @__PURE__ */ jsxs4(Icon, { ...props, children: [
+    /* @__PURE__ */ jsx5("path", { d: "M8 2.5 1.75 13.25h12.5z" }),
+    /* @__PURE__ */ jsx5("path", { d: "M8 6.5v3M8 11.5v.01" })
+  ] });
+}
+function XIcon(props) {
+  return /* @__PURE__ */ jsx5(Icon, { ...props, children: /* @__PURE__ */ jsx5("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+}
+
+// src/components/Dialog/Dialog.tsx
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function Root({ dismissible = true, onOpenChange, open, defaultOpen, children }) {
+  return /* @__PURE__ */ jsx6(
     BaseDialog.Root,
     {
       open,
@@ -184,9 +452,9 @@ function Root({ dismissible = true, onOpenChange, open, defaultOpen, children })
 }
 var Trigger = BaseDialog.Trigger;
 function Content({ size = "md", className, children, ...rest }) {
-  return /* @__PURE__ */ jsxs4(BaseDialog.Portal, { children: [
-    /* @__PURE__ */ jsx4(BaseDialog.Backdrop, { className: "sc-dialog__backdrop" }),
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs5(BaseDialog.Portal, { children: [
+    /* @__PURE__ */ jsx6(BaseDialog.Backdrop, { className: "sc-dialog__backdrop" }),
+    /* @__PURE__ */ jsx6(
       BaseDialog.Popup,
       {
         className: cx("sc-dialog__popup", className),
@@ -199,47 +467,906 @@ function Content({ size = "md", className, children, ...rest }) {
   ] });
 }
 function Title({ className, ...rest }) {
-  return /* @__PURE__ */ jsx4(BaseDialog.Title, { className: cx("sc-dialog__title", className), ...rest });
+  return /* @__PURE__ */ jsx6(BaseDialog.Title, { className: cx("sc-dialog__title", className), ...rest });
 }
 function Description({ className, ...rest }) {
-  return /* @__PURE__ */ jsx4(BaseDialog.Description, { className: cx("sc-dialog__description", className), ...rest });
+  return /* @__PURE__ */ jsx6(BaseDialog.Description, { className: cx("sc-dialog__description", className), ...rest });
 }
 function Body({ className, ...rest }) {
-  return /* @__PURE__ */ jsx4("div", { className: cx("sc-dialog__body", className), ...rest });
+  return /* @__PURE__ */ jsx6("div", { className: cx("sc-dialog__body", className), ...rest });
 }
 function Actions({ className, ...rest }) {
-  return /* @__PURE__ */ jsx4(Inline, { justify: "end", className: cx("sc-dialog__actions", className), ...rest });
+  return /* @__PURE__ */ jsx6(Inline, { justify: "end", className: cx("sc-dialog__actions", className), ...rest });
 }
 function Close({ className, children, render, ...rest }) {
   if (children === void 0 && render === void 0) {
-    return /* @__PURE__ */ jsx4(BaseDialog.Close, { className: cx("sc-dialog__close", className), "aria-label": "Close", ...rest, children: /* @__PURE__ */ jsx4(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.75",
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx4("path", { d: "M4 4l8 8M12 4l-8 8" })
-      }
-    ) });
+    return /* @__PURE__ */ jsx6(BaseDialog.Close, { className: cx("sc-dialog__close", className), "aria-label": "Close", ...rest, children: /* @__PURE__ */ jsx6(XIcon, {}) });
   }
-  return /* @__PURE__ */ jsx4(BaseDialog.Close, { className, render, ...rest, children });
+  return /* @__PURE__ */ jsx6(BaseDialog.Close, { className, render, ...rest, children });
 }
 var Dialog = { Root, Trigger, Content, Title, Description, Body, Actions, Close };
 
+// src/icons/icon-names.gen.ts
+var iconNames = [
+  "archive",
+  "arrow-left",
+  "arrow-right",
+  "bell",
+  "briefcase",
+  "calendar",
+  "check",
+  "chevron-down",
+  "chevron-left",
+  "chevron-right",
+  "chevron-up",
+  "circle-check",
+  "circle-x",
+  "clock",
+  "copy",
+  "document",
+  "download",
+  "edit",
+  "external-link",
+  "eye",
+  "filter",
+  "flag",
+  "inbox",
+  "info",
+  "link",
+  "mail",
+  "map-pin",
+  "menu",
+  "minus",
+  "moon",
+  "more-horizontal",
+  "more-vertical",
+  "pause",
+  "play",
+  "plus",
+  "refresh",
+  "search",
+  "settings",
+  "star",
+  "sun",
+  "thumbs-down",
+  "thumbs-up",
+  "trash",
+  "undo",
+  "user",
+  "warning",
+  "x"
+];
+
+// src/components/Tooltip/Tooltip.tsx
+import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+function TooltipBase({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  delay = 300,
+  closeDelay,
+  open,
+  defaultOpen,
+  onOpenChange,
+  disabled,
+  className
+}) {
+  return /* @__PURE__ */ jsxs6(
+    BaseTooltip.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange: onOpenChange ? (next) => onOpenChange(next) : void 0,
+      disabled,
+      children: [
+        /* @__PURE__ */ jsx7(BaseTooltip.Trigger, { render: children, delay, closeDelay }),
+        /* @__PURE__ */ jsx7(BaseTooltip.Portal, { children: /* @__PURE__ */ jsx7(BaseTooltip.Positioner, { side, align, sideOffset: 6, className: "sc-tooltip__positioner", children: /* @__PURE__ */ jsxs6(BaseTooltip.Popup, { role: "tooltip", className: cx("sc-tooltip", className), children: [
+          /* @__PURE__ */ jsx7(BaseTooltip.Arrow, { className: "sc-tooltip__arrow" }),
+          content
+        ] }) }) })
+      ]
+    }
+  );
+}
+var Provider = BaseTooltip.Provider;
+var Tooltip = Object.assign(TooltipBase, { Provider });
+
+// src/components/IconButton/IconButton.tsx
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+function IconButton({
+  label,
+  children,
+  variant = "ghost",
+  size = "md",
+  tooltip,
+  tooltipSide = "top",
+  round = false,
+  loading = false,
+  type = "button",
+  className,
+  onClick,
+  ...rest
+}) {
+  const handleClick = (event) => {
+    if (loading) {
+      event.preventDefault();
+      return;
+    }
+    onClick?.(event);
+  };
+  const button = /* @__PURE__ */ jsxs7(
+    "button",
+    {
+      type,
+      className: cx("sc-button", "sc-icon-button", className),
+      "data-variant": variant,
+      "data-size": size,
+      "data-round": round || void 0,
+      "data-loading": loading || void 0,
+      "aria-busy": loading || void 0,
+      "aria-label": label,
+      onClick: handleClick,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx8("span", { className: "sc-button__icon", "aria-hidden": "true", children }),
+        loading ? /* @__PURE__ */ jsx8("span", { className: "sc-button__spinner", "aria-hidden": "true" }) : null
+      ]
+    }
+  );
+  if (!tooltip) return button;
+  return /* @__PURE__ */ jsx8(Tooltip, { content: tooltip === true ? label : tooltip, side: tooltipSide, children: button });
+}
+
+// src/components/Menu/Menu.tsx
+import { Menu as BaseMenu } from "@base-ui/react/menu";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+function Root2({ open, defaultOpen, onOpenChange, disabled, modal = true, children }) {
+  return /* @__PURE__ */ jsx9(
+    BaseMenu.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange: onOpenChange ? (next) => onOpenChange(next) : void 0,
+      disabled,
+      modal,
+      children
+    }
+  );
+}
+function Trigger2({ render, className, children, ...rest }) {
+  return /* @__PURE__ */ jsx9(
+    BaseMenu.Trigger,
+    {
+      render: render ?? /* @__PURE__ */ jsx9(Button, { variant: "secondary", iconEnd: /* @__PURE__ */ jsx9(ChevronDownIcon, {}), className }),
+      className: render ? className : void 0,
+      ...rest,
+      children
+    }
+  );
+}
+function Content2({
+  side = "bottom",
+  align = "start",
+  sideOffset = 4,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx9(BaseMenu.Portal, { children: /* @__PURE__ */ jsx9(BaseMenu.Positioner, { side, align, sideOffset, className: "sc-menu__positioner", children: /* @__PURE__ */ jsx9(BaseMenu.Popup, { className: cx("sc-menu", className), ...rest, children }) }) });
+}
+function ItemBody({
+  icon,
+  trailing,
+  children
+}) {
+  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
+    /* @__PURE__ */ jsx9("span", { className: "sc-menu__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx9("span", { className: "sc-menu__label", children }),
+    trailing !== void 0 ? /* @__PURE__ */ jsx9("span", { className: "sc-menu__trailing", children: trailing }) : null
+  ] });
+}
+function Item({ icon, trailing, tone = "default", className, children, ...rest }) {
+  return /* @__PURE__ */ jsx9(BaseMenu.Item, { className: cx("sc-menu__item", className), "data-tone": tone, ...rest, children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children }) });
+}
+function LinkItem({ icon, trailing, tone = "default", className, children, ...rest }) {
+  return /* @__PURE__ */ jsx9(BaseMenu.LinkItem, { className: cx("sc-menu__item", className), "data-tone": tone, ...rest, children: /* @__PURE__ */ jsx9(ItemBody, { icon, trailing, children }) });
+}
+function CheckboxItem({ trailing, onCheckedChange, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs8(
+    BaseMenu.CheckboxItem,
+    {
+      className: cx("sc-menu__item", className),
+      onCheckedChange: onCheckedChange ? (checked) => onCheckedChange(checked) : void 0,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx9(BaseMenu.CheckboxItemIndicator, { className: "sc-menu__icon sc-menu__indicator", children: /* @__PURE__ */ jsx9(CheckIcon, { size: "sm" }) }),
+        /* @__PURE__ */ jsx9("span", { className: "sc-menu__label", children }),
+        trailing !== void 0 ? /* @__PURE__ */ jsx9("span", { className: "sc-menu__trailing", children: trailing }) : null
+      ]
+    }
+  );
+}
+function RadioGroup({
+  label,
+  onValueChange,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs8(
+    BaseMenu.RadioGroup,
+    {
+      className: cx("sc-menu__group", className),
+      onValueChange: onValueChange ? (value) => onValueChange(value) : void 0,
+      ...rest,
+      children: [
+        label !== void 0 ? /* @__PURE__ */ jsx9(BaseMenu.GroupLabel, { className: "sc-menu__group-label", children: label }) : null,
+        children
+      ]
+    }
+  );
+}
+function RadioItem({ trailing, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs8(BaseMenu.RadioItem, { className: cx("sc-menu__item", className), ...rest, children: [
+    /* @__PURE__ */ jsx9(BaseMenu.RadioItemIndicator, { className: "sc-menu__icon sc-menu__indicator", children: /* @__PURE__ */ jsx9("span", { className: "sc-menu__radio-dot" }) }),
+    /* @__PURE__ */ jsx9("span", { className: "sc-menu__label", children }),
+    trailing !== void 0 ? /* @__PURE__ */ jsx9("span", { className: "sc-menu__trailing", children: trailing }) : null
+  ] });
+}
+function Group({ label, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs8(BaseMenu.Group, { className: cx("sc-menu__group", className), ...rest, children: [
+    label !== void 0 ? /* @__PURE__ */ jsx9(BaseMenu.GroupLabel, { className: "sc-menu__group-label", children: label }) : null,
+    children
+  ] });
+}
+function Separator({ className, ...rest }) {
+  return /* @__PURE__ */ jsx9(BaseMenu.Separator, { className: cx("sc-menu__separator", className), ...rest });
+}
+var Menu = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Content: Content2,
+  Item,
+  LinkItem,
+  CheckboxItem,
+  RadioGroup,
+  RadioItem,
+  Group,
+  Separator
+};
+
+// src/components/Input/Input.tsx
+import { Field as Field2 } from "@base-ui/react/field";
+
+// src/components/Field/FieldShell.tsx
+import { Field } from "@base-ui/react/field";
+import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+function FieldShell({
+  label,
+  hideLabel = false,
+  description,
+  error,
+  invalid = false,
+  required = false,
+  disabled = false,
+  name,
+  size = "md",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs9(
+    Field.Root,
+    {
+      className: cx("sc-field", className),
+      name,
+      disabled,
+      invalid: invalid || error != null,
+      "data-size": size,
+      children: [
+        /* @__PURE__ */ jsxs9(Field.Label, { className: cx("sc-field__label", hideLabel && "sc-visually-hidden"), children: [
+          label,
+          required ? /* @__PURE__ */ jsx10("span", { className: "sc-field__required", "aria-hidden": "true", children: "*" }) : null
+        ] }),
+        children,
+        description != null ? /* @__PURE__ */ jsx10(Field.Description, { className: "sc-field__description", children: description }) : null,
+        error != null ? /* @__PURE__ */ jsx10(Field.Error, { className: "sc-field__error", match: true, children: error }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+function Input({
+  label,
+  hideLabel,
+  description,
+  error,
+  invalid,
+  required,
+  disabled,
+  name,
+  size,
+  className,
+  iconStart,
+  iconEnd,
+  onValueChange,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx11(
+    FieldShell,
+    {
+      label,
+      hideLabel,
+      description,
+      error,
+      invalid,
+      required,
+      disabled,
+      name,
+      size,
+      className,
+      children: /* @__PURE__ */ jsxs10(
+        "span",
+        {
+          className: "sc-input-wrap",
+          "data-icon-start": iconStart ? "" : void 0,
+          "data-icon-end": iconEnd ? "" : void 0,
+          children: [
+            iconStart ? /* @__PURE__ */ jsx11("span", { className: "sc-input__icon", "data-side": "start", "aria-hidden": "true", children: iconStart }) : null,
+            /* @__PURE__ */ jsx11(
+              Field2.Control,
+              {
+                className: "sc-input",
+                required,
+                onValueChange: onValueChange ? (value) => onValueChange(value) : void 0,
+                ...rest
+              }
+            ),
+            iconEnd ? /* @__PURE__ */ jsx11("span", { className: "sc-input__icon", "data-side": "end", "aria-hidden": "true", children: iconEnd }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Textarea/Textarea.tsx
+import { Field as Field3 } from "@base-ui/react/field";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Textarea({
+  label,
+  hideLabel,
+  description,
+  error,
+  invalid,
+  required,
+  disabled,
+  name,
+  className,
+  rows = 3,
+  resize = "vertical",
+  onValueChange,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx12(
+    FieldShell,
+    {
+      label,
+      hideLabel,
+      description,
+      error,
+      invalid,
+      required,
+      disabled,
+      name,
+      className,
+      children: /* @__PURE__ */ jsx12(
+        Field3.Control,
+        {
+          render: /* @__PURE__ */ jsx12("textarea", { rows, ...rest }),
+          className: "sc-input sc-textarea",
+          "data-resize": resize,
+          required,
+          onValueChange: onValueChange ? (value) => onValueChange(value) : void 0
+        }
+      )
+    }
+  );
+}
+
+// src/components/Select/Select.tsx
+import { Select as BaseSelect } from "@base-ui/react/select";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+function isGroup(entry) {
+  return "options" in entry;
+}
+function Option({ option }) {
+  return /* @__PURE__ */ jsxs11(BaseSelect.Item, { value: option.value, disabled: option.disabled, className: "sc-select__item", children: [
+    /* @__PURE__ */ jsx13(BaseSelect.ItemIndicator, { className: "sc-select__indicator", children: /* @__PURE__ */ jsx13(CheckIcon, { size: "sm" }) }),
+    /* @__PURE__ */ jsx13(BaseSelect.ItemText, { className: "sc-select__item-text", children: option.label })
+  ] });
+}
+function Select({
+  label,
+  hideLabel,
+  description,
+  error,
+  invalid,
+  required,
+  disabled,
+  name,
+  size = "md",
+  className,
+  options,
+  value,
+  defaultValue,
+  onValueChange,
+  placeholder = "Choose\u2026",
+  readOnly,
+  fullWidth = false,
+  id
+}) {
+  const items = options.flatMap((entry) => isGroup(entry) ? entry.options : [entry]);
+  return /* @__PURE__ */ jsx13(
+    FieldShell,
+    {
+      label,
+      hideLabel,
+      description,
+      error,
+      invalid,
+      required,
+      disabled,
+      name,
+      size,
+      className,
+      children: /* @__PURE__ */ jsxs11(
+        BaseSelect.Root,
+        {
+          items,
+          value,
+          defaultValue,
+          onValueChange: onValueChange ? (next) => onValueChange(next) : void 0,
+          disabled,
+          required,
+          readOnly,
+          children: [
+            /* @__PURE__ */ jsxs11(
+              BaseSelect.Trigger,
+              {
+                id,
+                className: "sc-select",
+                "data-size": size,
+                "data-full-width": fullWidth || void 0,
+                children: [
+                  /* @__PURE__ */ jsx13(BaseSelect.Value, { className: "sc-select__value", placeholder }),
+                  /* @__PURE__ */ jsx13(BaseSelect.Icon, { className: "sc-select__icon", children: /* @__PURE__ */ jsx13(ChevronDownIcon, {}) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx13(BaseSelect.Portal, { children: /* @__PURE__ */ jsx13(
+              BaseSelect.Positioner,
+              {
+                className: "sc-select__positioner",
+                sideOffset: 4,
+                alignItemWithTrigger: false,
+                children: /* @__PURE__ */ jsx13(BaseSelect.Popup, { className: "sc-select__popup", children: /* @__PURE__ */ jsx13(BaseSelect.List, { children: options.map(
+                  (entry, i) => isGroup(entry) ? /* @__PURE__ */ jsxs11(BaseSelect.Group, { className: "sc-select__group", children: [
+                    /* @__PURE__ */ jsx13(BaseSelect.GroupLabel, { className: "sc-select__group-label", children: entry.label }),
+                    entry.options.map((option) => /* @__PURE__ */ jsx13(Option, { option }, option.value))
+                  ] }, i) : /* @__PURE__ */ jsx13(Option, { option: entry }, entry.value)
+                ) }) })
+              }
+            ) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Checkbox/Checkbox.tsx
+import { Checkbox as BaseCheckbox } from "@base-ui/react/checkbox";
+import { useId } from "react";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+function Checkbox({
+  label,
+  description,
+  onCheckedChange,
+  className,
+  disabled,
+  ...rest
+}) {
+  const descriptionId = useId();
+  return /* @__PURE__ */ jsxs12("div", { className: cx("sc-choice", className), "data-disabled": disabled || void 0, children: [
+    /* @__PURE__ */ jsxs12("label", { className: "sc-choice__control", children: [
+      /* @__PURE__ */ jsx14(
+        BaseCheckbox.Root,
+        {
+          className: "sc-checkbox",
+          disabled,
+          "aria-describedby": description != null ? descriptionId : void 0,
+          onCheckedChange: onCheckedChange ? (checked) => onCheckedChange(checked) : void 0,
+          ...rest,
+          children: /* @__PURE__ */ jsxs12(BaseCheckbox.Indicator, { className: "sc-checkbox__indicator", children: [
+            /* @__PURE__ */ jsx14(CheckIcon, { size: "sm", className: "sc-checkbox__check" }),
+            /* @__PURE__ */ jsx14(MinusIcon, { size: "sm", className: "sc-checkbox__dash" })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx14("span", { className: "sc-choice__label", children: label })
+    ] }),
+    description != null ? /* @__PURE__ */ jsx14("span", { className: "sc-choice__description", id: descriptionId, children: description }) : null
+  ] });
+}
+
+// src/components/Switch/Switch.tsx
+import { Switch as BaseSwitch } from "@base-ui/react/switch";
+import { useId as useId2 } from "react";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+function Switch({
+  label,
+  description,
+  onCheckedChange,
+  labelPosition = "end",
+  className,
+  disabled,
+  ...rest
+}) {
+  const descriptionId = useId2();
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      className: cx("sc-choice", className),
+      "data-disabled": disabled || void 0,
+      "data-label-position": labelPosition,
+      children: [
+        /* @__PURE__ */ jsxs13("label", { className: "sc-choice__control", children: [
+          /* @__PURE__ */ jsx15(
+            BaseSwitch.Root,
+            {
+              className: "sc-switch",
+              disabled,
+              "aria-describedby": description != null ? descriptionId : void 0,
+              onCheckedChange: onCheckedChange ? (checked) => onCheckedChange(checked) : void 0,
+              ...rest,
+              children: /* @__PURE__ */ jsx15(BaseSwitch.Thumb, { className: "sc-switch__thumb" })
+            }
+          ),
+          /* @__PURE__ */ jsx15("span", { className: "sc-choice__label", children: label })
+        ] }),
+        description != null ? /* @__PURE__ */ jsx15("span", { className: "sc-choice__description", id: descriptionId, children: description }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Tabs/Tabs.tsx
+import { Tabs as BaseTabs } from "@base-ui/react/tabs";
+import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+function Root3({ className, onValueChange, ...rest }) {
+  return /* @__PURE__ */ jsx16(
+    BaseTabs.Root,
+    {
+      className: cx("sc-tabs", className),
+      onValueChange: onValueChange ? (value) => onValueChange(String(value)) : void 0,
+      ...rest
+    }
+  );
+}
+function List({ fill = false, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs14(BaseTabs.List, { className: cx("sc-tabs__list", className), "data-fill": fill || void 0, ...rest, children: [
+    children,
+    /* @__PURE__ */ jsx16(BaseTabs.Indicator, { className: "sc-tabs__indicator" })
+  ] });
+}
+function Tab({ icon, count, className, children, ...rest }) {
+  return /* @__PURE__ */ jsxs14(BaseTabs.Tab, { className: cx("sc-tabs__tab", className), ...rest, children: [
+    icon ? /* @__PURE__ */ jsx16("span", { className: "sc-tabs__icon", "aria-hidden": "true", children: icon }) : null,
+    /* @__PURE__ */ jsx16("span", { className: "sc-tabs__label", children }),
+    count != null ? /* @__PURE__ */ jsxs14(Fragment3, { children: [
+      " ",
+      /* @__PURE__ */ jsx16("span", { className: "sc-tabs__count", children: count })
+    ] }) : null
+  ] });
+}
+function Panel({ className, ...rest }) {
+  return /* @__PURE__ */ jsx16(BaseTabs.Panel, { className: cx("sc-tabs__panel", className), ...rest });
+}
+var Tabs = { Root: Root3, List, Tab, Panel };
+
+// src/components/Toolbar/Toolbar.tsx
+import { Toolbar as BaseToolbar } from "@base-ui/react/toolbar";
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Root4({ wrap = true, gap = "xs", className, ...rest }) {
+  return /* @__PURE__ */ jsx17(
+    BaseToolbar.Root,
+    {
+      className: cx("sc-toolbar", className),
+      "data-wrap": wrap || void 0,
+      "data-gap": gap,
+      ...rest
+    }
+  );
+}
+function Group2({ gap = "2xs", className, ...rest }) {
+  return /* @__PURE__ */ jsx17(BaseToolbar.Group, { className: cx("sc-toolbar__group", className), "data-gap": gap, ...rest });
+}
+function Separator2({ className, ...rest }) {
+  return /* @__PURE__ */ jsx17(BaseToolbar.Separator, { className: cx("sc-toolbar__separator", className), ...rest });
+}
+var Button2 = BaseToolbar.Button;
+function Spacer({ className }) {
+  return /* @__PURE__ */ jsx17("div", { className: cx("sc-toolbar__spacer", className), "aria-hidden": "true" });
+}
+var Toolbar = { Root: Root4, Group: Group2, Separator: Separator2, Button: Button2, Spacer };
+
+// src/components/Banner/Banner.tsx
+import { useState } from "react";
+import { jsx as jsx18, jsxs as jsxs15 } from "react/jsx-runtime";
+var toneIcons = {
+  info: /* @__PURE__ */ jsx18(InfoIcon, {}),
+  success: /* @__PURE__ */ jsx18(CircleCheckIcon, {}),
+  warning: /* @__PURE__ */ jsx18(WarningIcon, {}),
+  danger: /* @__PURE__ */ jsx18(CircleXIcon, {}),
+  neutral: null
+};
+function Banner({
+  tone = "info",
+  icon,
+  action,
+  dismissible = false,
+  onDismiss,
+  open,
+  dismissLabel = "Dismiss",
+  role,
+  className,
+  children,
+  ...rest
+}) {
+  const [dismissed, setDismissed] = useState(false);
+  const visible = open ?? !dismissed;
+  if (!visible) return null;
+  const glyph = icon === false ? null : icon ?? toneIcons[tone];
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      role: role ?? (tone === "warning" || tone === "danger" ? "alert" : "status"),
+      className: cx("sc-banner", className),
+      "data-tone": tone,
+      ...rest,
+      children: [
+        glyph ? /* @__PURE__ */ jsx18("span", { className: "sc-banner__icon", "aria-hidden": "true", children: glyph }) : null,
+        /* @__PURE__ */ jsx18("div", { className: "sc-banner__body", children }),
+        action ? /* @__PURE__ */ jsx18("div", { className: "sc-banner__action", children: action }) : null,
+        dismissible ? /* @__PURE__ */ jsx18(
+          IconButton,
+          {
+            label: dismissLabel,
+            size: "sm",
+            className: "sc-banner__dismiss",
+            onClick: () => {
+              setDismissed(true);
+              onDismiss?.();
+            },
+            children: /* @__PURE__ */ jsx18(XIcon, {})
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/components/Spinner/Spinner.tsx
+import { jsx as jsx19, jsxs as jsxs16 } from "react/jsx-runtime";
+function Spinner({
+  size = "md",
+  label = "Loading",
+  decorative = false,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx19(
+    "span",
+    {
+      className: cx("sc-spinner", className),
+      "data-size": size,
+      role: decorative ? void 0 : "status",
+      "aria-label": decorative ? void 0 : label,
+      "aria-hidden": decorative || void 0,
+      ...rest,
+      children: /* @__PURE__ */ jsxs16(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "1.75",
+          "aria-hidden": "true",
+          focusable: "false",
+          children: [
+            /* @__PURE__ */ jsx19("circle", { className: "sc-spinner__track", cx: "8", cy: "8", r: "6.25" }),
+            /* @__PURE__ */ jsx19("circle", { className: "sc-spinner__arc", cx: "8", cy: "8", r: "6.25", strokeLinecap: "round" })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Progress/Progress.tsx
+import { Progress as BaseProgress } from "@base-ui/react/progress";
+import { jsx as jsx20, jsxs as jsxs17 } from "react/jsx-runtime";
+function Progress({
+  value,
+  max = 100,
+  min = 0,
+  label,
+  valueText,
+  showValue = false,
+  tone = "accent",
+  size = "md",
+  variant = "bar",
+  className,
+  ...rest
+}) {
+  const current = value ?? null;
+  const hasValueText = valueText != null || showValue && current !== null;
+  return /* @__PURE__ */ jsxs17(
+    BaseProgress.Root,
+    {
+      value: current,
+      max,
+      min,
+      getAriaValueText: (formatted) => typeof valueText === "string" ? valueText : formatted ?? "",
+      className: cx("sc-progress", className),
+      "data-variant": variant,
+      "data-tone": tone,
+      "data-size": size,
+      ...rest,
+      children: [
+        variant === "inline" ? /* @__PURE__ */ jsx20(Spinner, { size: "sm", decorative: true, className: "sc-progress__spinner" }) : null,
+        label != null ? /* @__PURE__ */ jsx20(BaseProgress.Label, { className: "sc-progress__label", children: label }) : null,
+        hasValueText ? /* @__PURE__ */ jsx20(BaseProgress.Value, { className: "sc-progress__value", children: (formatted) => valueText != null ? valueText : formatted }) : null,
+        variant === "bar" ? /* @__PURE__ */ jsx20(BaseProgress.Track, { className: "sc-progress__track", children: /* @__PURE__ */ jsx20(BaseProgress.Indicator, { className: "sc-progress__indicator" }) }) : null
+      ]
+    }
+  );
+}
+
+// src/components/Heading/Heading.tsx
+import { createElement as createElement3 } from "react";
+var sizeByLevel = {
+  1: "3xl",
+  2: "2xl",
+  3: "xl",
+  4: "lg",
+  5: "md",
+  6: "sm"
+};
+function Heading({
+  level = 2,
+  size,
+  as,
+  tone = "default",
+  truncate = false,
+  className,
+  ...rest
+}) {
+  return createElement3(as ?? `h${level}`, {
+    className: cx("sc-heading", className),
+    "data-size": size ?? sizeByLevel[level],
+    "data-tone": tone,
+    "data-truncate": truncate || void 0,
+    ...rest
+  });
+}
+
+// src/components/Text/Text.tsx
+import { createElement as createElement4 } from "react";
+function Text({
+  as = "p",
+  size = "sm",
+  tone = "default",
+  weight = "regular",
+  align,
+  truncate = false,
+  numeric = false,
+  className,
+  style,
+  ...rest
+}) {
+  const clamp = typeof truncate === "number" ? truncate : void 0;
+  return createElement4(as, {
+    className: cx("sc-text", className),
+    "data-size": size,
+    "data-tone": tone,
+    "data-weight": weight,
+    "data-align": align,
+    "data-truncate": truncate === true ? "" : clamp !== void 0 ? "clamp" : void 0,
+    "data-numeric": numeric || void 0,
+    style: clamp !== void 0 ? { ...style, "--sc-text-lines": clamp } : style,
+    ...rest
+  });
+}
+
 // src/index.ts
 var version = "0.1.1";
 export {
+  ArchiveIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
   Badge,
+  Banner,
+  BellIcon,
+  BriefcaseIcon,
   Button,
+  CalendarIcon,
   Card,
+  CheckIcon,
+  Checkbox,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CircleCheckIcon,
+  CircleXIcon,
+  ClockIcon,
+  CopyIcon,
   Dialog,
+  DocumentIcon,
+  DownloadIcon,
+  EditIcon,
+  ExternalLinkIcon,
+  EyeIcon,
+  FilterIcon,
+  FlagIcon,
+  Heading,
+  Icon,
+  IconButton,
+  InboxIcon,
+  InfoIcon,
   Inline,
+  Input,
   Kbd,
+  LinkIcon,
+  MailIcon,
+  MapPinIcon,
+  Menu,
+  MenuIcon,
+  MinusIcon,
+  MoonIcon,
+  MoreHorizontalIcon,
+  MoreVerticalIcon,
+  PauseIcon,
+  PlayIcon,
+  PlusIcon,
+  Progress,
+  RefreshIcon,
+  SearchIcon,
+  Select,
+  SettingsIcon,
+  Spinner,
   Stack,
+  StarIcon,
+  SunIcon,
+  Switch,
+  Tabs,
+  Text,
+  Textarea,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
+  Toolbar,
+  Tooltip,
+  TrashIcon,
+  UndoIcon,
+  UserIcon,
+  WarningIcon,
+  XIcon,
+  iconNames,
   version
 };
 //# sourceMappingURL=index.js.map