@situaction/traq-ui-ste 1.2.12 → 1.2.15

package/dist/X.es-BEJ-zMPl.mjs

@@ -0,0 +1,146 @@
+import * as e from "react";
+import { createContext as f } from "react";
+const w = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,96l-80,80L48,96Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
+  ]
+]), A = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,160H48l80-80Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M213.66,154.34l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,48,168H208a8,8,0,0,0,5.66-13.66ZM67.31,152,128,91.31,188.69,152Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))
+  ]
+]), F = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.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,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), H = f({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+}), n = e.forwardRef(
+  (a, t) => {
+    const {
+      alt: r,
+      color: m,
+      size: l,
+      weight: c,
+      mirrored: g,
+      children: h,
+      weights: i,
+      ...p
+    } = a, {
+      color: u = "currentColor",
+      size: o,
+      weight: L = "regular",
+      mirrored: M = !1,
+      ...Z
+    } = e.useContext(H);
+    return /* @__PURE__ */ e.createElement(
+      "svg",
+      {
+        ref: t,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: l ?? o,
+        height: l ?? o,
+        fill: m ?? u,
+        viewBox: "0 0 256 256",
+        transform: g || M ? "scale(-1, 1)" : void 0,
+        ...Z,
+        ...p
+      },
+      !!r && /* @__PURE__ */ e.createElement("title", null, r),
+      h,
+      i.get(c ?? L)
+    );
+  }
+);
+n.displayName = "IconBase";
+const E = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, weights: w }));
+E.displayName = "CaretDownIcon";
+const x = E, d = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, weights: A }));
+d.displayName = "CaretUpIcon";
+const C = d, s = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, weights: F }));
+s.displayName = "XIcon";
+const $ = s;
+export {
+  x as a,
+  A as b,
+  F as c,
+  H as d,
+  E as e,
+  s as f,
+  $ as n,
+  d as o,
+  n as p,
+  C as s,
+  w as t
+};

package/dist/components/button/Button.js

