@rojaostudio/ds 1.0.1 → 2.0.0-next.0

package/dist/components/internal/icons.js

@@ -0,0 +1,316 @@
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) });
+}
+function PlusIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 5v14M5 12h14" }) });
+}
+function AlertIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8v4M12 16h.01" })
+  ] });
+}
+function CheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" }) });
+}
+function MinusIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) });
+}
+function ChevronDownIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+}
+function EyeIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] });
+}
+function EyeOffIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }),
+    /* @__PURE__ */ jsx("path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242" }),
+    /* @__PURE__ */ jsx("path", { d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }),
+    /* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
+  ] });
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+}
+function CalendarIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M16 2v4M8 2v4M3 10h18" })
+  ] });
+}
+function PaperclipIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48" }) });
+}
+function InfoIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 16v-4M12 8h.01" })
+  ] });
+}
+function CircleCheckIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "m9 12 2 2 4-4" })
+  ] });
+}
+function TriangleAlertIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 9v4M12 17h.01" })
+  ] });
+}
+function MapPinIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+  ] });
+}
+function ArrowUpIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m5 12 7-7 7 7M12 19V5" }) });
+}
+function ArrowDownIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M12 5v14M19 12l-7 7-7-7" }) });
+}
+const STAR = "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z";
+function StarIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: STAR }) });
+}
+function StarFilledIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: STAR }) });
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+  ] });
+}
+function MoreVerticalIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "1" })
+  ] });
+}
+function UserIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
+  ] });
+}
+function BuildingIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2M10 6h4M10 10h4M10 14h4M10 18h4" })
+  ] });
+}
+function TableIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18" }) });
+}
+function SearchXIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "m13.5 8.5-5 5M8.5 8.5l5 5" }),
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+  ] });
+}
+function ArrowUpDownIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m21 16-4 4-4-4M17 20V4M3 8l4-4 4 4M7 4v16" }) });
+}
+function FileTextIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5M10 9H8M16 13H8M16 17H8" })
+  ] });
+}
+function ImageIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" })
+  ] });
+}
+function ImageOffIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M10.41 10.41a2 2 0 1 1-2.83-2.83M13.5 13.5 6 21M18 12l3 3M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59M21 15V5a2 2 0 0 0-2-2H9" }),
+    /* @__PURE__ */ jsx("path", { d: "m2 2 20 20" })
+  ] });
+}
+function RotateCcwIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+    /* @__PURE__ */ jsx("path", { d: "M3 3v5h5" })
+  ] });
+}
+function SparklesIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z" }),
+    /* @__PURE__ */ jsx("path", { d: "M20 2v4M22 4h-4" }),
+    /* @__PURE__ */ jsx("circle", { cx: "4", cy: "20", r: "2" })
+  ] });
+}
+function ThumbsUpIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 10v12" })
+  ] });
+}
+function QuoteIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z" })
+  ] });
+}
+function MegaphoneIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z" }),
+    /* @__PURE__ */ jsx("path", { d: "M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14M8 6v8" })
+  ] });
+}
+function MenuIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M4 5h16M4 12h16M4 19h16" }) });
+}
+function ArrowLeftIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "m12 19-7-7 7-7M19 12H5" }) });
+}
+function PhoneIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384" }) });
+}
+function ReplyIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M20 18v-2a4 4 0 0 0-4-4H4" }),
+    /* @__PURE__ */ jsx("path", { d: "m9 17-5-5 5-5" })
+  ] });
+}
+function ExternalLinkIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 3h6v6M10 14 21 3" }),
+    /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
+  ] });
+}
+function SmileIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M15 10V9M16.472 15a6 6 0 0 1-8.943 0M9 10V9" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" })
+  ] });
+}
+function CameraIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "13", r: "3" })
+  ] });
+}
+function MicIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M12 19v3M19 10v2a7 7 0 0 1-14 0v-2" }),
+    /* @__PURE__ */ jsx("rect", { x: "9", y: "2", width: "6", height: "13", rx: "3" })
+  ] });
+}
+function BadgeCheckIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z" }),
+    /* @__PURE__ */ jsx("path", { d: "m16 9-5.5 5.5L8 12" })
+  ] });
+}
+function CheckCheckIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M18 6 7 17l-5-5M22 10l-7.5 7.5L13 16" }) });
+}
+function LockIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+  ] });
+}
+function UploadIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" }) });
+}
+function ImagePlusIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M16 5h6M19 2v6M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5" }),
+    /* @__PURE__ */ jsx("path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }),
+    /* @__PURE__ */ jsx("circle", { cx: "9", cy: "9", r: "2" })
+  ] });
+}
+function ClockIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 6v6l4 2" })
+  ] });
+}
+function CopyIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("rect", { x: "8", y: "8", width: "14", height: "14", rx: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] });
+}
+function PencilIcon() {
+  return /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsx("path", { d: "M21.17 6.81a2.83 2.83 0 0 0-4-4L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5z" }),
+    /* @__PURE__ */ jsx("path", { d: "m15 5 4 4" })
+  ] });
+}
+function SlidersIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("path", { d: "M21 4h-7M10 4H3M21 12h-9M8 12H3M21 20h-5M12 20H3M14 2v4M8 10v4M16 18v4" }) });
+}
+export {
+  AlertIcon,
+  ArrowDownIcon,
+  ArrowLeftIcon,
+  ArrowUpDownIcon,
+  ArrowUpIcon,
+  BadgeCheckIcon,
+  BuildingIcon,
+  CalendarIcon,
+  CameraIcon,
+  CheckCheckIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  CircleCheckIcon,
+  ClockIcon,
+  CloseIcon,
+  CopyIcon,
+  ExternalLinkIcon,
+  EyeIcon,
+  EyeOffIcon,
+  FileTextIcon,
+  ImageIcon,
+  ImageOffIcon,
+  ImagePlusIcon,
+  InfoIcon,
+  LockIcon,
+  MapPinIcon,
+  MegaphoneIcon,
+  MenuIcon,
+  MicIcon,
+  MinusIcon,
+  MoreVerticalIcon,
+  PaperclipIcon,
+  PencilIcon,
+  PhoneIcon,
+  PlusIcon,
+  QuoteIcon,
+  ReplyIcon,
+  RotateCcwIcon,
+  SearchIcon,
+  SearchXIcon,
+  SlidersIcon,
+  SmileIcon,
+  SparklesIcon,
+  StarFilledIcon,
+  StarIcon,
+  TableIcon,
+  ThumbsUpIcon,
+  TriangleAlertIcon,
+  UploadIcon,
+  UserIcon
+};

