@wrdagency/blockout 0.0.11 → 0.0.13

package/dist/components/markdown/formats.js

@@ -0,0 +1,318 @@
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import * as a from "react";
+import '../../assets/style.css';/* empty css                   */
+import { VisuallyHidden as H } from "../../primitives/visually-hidden/index.js";
+import { w as r } from "../../SSRBase.es-BUXS72ra.js";
+import { createFormat as n } from "./types/format.js";
+const M = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M76,64A12,12,0,0,1,88,52H216a12,12,0,0,1,0,24H88A12,12,0,0,1,76,64Zm140,52H88a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Zm0,64H88a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24ZM44,112a16,16,0,1,0,16,16A16,16,0,0,0,44,112Zm0-64A16,16,0,1,0,60,64,16,16,0,0,0,44,48Zm0,128a16,16,0,1,0,16,16A16,16,0,0,0,44,176Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M216,64V192H88V64Z", opacity: "0.2" }), /* @__PURE__ */ a.createElement("path", { d: "M80,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H88A8,8,0,0,1,80,64Zm136,56H88a8,8,0,1,0,0,16H216a8,8,0,0,0,0-16Zm0,64H88a8,8,0,1,0,0,16H216a8,8,0,0,0,0-16ZM44,52A12,12,0,1,0,56,64,12,12,0,0,0,44,52Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,116Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,180Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM68,188a12,12,0,1,1,12-12A12,12,0,0,1,68,188Zm0-48a12,12,0,1,1,12-12A12,12,0,0,1,68,140Zm0-48A12,12,0,1,1,80,80,12,12,0,0,1,68,92Zm124,92H104a8,8,0,0,1,0-16h88a8,8,0,0,1,0,16Zm0-48H104a8,8,0,0,1,0-16h88a8,8,0,0,1,0,16Zm0-48H104a8,8,0,0,1,0-16h88a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M82,64a6,6,0,0,1,6-6H216a6,6,0,0,1,0,12H88A6,6,0,0,1,82,64Zm134,58H88a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12Zm0,64H88a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12ZM44,54A10,10,0,1,0,54,64,10,10,0,0,0,44,54Zm0,128a10,10,0,1,0,10,10A10,10,0,0,0,44,182Zm0-64a10,10,0,1,0,10,10A10,10,0,0,0,44,118Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M80,64a8,8,0,0,1,8-8H216a8,8,0,0,1,0,16H88A8,8,0,0,1,80,64Zm136,56H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Zm0,64H88a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM44,52A12,12,0,1,0,56,64,12,12,0,0,0,44,52Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,116Zm0,64a12,12,0,1,0,12,12A12,12,0,0,0,44,180Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M84,64a4,4,0,0,1,4-4H216a4,4,0,0,1,0,8H88A4,4,0,0,1,84,64Zm132,60H88a4,4,0,0,0,0,8H216a4,4,0,0,0,0-8Zm0,64H88a4,4,0,0,0,0,8H216a4,4,0,0,0,0-8ZM44,120a8,8,0,1,0,8,8A8,8,0,0,0,44,120Zm0-64a8,8,0,1,0,8,8A8,8,0,0,0,44,56Zm0,128a8,8,0,1,0,8,8A8,8,0,0,0,44,184Z" }))
+  ]
+]), Z = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(r, { ref: t, ...e, weights: M }));
+Z.displayName = "ListBulletsIcon";
+const s = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H116a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM116,76H216a12,12,0,0,0,0-24H116a12,12,0,0,0,0,24ZM216,180H116a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24ZM44,59.31V104a12,12,0,0,0,24,0V40A12,12,0,0,0,50.64,29.27l-16,8a12,12,0,0,0,9.36,22Zm39.73,96.86a27.7,27.7,0,0,0-11.2-18.63A28.89,28.89,0,0,0,32.9,143a27.71,27.71,0,0,0-4.17,7.54,12,12,0,0,0,22.55,8.21,4,4,0,0,1,.58-1,4.78,4.78,0,0,1,6.5-.82,3.82,3.82,0,0,1,1.61,2.6,3.63,3.63,0,0,1-.77,2.77l-.13.17L30.39,200.82A12,12,0,0,0,40,220H72a12,12,0,0,0,0-24H64l14.28-19.11A27.48,27.48,0,0,0,83.73,156.17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M216,64V192H104V64Z", opacity: "0.2" }), /* @__PURE__ */ a.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H104a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM104,72H216a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16ZM216,184H104a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM43.58,55.16,48,52.94V104a8,8,0,0,0,16,0V40a8,8,0,0,0-11.58-7.16l-16,8a8,8,0,0,0,7.16,14.32ZM79.77,156.72a23.73,23.73,0,0,0-9.6-15.95,24.86,24.86,0,0,0-34.11,4.7,23.63,23.63,0,0,0-3.57,6.46,8,8,0,1,0,15,5.47,7.84,7.84,0,0,1,1.18-2.13,8.76,8.76,0,0,1,12-1.59A7.91,7.91,0,0,1,63.93,159a7.64,7.64,0,0,1-1.57,5.78,1,1,0,0,0-.08.11L33.59,203.21A8,8,0,0,0,40,216H72a8,8,0,0,0,0-16H56l19.08-25.53A23.47,23.47,0,0,0,79.77,156.72Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM56.84,75.58a8,8,0,0,1,3.58-10.74l16-8A8,8,0,0,1,88,64v48a8,8,0,0,1-16,0V76.94l-4.42,2.22A8,8,0,0,1,56.84,75.58ZM92,180a8,8,0,0,1,0,16H68a8,8,0,0,1-6.4-12.8l21.67-28.89A3.92,3.92,0,0,0,84,152a4,4,0,0,0-7.77-1.33,8,8,0,0,1-15.09-5.34,20,20,0,1,1,35,18.53L84,180Zm100,4H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Zm0-48H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Zm0-48H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H104a6,6,0,0,1,0-12H216A6,6,0,0,1,222,128ZM104,70H216a6,6,0,0,0,0-12H104a6,6,0,0,0,0,12ZM216,186H104a6,6,0,0,0,0,12H216a6,6,0,0,0,0-12ZM42.68,53.37,50,49.71V104a6,6,0,0,0,12,0V40a6,6,0,0,0-8.68-5.37l-16,8a6,6,0,0,0,5.36,10.74ZM72,202H52l21.48-28.74A21.5,21.5,0,0,0,77.79,157,21.75,21.75,0,0,0,69,142.38a22.86,22.86,0,0,0-31.35,4.31,22.18,22.18,0,0,0-3.28,5.92,6,6,0,0,0,11.28,4.11,9.87,9.87,0,0,1,1.48-2.67,10.78,10.78,0,0,1,14.78-2,9.89,9.89,0,0,1,4,6.61,9.64,9.64,0,0,1-2,7.28l-.06.09L35.2,204.41A6,6,0,0,0,40,214H72a6,6,0,0,0,0-12Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H104a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM104,72H216a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16ZM216,184H104a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16ZM43.58,55.16,48,52.94V104a8,8,0,0,0,16,0V40a8,8,0,0,0-11.58-7.16l-16,8a8,8,0,0,0,7.16,14.32ZM79.77,156.72a23.73,23.73,0,0,0-9.6-15.95,24.86,24.86,0,0,0-34.11,4.7,23.63,23.63,0,0,0-3.57,6.46,8,8,0,1,0,15,5.47,7.84,7.84,0,0,1,1.18-2.13,8.76,8.76,0,0,1,12-1.59A7.91,7.91,0,0,1,63.93,159a7.64,7.64,0,0,1-1.57,5.78,1,1,0,0,0-.08.11L33.59,203.21A8,8,0,0,0,40,216H72a8,8,0,0,0,0-16H56l19.08-25.53A23.47,23.47,0,0,0,79.77,156.72Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H104a4,4,0,0,1,0-8H216A4,4,0,0,1,220,128ZM104,68H216a4,4,0,0,0,0-8H104a4,4,0,0,0,0,8ZM216,188H104a4,4,0,0,0,0,8H216a4,4,0,0,0,0-8ZM41.79,51.58,52,46.47V104a4,4,0,0,0,8,0V40a4,4,0,0,0-5.79-3.58l-16,8a4,4,0,1,0,3.58,7.16ZM72,204H48l23.85-31.92a19.54,19.54,0,0,0,4-14.8,19.76,19.76,0,0,0-8-13.28,20.84,20.84,0,0,0-28.59,3.92,19.85,19.85,0,0,0-3,5.38A4,4,0,0,0,43.76,156a12.1,12.1,0,0,1,1.78-3.22,12.78,12.78,0,0,1,17.54-2.37,11.85,11.85,0,0,1,4.81,7.94,11.65,11.65,0,0,1-2.41,8.85L36.8,205.61A4,4,0,0,0,40,212H72a4,4,0,0,0,0-8Z" }))
+  ]
+]), o = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(r, { ref: t, ...e, weights: s }));
+o.displayName = "ListNumbersIcon";
+const E = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M185.08,114.46A48,48,0,0,0,148,36H80A12,12,0,0,0,68,48V200a12,12,0,0,0,12,12h80a52,52,0,0,0,25.08-97.54ZM92,60h56a24,24,0,0,1,0,48H92Zm68,128H92V132h68a28,28,0,0,1,0,56Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+      "path",
+      {
+        d: "M200,160a40,40,0,0,1-40,40H80V48h68a36,36,0,0,1,0,72h12A40,40,0,0,1,200,160Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ a.createElement("path", { d: "M178.48,115.7A44,44,0,0,0,148,40H80a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8h80a48,48,0,0,0,18.48-92.3ZM88,56h60a28,28,0,0,1,0,56H88Zm72,136H88V128h72a32,32,0,0,1,0,64Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M168,156a20,20,0,0,1-20,20H96V136h52A20,20,0,0,1,168,156ZM224,48V208a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32H208A16,16,0,0,1,224,48ZM184,156a36,36,0,0,0-18-31.15A36,36,0,0,0,140,64H88a8,8,0,0,0-8,8V184a8,8,0,0,0,8,8h60A36,36,0,0,0,184,156Zm-24-56a20,20,0,0,0-20-20H96v40h44A20,20,0,0,0,160,100Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M174.69,116.41A42,42,0,0,0,148,42H80a6,6,0,0,0-6,6V200a6,6,0,0,0,6,6h80a46,46,0,0,0,14.69-89.59ZM86,54h62a30,30,0,0,1,0,60H86Zm74,140H86V126h74a34,34,0,0,1,0,68Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M178.48,115.7A44,44,0,0,0,148,40H80a8,8,0,0,0-8,8V200a8,8,0,0,0,8,8h80a48,48,0,0,0,18.48-92.3ZM88,56h60a28,28,0,0,1,0,56H88Zm72,136H88V128h72a32,32,0,0,1,0,64Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M170.27,117.21A40,40,0,0,0,148,44H80a4,4,0,0,0-4,4V200a4,4,0,0,0,4,4h80a44,44,0,0,0,10.27-86.79ZM84,52h64a32,32,0,0,1,0,64H84Zm76,144H84V124h76a36,36,0,0,1,0,72Z" }))
+  ]
+]), d = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(r, { ref: t, ...e, weights: E }));
+d.displayName = "TextBIcon";
+const u = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M236,112v96a12,12,0,0,1-24,0V134.42L206.66,138a12,12,0,0,1-13.32-20l24-16A12,12,0,0,1,236,112ZM144,44a12,12,0,0,0-12,12v48H52V56a12,12,0,0,0-24,0V176a12,12,0,0,0,24,0V128h80v48a12,12,0,0,0,24,0V56A12,12,0,0,0,144,44Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+      "path",
+      {
+        d: "M224,72V208H56a16,16,0,0,1-16-16V56H208A16,16,0,0,1,224,72Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ a.createElement("path", { d: "M152,56V176a8,8,0,0,1-16,0V124H48v52a8,8,0,0,1-16,0V56a8,8,0,0,1,16,0v52h88V56a8,8,0,0,1,16,0Zm75.77,49a8,8,0,0,0-8.21.39l-24,16a8,8,0,1,0,8.88,13.32L216,127V208a8,8,0,0,0,16,0V112A8,8,0,0,0,227.77,105Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM144,160a8,8,0,0,1-16,0V128H72v32a8,8,0,0,1-16,0V80a8,8,0,0,1,16,0v32h56V80a8,8,0,0,1,16,0Zm56,16a8,8,0,0,1-16,0V111l-11.56,7.71a8,8,0,1,1-8.88-13.32l24-16A8,8,0,0,1,200,96Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M230,112v96a6,6,0,0,1-12,0V123.21L203.33,133a6,6,0,0,1-6.66-10l24-16a6,6,0,0,1,9.33,5ZM144,50a6,6,0,0,0-6,6v54H46V56a6,6,0,0,0-12,0V176a6,6,0,0,0,12,0V122h92v54a6,6,0,0,0,12,0V56A6,6,0,0,0,144,50Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M152,56V176a8,8,0,0,1-16,0V124H48v52a8,8,0,0,1-16,0V56a8,8,0,0,1,16,0v52h88V56a8,8,0,0,1,16,0Zm75.77,49a8,8,0,0,0-8.21.39l-24,16a8,8,0,1,0,8.88,13.32L216,127V208a8,8,0,0,0,16,0V112A8,8,0,0,0,227.77,105Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M228,112v96a4,4,0,0,1-8,0V119.47l-17.78,11.86a4,4,0,1,1-4.44-6.66l24-16A4,4,0,0,1,228,112ZM144,52a4,4,0,0,0-4,4v56H44V56a4,4,0,0,0-8,0V176a4,4,0,0,0,8,0V120h96v56a4,4,0,0,0,8,0V56A4,4,0,0,0,144,52Z" }))
+  ]
+]), A = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(r, { ref: t, ...e, weights: u }));
+A.displayName = "TextHOneIcon";
+const g = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M204,56a12,12,0,0,1-12,12H160.65l-40,120H144a12,12,0,0,1,0,24H64a12,12,0,0,1,0-24H95.35l40-120H112a12,12,0,0,1,0-24h80A12,12,0,0,1,204,56Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M192,56,144,200H64L112,56Z", opacity: "0.2" }), /* @__PURE__ */ a.createElement("path", { d: "M200,56a8,8,0,0,1-8,8H157.77L115.1,192H144a8,8,0,0,1,0,16H64a8,8,0,0,1,0-16H98.23L140.9,64H112a8,8,0,0,1,0-16h80A8,8,0,0,1,200,56Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM176,80H153.64l-34.29,96H136a8,8,0,0,1,0,16H80a8,8,0,0,1,0-16h22.36l34.29-96H120a8,8,0,0,1,0-16h56a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M198,56a6,6,0,0,1-6,6H156.32l-44,132H144a6,6,0,0,1,0,12H64a6,6,0,0,1,0-12H99.68l44-132H112a6,6,0,0,1,0-12h80A6,6,0,0,1,198,56Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M200,56a8,8,0,0,1-8,8H157.77L115.1,192H144a8,8,0,0,1,0,16H64a8,8,0,0,1,0-16H98.23L140.9,64H112a8,8,0,0,1,0-16h80A8,8,0,0,1,200,56Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M196,56a4,4,0,0,1-4,4H154.88L109.55,196H144a4,4,0,0,1,0,8H64a4,4,0,0,1,0-8h37.12L146.45,60H112a4,4,0,0,1,0-8h80A4,4,0,0,1,196,56Z" }))
+  ]
+]), h = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(r, { ref: t, ...e, weights: g }));
+h.displayName = "TextItalicIcon";
+const V = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M228,128a12,12,0,0,1-12,12H185.86A41.48,41.48,0,0,1,196,168c0,14.45-7.81,28.32-21.43,38.05C162,215.05,145.44,220,128,220s-34-4.95-46.57-13.95C67.81,196.32,60,182.45,60,168a12,12,0,0,1,24,0c0,15.18,20.15,28,44,28s44-12.82,44-28c0-12.76-9.3-20.18-35.35-28H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM75.11,100a12,12,0,0,0,12-12c0-16,17.58-28,40.89-28,17.36,0,31.37,6.65,37.48,17.78a12,12,0,0,0,21-11.56C176.13,47.3,154.25,36,128,36,91,36,63.11,58.35,63.11,88A12,12,0,0,0,75.11,100Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
+      "path",
+      {
+        d: "M176,72l-55.31,51.05c-24-6.7-45.58-14.26-45.58-35,0-22.09,22-40,52.89-40C151.2,48,168.37,57.64,176,72Zm-55.31,51.05L72,168c0,22.09,25.07,40,56,40s56-17.91,56-40C184,138.43,150.52,131.4,120.69,123.05Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ a.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H175.93c9.19,7.11,16.07,17.2,16.07,32,0,13.34-7,25.7-19.75,34.79C160.33,211.31,144.61,216,128,216s-32.33-4.69-44.25-13.21C71,193.7,64,181.34,64,168a8,8,0,0,1,16,0c0,17.35,22,32,48,32s48-14.65,48-32c0-14.85-10.54-23.58-38.77-32H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM76.33,104a8,8,0,0,0,7.61-10.49A17.3,17.3,0,0,1,83.11,88c0-18.24,19.3-32,44.89-32,18.84,0,34.16,7.42,41,19.85a8,8,0,0,0,14-7.7C173.33,50.52,152.77,40,128,40,93.29,40,67.11,60.63,67.11,88a33.73,33.73,0,0,0,1.62,10.49A8,8,0,0,0,76.33,104Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM82.71,94.58C86,76.57,104.58,64,128,64c18.2,0,33.59,7.41,41.18,19.83a8,8,0,1,1-13.66,8.34C150.94,84.66,140.39,80,128,80c-15.3,0-27.73,7.33-29.55,17.42A8,8,0,0,1,90.59,104a7.76,7.76,0,0,1-1.43-.13A8,8,0,0,1,82.71,94.58ZM192,136H168.29A28.45,28.45,0,0,1,176,156c0,20.19-21.08,36-48,36-23.89,0-43.83-12.78-47.43-30.4a8,8,0,1,1,15.67-3.2c2,9.87,16,17.6,31.76,17.6,17.35,0,32-9.16,32-20,0-9.14-6.76-14.43-25.72-20H64a8,8,0,0,1,0-16H192a8,8,0,0,1,0,16Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M222,128a6,6,0,0,1-6,6H169.45c11.28,6.92,20.55,17.38,20.55,34,0,25.36-27.81,46-62,46s-62-20.64-62-46a6,6,0,0,1,12,0c0,18.75,22.43,34,50,34s50-15.25,50-34c0-18.23-15.46-26.59-40.47-34H40a6,6,0,0,1,0-12H216A6,6,0,0,1,222,128ZM76.33,102a6.2,6.2,0,0,0,1.88-.3A6,6,0,0,0,82,94.13,19.74,19.74,0,0,1,81.11,88c0-19.38,20.16-34,46.89-34,19.58,0,35.56,7.81,42.74,20.89a6,6,0,0,0,10.52-5.78C171.94,52.13,152,42,128,42,94.43,42,69.11,61.77,69.11,88a31.62,31.62,0,0,0,1.52,9.87A6,6,0,0,0,76.33,102Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M224,128a8,8,0,0,1-8,8H175.93c9.19,7.11,16.07,17.2,16.07,32,0,13.34-7,25.7-19.75,34.79C160.33,211.31,144.61,216,128,216s-32.33-4.69-44.25-13.21C71,193.7,64,181.34,64,168a8,8,0,0,1,16,0c0,17.35,22,32,48,32s48-14.65,48-32c0-14.85-10.54-23.58-38.77-32H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM76.33,104a8,8,0,0,0,7.61-10.49A17.3,17.3,0,0,1,83.11,88c0-18.24,19.3-32,44.89-32,18.84,0,34.16,7.42,41,19.85a8,8,0,0,0,14-7.7C173.33,50.52,152.77,40,128,40,93.29,40,67.11,60.63,67.11,88a33.73,33.73,0,0,0,1.62,10.49A8,8,0,0,0,76.33,104Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M220,128a4,4,0,0,1-4,4H161.16c15.45,7.24,26.84,17.8,26.84,36,0,24.26-26.92,44-60,44s-60-19.74-60-44a4,4,0,0,1,8,0c0,19.85,23.33,36,52,36s52-16.15,52-36c0-19.54-16.13-28.3-42.18-36H40a4,4,0,0,1,0-8H216A4,4,0,0,1,220,128ZM76.33,100a3.85,3.85,0,0,0,1.25-.2,4,4,0,0,0,2.55-5,21.9,21.9,0,0,1-1-6.75c0-20.52,21-36,48.89-36,20.32,0,37,8.2,44.49,21.92a4,4,0,0,0,7-3.85C170.54,53.75,151.29,44,128,44,95.57,44,71.11,62.92,71.11,88a29.76,29.76,0,0,0,1.42,9.25A4,4,0,0,0,76.33,100Z" }))
+  ]
+]), i = a.forwardRef((e, t) => /* @__PURE__ */ a.createElement(r, { ref: t, ...e, weights: V }));
+i.displayName = "TextStrikethroughIcon";
+const y = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(d, {}),
+    label: "Bold"
+  },
+  hotkey: {
+    ctrl: !0,
+    key: "B"
+  },
+  markup: {
+    find: /\*\*(?<text>[\w\s\d,.]+)\*\*/,
+    wrap: (e, { text: t }) => /* @__PURE__ */ l("strong", { children: t })
+  }
+}), v = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(h, {}),
+    label: "Italic"
+  },
+  hotkey: {
+    ctrl: !0,
+    key: "I"
+  },
+  markup: {
+    find: /\*(?<text>[\w\s\d,.]+)\*/,
+    wrap: (e, { text: t }) => /* @__PURE__ */ l("em", { children: t })
+  }
+}), x = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(i, {}),
+    label: "Strikethrough"
+  },
+  hotkey: {
+    ctrl: !0,
+    key: "D"
+  },
+  markup: {
+    find: /~~(?<text>[\w\s\d,.]+)~~/,
+    wrap: (e, { text: t }) => /* @__PURE__ */ l("s", { children: t })
+  }
+}), C = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(h, {}),
+    label: "Link"
+  },
+  typeahead: {
+    getSuggestions: (e) => []
+  },
+  markup: {
+    find: /\((?<label>[\w]+)\)\[(?<url>[\w:\\\/\.]+)\]/,
+    wrap: (e, { label: t, url: m }) => /* @__PURE__ */ l("a", { href: t, children: m })
+  }
+}), f = (e) => ({
+  1: "h1",
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5",
+  6: "h6"
+})[e], N = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(A, {}),
+    label: "Heading"
+  },
+  markup: {
+    find: /(?<level>#{1,6})\s(?<text>[\w])+/,
+    wrap: (e, { text: t, level: m }) => {
+      const p = f(m.length) || "h2";
+      return /* @__PURE__ */ l(p, { children: t });
+    }
+  }
+}), _ = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(o, {}),
+    label: "Numbered List"
+  },
+  markup: {
+    find: /\d\.\s(?<text>[\w]+)/,
+    wrap: (e, { text: t }) => /* @__PURE__ */ l("ol", { children: /* @__PURE__ */ l("li", { children: t }) })
+  }
+}), I = n({
+  toolbar: {
+    icon: /* @__PURE__ */ l(Z, {}),
+    label: "Bullet List"
+  },
+  markup: {
+    find: /-\s(?<text>[\w]+)/,
+    wrap: (e, { text: t }) => /* @__PURE__ */ l("ul", { children: /* @__PURE__ */ l("li", { children: t }) })
+  }
+}), $ = n({
+  markup: {
+    find: /\[(?<done>x|X|s){,1}\](?<text>[w]+)/,
+    wrap: (e, { done: t, text: m }) => /* @__PURE__ */ c("span", { className: "md-task", children: [
+      /* @__PURE__ */ l(H, { children: "Task: " }),
+      /* @__PURE__ */ l("span", { role: "checkbox", "aria-checked": t ? "true" : "false" }),
+      m
+    ] })
+  }
+}), R = n({
+  markup: {
+    find: /@(?<name>[\w]+)/,
+    wrap: (e) => /* @__PURE__ */ c("span", { className: "md-user", children: [
+      /* @__PURE__ */ l(H, { children: "User: " }),
+      e
+    ] })
+  },
+  typeahead: {
+    getSuggestions: (e) => []
+  }
+}), T = n({
+  markup: {
+    find: /#(?<tag>[\w]+)/,
+    wrap: (e) => /* @__PURE__ */ c("span", { className: "md-tag", children: [
+      /* @__PURE__ */ l(H, { children: "Tag: " }),
+      e
+    ] })
+  },
+  typeahead: {
+    getSuggestions: (e) => []
+  }
+});
+export {
+  C as anchor,
+  y as bold,
+  R as callout,
+  N as heading,
+  v as italic,
+  _ as orderedList,
+  x as strikethrough,
+  $ as task,
+  T as topic,
+  I as unorderedList
+};