@@ -1,64 +1,64 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import { forwardRef as z } from "react";
-import '../../styles/Button.css';const m = "_button_1059c_30", f = "_fullWidth_1059c_192", g = "_flexHorizontalCenter_1059c_196", d = "_flexHorizontalBetween_1059c_203", t = {
-  button: m,
-  "button-primary": "_button-primary_1059c_54",
-  "button-secondary": "_button-secondary_1059c_68",
-  "button-tertiary": "_button-tertiary_1059c_84",
-  "button-ghost": "_button-ghost_1059c_100",
-  "button-text": "_button-text_1059c_117",
-  "button-text-selected": "_button-text-selected_1059c_130",
-  "button-error": "_button-error_1059c_136",
-  "button-size-xl": "_button-size-xl_1059c_149",
-  "button-size-l": "_button-size-l_1059c_155",
-  "button-size-m": "_button-size-m_1059c_161",
-  "button-size-s": "_button-size-s_1059c_167",
-  "button-size-menu": "_button-size-menu_1059c_173",
-  "button-gap-menu": "_button-gap-menu_1059c_179",
-  "button-gap-xl": "_button-gap-xl_1059c_182",
-  "button-gap-l": "_button-gap-l_1059c_185",
-  "button-gap-m": "_button-gap-m_1059c_179",
-  "button-gap-s": "_button-gap-s_1059c_188",
-  fullWidth: f,
-  flexHorizontalCenter: g,
-  flexHorizontalBetween: d
-}, C = z(
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import '../../styles/Button.css';const z = "_button_11huw_30", m = "_fullWidth_11huw_194", c = "_flexHorizontalCenter_11huw_198", f = "_flexHorizontalBetween_11huw_205", t = {
+  button: z,
+  "button-primary": "_button-primary_11huw_53",
+  "button-secondary": "_button-secondary_11huw_67",
+  "button-tertiary": "_button-tertiary_11huw_83",
+  "button-ghost": "_button-ghost_11huw_99",
+  "button-text": "_button-text_11huw_116",
+  "button-text-selected": "_button-text-selected_11huw_129",
+  "button-error": "_button-error_11huw_135",
+  "button-size-xl": "_button-size-xl_11huw_151",
+  "button-size-l": "_button-size-l_11huw_157",
+  "button-size-m": "_button-size-m_11huw_163",
+  "button-size-s": "_button-size-s_11huw_169",
+  "button-size-menu": "_button-size-menu_11huw_175",
+  "button-gap-menu": "_button-gap-menu_11huw_181",
+  "button-gap-xl": "_button-gap-xl_11huw_184",
+  "button-gap-l": "_button-gap-l_11huw_187",
+  "button-gap-m": "_button-gap-m_11huw_181",
+  "button-gap-s": "_button-gap-s_11huw_190",
+  fullWidth: m,
+  flexHorizontalCenter: c,
+  flexHorizontalBetween: f
+}, y = p(
   ({
     mode: n = "primary",
     size: e = "m",
     label: l,
     error: s,
     selected: b,
-    childrenLeft: _,
-    childrenRight: u,
+    childrenLeft: u,
+    childrenRight: _,
     fullWidth: r = !1,
     ...a
-  }, c) => {
-    const i = () => s ? "error" : n, x = [
+  }, i) => {
+    const h = () => s ? "error" : n, w = [
       t.button,
-      t[`button-${i()}`],
+      t[`button-${h()}`],
       t[`button-size-${e}`],
       t[`button-gap-${e}`],
       b && n === "text" && t["button-text-selected"],
       r ? t.flexHorizontalBetween : t.flexHorizontalCenter,
       r && t.fullWidth
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ x(
       "button",
       {
-        ref: c,
+        ref: i,
         type: "button",
-        className: x,
+        className: w,
         ...a,
         children: [
-          _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ }),
+          u && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: u }),
           /* @__PURE__ */ o("span", { children: l }),
-          u && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: u })
+          _ && /* @__PURE__ */ o("span", { className: t.flexHorizontalCenter, children: _ })
         ]
       }
     );
   }
 );
 export {
-  C as Button
+  y as Button
 };

package/dist/components/buttonControledScroll/ButtonControlledScroll.js

@@ -1,6 +1,6 @@
 import { jsxs as D, jsx as l } from "react/jsx-runtime";
 import { useRef as a, useState as h, useEffect as k } from "react";