package/dist/components/internal/menu.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+type MenuItemTone = 'default' | 'danger';
+interface MenuItemContentProps {
+    /** The action, a verb ("Duplicar") (Figma: `label`). */
+    children: ReactNode;
+    /** An icon before the label (Figma: `showIcon` + `icon`). Decorative. */
+    icon?: ReactNode;
+    /** A keyboard shortcut shown on the right (Figma: `showShortcut`), such as "Ctrl D". Not announced. */
+    shortcut?: ReactNode;
+}
+declare const menuItemClassName: (tone?: MenuItemTone, extra?: string) => string;
+declare function MenuItemContent({ children, icon, shortcut }: MenuItemContentProps): react.JSX.Element;
+
+export { MenuItemContent, type MenuItemContentProps, type MenuItemTone, menuItemClassName };

package/dist/components/internal/menu.js

@@ -0,0 +1,14 @@
+import "../../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const menuItemClassName = (tone = "default", extra) => ["rds-menu__item", tone === "danger" && "rds-menu__item--danger", extra].filter(Boolean).join(" ");
+function MenuItemContent({ children, icon, shortcut }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx("span", { className: "rds-menu__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "rds-menu__label", children }),
+    shortcut && /* @__PURE__ */ jsx("kbd", { className: "rds-menu__shortcut", "aria-hidden": "true", children: shortcut })
+  ] });
+}
+export {
+  MenuItemContent,
+  menuItemClassName
+};

package/dist/components/internal/modal.d.ts

