@situaction/traq-ui-ste 1.0.20 → 1.0.22

package/dist/components/button/Button.js

@@ -1,24 +1,24 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { useEffect as y } from "react";
-import { useTheme as x } from "../theme/ThemeContext.js";
-import '../../styles/Button.css';const d = "_button_tf4v4_21", g = "_flexHorizontalCenter_tf4v4_164", o = {
-  button: d,
-  "button-primary": "_button-primary_tf4v4_44",
-  "button-secondary": "_button-secondary_tf4v4_58",
-  "button-tertiary": "_button-tertiary_tf4v4_72",
-  "button-ghost": "_button-ghost_tf4v4_86",
-  "button-text": "_button-text_tf4v4_102",
-  "button-text-selected": "_button-text-selected_tf4v4_115",
-  "button-error": "_button-error_tf4v4_121",
-  "button-size-xl": "_button-size-xl_tf4v4_134",
-  "button-size-l": "_button-size-l_tf4v4_139",
-  "button-size-m": "_button-size-m_tf4v4_144",
-  "button-size-s": "_button-size-s_tf4v4_149",
-  "button-gap-xl": "_button-gap-xl_tf4v4_154",
-  "button-gap-l": "_button-gap-l_tf4v4_157",
-  "button-gap-m": "_button-gap-m_tf4v4_160",
-  "button-gap-s": "_button-gap-s_tf4v4_160",
-  flexHorizontalCenter: g
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { useEffect as x } from "react";
+import { useTheme as g } from "../theme/ThemeContext.js";
+import '../../styles/Button.css';const v = "_button_1031d_21", z = "_flexHorizontalCenter_1031d_167", o = {
+  button: v,
+  "button-primary": "_button-primary_1031d_43",
+  "button-secondary": "_button-secondary_1031d_57",
+  "button-tertiary": "_button-tertiary_1031d_71",
+  "button-ghost": "_button-ghost_1031d_85",
+  "button-text": "_button-text_1031d_101",
+  "button-text-selected": "_button-text-selected_1031d_114",
+  "button-error": "_button-error_1031d_120",
+  "button-size-xl": "_button-size-xl_1031d_133",
+  "button-size-l": "_button-size-l_1031d_139",
+  "button-size-m": "_button-size-m_1031d_145",
+  "button-size-s": "_button-size-s_1031d_151",
+  "button-gap-xl": "_button-gap-xl_1031d_157",
+  "button-gap-l": "_button-gap-l_1031d_160",
+  "button-gap-m": "_button-gap-m_1031d_163",
+  "button-gap-s": "_button-gap-s_1031d_163",
+  flexHorizontalCenter: z
 }, C = ({
   mode: n = "primary",
   size: s = "m",
@@ -29,32 +29,32 @@ import '../../styles/Button.css';const d = "_button_tf4v4_21", g = "_flexHorizon
   selected: b,
   childrenLeft: i,
   childrenRight: _,
-  ...c
+  ...d
 }) => {
-  const { mode: e } = x(), m = () => l ? "error" : n;
-  y(() => {
+  const { mode: e } = g(), c = () => l ? "error" : n;
+  x(() => {
     r && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
   }, [t]);
-  const v = [
+  const m = [
     o.button,
-    o[`button-${m()}`],
+    o[`button-${c()}`],
     o[`button-size-${s}`],
     o[`button-gap-${s}`],
     b && n === "text" && o["button-text-selected"],
     o.flexHorizontalCenter
-  ].join(" "), f = {
+  ].join(" "), p = {
     "--dynamic-color-text": t ? r === "dark" ? `var(--color-${t}-900)` : "var(--color-light-100)" : e === "light" ? "var(--color-light-100)" : "var(--primary-color-900)",
     "--dynamic-color": t ? `var(--color-${t}-${r === "dark" ? "200" : "900"})` : "var(--primary-color)",
     "--dynamic-color-hover": t ? `var(--color-${t}-${r === "dark" ? "100" : "800"})` : e === "light" ? "var(--primary-color-800)" : "var(--primary-color-100)",
     "--dynamic-color-activated": t ? `var(--color-${t}-${r === "dark" ? "50" : "700"})` : e === "light" ? "var(--primary-color-700)" : "var(--primary-color-50)"
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ y(
     "button",
     {
       type: "button",
-      className: v,
-      style: n === "primary" ? f : void 0,
-      ...c,
+      className: m,
+      style: n === "primary" ? p : void 0,
+      ...d,
       children: [
         i && /* @__PURE__ */ a("span", { className: o.flexHorizontalCenter, children: i }),
         /* @__PURE__ */ a("span", { children: u }),

package/dist/components/checkbox/Checkbox.d.ts

@@ -13,5 +13,4 @@ export interface CheckboxProps {
     /** Function to call when the checkbox state changes */
     onChange?: (checked: boolean) => void;
 }
-declare const Checkbox: FC<CheckboxProps>;
-export default Checkbox;
+export declare const Checkbox: FC<CheckboxProps>;

package/dist/components/checkbox/Checkbox.js

@@ -22,10 +22,10 @@ import '../../styles/Checkbox.css';const n = "_checkbox_1cb1z_21", r = "_checked
   disabled: i = !1,
   onChange: o
 }) => {
-  const { mode: k } = m(), [c, a] = x(h), l = () => {
+  const { mode: k } = m(), [c, _] = x(h), a = () => {
     const d = !c;
-    a(d), o && o(d);
-  }, _ = [
+    _(d), o && o(d);
+  }, l = [
     e.checkbox,
     e[`checkbox-size-${b}`],
     c && e.checked,
@@ -36,12 +36,12 @@ import '../../styles/Checkbox.css';const n = "_checkbox_1cb1z_21", r = "_checked
     "div",
     {
       "data-testid": "checkbox",
-      className: _,
-      onClick: l,
+      className: l,
+      onClick: a,
       children: c && t
     }
   );
 };
 export {
-  g as default
+  g as Checkbox
 };

package/dist/components/icon-button/IconButton.js

@@ -1,22 +1,22 @@
 import { jsx as y } from "react/jsx-runtime";
 import { useEffect as d } from "react";
-import { useTheme as p } from "../theme/ThemeContext.js";
-import '../../styles/IconButton.css';const x = "_button_1v64m_21", z = "_flexHorizontalCenter_1v64m_158", o = {
-  button: x,
-  "button-round": "_button-round_1v64m_49",
-  "button-primary": "_button-primary_1v64m_52",
-  "button-secondary": "_button-secondary_1v64m_65",
-  "button-tertiary": "_button-tertiary_1v64m_79",
-  "button-ghost": "_button-ghost_1v64m_93",
-  "button-text": "_button-text_1v64m_106",
-  "button-text-selected": "_button-text-selected_1v64m_118",
-  "button-error": "_button-error_1v64m_124",
-  "button-size-xl": "_button-size-xl_1v64m_137",
-  "button-size-l": "_button-size-l_1v64m_142",
-  "button-size-m": "_button-size-m_1v64m_147",
-  "button-size-s": "_button-size-s_1v64m_152",
-  flexHorizontalCenter: z
-}, $ = ({
+import { useTheme as j } from "../theme/ThemeContext.js";
+import '../../styles/IconButton.css';const w = "_button_pjwt4_21", v = "_flexHorizontalCenter_pjwt4_160", o = {
+  button: w,
+  "button-round": "_button-round_pjwt4_48",
+  "button-primary": "_button-primary_pjwt4_51",
+  "button-secondary": "_button-secondary_pjwt4_64",
+  "button-tertiary": "_button-tertiary_pjwt4_78",
+  "button-ghost": "_button-ghost_pjwt4_92",
+  "button-icon": "_button-icon_pjwt4_105",
+  "button-icon-selected": "_button-icon-selected_pjwt4_117",
+  "button-error": "_button-error_pjwt4_126",
+  "button-size-xl": "_button-size-xl_pjwt4_139",
+  "button-size-l": "_button-size-l_pjwt4_144",
+  "button-size-m": "_button-size-m_pjwt4_149",
+  "button-size-s": "_button-size-s_pjwt4_154",
+  flexHorizontalCenter: v
+}, h = ({
   mode: e = "primary",
   color: t,
   colorMode: r,
@@ -24,22 +24,22 @@ import '../../styles/IconButton.css';const x = "_button_1v64m_21", z = "_flexHor
   error: a,
   selected: u,
   round: s,
-  disabled: m,
-  children: _,
-  onClick: b
+  disabled: _,
+  children: b,
+  onClick: l
 }) => {
-  const { mode: n } = p(), l = () => a ? "error" : e;
+  const { mode: n } = j(), c = () => a ? "error" : e;
   d(() => {
     r && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
   }, [t]);
-  const c = [
+  const m = [
     o.button,
-    o[`button-${l()}`],
+    o[`button-${c()}`],
     s && o["button-round"],
     o[`button-size-${i}`],
-    u && e === "icon" && o["button-text-selected"],
+    u && e === "icon" && o["button-icon-selected"],
     o.flexHorizontalCenter
-  ].join(" "), v = {
+  ].join(" "), p = {
     "--dynamic-color-text": t ? r === "dark" ? "var(--primary-color-900)" : "var(--color-light-100)" : n === "light" ? "var(--color-light-100)" : "var(--primary-color-900)",
     "--dynamic-color": t ? `var(--color-${t}-${r === "dark" ? "200" : "900"})` : "var(--primary-color)",
     "--dynamic-color-hover": t ? `var(--color-${t}-${r === "dark" ? "100" : "800"})` : n === "light" ? "var(--primary-color-800)" : "var(--primary-color-100)",
@@ -48,14 +48,14 @@ import '../../styles/IconButton.css';const x = "_button_1v64m_21", z = "_flexHor
   return /* @__PURE__ */ y(
     "button",
     {
-      className: c,
-      style: v,
-      onClick: b,
-      disabled: m,
-      children: _
+      className: m,
+      style: p,
+      onClick: l,
+      disabled: _,
+      children: b
     }
   );
 };
 export {
-  $ as IconButton
+  h as IconButton
 };

package/dist/components/input/Input.d.ts

@@ -5,9 +5,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     /** How large should the input be? **/
     sizeStyle?: Size;
     /** input status style **/
-    status?: 'default' | 'error' | 'success' | 'secondary';
-    /** The label or placeholder text for the input field **/
-    label: string;
+    status?: 'default' | 'error' | 'success' | 'secondary' | 'ghost';
     /** Optional unit or additional label to display next to the input **/
     labelUnit?: string;
     /** If true, the input will have rounded corners **/

package/dist/components/input/Input.js

@@ -1,89 +1,89 @@
-import { jsxs as u, jsx as l, Fragment as c } from "react/jsx-runtime";
-import { useState as y, useRef as j } from "react";
-import { useTheme as N } from "../theme/ThemeContext.js";
-import '../../styles/Input.css';const k = "_flexHorizontalBetween_17x9g_150", I = "_flexHorizontal_17x9g_150", e = {
-  "input-style": "_input-style_17x9g_37",
-  "input-style-disabled": "_input-style-disabled_17x9g_49",
-  "input-style-focused": "_input-style-focused_17x9g_60",
-  "input-style-secondary": "_input-style-secondary_17x9g_68",
-  "input-style-error": "_input-style-error_17x9g_82",
-  "input-style-success": "_input-style-success_17x9g_92",
-  "input-container": "_input-container_17x9g_102",
-  "input-style-size-xl": "_input-style-size-xl_17x9g_106",
-  "input-style-size-l": "_input-style-size-l_17x9g_116",
-  "input-style-size-m": "_input-style-size-m_17x9g_126",
-  "input-style-size-s": "_input-style-size-s_17x9g_136",
-  "input-style-radius": "_input-style-radius_17x9g_146",
-  flexHorizontalBetween: k,
-  flexHorizontal: I
-}, M = ({
-  sizeStyle: d = "m",
-  label: p,
-  labelUnit: s,
-  status: n = "default",
+import { jsxs as a, jsx as s, Fragment as c } from "react/jsx-runtime";
+import { useState as y, useRef as F } from "react";
+import { useTheme as j } from "../theme/ThemeContext.js";
+import '../../styles/Input.css';const N = "_flexHorizontalBetween_tg8sh_154", k = "_flexHorizontal_tg8sh_154", t = {
+  "input-style": "_input-style_tg8sh_38",
+  "input-style-disabled": "_input-style-disabled_tg8sh_50",
+  "input-style-focused": "_input-style-focused_tg8sh_61",
+  "input-style-secondary": "_input-style-secondary_tg8sh_69",
+  "input-style-ghost": "_input-style-ghost_tg8sh_83",
+  "input-style-error": "_input-style-error_tg8sh_86",
+  "input-style-success": "_input-style-success_tg8sh_96",
+  "input-container": "_input-container_tg8sh_106",
+  "input-style-size-xl": "_input-style-size-xl_tg8sh_110",
+  "input-style-size-l": "_input-style-size-l_tg8sh_120",
+  "input-style-size-m": "_input-style-size-m_tg8sh_130",
+  "input-style-size-s": "_input-style-size-s_tg8sh_140",
+  "input-style-radius": "_input-style-radius_tg8sh_150",
+  flexHorizontalBetween: N,
+  flexHorizontal: k
+}, D = ({
+  sizeStyle: p = "m",
+  labelUnit: n,
+  status: l = "default",
   childrenLeft: o,
   childrenRight: i,
-  round: _,
+  round: d,
   disabled: r,
-  defaultValue: g,
-  ...x
+  defaultValue: _,
+  ...h
 }) => {
-  const { mode: t } = N(), [f, a] = y(!1), [m, h] = y(g || ""), z = j(null), v = () => a(!0), B = () => a(!1), H = (F) => {
-    h(F.target.value);
-  }, b = [
-    e["input-style"],
-    e[`input-style-size-${d}`],
-    _ && e["input-style-radius"],
-    e.flexHorizontalBetween
-  ].filter(Boolean).join(" "), S = [
-    f && e["input-style-focused"],
-    r && e["input-style-disabled"],
-    n === "secondary" && e["input-style-secondary"]
-  ].filter(Boolean).join(" "), w = () => {
-    switch (n) {
+  const { mode: e } = j(), [g, u] = y(!1), [f, m] = y(_ || ""), z = F(null), v = () => u(!0), x = () => u(!1), B = (C) => {
+    m(C.target.value);
+  }, H = [
+    t["input-style"],
+    t[`input-style-size-${p}`],
+    d && t["input-style-radius"],
+    t.flexHorizontalBetween
+  ].filter(Boolean).join(" "), b = [
+    g && t["input-style-focused"],
+    r && t["input-style-disabled"],
+    l === "secondary" && t["input-style-secondary"],
+    l === "ghost" && t["input-style-ghost"]
+  ].filter(Boolean).join(" "), S = () => {
+    switch (l) {
       case "error":
-        return e["input-style-error"];
+        return t["input-style-error"];
       case "success":
-        return e["input-style-success"];
+        return t["input-style-success"];
       default:
-        return S;
+        return b;
     }
-  }, C = {
-    "--dynamic-color": t === "light" ? "var(--color-blue-grey-400)" : "var(--color-blue-grey-200)",
-    "--dynamic-color-activated": t === "light" ? "var(--color-dark-100)" : "var(--color-light-100)",
-    "--dynamic-color-disabled": t === "light" ? "var(--color-dark-40)" : "var(--color-light-40)",
-    "--dynamic-color-border-disabled": t === "light" ? "var(--color-dark-10)" : "var(--color-light-10)",
-    "--dynamic-color-secondary": t === "light" ? "var(--color-blue-situaction-900)" : "var(--color-light-100)"
+  }, w = {
+    "--dynamic-color": e === "light" ? "var(--color-blue-grey-400)" : "var(--color-blue-grey-200)",
+    "--dynamic-color-activated": e === "light" ? "var(--color-dark-100)" : "var(--color-light-100)",
+    "--dynamic-color-disabled": e === "light" ? "var(--color-dark-40)" : "var(--color-light-40)",
+    "--dynamic-color-border-disabled": e === "light" ? "var(--color-dark-10)" : "var(--color-light-10)",
+    "--dynamic-color-secondary": e === "light" ? "var(--color-blue-situaction-900)" : "var(--color-light-100)"
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: z,
-      className: `input-style ${b} ${w()}`,
+      className: `input-style ${H} ${S()}`,
       onFocus: v,
-      onBlur: B,
-      style: C,
+      onBlur: x,
+      style: w,
       children: [
-        o && /* @__PURE__ */ l(c, { children: o }),
-        /* @__PURE__ */ l("div", { className: e["input-container"], children: /* @__PURE__ */ l(
+        o && /* @__PURE__ */ s(c, { children: o }),
+        /* @__PURE__ */ s("div", { className: t["input-container"], children: /* @__PURE__ */ s(
           "input",
           {
             autoCorrect: "false",
-            placeholder: p,
             disabled: r,
-            value: m,
-            onChange: H,
-            ...x
+            value: f,
+            onChange: B,
+            ...h
           }
         ) }),
-        /* @__PURE__ */ u(c, { children: [
-          s && /* @__PURE__ */ l("div", { children: s }),
-          i && /* @__PURE__ */ l("span", { className: e.flexHorizontal, children: i })
+        /* @__PURE__ */ a(c, { children: [
+          n && /* @__PURE__ */ s("div", { children: n }),
+          i && /* @__PURE__ */ s("span", { className: t.flexHorizontal, children: i })
         ] })
       ]
     }
   );
 };
 export {
-  M as Input
+  D as Input
 };

package/dist/components/tabs/Tabs.d.ts

@@ -1,11 +1,15 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 
 export interface TabsProps {
+    /** select the type of data text or icon that we put in tabs */
+    type: 'text' | 'icon';
     /** Array of strings representing the labels of the tabs */
-    listItems: string[];
+    listItems: (string | ReactNode)[];
     /** Index of the tab that should be active by default */
     defaultActiveTab?: number;
+    /** Position Tabs */
+    position?: 'center' | 'right' | 'left';
     /** Callback function to handle tab selection, receiving the selected tab's label */
-    onTabSelect: (selectedItem: string) => void;
+    onTabSelect: (selectedItem: string | ReactNode) => void;
 }
 export declare const Tabs: FC<TabsProps>;

package/dist/components/tabs/Tabs.js

@@ -1,39 +1,53 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { useState as u, useRef as a, useLayoutEffect as g } from "react";
+import { jsxs as z, jsx as n } from "react/jsx-runtime";
+import { useState as d, useRef as i, useLayoutEffect as H } from "react";
 import { Button as v } from "../button/Button.js";
-import '../../styles/Tabs.css';const y = "_underline_eo8ix_34", $ = "_flexHorizontal_eo8ix_42", l = {
-  "tab-container": "_tab-container_eo8ix_21",
-  "tab-items": "_tab-items_eo8ix_28",
-  underline: y,
-  flexHorizontal: $
-}, w = ({ listItems: o, onTabSelect: f, defaultActiveTab: d = 0 }) => {
-  const [r, b] = u(d), [x, m] = u({}), i = a(null), _ = a(null), s = a(new Array(o.length).fill(null)), p = (e) => {
-    b(e), f(o[e]);
+import { IconButton as C } from "../icon-button/IconButton.js";
+import '../../styles/Tabs.css';const B = "_underline_6d6ac_34", o = {
+  "tab-container": "_tab-container_6d6ac_21",
+  "tab-items": "_tab-items_6d6ac_29",
+  underline: B,
+  "flexHorizontal-center": "_flexHorizontal-center_6d6ac_42",
+  "flexHorizontal-left": "_flexHorizontal-left_6d6ac_48",
+  "flexHorizontal-right": "_flexHorizontal-right_6d6ac_54"
+}, k = ({ listItems: r, type: u, onTabSelect: _, defaultActiveTab: m = 0, position: b = "left" }) => {
+  const [l, x] = d(m), [h, p] = d({}), c = i(null), g = i(null), s = i(new Array(r.length).fill(null)), f = (e) => {
+    x(e), _(r[e]);
   }, R = (e) => {
-    if (i.current && e) {
-      const t = e.getBoundingClientRect(), c = i.current.getBoundingClientRect();
-      m({
-        left: `${t.left - c.left}px`,
+    if (c.current && e) {
+      const t = e.getBoundingClientRect(), a = c.current.getBoundingClientRect();
+      p({
+        left: `${t.left - a.left}px`,
         width: `${t.width}px`
       });
     }
-  };
-  return g(() => {
-    const e = s.current[r];
+  }, y = [
+    o[`flexHorizontal-${b}`],
+    o["tab-items"]
+  ].filter(Boolean).join(" ");
+  return H(() => {
+    const e = s.current[l];
     e && R(e);
-  }, [r]), /* @__PURE__ */ h("div", { className: `tab ${l["tab-container"]}`, ref: i, children: [
-    /* @__PURE__ */ n("div", { className: `${l.flexHorizontal} ${l["tab-items"]}`, children: o.map((e, t) => /* @__PURE__ */ n("div", { ref: (c) => s.current[t] = c, children: /* @__PURE__ */ n(
+  }, [l]), /* @__PURE__ */ z("div", { className: `tab ${o["tab-container"]}`, ref: c, children: [
+    /* @__PURE__ */ n("div", { className: y, children: r.map((e, t) => /* @__PURE__ */ n("div", { ref: (a) => s.current[t] = a, children: u === "text" ? /* @__PURE__ */ n(
       v,
       {
         label: e,
         mode: "text",
-        selected: t === r,
-        onClick: () => p(t)
+        selected: t === l,
+        onClick: () => f(t)
+      }
+    ) : /* @__PURE__ */ n(
+      C,
+      {
+        mode: "icon",
+        selected: t === l,
+        onClick: () => f(t),
+        children: e
       }
     ) }, t)) }),
-    /* @__PURE__ */ n("div", { ref: _, className: l.underline, style: x })
+    /* @__PURE__ */ n("div", { ref: g, className: o.underline, style: h })
   ] });
 };
 export {
-  w as Tabs
+  k as Tabs
 };

package/dist/components/tag-counter/TagCounter.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { Size } from '../interface.ts';
+
+export interface TagCounterProps {
+    label: number;
+    size?: Size;
+}
+export declare const TagCounter: FC<TagCounterProps>;

package/dist/components/tag-counter/TagCounter.js

@@ -0,0 +1,20 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useTheme as n } from "../theme/ThemeContext.js";
+import '../../styles/TagCounter.css';const t = {
+  "tag-counter": "_tag-counter_12ztz_21",
+  "dark-mode": "_dark-mode_12ztz_32",
+  "tag-counter-size-xl": "_tag-counter-size-xl_12ztz_36",
+  "tag-counter-size-l": "_tag-counter-size-l_12ztz_43",
+  "tag-counter-size-m": "_tag-counter-size-m_12ztz_50",
+  "tag-counter-size-s": "_tag-counter-size-s_12ztz_57"
+}, _ = ({ label: e, size: o = "m" }) => {
+  const { mode: r } = n(), s = [
+    t["tag-counter"],
+    t[`tag-counter-size-${o}`],
+    r === "dark" && t["dark-mode"]
+  ].join(" ");
+  return /* @__PURE__ */ a("div", { className: s, children: e });
+};
+export {
+  _ as TagCounter
+};

package/dist/main.d.ts

@@ -5,4 +5,7 @@ export { Tabs } from './components/tabs/Tabs';
 export { IconButton } from './components/icon-button/IconButton';
 export { Tag } from './components/tag/Tag';
 export { Title } from './components/title/Title';
+export { TagCounter } from './components/tag-counter/TagCounter.tsx';
+export { Checkbox } from './components/checkbox/Checkbox.tsx';
+export { Tooltip } from './components/tooltip/Tooltip.tsx';
 export { ThemeProvider, useTheme } from './components/theme/ThemeContext';

package/dist/main.js

@@ -1,17 +1,23 @@
 import { Button as e } from "./components/button/Button.js";
 import { Input as m } from "./components/input/Input.js";
-import { Tabs as f } from "./components/tabs/Tabs.js";
+import { Tabs as x } from "./components/tabs/Tabs.js";
 import { IconButton as T } from "./components/icon-button/IconButton.js";
 import { Tag as u } from "./components/tag/Tag.js";
 import { Title as h } from "./components/title/Title.js";
-import { ThemeProvider as s, useTheme as B } from "./components/theme/ThemeContext.js";
+import { TagCounter as b } from "./components/tag-counter/TagCounter.js";
+import { Checkbox as g } from "./components/checkbox/Checkbox.js";
+import { Tooltip as s } from "./components/tooltip/Tooltip.js";
+import { ThemeProvider as C, useTheme as I } from "./components/theme/ThemeContext.js";
 import './styles/main.css';export {
   e as Button,
+  g as Checkbox,
   T as IconButton,
   m as Input,
-  f as Tabs,
+  x as Tabs,
   u as Tag,
-  s as ThemeProvider,
+  b as TagCounter,
+  C as ThemeProvider,
   h as Title,
-  B as useTheme
+  s as Tooltip,
+  I as useTheme
 };

package/dist/styles/Button.css

@@ -1 +1 @@
-@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}._button_tf4v4_21{font-family:var(--font-family);font-weight:500;border:0;border-radius:8px;cursor:pointer;width:fit-content}._button_tf4v4_21:focus-visible{outline:2px solid var(--dynamic-color);outline-offset:2px}._button_tf4v4_21:disabled{background-color:#0f0f0f0d;color:#0f0f0f66;border:1px solid rgba(15,15,15,.1);cursor:initial;pointer-events:none}._button_tf4v4_21:disabled *{fill:#0f0f0f66}._button-primary_tf4v4_44{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_tf4v4_44:hover{background-color:var(--dynamic-color-hover)}._button-primary_tf4v4_44:active{background-color:var(--dynamic-color-activated);outline:none}._button-primary_tf4v4_44 *{fill:var(--dynamic-color-text)}._button-secondary_tf4v4_58{color:var(--color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_tf4v4_58:hover{background-color:#96b4ee66}._button-secondary_tf4v4_58:active{background-color:#96b4ee99}._button-secondary_tf4v4_58 *{fill:var(--color-text)}._button-tertiary_tf4v4_72{color:var(--color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_tf4v4_72:hover{background-color:#96b4ee1a}._button-tertiary_tf4v4_72:active{background-color:#96b4ee33}._button-tertiary_tf4v4_72 *{fill:var(--color-text)}._button-ghost_tf4v4_86{color:var(--color-text);background-color:transparent}._button-ghost_tf4v4_86:hover{background-color:#96b4ee1a}._button-ghost_tf4v4_86:active{background-color:#96b4ee33}._button-ghost_tf4v4_86:disabled{border:none}._button-ghost_tf4v4_86 *{fill:var(--color-text)}._button-text_tf4v4_102{color:#96b4eecc;background-color:transparent;padding:0!important}._button-text_tf4v4_102:hover{color:#96b4ee}._button-text_tf4v4_102:disabled{border:none;background-color:transparent;color:#a5b4bb}._button-text-selected_tf4v4_115,._button-text-selected_tf4v4_115:hover{color:var(--color-text)}._button-error_tf4v4_121{color:#fff;background-color:#ff4747}._button-error_tf4v4_121:hover{background-color:#ed1515}._button-error_tf4v4_121:active{background-color:#c80d0d}._button-error_tf4v4_121 *{fill:var(--color-text)}._button-size-xl_tf4v4_134{padding:1rem 2rem;font-size:1.125em;line-height:28px}._button-size-l_tf4v4_139{padding:.75rem 1.5rem;font-size:1em;line-height:24px}._button-size-m_tf4v4_144{padding:.5rem 1rem;font-size:.875em;line-height:22px}._button-size-s_tf4v4_149{padding:.375rem .75rem;font-size:.75em;line-height:16px}._button-gap-xl_tf4v4_154{gap:12px}._button-gap-l_tf4v4_157{gap:8px}._button-gap-m_tf4v4_160,._button-gap-s_tf4v4_160{gap:4px}._flexHorizontalCenter_tf4v4_164{display:flex;justify-content:center;align-items:center;flex-direction:row}
+@font-face{font-family:Urbanist-Thin;src:url(../fonts/Urbanist-Thin.ttf) format("truetype");font-weight:100;font-style:normal}@font-face{font-family:Urbanist-Extra-Light;src:url(../fonts/Urbanist-ExtraLight.ttf) format("truetype");font-weight:200;font-style:normal}@font-face{font-family:Urbanist-Light;src:url(../fonts/Urbanist-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Urbanist-Regular;src:url(../fonts/Urbanist-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(../fonts/Urbanist-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Urbanist-Back;src:url(../fonts/Urbanist-Black.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Urbanist-Semi-Bold;src:url(../fonts/Urbanist-SemiBold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Urbanist-Bold;src:url(../fonts/Urbanist-Bold.ttf) format("truetype");font-weight:800;font-style:normal}@font-face{font-family:Urbanist-Extra-Bold;src:url(../fonts/Urbanist-ExtraBold.ttf) format("truetype");font-weight:900;font-style:normal}:root,body{font-family:Urbanist,sans-serif;line-height:1;width:100vw;height:100vh}._button_1031d_21{font-family:var(--font-family);font-weight:500;border:0;cursor:pointer;width:fit-content}._button_1031d_21:focus-visible{outline:2px solid var(--dynamic-color);outline-offset:2px}._button_1031d_21:disabled{background-color:#0f0f0f0d;color:#0f0f0f66;border:1px solid rgba(15,15,15,.1);cursor:initial;pointer-events:none}._button_1031d_21:disabled *{fill:#0f0f0f66}._button-primary_1031d_43{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_1031d_43:hover{background-color:var(--dynamic-color-hover)}._button-primary_1031d_43:active{background-color:var(--dynamic-color-activated);outline:none}._button-primary_1031d_43 *{fill:var(--dynamic-color-text)}._button-secondary_1031d_57{color:var(--color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_1031d_57:hover{background-color:#96b4ee66}._button-secondary_1031d_57:active{background-color:#96b4ee99}._button-secondary_1031d_57 *{fill:var(--color-text)}._button-tertiary_1031d_71{color:var(--color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_1031d_71:hover{background-color:#96b4ee1a}._button-tertiary_1031d_71:active{background-color:#96b4ee33}._button-tertiary_1031d_71 *{fill:var(--color-text)}._button-ghost_1031d_85{color:var(--color-text);background-color:transparent}._button-ghost_1031d_85:hover{background-color:#96b4ee1a}._button-ghost_1031d_85:active{background-color:#96b4ee33}._button-ghost_1031d_85:disabled{border:none}._button-ghost_1031d_85 *{fill:var(--color-text)}._button-text_1031d_101{color:#96b4eecc;background-color:transparent;padding:0!important}._button-text_1031d_101:hover{color:#96b4ee}._button-text_1031d_101:disabled{border:none;background-color:transparent;color:#a5b4bb}._button-text-selected_1031d_114,._button-text-selected_1031d_114:hover{color:var(--color-text)}._button-error_1031d_120{color:#fff;background-color:#ff4747}._button-error_1031d_120:hover{background-color:#ed1515}._button-error_1031d_120:active{background-color:#c80d0d}._button-error_1031d_120 *{fill:var(--color-text)}._button-size-xl_1031d_133{padding:1rem 2rem;font-size:1.125em;line-height:28px;border-radius:8px}._button-size-l_1031d_139{padding:.75rem 1.5rem;font-size:1em;line-height:24px;border-radius:8px}._button-size-m_1031d_145{padding:.5rem 1rem;font-size:.875em;line-height:22px;border-radius:4px}._button-size-s_1031d_151{padding:.375rem .75rem;font-size:.75em;line-height:16px;border-radius:4px}._button-gap-xl_1031d_157{gap:12px}._button-gap-l_1031d_160{gap:8px}._button-gap-m_1031d_163,._button-gap-s_1031d_163{gap:4px}._flexHorizontalCenter_1031d_167{display:flex;justify-content:center;align-items:center;flex-direction:row}

package/dist/styles/IconButton.css

@@ -1 +1 @@
-._button_1v64m_21{font-family:var(--font-family);font-weight:500;border:0;cursor:pointer;line-height:1;box-shadow:0 4px 10px #00000008;display:inline-flex;justify-content:center;align-items:center;min-width:12px;min-height:12px;aspect-ratio:1/1}._button_1v64m_21:focus-visible{outline:none}._button_1v64m_21:disabled{background-color:#0f0f0f0d;color:#0f0f0f66;border:1px solid rgba(15,15,15,.1);cursor:initial;pointer-events:none}._button_1v64m_21:disabled *{fill:#0f0f0f66}._button-round_1v64m_49._button_1v64m_21{border-radius:50%}._button-primary_1v64m_52{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_1v64m_52:hover{background-color:var(--dynamic-color-hover)}._button-primary_1v64m_52:active{background-color:var(--dynamic-color-activated)}._button-primary_1v64m_52 *{fill:var(--dynamic-color-text)}._button-secondary_1v64m_65{color:var(--color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_1v64m_65:hover{background-color:#96b4ee66}._button-secondary_1v64m_65:active{background-color:#96b4ee99}._button-secondary_1v64m_65 *{fill:var(--color-text)}._button-tertiary_1v64m_79{color:var(--color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_1v64m_79:hover{background-color:#96b4ee1a}._button-tertiary_1v64m_79:active{background-color:#96b4ee33}._button-tertiary_1v64m_79 *{fill:var(--color-text)}._button-ghost_1v64m_93{color:var(--color-text);background-color:transparent}._button-ghost_1v64m_93:hover{background-color:#96b4ee1a}._button-ghost_1v64m_93:active{background-color:#96b4ee33}._button-ghost_1v64m_93 *{fill:var(--color-text)}._button-text_1v64m_106{color:#96b4eecc;background-color:transparent}._button-text_1v64m_106:hover{color:#96b4ee}._button-text_1v64m_106:disabled{border:none;background-color:transparent;color:#a5b4bb}._button-text-selected_1v64m_118,._button-text-selected_1v64m_118:hover{color:var(--color-text)}._button-error_1v64m_124{color:#fff;background-color:#ff4747}._button-error_1v64m_124:hover{background-color:#ed1515}._button-error_1v64m_124:active{background-color:#c80d0d}._button-error_1v64m_124 *{fill:var(--color-text)}._button-size-xl_1v64m_137{border-radius:.5rem;padding:1rem;font-size:1.125em}._button-size-l_1v64m_142{border-radius:.5rem;padding:.75rem;font-size:1em}._button-size-m_1v64m_147{border-radius:.25rem;padding:.5rem;font-size:.875em}._button-size-s_1v64m_152{border-radius:.25rem;padding:.375rem;font-size:.75em}._flexHorizontalCenter_1v64m_158{display:flex;justify-content:center;align-items:center;flex-direction:row}
+._button_pjwt4_21{font-family:var(--font-family);font-weight:500;border:0;cursor:pointer;line-height:1;display:inline-flex;justify-content:center;align-items:center;min-width:12px;min-height:12px;aspect-ratio:1/1}._button_pjwt4_21:focus-visible{outline:none}._button_pjwt4_21:disabled{background-color:#0f0f0f0d;color:#0f0f0f66;border:1px solid rgba(15,15,15,.1);cursor:initial;pointer-events:none}._button_pjwt4_21:disabled *{fill:#0f0f0f66}._button-round_pjwt4_48._button_pjwt4_21{border-radius:50%}._button-primary_pjwt4_51{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_pjwt4_51:hover{background-color:var(--dynamic-color-hover)}._button-primary_pjwt4_51:active{background-color:var(--dynamic-color-activated)}._button-primary_pjwt4_51 *{fill:var(--dynamic-color-text)}._button-secondary_pjwt4_64{color:var(--color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_pjwt4_64:hover{background-color:#96b4ee66}._button-secondary_pjwt4_64:active{background-color:#96b4ee99}._button-secondary_pjwt4_64 *{fill:var(--color-text)}._button-tertiary_pjwt4_78{color:var(--color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_pjwt4_78:hover{background-color:#96b4ee1a}._button-tertiary_pjwt4_78:active{background-color:#96b4ee33}._button-tertiary_pjwt4_78 *{fill:var(--color-text)}._button-ghost_pjwt4_92{color:var(--color-text);background-color:transparent}._button-ghost_pjwt4_92:hover{background-color:#96b4ee1a}._button-ghost_pjwt4_92:active{background-color:#96b4ee33}._button-ghost_pjwt4_92 *{fill:var(--color-text)}._button-icon_pjwt4_105{fill:#96b4eecc;background-color:transparent}._button-icon_pjwt4_105:hover{fill:#96b4ee}._button-icon_pjwt4_105:disabled{border:none;background-color:transparent;fill:#a5b4bb}._button-icon-selected_pjwt4_117,._button-icon-selected_pjwt4_117:hover{fill:var(--color-text)}._button-icon_pjwt4_105 svg{fill:inherit}._button-error_pjwt4_126{color:#fff;background-color:#ff4747}._button-error_pjwt4_126:hover{background-color:#ed1515}._button-error_pjwt4_126:active{background-color:#c80d0d}._button-error_pjwt4_126 *{fill:var(--color-text)}._button-size-xl_pjwt4_139{border-radius:.5rem;padding:1rem;font-size:1.125em}._button-size-l_pjwt4_144{border-radius:.5rem;padding:.75rem;font-size:1em}._button-size-m_pjwt4_149{border-radius:.25rem;padding:.5rem;font-size:.875em}._button-size-s_pjwt4_154{border-radius:.25rem;padding:.375rem;font-size:.75em}._flexHorizontalCenter_pjwt4_160{display:flex;justify-content:center;align-items:center;flex-direction:row}

package/dist/styles/Input.css

@@ -1 +1 @@
-input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}input::placeholder{font-family:Urbanist,sans-serif;color:var(--dynamic-color)}._input-style_17x9g_37{font-family:Urbanist,sans-serif;border:1px solid rgba(150,180,238,.5);color:var(--dynamic-color)}._input-style_17x9g_37 input{color:var(--dynamic-color-activated)}._input-style_17x9g_37 *{fill:var(--dynamic-color)}._input-style-disabled_17x9g_49{background-color:#0f0f0f0d;border-color:var(--dynamic-color-border-disabled);pointer-events:none}._input-style-disabled_17x9g_49 input{color:var(--dynamic-color-disabled)}._input-style-disabled_17x9g_49 *{fill:var(--dynamic-color-disabled)}._input-style-focused_17x9g_60{color:var(--dynamic-color);border-color:var(--dynamic-color-border);background-color:var(--dynamic-background-color)}._input-style-focused_17x9g_60 *{fill:var(--dynamic-color-activated)}._input-style-secondary_17x9g_68{background-color:#96b4ee33;color:var(--dynamic-color-secondary);border:1px solid rgba(150,180,238,.5)}._input-style-secondary_17x9g_68 input{color:var(--dynamic-color-secondary)}._input-style-secondary_17x9g_68 input::placeholder{color:var(--dynamic-color-secondary)}._input-style-secondary_17x9g_68 *{fill:var(--dynamic-color-secondary)}._input-style-error_17x9g_82{border-color:#ff4747;color:#ff4747}._input-style-error_17x9g_82 input::placeholder{color:#ff4747}._input-style-error_17x9g_82 *{fill:#ff4747}._input-style-success_17x9g_92{border-color:#33b449;color:#33b449}._input-style-success_17x9g_92 input::placeholder{color:#33b449}._input-style-success_17x9g_92 *{fill:#33b449}._input-style_17x9g_37 ._input-container_17x9g_102{position:relative;width:100%}._input-style-size-xl_17x9g_106{padding:1rem;font-size:1.125em;line-height:28px;border-radius:8px;gap:.625rem}._input-style-size-xl_17x9g_106 input{line-height:28px}._input-style-size-l_17x9g_116{padding:.75rem;font-size:1em;line-height:24px;border-radius:8px;gap:.5rem}._input-style-size-l_17x9g_116 input{line-height:24px}._input-style-size-m_17x9g_126{padding:.5rem;font-size:.875em;line-height:20px;border-radius:4px;gap:.375rem}._input-style-size-m_17x9g_126 input{line-height:20px}._input-style-size-s_17x9g_136{padding:.375rem;font-size:.75em;line-height:16px;border-radius:4px;gap:.25rem}._input-style-size-s_17x9g_136 input{line-height:16px}._input-style-radius_17x9g_146{border-radius:50px}._flexHorizontalBetween_17x9g_150{display:flex;justify-content:space-between;align-items:center;flex-direction:row}._flexHorizontal_17x9g_150{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}
+input{font-family:Urbanist,sans-serif;border:none;background-color:transparent;width:auto}input:focus{outline:none;box-shadow:none;border-color:transparent}input::placeholder{font-family:Urbanist,sans-serif;color:var(--dynamic-color)}._input-style_tg8sh_38{font-family:Urbanist,sans-serif;border:1px solid rgba(150,180,238,.5);color:var(--dynamic-color)}._input-style_tg8sh_38 input{color:var(--dynamic-color-activated)}._input-style_tg8sh_38 *{fill:var(--dynamic-color)}._input-style-disabled_tg8sh_50{background-color:#0f0f0f0d;border-color:var(--dynamic-color-border-disabled);pointer-events:none}._input-style-disabled_tg8sh_50 input{color:var(--dynamic-color-disabled)}._input-style-disabled_tg8sh_50 *{fill:var(--dynamic-color-disabled)}._input-style-focused_tg8sh_61{color:var(--dynamic-color);border-color:var(--dynamic-color-border);background-color:var(--dynamic-background-color)}._input-style-focused_tg8sh_61 *{fill:var(--dynamic-color-activated)}._input-style-secondary_tg8sh_69{background-color:#96b4ee33;color:var(--dynamic-color-secondary);border:1px solid rgba(150,180,238,.5)}._input-style-secondary_tg8sh_69 input{color:var(--dynamic-color-secondary)}._input-style-secondary_tg8sh_69 input::placeholder{color:var(--dynamic-color-secondary)}._input-style-secondary_tg8sh_69 *{fill:var(--dynamic-color-secondary)}._input-style-ghost_tg8sh_83{border:none}._input-style-error_tg8sh_86{border-color:#ff4747;color:#ff4747}._input-style-error_tg8sh_86 input::placeholder{color:#ff4747}._input-style-error_tg8sh_86 *{fill:#ff4747}._input-style-success_tg8sh_96{border-color:#33b449;color:#33b449}._input-style-success_tg8sh_96 input::placeholder{color:#33b449}._input-style-success_tg8sh_96 *{fill:#33b449}._input-style_tg8sh_38 ._input-container_tg8sh_106{position:relative;width:100%}._input-style-size-xl_tg8sh_110{padding:1rem;font-size:1.125em;line-height:28px;border-radius:8px;gap:.625rem}._input-style-size-xl_tg8sh_110 input{line-height:28px}._input-style-size-l_tg8sh_120{padding:.75rem;font-size:1em;line-height:24px;border-radius:8px;gap:.5rem}._input-style-size-l_tg8sh_120 input{line-height:24px}._input-style-size-m_tg8sh_130{padding:.5rem;font-size:.875em;line-height:20px;border-radius:4px;gap:.375rem}._input-style-size-m_tg8sh_130 input{line-height:20px}._input-style-size-s_tg8sh_140{padding:.375rem;font-size:.75em;line-height:16px;border-radius:4px;gap:.25rem}._input-style-size-s_tg8sh_140 input{line-height:16px}._input-style-radius_tg8sh_150{border-radius:50px}._flexHorizontalBetween_tg8sh_154{display:flex;justify-content:space-between;align-items:center;flex-direction:row}._flexHorizontal_tg8sh_154{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}

package/dist/styles/Tabs.css

@@ -1 +1 @@
-._tab-container_eo8ix_21{position:relative;color:#a5b4bb;font-weight:500;font-size:.875em;line-height:1.25rem}._tab-items_eo8ix_28{gap:2.25rem;padding:.625rem .125rem;border-bottom:1px solid rgba(150,180,238,.8)}._underline_eo8ix_34{position:absolute;bottom:0;height:2px;background-color:var(--primary-color);transition:all .3s ease}._flexHorizontal_eo8ix_42{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}
+._tab-container_6d6ac_21{position:relative;color:#a5b4bb;font-weight:500;font-size:.875em;line-height:1.25rem;border-bottom:1px solid rgba(150,180,238,.8)}._tab-items_6d6ac_29{gap:2.25rem;padding:.625rem .125rem}._underline_6d6ac_34{position:absolute;bottom:0;height:2px;background-color:var(--primary-color);transition:all .3s ease}._flexHorizontal-center_6d6ac_42{display:flex;justify-content:center;align-items:center;flex-direction:row}._flexHorizontal-left_6d6ac_48{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}._flexHorizontal-right_6d6ac_54{display:flex;justify-content:flex-end;align-items:center;flex-direction:row}

package/dist/styles/TagCounter.css

@@ -0,0 +1 @@
+._tag-counter_12ztz_21{color:#1d3557;background-color:#96b4ee66;width:fit-content;display:flex;justify-content:center;align-items:center;padding:4px;box-sizing:border-box}._tag-counter_12ztz_21._dark-mode_12ztz_32{color:#fff;background-color:#fff3}._tag-counter-size-xl_12ztz_36{border-radius:.25rem;font-size:1.125em;line-height:1.75rem;min-width:1.75rem;height:1.75rem}._tag-counter-size-l_12ztz_43{border-radius:.25rem;font-size:1em;line-height:1.5rem;min-width:1.5rem;height:1.5rem}._tag-counter-size-m_12ztz_50{border-radius:.125rem;font-size:.875em;line-height:1.25rem;min-width:1.25rem;height:1.25rem}._tag-counter-size-s_12ztz_57{border-radius:.125rem;font-size:.75em;line-height:1rem;min-width:1rem;height:1rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",