@xenosystem/blocks 0.21.0 → 0.23.0

package/dist/chunk-YSMDUREC.js

@@ -0,0 +1,238 @@
+// src/icons/glyphs.tsx
+import Copy from "@xenosystem/elements/elements/copy";
+import Download from "@xenosystem/elements/elements/download";
+import Plus from "@xenosystem/elements/elements/plus";
+import Minus from "@xenosystem/elements/elements/minus";
+import Refresh from "@xenosystem/elements/elements/refresh";
+import X from "@xenosystem/elements/elements/x";
+
+// src/icons/elements.tsx
+import { XenoElement } from "@xenosystem/elements-react";
+import { jsx } from "react/jsx-runtime";
+var GLYPH_STROKE_WIDTH = 1.5;
+function fromElement(decl, defaultSize = 11, state) {
+  const Glyph = ({ size = defaultSize, className }) => /* @__PURE__ */ jsx(XenoElement, { decl, state, size, strokeWidth: GLYPH_STROKE_WIDTH, className, "aria-hidden": "true", role: void 0, "aria-label": void 0 });
+  Glyph.displayName = `Element(${decl.id})`;
+  return Glyph;
+}
+
+// src/icons/glyphs.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function Svg({ children, size = 11 }) {
+  return /* @__PURE__ */ jsx2("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children });
+}
+var RefreshGlyph = fromElement(Refresh);
+var XGlyph = fromElement(X);
+var PlusGlyph = fromElement(Plus);
+var MinusGlyph = fromElement(Minus);
+function ChevronGlyph({ direction = "right", size } = {}) {
+  const d = direction === "left" ? "m15 18-6-6 6-6" : direction === "up" ? "m18 15-6-6-6 6" : direction === "down" ? "m6 9 6 6 6-6" : "m9 18 6-6-6-6";
+  return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("path", { d }) });
+}
+var DownloadGlyph = fromElement(Download);
+function PlugGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M9 8V2M15 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M18 8v3a6 6 0 0 1-12 0V8Z" })
+  ] });
+}
+function SortAscGlyph({ size = 9 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "m5 12 7-7 7 7" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 19V5" })
+  ] });
+}
+function SortDescGlyph({ size = 9 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 5v14" }),
+    /* @__PURE__ */ jsx2("path", { d: "m19 12-7 7-7-7" })
+  ] });
+}
+function ExpandGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 5 3-3 3 3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 19 3 3 3-3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 12H8" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 12h-2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
+  ] });
+}
+function CollapseGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 22v-6" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 13 3 3 3-3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m9 11 3-3 3 3" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 12H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 12h-2" })
+  ] });
+}
+var CopyGlyph = fromElement(Copy);
+function ClearGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
+    /* @__PURE__ */ jsx2("path", { d: "m6 6 12 12" })
+  ] });
+}
+function CancelGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsx2(Svg, { size, children: /* @__PURE__ */ jsx2("rect", { x: "5", y: "5", width: "14", height: "14", rx: "2" }) });
+}
+function RetryGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M21 12a9 9 0 1 1-3.36-7" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 3v6h-6" })
+  ] });
+}
+function CaseGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "m3 15 4-8 4 8" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 13h6" }),
+    /* @__PURE__ */ jsx2("rect", { x: "15", y: "9", width: "6", height: "6", rx: "1.5" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 9v6" })
+  ] });
+}
+function WholeWordGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M7 12h10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M3 7v10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 7v10" })
+  ] });
+}
+function RegexGlyph({ size = 12 } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 4v8" }),
+    /* @__PURE__ */ jsx2("path", { d: "m8.5 6 7 4" }),
+    /* @__PURE__ */ jsx2("path", { d: "m8.5 10 7-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M5 18h2" })
+  ] });
+}
+function AlignLeftGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "6", y: "14", width: "9", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "6", y: "4", width: "16", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M2 2v20" })
+  ] });
+}
+function AlignHCenterGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M12 2v20" }),
+    /* @__PURE__ */ jsx2("path", { d: "M8 10H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 10h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M8 20H7a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2h1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M16 14h1a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-1" })
+  ] });
+}
+function AlignRightGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "2", y: "4", width: "16", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "14", width: "9", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 22V2" })
+  ] });
+}
+function AlignTopGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "4", y: "6", width: "6", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "6", width: "6", height: "9", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 2H2" })
+  ] });
+}
+function AlignVCenterGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M2 12h20" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 16v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M10 8V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M20 16v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M14 8V7c0-1.1.9-2 2-2h2a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function AlignBottomGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "4", y: "2", width: "6", height: "16", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "9", width: "6", height: "9", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 22H2" })
+  ] });
+}
+function DistributeHGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "6", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 22V2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M20 22V2" })
+  ] });
+}
+function DistributeVGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "9", y: "9", width: "6", height: "6", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 20H2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M22 4H2" })
+  ] });
+}
+function BringToFrontGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "8", y: "8", width: "8", height: "8", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M4 10a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M14 20a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2" })
+  ] });
+}
+function SendToBackGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "14", width: "8", height: "8", rx: "2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "2", y: "2", width: "8", height: "8", rx: "2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M7 14v1a2 2 0 0 0 2 2h1" }),
+    /* @__PURE__ */ jsx2("path", { d: "M14 7h1a2 2 0 0 1 2 2v1" })
+  ] });
+}
+function GroupGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+    /* @__PURE__ */ jsx2("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" }),
+    /* @__PURE__ */ jsx2("rect", { x: "7", y: "7", width: "5", height: "5", rx: "1" }),
+    /* @__PURE__ */ jsx2("rect", { x: "12", y: "12", width: "5", height: "5", rx: "1" })
+  ] });
+}
+function UngroupGlyph({ size } = {}) {
+  return /* @__PURE__ */ jsxs(Svg, { size, children: [
+    /* @__PURE__ */ jsx2("rect", { x: "2", y: "4", width: "8", height: "6", rx: "1" }),
+    /* @__PURE__ */ jsx2("rect", { x: "14", y: "14", width: "8", height: "6", rx: "1" })
+  ] });
+}
+
+export {
+  fromElement,
+  Svg,
+  RefreshGlyph,
+  XGlyph,
+  PlusGlyph,
+  MinusGlyph,
+  ChevronGlyph,
+  DownloadGlyph,
+  PlugGlyph,
+  SortAscGlyph,
+  SortDescGlyph,
+  ExpandGlyph,
+  CollapseGlyph,
+  CopyGlyph,
+  ClearGlyph,
+  CancelGlyph,
+  RetryGlyph,
+  CaseGlyph,
+  WholeWordGlyph,
+  RegexGlyph,
+  AlignLeftGlyph,
+  AlignHCenterGlyph,
+  AlignRightGlyph,
+  AlignTopGlyph,
+  AlignVCenterGlyph,
+  AlignBottomGlyph,
+  DistributeHGlyph,
+  DistributeVGlyph,
+  BringToFrontGlyph,
+  SendToBackGlyph,
+  GroupGlyph,
+  UngroupGlyph
+};