package/dist/components/markdown/index.js

@@ -0,0 +1 @@
+

package/dist/components/markdown/types/format.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export type ToolbarOpts = {
+    icon: ReactNode;
+    label: string;
+};
+export type Hotkey = {
+    ctrl?: true;
+    shift?: true;
+    alt?: true;
+    key: string;
+};
+export type Typeahead = {
+    getSuggestions: (contents: string) => string[];
+};
+export type Markup = {
+    find: RegExp;
+    wrap: (contents: string, groups: {
+        [key: string]: string;
+    }) => ReactNode;
+};
+export type Format = {
+    markup: Markup;
+    toolbar?: ToolbarOpts;
+    hotkey?: Hotkey;
+    typeahead?: Typeahead;
+};
+export declare const createFormat: (format: Format) => Format;

package/dist/components/markdown/types/format.js

@@ -0,0 +1,4 @@
+const e = (t) => t;
+export {
+  e as createFormat
+};

package/dist/components/menu/index.js

@@ -1,18 +1,18 @@
 import { jsx as a, jsxs as m } from "react/jsx-runtime";
 import { cn as E } from "../../utils/css.js";
-import { M as V, a as C, b as R, c as z } from "../../item-Bcbx6pI-.js";
-import { a as H } from "../../VIIRIBF3-B3f0V2Nc.js";
-import { b as P, _, q as I, i as O, r as j, h as L, j as f, s as T, t as U, v as B, w as D, m as q, f as x, d as y } from "../../P7GR5CS5-PkUYC6hd.js";
-import { u as k } from "../../UQQRIHDV-xtNCxi0H.js";
+import { M as V, a as C, b as R, c as z } from "../../item-C0kyELlf.js";
+import { a as H } from "../../VIIRIBF3-B585VK9r.js";
+import { d as P, _, q as I, i as O, r as j, j as L, k as f, s as T, t as U, v as B, w as D, m as q, f as k, e as x } from "../../P7GR5CS5-DNbthaqU.js";
+import { u as y } from "../../UQQRIHDV-CFdrMoqW.js";
 import { useMemo as w, useState as Z } from "react";
