@salemcobalt/ui 0.1.0 → 0.2.0-rc.0

package/dist/index.js

@@ -1,12 +1,12 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRender } from '@base-ui/react/use-render';
-import { Children, Fragment, createElement } from 'react';
-import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
+'use client';
 
 // src/utils/cx.ts
 function cx(...parts) {
   return parts.filter(Boolean).join(" ");
 }
+
+// src/components/Button/Button.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 function Button({
   variant = "primary",
   size = "md",
@@ -48,6 +48,9 @@ function Button({
     }
   );
 }
+
+// src/components/Badge/Badge.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Badge({
   tone = "neutral",
   variant = "soft",
@@ -57,7 +60,7 @@ function Badge({
   children,
   ...rest
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "span",
     {
       className: cx("sc-badge", className),
@@ -66,12 +69,15 @@ function Badge({
       "data-size": size,
       ...rest,
       children: [
-        dot ? /* @__PURE__ */ jsx("span", { className: "sc-badge__dot", "aria-hidden": "true" }) : null,
+        dot ? /* @__PURE__ */ jsx2("span", { className: "sc-badge__dot", "aria-hidden": "true" }) : null,
         children
       ]
     }
   );
 }
+
+// src/components/Card/Card.tsx
+import { useRender } from "@base-ui/react/use-render";
 function Card({
   variant = "outlined",
   padding = "md",
@@ -97,6 +103,9 @@ function Card({
     }
   });
 }
+
+// src/components/Stack/Stack.tsx
+import { createElement } from "react";
 function Stack({
   gap = "sm",
   align = "stretch",
@@ -115,6 +124,9 @@ function Stack({
     ...rest
   });
 }
+
+// src/components/Inline/Inline.tsx
+import { createElement as createElement2 } from "react";
 function Inline({
   gap = "xs",
   align = "center",
@@ -124,7 +136,7 @@ function Inline({
   className,
   ...rest
 }) {
-  return createElement(as, {
+  return createElement2(as, {
     className: cx("sc-inline", className),
     "data-gap": gap,
     "data-align": align,
@@ -133,20 +145,296 @@ function Inline({
     ...rest
   });
 }
+
+// src/components/Kbd/Kbd.tsx
+import { Children, Fragment } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function KbdBase({ className, ...rest }) {
-  return /* @__PURE__ */ jsx("kbd", { className: cx("sc-kbd", className), ...rest });
+  return /* @__PURE__ */ jsx3("kbd", { className: cx("sc-kbd", className), ...rest });
 }
 function KbdGroup({ label, separator = "plus", className, children, ...rest }) {
   const keys = Children.toArray(children);
-  return /* @__PURE__ */ jsx("span", { role: "group", "aria-label": label, className: cx("sc-kbd-group", className), ...rest, children: keys.map((key, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    i > 0 && separator === "plus" ? /* @__PURE__ */ jsx("span", { className: "sc-kbd-group__sep", "aria-hidden": "true", children: "+" }) : null,
+  return /* @__PURE__ */ jsx3("span", { role: "group", "aria-label": label, className: cx("sc-kbd-group", className), ...rest, children: keys.map((key, i) => /* @__PURE__ */ jsxs3(Fragment, { children: [
+    i > 0 && separator === "plus" ? /* @__PURE__ */ jsx3("span", { className: "sc-kbd-group__sep", "aria-hidden": "true", children: "+" }) : null,
     key
   ] }, i)) });
 }
 var Kbd = Object.assign(KbdBase, { Group: KbdGroup });
+
+// src/components/Dialog/Dialog.tsx
+import { Dialog as BaseDialog } from "@base-ui/react/dialog";
+
+// 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__ */ jsx(
-    Dialog$1.Root,
+  return /* @__PURE__ */ jsx6(
+    BaseDialog.Root,
     {
       open,
       defaultOpen,
@@ -162,12 +450,12 @@ function Root({ dismissible = true, onOpenChange, open, defaultOpen, children })
     }
   );
 }
-var Trigger = Dialog$1.Trigger;
+var Trigger = BaseDialog.Trigger;
 function Content({ size = "md", className, children, ...rest }) {
-  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
-    /* @__PURE__ */ jsx(Dialog$1.Backdrop, { className: "sc-dialog__backdrop" }),
-    /* @__PURE__ */ jsx(
-      Dialog$1.Popup,
+  return /* @__PURE__ */ jsxs5(BaseDialog.Portal, { children: [
+    /* @__PURE__ */ jsx6(BaseDialog.Backdrop, { className: "sc-dialog__backdrop" }),
+    /* @__PURE__ */ jsx6(
+      BaseDialog.Popup,
       {
         className: cx("sc-dialog__popup", className),
         "data-size": size,
@@ -179,40 +467,338 @@ function Content({ size = "md", className, children, ...rest }) {
   ] });
 }
 function Title({ className, ...rest }) {
-  return /* @__PURE__ */ jsx(Dialog$1.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__ */ jsx(Dialog$1.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__ */ jsx("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__ */ jsx(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__ */ jsx(Dialog$1.Close, { className: cx("sc-dialog__close", className), "aria-label": "Close", ...rest, children: /* @__PURE__ */ jsx(
-      "svg",
-      {
-        width: "16",
-        height: "16",
-        viewBox: "0 0 16 16",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "1.75",
-        "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx("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__ */ jsx(Dialog$1.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/index.ts
-var version = "0.1.0";
+// 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 });
+}
 
-export { Badge, Button, Card, Dialog, Inline, Kbd, Stack, version };
-//# sourceMappingURL=index.js.map
+// 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/index.ts
+var version = "0.1.1";
+export {
+  ArchiveIcon,
+  ArrowLeftIcon,
+  ArrowRightIcon,
+  Badge,
+  BellIcon,
+  BriefcaseIcon,
+  Button,
+  CalendarIcon,
+  Card,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CircleCheckIcon,
+  CircleXIcon,
+  ClockIcon,
+  CopyIcon,
+  Dialog,
+  DocumentIcon,
+  DownloadIcon,
+  EditIcon,
+  ExternalLinkIcon,
+  EyeIcon,
+  FilterIcon,
+  FlagIcon,
+  Icon,
+  IconButton,
+  InboxIcon,
+  InfoIcon,
+  Inline,
+  Kbd,
+  LinkIcon,
+  MailIcon,
+  MapPinIcon,
+  Menu,
+  MenuIcon,
+  MinusIcon,
+  MoonIcon,
+  MoreHorizontalIcon,
+  MoreVerticalIcon,
+  PauseIcon,
+  PlayIcon,
+  PlusIcon,
+  RefreshIcon,
+  SearchIcon,
+  SettingsIcon,
+  Stack,
+  StarIcon,
+  SunIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
+  Tooltip,
+  TrashIcon,
+  UndoIcon,
+  UserIcon,
+  WarningIcon,
+  XIcon,
+  iconNames,
+  version
+};
 //# sourceMappingURL=index.js.map