@@ -0,0 +1,50 @@
+import * as react from 'react';
+import { ReactElement, ReactNode, CSSProperties } from 'react';
+import * as _radix_ui_react_dialog from '@radix-ui/react-dialog';
+
+interface ModalProps {
+    /** The element that opens it (a Button). Leave it out to control it with `open`. */
+    trigger?: ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** The task or the subject (Figma: `title`). It names the window for screen readers. */
+    title: ReactNode;
+    /** The context under the title (Figma: `showDescription` + `description`). */
+    description?: ReactNode;
+    /** The content (Figma: the `content` slot). */
+    children?: ReactNode;
+    /**
+     * The footer (Figma: `showFooter` + the footer). Leave it out and give `confirmLabel` for the default
+     * Cancel + confirm pair; leave both out for no footer.
+     */
+    footer?: ReactNode;
+    /** The main action's verb ("Criar público"). With it, the default footer shows. */
+    confirmLabel?: string;
+    /** Runs on the confirm button. It does not close: close it with `open`, or put a `*Close` in `footer`. */
+    onConfirm?: () => void;
+    cancelLabel?: string;
+    /** The veil over the page (Figma: `showScrim`). Without it the page still can't be clicked. */
+    showScrim?: boolean;
+    /** The close button's name for screen readers. */
+    closeLabel?: string;
+    /** Where the layer is portaled (default document.body): a themed subtree keeps its theme. */
+    container?: HTMLElement | null;
+    className?: string;
+}
+interface ModalShellProps extends ModalProps {
+    /** The component's class (rds-dialog, rds-sheet, rds-drawer), also the prefix of its parts. */
+    prefix: string;
+    modifiers?: string[];
+    closeButton?: boolean;
+    /** Something above the header (the Drawer's handle). */
+    handle?: ReactNode;
+    /** The default footer stacked, the confirm first and full width (the Drawer). */
+    stackedFooter?: boolean;
+    boxStyle?: CSSProperties;
+}
+declare function ModalShell({ prefix, modifiers, closeButton, handle, stackedFooter, boxStyle, trigger, open, defaultOpen, onOpenChange, title, description, children, footer, confirmLabel, onConfirm, cancelLabel, showScrim, closeLabel, container, className, }: ModalShellProps): react.JSX.Element;
+/** Wraps an element that closes the layer when pressed (a "Pronto" Button), with asChild. */
+declare const ModalClose: react.ForwardRefExoticComponent<_radix_ui_react_dialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { ModalClose, type ModalProps, ModalShell };

package/dist/components/internal/modal.js

@@ -0,0 +1,85 @@
+"use client";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Button } from "../button.js";
+import { IconButton } from "../icon-button.js";
+import { Tooltip } from "../tooltip.js";
+import { CloseIcon } from "./icons.js";
+function ModalShell({
+  prefix,
+  modifiers = [],
+  closeButton = true,
+  handle,
+  stackedFooter,
+  boxStyle,
+  trigger,
+  open,
+  defaultOpen,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  confirmLabel,
+  onConfirm,
+  cancelLabel = "Cancelar",
+  showScrim = true,
+  closeLabel = "Fechar",
+  container,
+  className
+}) {
+  const cancel = /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx(Button, { tone: "neutral", variant: "outline", children: cancelLabel }) }, "cancel");
+  const confirm = /* @__PURE__ */ jsx(Button, { onClick: onConfirm, children: confirmLabel }, "confirm");
+  const actions = footer != null ? footer : confirmLabel ? stackedFooter ? [confirm, cancel] : [cancel, confirm] : null;
+  return /* @__PURE__ */ jsxs(DialogPrimitive.Root, { open, defaultOpen, onOpenChange, children: [
+    trigger && /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { container, children: [
+      /* @__PURE__ */ jsx(
+        DialogPrimitive.Overlay,
+        {
+          className: ["rds-modal__scrim", `${prefix}__scrim`, !showScrim && "rds-modal__scrim--clear"].filter(Boolean).join(" ")
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        __spreadProps(__spreadValues({
+          "aria-modal": "true",
+          className: ["rds-modal", prefix, ...modifiers, className].filter(Boolean).join(" "),
+          style: boxStyle,
+          onOpenAutoFocus: (event) => {
+            const box = event.currentTarget;
+            const first = box.querySelector(
+              '.rds-modal__body :is(input, textarea, select, button, a[href], [tabindex]:not([tabindex="-1"])):not(:disabled)'
+            );
+            if (first) {
+              event.preventDefault();
+              first.focus();
+            }
+          }
+        }, description ? {} : { "aria-describedby": void 0 }), {
+          children: [
+            handle,
+            /* @__PURE__ */ jsxs("div", { className: "rds-modal__header", children: [
+              /* @__PURE__ */ jsxs("div", { className: "rds-modal__heading", children: [
+                /* @__PURE__ */ jsx(DialogPrimitive.Title, { className: `rds-modal__title ${prefix}__title`, children: title }),
+                description && /* @__PURE__ */ jsx(DialogPrimitive.Description, { className: `rds-modal__description ${prefix}__text`, children: description })
+              ] }),
+              closeButton && /* @__PURE__ */ jsx(Tooltip, { text: closeLabel, children: /* @__PURE__ */ jsx(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(CloseIcon, {}), label: closeLabel, tone: "neutral", variant: "ghost", className: "rds-modal__close" }) }) })
+            ] }),
+            children != null && /* @__PURE__ */ jsx("div", { className: `rds-modal__body ${prefix}__text`, children }),
+            actions && /* @__PURE__ */ jsx("div", { className: ["rds-modal__footer", `${prefix}__footer`, stackedFooter && "rds-modal__footer--stacked"].filter(Boolean).join(" "), children: actions })
+          ]
+        })
+      )
+    ] })
+  ] });
+}
+const ModalClose = DialogPrimitive.Close;
+export {
+  ModalClose,
+  ModalShell
+};