-import '../../styles/ButtonControlledScroll.css';const y = "_wrapper_lqv42_6", E = "_container_lqv42_18", T = "_btn_lqv42_27", U = "_grab_lqv42_47", X = "_grabbing_lqv42_51", j = "_btnLeft_lqv42_57", B = "_btnRight_lqv42_62", n = {
+import '../../styles/ButtonControlledScroll.css';const y = "_wrapper_1fnz9_6", E = "_container_1fnz9_18", T = "_btn_1fnz9_27", U = "_grab_1fnz9_47", X = "_grabbing_1fnz9_51", j = "_btnLeft_1fnz9_57", B = "_btnRight_1fnz9_62", e = {
   wrapper: y,
   container: E,
   btn: T,
@@ -8,25 +8,33 @@ import '../../styles/ButtonControlledScroll.css';const y = "_wrapper_lqv42_6", E
   grabbing: X,
   btnLeft: j,
   btnRight: B
-}, A = ({ gap: v = 10, items: i, iconLeft: L, iconRight: b, scrollAmount: m = 150, grabSpeed: M = 1.5, grabbable: o = !0 }) => {
-  const u = m, r = a(null), [S, R] = h(!1), [x, $] = h(!1), s = a(!1), f = a(0), d = a(0), q = (t) => {
+}, A = ({
+  gap: L = 10,
+  items: i,
+  iconLeft: b,
+  iconRight: m,
+  scrollAmount: v = 150,
+  grabSpeed: M = 1.5,
+  grabbable: o = !0
+}) => {
+  const f = v, r = a(null), [S, R] = h(!1), [x, $] = h(!1), s = a(!1), u = a(0), d = a(0), w = (t) => {
     if (o) {
-      const e = r.current;
-      if (!e) return;
-      s.current = !0, f.current = t.pageX - e.offsetLeft, d.current = e.scrollLeft, e.classList.add(n.grabbing);
+      const n = r.current;
+      if (!n) return;
+      s.current = !0, u.current = t.pageX - n.offsetLeft, d.current = n.scrollLeft, n.classList.add(e.grabbing);
     }
-  }, w = (t) => {
+  }, z = (t) => {
     if (o) {
-      const e = r.current;
-      if (!e || !s.current) return;
+      const n = r.current;
+      if (!n || !s.current) return;
       t.preventDefault();
-      const N = (t.pageX - e.offsetLeft - f.current) * M;
-      e.scrollLeft = d.current + N;
+      const N = (t.pageX - n.offsetLeft - u.current) * M;
+      n.scrollLeft = d.current + N;
     }
   }, g = () => {
     if (o) {
       const t = r.current;
-      s.current = !1, t == null || t.classList.remove(n.grabbing);
+      s.current = !1, t == null || t.classList.remove(e.grabbing);
     }
   }, C = () => {
     s.current && o && g();
@@ -34,26 +42,38 @@ import '../../styles/ButtonControlledScroll.css';const y = "_wrapper_lqv42_6", E
     const t = r.current;
     t && (R(t.scrollLeft > 0), $(t.scrollLeft + t.clientWidth < t.scrollWidth));
   }, _ = (t) => {
-    const e = r.current;
-    if (!e) return;
-    const c = t === "left" ? -u : u;
-    e.scrollBy({ left: c, behavior: "smooth" });
+    const n = r.current;
+    if (!n) return;
+    const c = t === "left" ? -f : f;
+    n.scrollBy({ left: c, behavior: "smooth" });
   };
   return k(() => {
     const t = r.current;
     if (!t) return;
-    const e = () => p();
-    t.addEventListener("scroll", e);
+    const n = () => p();
+    t.addEventListener("scroll", n);
     const c = setTimeout(() => {
       p();
     }, 0);
     return () => {
-      clearTimeout(c), t.removeEventListener("scroll", e);
+      clearTimeout(c), t.removeEventListener("scroll", n);
     };
-  }, [i]), /* @__PURE__ */ D("div", { className: `${n.wrapper}`, children: [
-    S && /* @__PURE__ */ l("button", { className: `${n.btn} ${n.btnLeft} padding-xs-5`, onClick: () => _("left"), children: L }),
-    /* @__PURE__ */ l("div", { onMouseDown: q, onMouseLeave: C, onMouseMove: w, onMouseUp: g, className: `${n.container} ${o && n.grab}`, style: { gap: `${v}px` }, ref: r, children: i.map((t, e) => /* @__PURE__ */ l("div", { className: n.item, children: t }, e)) }),
-    x && /* @__PURE__ */ l("button", { className: `${n.btn} ${n.btnRight} padding-xs-5`, onClick: () => _("right"), children: b })
+  }, [i]), /* @__PURE__ */ D("div", { className: `${e.wrapper}`, children: [
+    S && /* @__PURE__ */ l("button", { className: `${e.btn} ${e.btnLeft} padding-xs-5`, onClick: () => _("left"), children: b }),
+    /* @__PURE__ */ l(
+      "div",
+      {
+        onMouseDown: w,
+        onMouseLeave: C,
+        onMouseMove: z,
+        onMouseUp: g,
+        className: `${e.container} ${o && e.grab}`,
+        style: { gap: `${L}px` },
+        ref: r,
+        children: i.map((t, n) => /* @__PURE__ */ l("div", { className: e.item, children: t }, n))
+      }
+    ),
+    x && /* @__PURE__ */ l("button", { className: `${e.btn} ${e.btnRight} padding-xs-5`, onClick: () => _("right"), children: m })
   ] });
 };
 export {