-import '../../assets/index9.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
+import '../../assets/index10.css';var g = "M23 27.8C24.1 29 26.4 30 28 30H30H0H2C3.7 30 5.9 29 7 27.8L14 20.6C14.7 19.8 15.3 19.8 16 20.6L23 27.8Z", F = "div", h = 30, s = h / 2, G = {
   top: `rotate(180 ${s} ${s})`,
   right: `rotate(-90 ${s} ${s})`,
   bottom: `rotate(0 ${s} ${s})`,
   left: `rotate(90 ${s} ${s})`
 };
 function J(o) {
-  const [r, t] = Z(), e = k(o, "contentElement");
+  const [r, t] = Z(), e = y(o, "contentElement");
   return B(() => {
     if (!e) return;
     const u = D(e).getComputedStyle(e);
@@ -39,7 +39,7 @@ var M = P(
       e,
       process.env.NODE_ENV !== "production" && "PopoverArrow must be wrapped in a Popover component."
     );
-    const d = k(
+    const d = y(
       e,
       (p) => p.currentPlacement.split("-")[0]
     ), l = j(), n = J(e), S = (n == null ? void 0 : n.getPropertyValue("background-color")) || "none", W = (n == null ? void 0 : n.getPropertyValue(`border-${d}-color`)) || "none", A = w(() => {
@@ -86,9 +86,9 @@ var M = P(
   }
 );
 q(
-  x(function(r) {
+  k(function(r) {
     const t = M(r);
-    return y(F, t);
+    return x(F, t);
   })
 );
 var Q = "div", X = P(
@@ -97,9 +97,9 @@ var Q = "div", X = P(
     const u = H();
     return e = e || u, M(f({ store: e }, i));
   }
-), Y = x(function(r) {
+), Y = k(function(r) {
   const t = X(r);
-  return y(Q, t);
+  return x(Q, t);
 });
 const ue = ({ className: o, items: r, children: t }) => /* @__PURE__ */ m(V, { children: [
   /* @__PURE__ */ a(C, { className: E("component-menu__button", o), children: t }),

package/dist/components/menu/item.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./items/action.js";
 import "./items/spacer.js";
-import { c as e } from "../../item-Bcbx6pI-.js";
+import { c as e } from "../../item-C0kyELlf.js";
 import "./items/toggle.js";
 export {
   e as MenuItem

package/dist/components/menu/items/action.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { EmptyIcon as c } from "../icon.js";
-import { M as t } from "../../../2NBKRL7C-raj2vrMY.js";
+import { M as t } from "../../../2NBKRL7C-C6mXReCE.js";
 const l = ({ item: n }) => {
   const m = n.icon || c;
   return /* @__PURE__ */ o(

package/dist/components/menu/items/spacer.js

@@ -1,7 +1,7 @@
 import { jsx as f } from "react/jsx-runtime";
-import { a as l } from "../../../VIIRIBF3-B3f0V2Nc.js";
-import { b as s, _ as p, j as i, f as u, d as m, p as h, i as C, h as b } from "../../../P7GR5CS5-PkUYC6hd.js";
-var d = "hr", c = s(
+import { a as l } from "../../../VIIRIBF3-B585VK9r.js";
+import { d as s, _ as p, k as i, f as u, e as m, p as h, i as C, j as d } from "../../../P7GR5CS5-DNbthaqU.js";
+var x = "hr", c = s(
   function(o) {
     var r = o, { orientation: e = "horizontal" } = r, t = p(r, ["orientation"]);
     return t = i({
@@ -12,9 +12,9 @@ var d = "hr", c = s(
 );
 u(function(o) {
   const r = c(o);
-  return m(d, r);
+  return m(x, r);
 });
-var x = "hr", v = s(function(o) {
+var M = "hr", v = s(function(o) {
   var r = o, { store: e } = r, t = p(r, ["store"]);
   const n = h();
   e = e || n, C(
@@ -24,21 +24,21 @@ var x = "hr", v = s(function(o) {
   const S = e.useState(
     (_) => _.orientation === "horizontal" ? "vertical" : "horizontal"
   );
-  return t = c(b(i({}, t), { orientation: S })), t;
+  return t = c(d(i({}, t), { orientation: S })), t;
 });
 u(function(o) {
   const r = v(o);
-  return m(x, r);
+  return m(M, r);
 });
-var M = "hr", N = s(
+var N = "hr", b = s(
   function(o) {
     var r = o, { store: e } = r, t = p(r, ["store"]);
     const n = l();
     return e = e || n, t = v(i({ store: e }, t)), t;
   }
 ), P = u(function(o) {
-  const r = N(o);
-  return m(M, r);
+  const r = b(o);
+  return m(N, r);
 });
 const E = () => /* @__PURE__ */ f(P, { className: "component-menu__separator" });
 export {

package/dist/components/menu/items/submenu.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import { S as p } from "../../../item-Bcbx6pI-.js";
+import { S as p } from "../../../item-C0kyELlf.js";
 import "../icon.js";
-import "../../../2NBKRL7C-raj2vrMY.js";
+import "../../../2NBKRL7C-C6mXReCE.js";
 export {
   p as SubmenuMenuItem
 };

package/dist/components/menu/items/toggle.js

@@ -3,7 +3,7 @@ import { cn as d } from "../../../utils/css.js";
 import * as e from "react";
 import { w as H } from "../../../SSRBase.es-BUXS72ra.js";
 import { EmptyIcon as h } from "../icon.js";
-import { M as i } from "../../../2NBKRL7C-raj2vrMY.js";
+import { M as i } from "../../../2NBKRL7C-C6mXReCE.js";
 const s = /* @__PURE__ */ new Map([
   [
     "bold",

package/dist/components/progress/index.js

@@ -1,28 +1,30 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cn as p } from "../../utils/css.js";
-import '../../assets/index.css';const i = ({
+import { jsx as p } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+import '../../assets/index8.css';const g = ({
   className: s,
+  style: e,
   steps: r = 0,
-  max: e = 1,
+  max: t = 1,
   value: o = void 0,
-  ...t
-}) => /* @__PURE__ */ n(
+  ...n
+}) => /* @__PURE__ */ p(
   "progress",
   {
-    className: p(
+    className: m(
       "component-progress",
       r > 0 && "component-progress--with-steps",
       s
     ),
     style: {
-      "--component-progress__steps": r
+      "--component-progress__steps": r,
+      ...e
     },
-    max: e,
+    max: t,
     value: o,
-    ...t,
+    ...n,
     children: o !== void 0 ? o + "%" : "Indeterminate"
   }
 );
 export {
-  i as Progress
+  g as Progress
 };

package/dist/index.js

@@ -1,31 +1,37 @@
-import { Button as e } from "./components/button/index.js";
-import { BaseControl as x } from "./components/controls/base-control/index.js";
-import { ChoiceControl as m } from "./components/controls/choice-control/index.js";
-import { NumberControl as a } from "./components/controls/number-control/index.js";
-import { SelectControl as n } from "./components/controls/select-control/index.js";
-import { TextControl as b } from "./components/controls/text-control/index.js";
-import { TextareaControl as s } from "./components/controls/textarea-control/index.js";
+import { Breadcrumbs as e } from "./components/breadcrumbs/index.js";
+import { Button as m } from "./components/button/index.js";
+import { BaseControl as p } from "./components/controls/base-control/index.js";
+import { ChoiceControl as a } from "./components/controls/choice-control/index.js";
+import { NumberControl as n } from "./components/controls/number-control/index.js";
+import { SelectControl as b } from "./components/controls/select-control/index.js";
+import { TextControl as g } from "./components/controls/text-control/index.js";
+import { TextareaControl as T } from "./components/controls/textarea-control/index.js";
 import { ToggleControl as i } from "./components/controls/toggle-control/index.js";
-import { DataTable as D, ExampleDataTable as c } from "./components/data-table/index.js";
-import { Menu as B } from "./components/menu/index.js";
-import { Progress as y } from "./components/progress/index.js";
-import { Draggable as E } from "./primitives/draggable/index.js";
-import { Resizable as M } from "./primitives/resizable/index.js";
-import { VisuallyHidden as P } from "./primitives/visually-hidden/index.js";
+import { DataTable as B, ExampleDataTable as D } from "./components/data-table/index.js";
+import { Form as h } from "./components/form/components/index.js";
+import { createForm as z } from "./components/form/types/form.js";
+import { Menu as H } from "./components/menu/index.js";
+import { Progress as N } from "./components/progress/index.js";
+import { Draggable as R } from "./primitives/draggable/index.js";
+import { Resizable as V } from "./primitives/resizable/index.js";
+import { VisuallyHidden as k } from "./primitives/visually-hidden/index.js";
 export {
-  x as BaseControl,
-  e as Button,
-  m as ChoiceControl,
-  D as DataTable,
-  E as Draggable,
-  c as ExampleDataTable,
-  B as Menu,
-  a as NumberControl,
-  y as Progress,
-  M as Resizable,
-  n as SelectControl,
-  b as TextControl,
-  s as TextareaControl,
+  p as BaseControl,
+  e as Breadcrumbs,
+  m as Button,
+  a as ChoiceControl,
+  B as DataTable,
+  R as Draggable,
+  D as ExampleDataTable,
+  h as Form,
+  H as Menu,
+  n as NumberControl,
+  N as Progress,
+  V as Resizable,
+  b as SelectControl,
+  g as TextControl,
+  T as TextareaControl,
   i as ToggleControl,
-  P as VisuallyHidden
+  k as VisuallyHidden,
+  z as createForm
 };