package/dist/components/internal/option-content.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+declare function OptionContent({ icon, selected, children }: {
+    icon?: ReactNode;
+    selected: boolean;
+    children: ReactNode;
+}): react.JSX.Element;
+
+export { OptionContent };

package/dist/components/internal/option-content.js

@@ -0,0 +1,13 @@
+import "../../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "./icons.js";
+function OptionContent({ icon, selected, children }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx("span", { className: "rds-listbox__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "rds-listbox__text", children }),
+    selected && /* @__PURE__ */ jsx("span", { className: "rds-listbox__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx(CheckIcon, {}) })
+  ] });
+}
+export {
+  OptionContent
+};

package/dist/components/internal/radio-context.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+
+interface RadioGroupContextValue {
+    name: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    required?: boolean;
+    /** The first option's value: the only radio that carries the native required (one per group is enough). */
+    firstValue?: string;
+    disabled?: boolean;
+    error?: boolean;
+}
+declare const RadioGroupContext: react.Context<RadioGroupContextValue | null>;
+
+export { RadioGroupContext, type RadioGroupContextValue };

package/dist/components/internal/radio-context.js

@@ -0,0 +1,6 @@
+import "../../chunk-ORMEWXMH.js";
+import { createContext } from "react";
+const RadioGroupContext = createContext(null);
+export {
+  RadioGroupContext
+};

package/dist/components/internal/toggle.d.ts

@@ -0,0 +1,7 @@
+/** Figma calls this property `style`: ghost in a toolbar, outline when it stands alone. */
+type ToggleVariant = 'ghost' | 'outline';
+declare function toggleClassName(variant: ToggleVariant, extra?: string): string;
+/** A toggle without visible text needs a name, or a screen reader only says "toggle button". */
+declare function warnIfUnnamed(component: string, hasText: boolean, ariaLabel: unknown, ariaLabelledBy: unknown): void;
+
+export { type ToggleVariant, toggleClassName, warnIfUnnamed };

package/dist/components/internal/toggle.js

@@ -0,0 +1,13 @@
+import "../../chunk-ORMEWXMH.js";
+function toggleClassName(variant, extra) {
+  return ["rds-toggle", `rds-toggle--${variant}`, extra].filter(Boolean).join(" ");
+}
+function warnIfUnnamed(component, hasText, ariaLabel, ariaLabelledBy) {
+  if (!hasText && !ariaLabel && !ariaLabelledBy) {
+    console.warn(`[@rojaostudio/ds] ${component} without text needs aria-label.`);
+  }
+}
+export {
+  toggleClassName,
+  warnIfUnnamed
+};

package/dist/components/internal/use-listbox.d.ts

@@ -0,0 +1,56 @@
+import * as react from 'react';
+import { KeyboardEvent } from 'react';
+
+interface ListboxItem {
+    value: string;
+    disabled?: boolean;
+}
+interface UseListboxOptions<T extends ListboxItem> {
+    /** The options on screen, in order (already filtered). */
+    items: T[];
+    /** Whether the list is showing: Enter chooses only then. */
+    showing: boolean;
+    /** The chosen values. One choice is a list of one. */
+    selected: string[];
+    /** Many choices at once: the list gets aria-multiselectable. */
+    multiple?: boolean;
+    /** The arrows open the list. */
+    onOpen: () => void;
+    /** Enter or a click on an enabled option. */
+    onChoose: (item: T) => void;
+}
+/** Adds the value when absent, removes it when present: the toggle of a multiple listbox. */
+declare function toggleValue(selected: string[], value: string): string[];
+declare function useListbox<T extends ListboxItem>({ items, showing, selected, multiple, onOpen, onChoose }: UseListboxOptions<T>): {
+    listId: string;
+    active: number;
+    setActive: react.Dispatch<react.SetStateAction<number>>;
+    move: (step: 1 | -1) => void;
+    choose: (item: T) => void;
+    isSelected: (value: string) => boolean;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => boolean;
+    controlProps: {
+        'aria-expanded': boolean;
+        'aria-controls': string | undefined;
+        'aria-activedescendant': string | undefined;
+    };
+    listProps: {
+        id: string;
+        role: "listbox";
+        'aria-multiselectable': true | undefined;
+    };
+    optionProps: (item: T, index: number) => {
+        id: string;
+        role: "option";
+        'aria-selected': boolean;
+        'aria-disabled': true | undefined;
+        'data-active': string | undefined;
+        onMouseDown: (event: {
+            preventDefault: () => void;
+        }) => void;
+        onMouseMove: () => false | void;
+        onClick: () => void;
+    };
+};
+
+export { type ListboxItem, type UseListboxOptions, toggleValue, useListbox };