@situaction/traq-ui-ste 1.0.14 → 1.0.15

package/dist/components/button/Button.d.ts

@@ -1,19 +1,19 @@
 import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
 import { Color } from '../interface';
 
-interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    mode?: 'primary' | 'secondary' | 'tertiary' | 'ghost'; /** Is this the principal call to action on the page? */
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    mode?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'text'; /** Is this the principal call to action on the page? */
     color?: Color; /** What background color to use (blue, red, ...)*/
     colorMode?: 'light' | 'dark'; /** what mode do you use for light or dark color **/
     size?: 's' | 'm' | 'l' | 'xl'; /** How large should the button be? */
     label: string; /** button contents */
-    error?: boolean;
-    iconLeft?: ReactNode; /** Additional content inside the input */
-    iconRight?: ReactNode; /** Additional content inside the input */
+    error?: boolean; /** If true, the button will be styled to indicate an error state. */
+    selected?: boolean; /** If true, the button is activated */
+    childrenLeft?: ReactNode; /** Additional content inside the input */
+    childrenRight?: ReactNode; /** Additional content inside the input */
     onClick?: () => void; /** Optional click handler */
 }
 /**
  * Primary UI component for user interaction
  */
 export declare const Button: FC<ButtonProps>;
-export {};

package/dist/components/button/Button.js

@@ -1,63 +1,67 @@
-import { jsxs as p, jsx as o } from "react/jsx-runtime";
-import '../../styles/index.css';import '../../styles/Button.css';/* empty css                    */
-import { useEffect as z } from "react";
-const c = "_button_dzhnj_190", r = {
-  button: c,
-  "button-primary": "_button-primary_dzhnj_214",
-  "button-secondary": "_button-secondary_dzhnj_227",
-  "button-tertiary": "_button-tertiary_dzhnj_241",
-  "button-ghost": "_button-ghost_dzhnj_255",
-  "button-error": "_button-error_dzhnj_268",
-  "button-size-xl": "_button-size-xl_dzhnj_281",
-  "button-size-l": "_button-size-l_dzhnj_286",
-  "button-size-m": "_button-size-m_dzhnj_291",
-  "button-size-s": "_button-size-s_dzhnj_296",
-  "button-gap-xl": "_button-gap-xl_dzhnj_301",
-  "button-gap-l": "_button-gap-l_dzhnj_304",
-  "button-gap-m": "_button-gap-m_dzhnj_307",
-  "button-gap-s": "_button-gap-s_dzhnj_307"
-}, g = ({
-  mode: a = "primary",
-  size: e = "m",
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useEffect as y } from "react";
+import '../../styles/Button.css';const j = "_button_1mr6j_38", d = "_flexHorizontalCenter_1mr6j_180", r = {
+  button: j,
+  "button-primary": "_button-primary_1mr6j_60",
+  "button-secondary": "_button-secondary_1mr6j_74",
+  "button-tertiary": "_button-tertiary_1mr6j_88",
+  "button-ghost": "_button-ghost_1mr6j_102",
+  "button-text": "_button-text_1mr6j_118",
+  "button-text-selected": "_button-text-selected_1mr6j_131",
+  "button-error": "_button-error_1mr6j_137",
+  "button-size-xl": "_button-size-xl_1mr6j_150",
+  "button-size-l": "_button-size-l_1mr6j_155",
+  "button-size-m": "_button-size-m_1mr6j_160",
+  "button-size-s": "_button-size-s_1mr6j_165",
+  "button-gap-xl": "_button-gap-xl_1mr6j_170",
+  "button-gap-l": "_button-gap-l_1mr6j_173",
+  "button-gap-m": "_button-gap-m_1mr6j_176",
+  "button-gap-s": "_button-gap-s_1mr6j_176",
+  flexHorizontalCenter: d
+}, z = ({
+  mode: o = "primary",
+  size: a = "m",
   color: t,
   colorMode: n,
   label: u,
   error: b,
-  iconLeft: s,
-  iconRight: i,
-  ..._
+  selected: i,
+  childrenLeft: s,
+  childrenRight: _,
+  ...m
 }) => {
-  const l = () => b ? "error" : a;
-  z(() => {
+  const l = () => b ? "error" : o;
+  y(() => {
     n && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
   }, [t]);
-  const d = [
+  const c = [
     r.button,
     r[`button-${l()}`],
-    r[`button-size-${e}`],
-    r[`button-gap-${e}`],
-    "flexHorizontalCenter"
-  ].join(" "), m = {
-    "--dynamic-color-text": t ? n === "dark" ? `var(--primary-${t}-900)` : "var(--color-light-100)" : "var(--btn-primary-color-text)",
+    r[`button-size-${a}`],
+    r[`button-gap-${a}`],
+    i && o === "text" && r["button-text-selected"],
+    r.flexHorizontalCenter
+  ].join(" "), p = {
+    "--dynamic-color-text": t ? n === "dark" ? `var(--color-${t}-900)` : "var(--color-light-100)" : "var(--btn-primary-color-text)",
     "--dynamic-color": t ? `var(--color-${t}-${n === "dark" ? "200" : "900"})` : "var(--btn-primary-color)",
     "--dynamic-color-hover": t ? `var(--color-${t}-${n === "dark" ? "100" : "800"})` : "var(--btn-primary-color-hover)",
     "--dynamic-color-activated": t ? `var(--color-${t}-${n === "dark" ? "50" : "700"})` : "var(--btn-primary-color-activated)"
   };
-  return /* @__PURE__ */ p(
+  return /* @__PURE__ */ x(
     "button",
     {
       type: "button",
-      className: d,
-      style: a === "primary" ? m : void 0,
-      ..._,
+      className: c,
+      style: o === "primary" ? p : void 0,
+      ...m,
       children: [
-        s && /* @__PURE__ */ o("span", { className: "flexHorizontalCenter", children: s }),
-        /* @__PURE__ */ o("span", { children: u }),
-        i && /* @__PURE__ */ o("span", { className: "flexHorizontalCenter", children: i })
+        s && /* @__PURE__ */ e("span", { className: r.flexHorizontalCenter, children: s }),
+        /* @__PURE__ */ e("span", { children: u }),
+        _ && /* @__PURE__ */ e("span", { className: r.flexHorizontalCenter, children: _ })
       ]
     }
   );
 };
 export {
-  g as Button
+  z as Button
 };

package/dist/components/colors/Colors.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+export interface ColorsProps {
+    color: string;
+    hex: string[];
+}
+declare const Colors: FC<ColorsProps>;
+export default Colors;

package/dist/components/colors/Colors.js

@@ -0,0 +1,24 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import '../../styles/Colors.css';const n = "_palette_l21ra_6", d = "_colors_l21ra_13", i = "_desc_l21ra_26", h = "_hex_l21ra_35", s = {
+  palette: n,
+  colors: d,
+  desc: i,
+  hex: h
+}, v = ({ color: t, hex: o }) => {
+  const r = t === "light" ? ["05", "10", "20", "30", "40", "50", "60", "70", "80", "90", "100"] : ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
+  return /* @__PURE__ */ e("div", { className: s.palette, children: o.map((c, a) => /* @__PURE__ */ l("div", { className: s.colors, children: [
+    /* @__PURE__ */ e("div", { style: { backgroundColor: c } }),
+    /* @__PURE__ */ l("div", { className: s.desc, children: [
+      /* @__PURE__ */ l("div", { children: [
+        "color-",
+        t,
+        "-",
+        r[a]
+      ] }),
+      /* @__PURE__ */ e("div", { className: s.hex, children: c })
+    ] })
+  ] })) });
+};
+export {
+  v as default
+};

package/dist/components/icon-button/IconButton.d.ts

@@ -1,16 +1,16 @@
 import { FC, ReactElement } from 'react';
 import { Color } from '../interface';
 
-interface IconButtonProps {
-    mode?: 'primary' | 'secondary' | 'tertiary' | 'ghost';
+export interface IconButtonProps {
+    mode?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'icon'; /** Specifies the visual style of the button. */
     color?: Color; /** What background color to use (blue, red, ...)*/
     colorMode?: 'light' | 'dark'; /** what mode do you use for light or dark color **/
     size?: 's' | 'm' | 'l' | 'xl'; /** How large should the button be? */
-    round?: boolean;
-    error?: boolean;
-    disabled?: boolean;
+    round?: boolean; /** If true, the button will have rounded corners. */
+    error?: boolean; /** If true, the button will be styled to indicate an error state. */
+    selected?: boolean; /** If true, the button is activated */
+    disabled?: boolean; /** If true, the button will be disabled and non-interactive. */
     children: ReactElement; /** Only icons (React elements) allowed inside the button */
     onClick?: () => void; /** Optional click handler */
 }
 export declare const IconButton: FC<IconButtonProps>;
-export {};

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

@@ -1,55 +1,60 @@
 import { jsx as m } from "react/jsx-runtime";
-import { useEffect as l } from "react";
-import '../../styles/IconButton.css';const z = "_button_1v38z_190", o = {
-  button: z,
-  "button-round": "_button-round_1v38z_219",
-  "button-primary": "_button-primary_1v38z_222",
-  "button-secondary": "_button-secondary_1v38z_235",
-  "button-tertiary": "_button-tertiary_1v38z_249",
-  "button-ghost": "_button-ghost_1v38z_263",
-  "button-error": "_button-error_1v38z_276",
-  "button-size-xl": "_button-size-xl_1v38z_289",
-  "button-size-l": "_button-size-l_1v38z_294",
-  "button-size-m": "_button-size-m_1v38z_299",
-  "button-size-s": "_button-size-s_1v38z_304"
-}, p = ({
-  mode: n = "primary",
+import { useEffect as y } from "react";
+import '../../styles/IconButton.css';const k = "_button_7dkt1_38", x = "_flexHorizontalCenter_7dkt1_175", o = {
+  button: k,
+  "button-round": "_button-round_7dkt1_66",
+  "button-primary": "_button-primary_7dkt1_69",
+  "button-secondary": "_button-secondary_7dkt1_82",
+  "button-tertiary": "_button-tertiary_7dkt1_96",
+  "button-ghost": "_button-ghost_7dkt1_110",
+  "button-text": "_button-text_7dkt1_123",
+  "button-text-selected": "_button-text-selected_7dkt1_135",
+  "button-error": "_button-error_7dkt1_141",
+  "button-size-xl": "_button-size-xl_7dkt1_154",
+  "button-size-l": "_button-size-l_7dkt1_159",
+  "button-size-m": "_button-size-m_7dkt1_164",
+  "button-size-s": "_button-size-s_7dkt1_169",
+  flexHorizontalCenter: x
+}, f = ({
+  mode: r = "primary",
   color: t,
-  colorMode: r,
+  colorMode: n,
   size: e = "m",
-  error: a,
-  round: i,
-  disabled: u,
-  children: s,
-  onClick: b
+  error: u,
+  selected: i,
+  round: a,
+  disabled: _,
+  children: b,
+  onClick: s
 }) => {
-  const _ = () => a ? "error" : n;
-  l(() => {
-    r && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
+  const d = () => u ? "error" : r;
+  y(() => {
+    n && !t && console.warn("`colorMode` is defined but `color` is missing. `colorMode` will be ignored.");
   }, [t]);
-  const v = [
+  const l = [
     o.button,
-    o[`button-${_()}`],
-    i && o["button-round"],
+    o[`button-${d()}`],
+    a && o["button-round"],
     o[`button-size-${e}`],
-    "flexHorizontalCenter"
+    i && r === "icon" && o["button-text-selected"],
+    o.flexHorizontalCenter
   ].join(" "), c = {
-    "--dynamic-color-text": t ? r === "dark" ? "var(--primary-color-900)" : "var(--color-light-100)" : "var(--btn-primary-color-text)",
-    "--dynamic-color": t ? `var(--color-${t}-${r === "dark" ? "200" : "900"})` : "var(--btn-primary-color)",
-    "--dynamic-color-hover": t ? `var(--color-${t}-${r === "dark" ? "100" : "800"})` : "var(--btn-primary-color-hover)",
-    "--dynamic-color-activated": t ? `var(--color-${t}-${r === "dark" ? "50" : "700"})` : "var(--btn-primary-color-activated)"
+    "--dynamic-color-text": t ? n === "dark" ? "var(--primary-color-900)" : "var(--color-light-100)" : "var(--btn-primary-color-text)",
+    "--dynamic-color": t ? `var(--color-${t}-${n === "dark" ? "200" : "900"})` : "var(--btn-primary-color)",
+    "--dynamic-color-hover": t ? `var(--color-${t}-${n === "dark" ? "100" : "800"})` : "var(--btn-primary-color-hover)",
+    "--dynamic-color-activated": t ? `var(--color-${t}-${n === "dark" ? "50" : "700"})` : "var(--btn-primary-color-activated)"
   };
   return /* @__PURE__ */ m(
     "button",
     {
-      className: v,
+      className: l,
       style: c,
-      onClick: b,
-      disabled: u,
-      children: s
+      onClick: s,
+      disabled: _,
+      children: b
     }
   );
 };
 export {
-  p as IconButton
+  f as IconButton
 };

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

@@ -1,20 +1,19 @@
 import { FC, InputHTMLAttributes, ReactNode } from 'react';
 
-interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     sizeStyle?: 's' | 'm' | 'l' | 'xl'; /** How large should the input be? */
-    label: string; /** input contents **/
-    labelUnit?: string;
-    dark?: boolean;
+    label: string; /** The label or placeholder text for the input field */
+    labelUnit?: string; /** Optional unit or additional label to display next to the input */
+    dark?: boolean; /** Toggle for dark mode styling */
     color?: string; /** red, green, blue, pink **/
     classNames?: string; /** class names for parent div due to general input props (input elem takes every other props in <Input/> component) **/
-    focusBackground?: boolean;
+    focusBackground?: boolean; /** Whether to change the background color when the input is focused */
     status?: 'default' | 'error' | 'success' | 'ternary'; /** input status style **/
-    ghost?: boolean;
-    round?: boolean;
-    iconLeft?: ReactNode; /** Additional content inside the input */
-    iconRight?: ReactNode; /** Additional content inside the input */
-    defaultValue?: string;
-    disabled?: boolean;
+    ghost?: boolean; /** Whether to apply a ghost style (transparent background) */
+    round?: boolean; /** If true, the input will have rounded corners */
+    iconLeft?: ReactNode; /** Icon or element to display on the left side of the input */
+    iconRight?: ReactNode; /** Icon or element to display on the right side of the input */
+    defaultValue?: string; /** Default value for the input field */
+    disabled?: boolean; /** Disable the input field */
 }
 export declare const Input: FC<InputProps>;
-export {};

package/dist/components/input/Input.js

@@ -1,108 +1,111 @@
-import { jsxs as f, jsx as s, Fragment as R } from "react/jsx-runtime";
+import { jsxs as _, jsx as s, Fragment as R } from "react/jsx-runtime";
 import { useState as y, useRef as q } from "react";
-import '../../styles/Input.css';const e = {
-  "input-style": "_input-style_1efo0_363",
-  "input-style-ghost": "_input-style-ghost_1efo0_374",
-  "input-style-disabled": "_input-style-disabled_1efo0_379",
-  "input-style-focused": "_input-style-focused_1efo0_388",
-  "input-style-error": "_input-style-error_1efo0_393",
-  "input-style-error-focused": "_input-style-error-focused_1efo0_400",
-  "input-style-error-focus-background": "_input-style-error-focus-background_1efo0_406",
-  "input-style-error-disabled": "_input-style-error-disabled_1efo0_409",
-  "input-style-success": "_input-style-success_1efo0_417",
-  "input-style-success-focused": "_input-style-success-focused_1efo0_424",
-  "input-style-success-focus-background": "_input-style-success-focus-background_1efo0_430",
-  "input-style-success-disabled": "_input-style-success-disabled_1efo0_433",
-  "input-container": "_input-container_1efo0_441",
-  "floating-input": "_floating-input_1efo0_445",
-  "floating-input-size-xl": "_floating-input-size-xl_1efo0_451",
-  "floating-input-size-l": "_floating-input-size-l_1efo0_455",
-  "floating-input-size-m": "_floating-input-size-m_1efo0_459",
-  "floating-input-size-s": "_floating-input-size-s_1efo0_463",
-  "input-style-size-xl": "_input-style-size-xl_1efo0_467",
-  "input-style-size-l": "_input-style-size-l_1efo0_473",
-  "input-style-size-m": "_input-style-size-m_1efo0_479",
-  "input-style-size-s": "_input-style-size-s_1efo0_485",
-  "input-style-radius": "_input-style-radius_1efo0_491"
-}, G = ({
-  sizeStyle: l = "m",
-  label: d,
-  labelUnit: u,
+import '../../styles/Input.css';const A = "_flexHorizontalBetween_dkt9v_197", E = "_flexHorizontal_dkt9v_197", t = {
+  "input-style": "_input-style_dkt9v_65",
+  "input-style-ghost": "_input-style-ghost_dkt9v_76",
+  "input-style-disabled": "_input-style-disabled_dkt9v_81",
+  "input-style-focused": "_input-style-focused_dkt9v_90",
+  "input-style-error": "_input-style-error_dkt9v_95",
+  "input-style-error-focused": "_input-style-error-focused_dkt9v_102",
+  "input-style-error-focus-background": "_input-style-error-focus-background_dkt9v_108",
+  "input-style-error-disabled": "_input-style-error-disabled_dkt9v_111",
+  "input-style-success": "_input-style-success_dkt9v_119",
+  "input-style-success-focused": "_input-style-success-focused_dkt9v_126",
+  "input-style-success-focus-background": "_input-style-success-focus-background_dkt9v_132",
+  "input-style-success-disabled": "_input-style-success-disabled_dkt9v_135",
+  "input-container": "_input-container_dkt9v_143",
+  "floating-input": "_floating-input_dkt9v_147",
+  "floating-input-size-xl": "_floating-input-size-xl_dkt9v_153",
+  "floating-input-size-l": "_floating-input-size-l_dkt9v_157",
+  "floating-input-size-m": "_floating-input-size-m_dkt9v_161",
+  "floating-input-size-s": "_floating-input-size-s_dkt9v_165",
+  "input-style-size-xl": "_input-style-size-xl_dkt9v_169",
+  "input-style-size-l": "_input-style-size-l_dkt9v_175",
+  "input-style-size-m": "_input-style-size-m_dkt9v_181",
+  "input-style-size-s": "_input-style-size-s_dkt9v_187",
+  "input-style-radius": "_input-style-radius_dkt9v_193",
+  flexHorizontalBetween: A,
+  flexHorizontal: E
+}, K = ({
+  sizeStyle: u = "m",
+  label: f,
+  labelUnit: o,
   color: n,
   dark: r,
-  focusBackground: i,
-  status: c = "default",
-  ghost: g = !1,
-  iconLeft: a,
+  focusBackground: l,
+  status: a = "default",
+  ghost: v = !1,
+  iconLeft: c,
   iconRight: p,
-  round: m,
-  classNames: b,
-  disabled: o,
-  defaultValue: z,
-  ...h
+  round: k,
+  classNames: g,
+  disabled: i,
+  defaultValue: m,
+  ...z
 }) => {
-  const [t, _] = y(!1), [$, v] = y(z || ""), x = q(null), S = () => _(!0), j = () => _(!1), N = (D) => {
-    v(D.target.value);
-  }, C = [
-    e["input-style"],
-    e[`input-style-size-${l}`],
-    e[`input-style-gap-${c}`],
-    m && e["input-style-radius"],
-    "flexHorizontalBetween gap4",
-    g && e["input-style-ghost"]
-  ].filter(Boolean).join(" "), F = [
-    t && e["input-style-focused"],
-    o && e["input-style-disabled"]
-  ].filter(Boolean).join(" "), k = [
-    e["input-style-error"],
-    o && e["input-style-error-disabled"],
-    t && e["input-style-error-focused"],
-    t && i && e["input-style-error-focus-background"]
+  const [e, d] = y(!1), [b, h] = y(m || ""), x = q(null), $ = () => d(!0), H = () => d(!1), S = (D) => {
+    h(D.target.value);
+  }, j = [
+    t["input-style"],
+    t[`input-style-size-${u}`],
+    t[`input-style-gap-${a}`],
+    k && t["input-style-radius"],
+    t.flexHorizontalBetween,
+    "gap4",
+    v && t["input-style-ghost"]
   ].filter(Boolean).join(" "), B = [
-    e["input-style-success"],
-    o && e["input-style-success-disabled"],
-    t && e["input-style-success-focused"],
-    t && i && e["input-style-success-focus-background"]
-  ].filter(Boolean).join(" "), I = () => {
-    switch (c) {
+    e && t["input-style-focused"],
+    i && t["input-style-disabled"]
+  ].filter(Boolean).join(" "), N = [
+    t["input-style-error"],
+    i && t["input-style-error-disabled"],
+    e && t["input-style-error-focused"],
+    e && l && t["input-style-error-focus-background"]
+  ].filter(Boolean).join(" "), C = [
+    t["input-style-success"],
+    i && t["input-style-success-disabled"],
+    e && t["input-style-success-focused"],
+    e && l && t["input-style-success-focus-background"]
+  ].filter(Boolean).join(" "), w = () => {
+    switch (a) {
       case "error":
-        return k;
+        return N;
       case "success":
-        return B;
+        return C;
       default:
-        return F;
+        return B;
     }
-  }, w = [
-    e["floating-input"],
-    e[`floating-input-size-${l}`]
-  ].join(" "), H = {
+  }, F = [
+    t["floating-input"],
+    t[`floating-input-size-${u}`]
+  ].join(" "), I = {
     "--dynamic-color": `var(--color-${n}-${r ? "800" : "300"})`,
     "--dynamic-color-border": `var(--color-${n}-${r ? "800" : "300"})`,
-    "--dynamic-background-color": `${i ? `var(--color-${n}-50)` : "transparent"}`
+    "--dynamic-background-color": `${l ? `var(--color-${n}-50)` : "transparent"}`
   }, V = {
     "--dynamic-color": "var(--color-blue-situaction-800)",
     "--dynamic-color-border": "var(--color-blue-situaction-800)",
-    "--dynamic-background-color": `${i ? "var(--color-blue-situaction-50)" : "transparent"}`
+    "--dynamic-background-color": `${l ? "var(--color-blue-situaction-50)" : "transparent"}`
   };
-  return /* @__PURE__ */ f("div", { ref: x, className: `input-style ${C} ${b} ${I()} gap-xs-2`, onFocus: S, onBlur: j, style: n ? H : V, children: [
-    a && /* @__PURE__ */ s("span", { className: "", children: a }),
-    /* @__PURE__ */ s("div", { className: e["input-container"], children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ _("div", { ref: x, className: `input-style ${j} ${g} ${w()} gap-xs-2`, onFocus: $, onBlur: H, style: n ? I : V, children: [
+    c && /* @__PURE__ */ s("span", { className: "", children: c }),
+    /* @__PURE__ */ s("div", { className: t["input-container"], children: /* @__PURE__ */ s(
       "input",
       {
         autoCorrect: "false",
-        className: w,
-        placeholder: d,
-        value: $,
-        onChange: N,
-        ...h
+        className: F,
+        placeholder: f,
+        value: b,
+        onChange: S,
+        ...z
       }
     ) }),
-    /* @__PURE__ */ f(R, { children: [
-      u && /* @__PURE__ */ s("div", { children: u }),
-      p && /* @__PURE__ */ s("span", { className: "flexHorizontal", children: p })
+    /* @__PURE__ */ _(R, { children: [
+      o && /* @__PURE__ */ s("div", { children: o }),
+      p && /* @__PURE__ */ s("span", { className: t.flexHorizontal, children: p })
     ] })
   ] });
 };
 export {
-  G as Input
+  K as Input
 };

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

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 
-interface TabsProps {
-    listItems: string[];
-    onTabSelect: (selectedItem: string) => void;
+export interface TabsProps {
+    listItems: string[]; /** Array of strings representing the labels of the tabs */
+    defaultActiveTab?: number; /** Index of the tab that should be active by default */
+    onTabSelect: (selectedItem: string) => void; /** Callback function to handle tab selection, receiving the selected tab's label */
 }
 export declare const Tabs: FC<TabsProps>;
-export {};

package/dist/components/tabs/Tabs.js

@@ -1,43 +1,39 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import { useState as l, useRef as o, useLayoutEffect as j } from "react";
-import '../../styles/index.css';import '../../styles/Tabs.css';/* empty css                    */
-const R = "_underline_1jf6b_26", n = {
-  "tab-container": "_tab-container_1jf6b_6",
-  "tab-items": "_tab-items_1jf6b_13",
-  "tab-item": "_tab-item_1jf6b_13",
-  "tab-item-active": "_tab-item-active_1jf6b_22",
-  underline: R
-}, T = ({ listItems: c, onTabSelect: b }) => {
-  const [r, u] = l(0), [f, d] = l({}), i = o(null), s = o(null), m = (t) => {
-    u(t), b(c[t]);
-  }, _ = (t) => {
-    if (i.current && t) {
-      const e = t.getBoundingClientRect(), v = i.current.getBoundingClientRect();
-      e.width > 0 && d({
-        left: e.left - v.left,
-        width: e.width
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { useState as u, useRef as a, useLayoutEffect as g } 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]);
+  }, R = (e) => {
+    if (i.current && e) {
+      const t = e.getBoundingClientRect(), c = i.current.getBoundingClientRect();
+      m({
+        left: `${t.left - c.left}px`,
+        width: `${t.width}px`
       });
     }
   };
-  return j(() => {
-    var e;
-    const t = (e = i.current) == null ? void 0 : e.querySelector(`.${n["tab-item-active"]}`);
-    t && s.current && setTimeout(() => {
-      _(t);
-    }, 150);
-  }, [r]), /* @__PURE__ */ h("div", { className: `tab ${n["tab-container"]}`, ref: i, children: [
-    /* @__PURE__ */ a("div", { className: `flexHorizontal ${n["tab-items"]}`, children: c.map((t, e) => /* @__PURE__ */ a(
-      "div",
+  return g(() => {
+    const e = s.current[r];
+    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(
+      v,
       {
-        className: n[e === r ? "tab-item-active" : "tab-item"],
-        onClick: () => m(e),
-        children: t
-      },
-      e
-    )) }),
-    /* @__PURE__ */ a("div", { ref: s, className: n.underline, style: f })
+        label: e,
+        mode: "text",
+        selected: t === r,
+        onClick: () => p(t)
+      }
+    ) }, t)) }),
+    /* @__PURE__ */ n("div", { ref: _, className: l.underline, style: x })
   ] });
 };
 export {
-  T as Tabs
+  w as Tabs
 };

package/dist/components/tag/Tag.d.ts

@@ -1,13 +1,12 @@
 import { FC, ReactNode } from 'react';
 import { Color } from '../interface';
 
-interface TagProps {
-    label: string;
-    color?: Color;
-    deletable?: boolean;
-    size?: 's' | 'm' | 'l' | 'xl';
-    children?: ReactNode;
-    onClick?: () => void;
+export interface TagProps {
+    label?: string; /** The text label for the tag. This will be displayed if provided. */
+    color?: Color; /** The color of the tag, must be one of the defined valid colors. */
+    deletable?: boolean; /** Indicates if the tag can be deleted; when true, a delete icon is shown. */
+    size?: 's' | 'm' | 'l' | 'xl'; /** The size of the tag, which affects its styling. */
+    children?: ReactNode; /** Additional content to be displayed inside the tag, like icons or other elements. */
+    onClick?: () => void; /** A callback function to be called when the tag is clicked. */
 }
 export declare const Tag: FC<TagProps>;
-export {};

package/dist/components/tag/Tag.js

@@ -1,43 +1,66 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { useEffect as m } from "react";
-import { IconButton as _ } from "../icon-button/IconButton.js";
-import '../../styles/Tag.css';const f = "_tag_1rbf7_6", i = {
-  tag: f,
-  "tag-children": "_tag-children_1rbf7_16",
-  "tag-size-xl": "_tag-size-xl_1rbf7_24",
-  "tag-size-l": "_tag-size-l_1rbf7_28",
-  "tag-size-m": "_tag-size-m_1rbf7_32",
-  "tag-size-s": "_tag-size-s_1rbf7_36"
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { useEffect as d } from "react";
+import { IconButton as f } from "../icon-button/IconButton.js";
+import '../../styles/Tag.css';const u = "_tag_nyjfz_6", m = "_flexHorizontalCenter_nyjfz_64", y = "_flexHorizontal_nyjfz_64", e = {
+  tag: u,
+  "tag-children": "_tag-children_nyjfz_16",
+  "tag-size-xl": "_tag-size-xl_nyjfz_23",
+  "tag-size-xl-round": "_tag-size-xl-round_nyjfz_27",
+  "tag-size-l": "_tag-size-l_nyjfz_33",
+  "tag-size-l-round": "_tag-size-l-round_nyjfz_37",
+  "tag-size-m": "_tag-size-m_nyjfz_43",
+  "tag-size-m-round": "_tag-size-m-round_nyjfz_47",
+  "tag-size-s": "_tag-size-s_nyjfz_53",
+  "tag-size-s-round": "_tag-size-s-round_nyjfz_57",
+  flexHorizontalCenter: m,
+  flexHorizontal: y
 }, a = ["light", "dark", "grey", "blue-grey", "blue", "blue-situaction", "purple", "pink", "gold", "brown", "emerald"], v = ({
-  label: l,
+  label: o,
   color: t,
-  deletable: n = !1,
-  size: o = "m",
-  children: s,
+  deletable: l = !1,
+  size: s = "m",
+  children: i,
   onClick: r
 }) => {
-  m(() => {
+  d(() => {
     t && !a.includes(t) && console.warn(`Warning: The color "${t}" is not a valid option. Expected one of: ${a.join(", ")}.`);
   }, [t]);
-  const c = [
-    i.tag,
-    i[`tag-size-${o}`],
-    "flexHorizontalCenter"
+  const z = [
+    e.tag,
+    i && !o && e[`tag-size-${s}-round`],
+    e[`tag-size-${s}`],
+    e.flexHorizontalCenter
   ].join(" "), g = {
     "--dynamic-background": t && a.includes(t) ? `var(--color-${t}-200)` : "var(--color-blue-situaction-200)",
     "--dynamic-color-text": t && a.includes(t) ? `var(--color-${t}-950)` : "var(--color-blue-situaction-950)"
-  }, d = {
+  }, _ = {
     color: t ? `var(--color${t}-950)` : "var(--color-blue-situaction-950)"
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: c,
+      className: z,
       style: g,
       children: [
-        s && /* @__PURE__ */ e("div", { className: `flexHorizontalCenter ${i["tag-children"]}`, children: s }),
-        /* @__PURE__ */ e("label", { className: "flexHorizontal", children: l }),
-        n && /* @__PURE__ */ e(_, { mode: "ghost", size: "s", onClick: () => r, children: /* @__PURE__ */ e("svg", { style: d, xmlns: "http://www.w3.org/2000/svg", width: "9", height: "9", fill: "currentColor", viewBox: "0 0 256 256", children: /* @__PURE__ */ e("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" }) }) })
+        i && /* @__PURE__ */ n("div", { className: `${e.flexHorizontalCenter} ${e["tag-children"]}`, children: i }),
+        o && /* @__PURE__ */ n("label", { className: e.flexHorizontal, children: o }),
+        l && /* @__PURE__ */ n(f, { mode: "ghost", size: "s", onClick: () => r, children: /* @__PURE__ */ n(
+          "svg",
+          {
+            style: _,
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "9",
+            height: "9",
+            fill: "currentColor",
+            viewBox: "0 0 256 256",
+            children: /* @__PURE__ */ n(
+              "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"
+              }
+            )
+          }
+        ) })
       ]
     }
   );

package/dist/components/theme/ThemeContext.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { createContext as S, useState as f, useContext as k } from "react";
 import { baseTheme as r } from "./createTheme.js";
-const h = S(void 0), j = ({ children: a, theme: i, mode: $ }) => {
+import '../../styles/ThemeContext.css';const h = S(void 0), j = ({ children: a, theme: i, mode: $ }) => {
   var y, s, c, d, e, p, m;
   const [o] = f(i ?? r), [t, x] = f($ ?? "light"), b = () => {
     x((l) => l === "light" ? "dark" : "light");
@@ -13,14 +13,7 @@ const h = S(void 0), j = ({ children: a, theme: i, mode: $ }) => {
     "--primary-color": t === "light" ? `var(--color-${((d = o == null ? void 0 : o.color) == null ? void 0 : d.primary) ?? r.color.primary}-900)` : `var(--color-${((e = o == null ? void 0 : o.color) == null ? void 0 : e.primary) ?? r.color.primary}-200)`,
     "--secondary-color": t === "light" ? `var(--color-${((p = o == null ? void 0 : o.color) == null ? void 0 : p.primary) ?? r.color.primary}-200)` : `var(--color-${((m = o == null ? void 0 : o.color) == null ? void 0 : m.primary) ?? r.color.primary}-900)`
   };
-  return /* @__PURE__ */ g(h.Provider, { value: { theme: o, mode: t, toggleMode: b }, children: /* @__PURE__ */ g(
-    "div",
-    {
-      "data-theme": t,
-      style: F,
-      children: a
-    }
-  ) });
+  return /* @__PURE__ */ g(h.Provider, { value: { theme: o, mode: t, toggleMode: b }, children: /* @__PURE__ */ g("div", { "data-theme": t, style: F, children: a }) });
 }, E = () => {
   const a = k(h);
   if (a === void 0)

package/dist/components/title/Title.d.ts

@@ -1,8 +1,7 @@
 import { FC, ReactNode } from 'react';
 
-interface TitleProps {
-    title: string;
-    children?: ReactNode;
+export interface TitleProps {
+    title: string; /** The main title text to be displayed in the heading. */
+    children?: ReactNode; /** Optional additional content to be displayed alongside the title, such as icons or other elements. */
 }
 export declare const Title: FC<TitleProps>;
-export {};

package/dist/components/title/Title.js

@@ -1,11 +1,13 @@
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-const t = ({
-  title: e,
-  children: r
-}) => /* @__PURE__ */ i("div", { className: "flexHorizontal gap-xs-3 fontSize30", children: [
-  r,
-  /* @__PURE__ */ o("h1", { children: e })
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import '../../styles/Title.css';const n = "_flexHorizontal_1funw_6", r = {
+  flexHorizontal: n
+}, i = ({
+  title: o,
+  children: l
+}) => /* @__PURE__ */ t("div", { className: `${r.flexHorizontal} gap-xs-3 fontSize30`, children: [
+  l,
+  /* @__PURE__ */ e("h1", { children: o })
 ] });
 export {
-  t as Title
+  i as Title
 };

package/dist/main.js

@@ -1,18 +1,17 @@
-import { Button as t } from "./components/button/Button.js";
-import { Input as p } from "./components/input/Input.js";
-import { Tabs as x } from "./components/tabs/Tabs.js";
-import { IconButton as n } from "./components/icon-button/IconButton.js";
-import { Tag as i } from "./components/tag/Tag.js";
+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 { 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 B, useTheme as I } from "./components/theme/ThemeContext.js";
-import './styles/index.css';import './styles/main.css';/* empty css                */
-export {
-  t as Button,
-  n as IconButton,
-  p as Input,
-  x as Tabs,
-  i as Tag,
-  B as ThemeProvider,
+import { ThemeProvider as s, useTheme as B } from "./components/theme/ThemeContext.js";
+import './styles/main.css';export {
+  e as Button,
+  T as IconButton,
+  m as Input,
+  f as Tabs,
+  u as Tag,
+  s as ThemeProvider,
   h as Title,
-  I as useTheme
+  B as useTheme
 };

package/dist/styles/Button.css

@@ -1 +1 @@
-:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15;--color-red-50: #FFF1F1;--color-red-100: #FFDFDF;--color-red-200: #FFC5C5;--color-red-300: #FF9D9D;--color-red-400: #FF6464;--color-red-500: #FF4747;--color-red-600: #ED1515;--color-red-700: #C80D0D;--color-red-800: #A50F0F;--color-red-900: #881414;--color-red-950: #4B0404;--color-green-50: #F1FCF3;--color-green-100: #DFF9E3;--color-green-200: #C1F1C8;--color-green-300: #91E49E;--color-green-400: #45C85A;--color-green-500: #33B449;--color-green-600: #259437;--color-green-700: #20752F;--color-green-800: #1E5D29;--color-green-900: #1B4C24;--color-green-950: #092A10}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--secondary-color-text: var(--color-blue-situaction-900);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--secondary-color-text: var(--color-light-100);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100)}._button_dzhnj_190{font-family:var(--font-family);font-weight:500;border:0;border-radius:8px;cursor:pointer;line-height:1;width:fit-content}._button_dzhnj_190:focus{outline:2px solid var(--dynamic-color);outline-offset:2px}._button_dzhnj_190:disabled{background-color:var(--color-dark-05);color:var(--color-dark-40);border:1px solid var(--color-dark-10);cursor:initial;pointer-events:none}._button_dzhnj_190:disabled *{fill:var(--color-dark-40)}._button-primary_dzhnj_214{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_dzhnj_214:hover{background-color:var(--dynamic-color-hover)}._button-primary_dzhnj_214:active{background-color:var(--dynamic-color-activated)}._button-primary_dzhnj_214 *{fill:var(--dynamic-color-text)}._button-secondary_dzhnj_227{color:var(--secondary-color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_dzhnj_227:hover{background-color:#96b4ee66}._button-secondary_dzhnj_227:active{background-color:#96b4ee99}._button-secondary_dzhnj_227 *{fill:var(--secondary-color-text)}._button-tertiary_dzhnj_241{color:var(--secondary-color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_dzhnj_241:hover{background-color:#96b4ee1a}._button-tertiary_dzhnj_241:active{background-color:#96b4ee33}._button-tertiary_dzhnj_241 *{fill:var(--secondary-color-text)}._button-ghost_dzhnj_255{color:var(--btn-ghost-color-text);background-color:transparent}._button-ghost_dzhnj_255:hover{background-color:var(--btn-ghost-color-hover)}._button-ghost_dzhnj_255:active{background-color:var(--btn-ghost-color-activated)}._button-ghost_dzhnj_255 *{fill:var(--btn-ghost-color-text)}._button-error_dzhnj_268{color:var(color-light-100);background-color:#ff4747}._button-error_dzhnj_268:hover{background-color:#ed1515}._button-error_dzhnj_268:active{background-color:#c80d0d}._button-error_dzhnj_268 *{fill:var(--secondary-color-text)}._button-size-xl_dzhnj_281{padding:16px 32px;font-size:1.125em;line-height:28px}._button-size-l_dzhnj_286{padding:12px 24px;font-size:1em;line-height:24px}._button-size-m_dzhnj_291{padding:8px 16px;font-size:.875em;line-height:22px}._button-size-s_dzhnj_296{padding:6px 12px;font-size:.75em;line-height:16px}._button-gap-xl_dzhnj_301{gap:12px}._button-gap-l_dzhnj_304{gap:8px}._button-gap-m_dzhnj_307,._button-gap-s_dzhnj_307{gap:4px}
+@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}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--color-text: var(--color-blue-situaction-900)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--color-text: var(--color-light-100)}._button_1mr6j_38{font-family:var(--font-family);font-weight:500;border:0;border-radius:8px;cursor:pointer;width:fit-content}._button_1mr6j_38:focus{outline:none}._button_1mr6j_38:disabled{background-color:#0f0f0f0d;color:#0f0f0f66;border:1px solid rgba(15,15,15,.1);cursor:initial;pointer-events:none}._button_1mr6j_38:disabled *{fill:#0f0f0f66}._button-primary_1mr6j_60{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_1mr6j_60:hover{background-color:var(--dynamic-color-hover)}._button-primary_1mr6j_60:active{background-color:var(--dynamic-color-activated);outline:none}._button-primary_1mr6j_60 *{fill:var(--dynamic-color-text)}._button-secondary_1mr6j_74{color:var(--color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_1mr6j_74:hover{background-color:#96b4ee66}._button-secondary_1mr6j_74:active{background-color:#96b4ee99}._button-secondary_1mr6j_74 *{fill:var(--color-text)}._button-tertiary_1mr6j_88{color:var(--color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_1mr6j_88:hover{background-color:#96b4ee1a}._button-tertiary_1mr6j_88:active{background-color:#96b4ee33}._button-tertiary_1mr6j_88 *{fill:var(--color-text)}._button-ghost_1mr6j_102{color:var(--color-text);background-color:transparent}._button-ghost_1mr6j_102:hover{background-color:#96b4ee1a}._button-ghost_1mr6j_102:active{background-color:#96b4ee33}._button-ghost_1mr6j_102:disabled{border:none}._button-ghost_1mr6j_102 *{fill:var(--color-text)}._button-text_1mr6j_118{color:#96b4eecc;background-color:transparent;padding:0!important}._button-text_1mr6j_118:hover{color:#96b4ee}._button-text_1mr6j_118:disabled{border:none;background-color:transparent;color:#a5b4bb}._button-text-selected_1mr6j_131,._button-text-selected_1mr6j_131:hover{color:var(--color-text)}._button-error_1mr6j_137{color:#fff;background-color:#ff4747}._button-error_1mr6j_137:hover{background-color:#ed1515}._button-error_1mr6j_137:active{background-color:#c80d0d}._button-error_1mr6j_137 *{fill:var(--color-text)}._button-size-xl_1mr6j_150{padding:1rem 2rem;font-size:1.125em;line-height:28px}._button-size-l_1mr6j_155{padding:.75rem 1.5rem;font-size:1em;line-height:24px}._button-size-m_1mr6j_160{padding:.5rem 1rem;font-size:.875em;line-height:22px}._button-size-s_1mr6j_165{padding:.375rem .75rem;font-size:.75em;line-height:16px}._button-gap-xl_1mr6j_170{gap:12px}._button-gap-l_1mr6j_173{gap:8px}._button-gap-m_1mr6j_176,._button-gap-s_1mr6j_176{gap:4px}._flexHorizontalCenter_1mr6j_180{display:flex;justify-content:center;align-items:center;flex-direction:row}

package/dist/styles/Colors.css

@@ -0,0 +1 @@
+._palette_l21ra_6{display:flex;align-items:center;gap:.75rem;font-family:Urbanist,sans-serif}._colors_l21ra_13{border-radius:.5rem;box-shadow:0 5px 15px #0000001f,0 15px 35px #676e7614;min-width:120px;height:180px;font-family:Urbanist,sans-serif;font-size:.875em}._colors_l21ra_13>div{border-radius:8px 8px 0 0;width:100%;height:60%}._colors_l21ra_13 ._desc_l21ra_26{display:flex;justify-content:start;flex-direction:column;gap:.125rem;padding:.75rem;box-sizing:border-box;font-size:1em}._colors_l21ra_13 ._hex_l21ra_35{font-weight:600}

package/dist/styles/IconButton.css

@@ -1 +1 @@
-:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15;--color-red-50: #FFF1F1;--color-red-100: #FFDFDF;--color-red-200: #FFC5C5;--color-red-300: #FF9D9D;--color-red-400: #FF6464;--color-red-500: #FF4747;--color-red-600: #ED1515;--color-red-700: #C80D0D;--color-red-800: #A50F0F;--color-red-900: #881414;--color-red-950: #4B0404;--color-green-50: #F1FCF3;--color-green-100: #DFF9E3;--color-green-200: #C1F1C8;--color-green-300: #91E49E;--color-green-400: #45C85A;--color-green-500: #33B449;--color-green-600: #259437;--color-green-700: #20752F;--color-green-800: #1E5D29;--color-green-900: #1B4C24;--color-green-950: #092A10}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--secondary-color-text: var(--color-blue-situaction-900);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--secondary-color-text: var(--color-light-100);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100)}._button_1v38z_190{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_1v38z_190:focus{outline:2px solid var(--dynamic-color);outline-offset:2px}._button_1v38z_190:disabled{background-color:var(--color-dark-05);color:var(--color-dark-40);border:1px solid var(--color-dark-10);cursor:initial;pointer-events:none}._button_1v38z_190:disabled *{fill:var(--color-dark-40)}._button-round_1v38z_219._button_1v38z_190{border-radius:50%}._button-primary_1v38z_222{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_1v38z_222:hover{background-color:var(--dynamic-color-hover)}._button-primary_1v38z_222:active{background-color:var(--dynamic-color-activated)}._button-primary_1v38z_222 *{fill:var(--dynamic-color-text)}._button-secondary_1v38z_235{color:var(--secondary-color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_1v38z_235:hover{background-color:#96b4ee66}._button-secondary_1v38z_235:active{background-color:#96b4ee99}._button-secondary_1v38z_235 *{fill:var(--secondary-color-text)}._button-tertiary_1v38z_249{color:var(--secondary-color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_1v38z_249:hover{background-color:#96b4ee1a}._button-tertiary_1v38z_249:active{background-color:#96b4ee33}._button-tertiary_1v38z_249 *{fill:var(--secondary-color-text)}._button-ghost_1v38z_263{color:var(--btn-ghost-color-text);background-color:transparent}._button-ghost_1v38z_263:hover{background-color:var(--btn-ghost-color-hover)}._button-ghost_1v38z_263:active{background-color:var(--btn-ghost-color-activated)}._button-ghost_1v38z_263 *{fill:var(--btn-ghost-color-text)}._button-error_1v38z_276{color:var(color-light-100);background-color:#ff4747}._button-error_1v38z_276:hover{background-color:#ed1515}._button-error_1v38z_276:active{background-color:#c80d0d}._button-error_1v38z_276 *{fill:var(--secondary-color-text)}._button-size-xl_1v38z_289{border-radius:.5rem;padding:1rem;font-size:1.125em}._button-size-l_1v38z_294{border-radius:.5rem;padding:.75rem;font-size:1em}._button-size-m_1v38z_299{border-radius:.25rem;padding:.5rem;font-size:.875em}._button-size-s_1v38z_304{border-radius:.25rem;padding:.375rem;font-size:.75em}
+:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--color-text: var(--color-blue-situaction-900)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--color-text: var(--color-light-100)}._button_7dkt1_38{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_7dkt1_38:focus{outline:none}._button_7dkt1_38:disabled{background-color:#0f0f0f0d;color:#0f0f0f66;border:1px solid rgba(15,15,15,.1);cursor:initial;pointer-events:none}._button_7dkt1_38:disabled *{fill:#0f0f0f66}._button-round_7dkt1_66._button_7dkt1_38{border-radius:50%}._button-primary_7dkt1_69{color:var(--dynamic-color-text);background-color:var(--dynamic-color)}._button-primary_7dkt1_69:hover{background-color:var(--dynamic-color-hover)}._button-primary_7dkt1_69:active{background-color:var(--dynamic-color-activated)}._button-primary_7dkt1_69 *{fill:var(--dynamic-color-text)}._button-secondary_7dkt1_82{color:var(--color-text);background-color:#96b4ee33;border:1px solid rgba(150,180,238,.5)}._button-secondary_7dkt1_82:hover{background-color:#96b4ee66}._button-secondary_7dkt1_82:active{background-color:#96b4ee99}._button-secondary_7dkt1_82 *{fill:var(--color-text)}._button-tertiary_7dkt1_96{color:var(--color-text);background-color:transparent;border:1px solid rgba(150,180,238,.5)}._button-tertiary_7dkt1_96:hover{background-color:#96b4ee1a}._button-tertiary_7dkt1_96:active{background-color:#96b4ee33}._button-tertiary_7dkt1_96 *{fill:var(--color-text)}._button-ghost_7dkt1_110{color:var(--color-text);background-color:transparent}._button-ghost_7dkt1_110:hover{background-color:#96b4ee1a}._button-ghost_7dkt1_110:active{background-color:#96b4ee33}._button-ghost_7dkt1_110 *{fill:var(--dynamic-color-text)}._button-text_7dkt1_123{color:#96b4eecc;background-color:transparent}._button-text_7dkt1_123:hover{color:#96b4ee}._button-text_7dkt1_123:disabled{border:none;background-color:transparent;color:#a5b4bb}._button-text-selected_7dkt1_135,._button-text-selected_7dkt1_135:hover{color:var(--color-text)}._button-error_7dkt1_141{color:#fff;background-color:#ff4747}._button-error_7dkt1_141:hover{background-color:#ed1515}._button-error_7dkt1_141:active{background-color:#c80d0d}._button-error_7dkt1_141 *{fill:var(--color-text)}._button-size-xl_7dkt1_154{border-radius:.5rem;padding:1rem;font-size:1.125em}._button-size-l_7dkt1_159{border-radius:.5rem;padding:.75rem;font-size:1em}._button-size-m_7dkt1_164{border-radius:.25rem;padding:.5rem;font-size:.875em}._button-size-s_7dkt1_169{border-radius:.25rem;padding:.375rem;font-size:.75em}._flexHorizontalCenter_7dkt1_175{display:flex;justify-content:center;align-items:center;flex-direction:row}

package/dist/styles/Input.css

@@ -1 +1 @@
-:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--secondary-color-text: var(--color-blue-situaction-900);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--secondary-color-text: var(--color-light-100);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100)}:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15;--color-red-50: #FFF1F1;--color-red-100: #FFDFDF;--color-red-200: #FFC5C5;--color-red-300: #FF9D9D;--color-red-400: #FF6464;--color-red-500: #FF4747;--color-red-600: #ED1515;--color-red-700: #C80D0D;--color-red-800: #A50F0F;--color-red-900: #881414;--color-red-950: #4B0404;--color-green-50: #F1FCF3;--color-green-100: #DFF9E3;--color-green-200: #C1F1C8;--color-green-300: #91E49E;--color-green-400: #45C85A;--color-green-500: #33B449;--color-green-600: #259437;--color-green-700: #20752F;--color-green-800: #1E5D29;--color-green-900: #1B4C24;--color-green-950: #092A10}input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}._input-style_1efo0_363{font-family:Urbanist,sans-serif;border:1px solid var(--dynamic-color-border);box-shadow:0 4px 5px #0000000a;color:var(--dynamic-color);position:relative}._input-style_1efo0_363 input{color:var(--dynamic-color)}._input-style-ghost_1efo0_374{border-bottom:solid var(--color-blue-grey-300);border-width:0 0 1px 0;border-radius:0!important}._input-style-disabled_1efo0_379{background-color:var(--color-light-100);border-color:var(--color-blue-grey-300);pointer-events:none;color:var(--color-blue-grey-300)}._input-style-disabled_1efo0_379 input{color:var(--color-blue-grey-300)}._input-style-focused_1efo0_388{color:var(--dynamic-color);border-color:var(--dynamic-color-border);background-color:var(--dynamic-background-color)}._input-style-error_1efo0_393{border-color:#ff4747;color:#ff4747}._input-style-error_1efo0_393 input,._input-style-error-focused_1efo0_400,._input-style-error-focused_1efo0_400 input{color:#ff4747}._input-style-error-focus-background_1efo0_406{background-color:#fff1f1}._input-style-error-disabled_1efo0_409{background-color:#fff1f1;border-color:#ff9d9d;color:#ff9d9d}._input-style-error-disabled_1efo0_409 input{color:#ff9d9d}._input-style-success_1efo0_417{border-color:#33b449;color:#33b449}._input-style-success_1efo0_417 input,._input-style-success-focused_1efo0_424,._input-style-success-focused_1efo0_424 input{color:#33b449}._input-style-success-focus-background_1efo0_430{background-color:#f1fcf3}._input-style-success-disabled_1efo0_433{background-color:#f1fcf3;border-color:#91e49e;color:#91e49e}._input-style-success-disabled_1efo0_433 input{color:#91e49e}._input-style_1efo0_363 ._input-container_1efo0_441{position:relative;width:100%}._input-style_1efo0_363 ._floating-input_1efo0_445{display:block;width:100%;box-sizing:border-box}._input-style_1efo0_363 ._floating-input-size-xl_1efo0_451{font-size:1.125em;line-height:28px}._input-style_1efo0_363 ._floating-input-size-l_1efo0_455{font-size:1em;line-height:24px}._input-style_1efo0_363 ._floating-input-size-m_1efo0_459{font-size:.875em;line-height:22px}._input-style_1efo0_363 ._floating-input-size-s_1efo0_463{font-size:.875em;line-height:20px}._input-style-size-xl_1efo0_467{padding:16px;font-size:1.125em;line-height:28px;border-radius:8px}._input-style-size-l_1efo0_473{padding:12px;font-size:1em;line-height:24px;border-radius:8px}._input-style-size-m_1efo0_479{padding:8px;font-size:.875em;line-height:22px;border-radius:8px}._input-style-size-s_1efo0_485{padding:6px;font-size:.875em;line-height:20px;border-radius:4px}._input-style-radius_1efo0_491{border-radius:50px}
+:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--color-text: var(--color-blue-situaction-900)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--color-text: var(--color-light-100)}input{font-family:Urbanist,sans-serif;border:none;background-color:transparent}input:focus{outline:none;box-shadow:none;border-color:transparent}._input-style_dkt9v_65{font-family:Urbanist,sans-serif;border:1px solid var(--dynamic-color-border);box-shadow:0 4px 5px #0000000a;color:var(--dynamic-color);position:relative}._input-style_dkt9v_65 input{color:var(--dynamic-color)}._input-style-ghost_dkt9v_76{border-bottom:solid #A5B4BB;border-width:0 0 1px 0;border-radius:0!important}._input-style-disabled_dkt9v_81{background-color:#fff;border-color:#a5b4bb;pointer-events:none;color:#a5b4bb}._input-style-disabled_dkt9v_81 input{color:#a5b4bb}._input-style-focused_dkt9v_90{color:var(--dynamic-color);border-color:var(--dynamic-color-border);background-color:var(--dynamic-background-color)}._input-style-error_dkt9v_95{border-color:#ff4747;color:#ff4747}._input-style-error_dkt9v_95 input,._input-style-error-focused_dkt9v_102,._input-style-error-focused_dkt9v_102 input{color:#ff4747}._input-style-error-focus-background_dkt9v_108{background-color:#fff1f1}._input-style-error-disabled_dkt9v_111{background-color:#fff1f1;border-color:#ff9d9d;color:#ff9d9d}._input-style-error-disabled_dkt9v_111 input{color:#ff9d9d}._input-style-success_dkt9v_119{border-color:#33b449;color:#33b449}._input-style-success_dkt9v_119 input,._input-style-success-focused_dkt9v_126,._input-style-success-focused_dkt9v_126 input{color:#33b449}._input-style-success-focus-background_dkt9v_132{background-color:#f1fcf3}._input-style-success-disabled_dkt9v_135{background-color:#f1fcf3;border-color:#91e49e;color:#91e49e}._input-style-success-disabled_dkt9v_135 input{color:#91e49e}._input-style_dkt9v_65 ._input-container_dkt9v_143{position:relative;width:100%}._input-style_dkt9v_65 ._floating-input_dkt9v_147{display:block;width:100%;box-sizing:border-box}._input-style_dkt9v_65 ._floating-input-size-xl_dkt9v_153{font-size:1.125em;line-height:28px}._input-style_dkt9v_65 ._floating-input-size-l_dkt9v_157{font-size:1em;line-height:24px}._input-style_dkt9v_65 ._floating-input-size-m_dkt9v_161{font-size:.875em;line-height:22px}._input-style_dkt9v_65 ._floating-input-size-s_dkt9v_165{font-size:.875em;line-height:20px}._input-style-size-xl_dkt9v_169{padding:16px;font-size:1.125em;line-height:28px;border-radius:8px}._input-style-size-l_dkt9v_175{padding:12px;font-size:1em;line-height:24px;border-radius:8px}._input-style-size-m_dkt9v_181{padding:8px;font-size:.875em;line-height:22px;border-radius:8px}._input-style-size-s_dkt9v_187{padding:6px;font-size:.875em;line-height:20px;border-radius:4px}._input-style-radius_dkt9v_193{border-radius:50px}._flexHorizontalBetween_dkt9v_197{display:flex;justify-content:space-between;align-items:center;flex-direction:row}._flexHorizontal_dkt9v_197{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}

package/dist/styles/Tabs.css

@@ -1 +1 @@
-._tab-container_1jf6b_6{position:relative;color:var(--primary-color);font-weight:500;font-size:1em;line-height:24px}._tab-items_1jf6b_13{gap:2.25rem;padding:.625rem .125rem;border-bottom:1px solid var(--secondary-color)}._tab-item_1jf6b_13{cursor:pointer;text-align:center}._tab-item-active_1jf6b_22{font-weight:600}._underline_1jf6b_26{position:absolute;bottom:0;height:2px;background-color:var(--primary-color);transition:all .3s ease}
+._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}

package/dist/styles/Tag.css

@@ -1 +1 @@
-._tag_1rbf7_6{color:var(--dynamic-color-text);background-color:var(--dynamic-background);border-radius:50px;line-height:normal;gap:.25rem;font-weight:600;letter-spacing:.84px}._tag-children_1rbf7_16{background-color:var(--dynamic-color-text);color:var(--dynamic-background);border-radius:50px;min-width:16px;min-height:16px;aspect-ratio:1/1}._tag-size-xl_1rbf7_24{padding:.5rem .75rem;font-size:1.125em}._tag-size-l_1rbf7_28{padding:.375rem .625rem;font-size:1em}._tag-size-m_1rbf7_32{padding:.25rem .5rem;font-size:.875em}._tag-size-s_1rbf7_36{padding:.125rem .375rem;font-size:.75em}
+._tag_nyjfz_6{color:var(--dynamic-color-text);background-color:var(--dynamic-background);border-radius:50px;line-height:normal;gap:.25rem;font-weight:600;letter-spacing:.84px}._tag-children_nyjfz_16{color:var(--dynamic-color-text);border-radius:50px;min-width:16px;min-height:16px;aspect-ratio:1/1}._tag-size-xl_nyjfz_23{padding:.5rem .75rem;font-size:1.125em}._tag-size-xl-round_nyjfz_27{padding:.5rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag-size-l_nyjfz_33{padding:.375rem .625rem;font-size:1em}._tag-size-l-round_nyjfz_37{padding:.375rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag-size-m_nyjfz_43{padding:.25rem .5rem;font-size:.875em}._tag-size-m-round_nyjfz_47{padding:.25rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._tag-size-s_nyjfz_53{padding:.25rem .5rem;font-size:.625em}._tag-size-s-round_nyjfz_57{padding:.125rem;min-width:12px;min-height:12px;aspect-ratio:1/1}._flexHorizontalCenter_nyjfz_64{display:flex;justify-content:center;align-items:center;flex-direction:row}._flexHorizontal_nyjfz_64{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}

package/dist/styles/ThemeContext.css

@@ -0,0 +1 @@
+:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15;--color-red-50: #FFF1F1;--color-red-100: #FFDFDF;--color-red-200: #FFC5C5;--color-red-300: #FF9D9D;--color-red-400: #FF6464;--color-red-500: #FF4747;--color-red-600: #ED1515;--color-red-700: #C80D0D;--color-red-800: #A50F0F;--color-red-900: #881414;--color-red-950: #4B0404;--color-green-50: #F1FCF3;--color-green-100: #DFF9E3;--color-green-200: #C1F1C8;--color-green-300: #91E49E;--color-green-400: #45C85A;--color-green-500: #33B449;--color-green-600: #259437;--color-green-700: #20752F;--color-green-800: #1E5D29;--color-green-900: #1B4C24;--color-green-950: #092A10;--color-blue-trans-50: rgba(150, 180, 238, .05);--color-blue-trans-100: rgba(150, 180, 238, .1);--color-blue-trans-200: rgba(150, 180, 238, .2);--color-blue-trans-300: rgba(150, 180, 238, .3);--color-blue-trans-400: rgba(150, 180, 238, .4);--color-blue-trans-500: rgba(150, 180, 238, .5);--color-blue-trans-600: rgba(150, 180, 238, .6);--color-blue-trans-700: rgba(150, 180, 238, .7);--color-blue-trans-800: rgba(150, 180, 238, .8);--color-blue-trans-900: rgba(150, 180, 238, .8);--color-blue-trans-950: #96B4EE;--spacing-xs-7: .125rem;--spacing-xs-6: .25rem;--spacing-xs-5: .375rem;--spacing-xs-4: .5rem;--spacing-xs-3: .625rem;--spacing-xs-2: .75rem;--spacing-xs: .875rem;--spacing-s: 1rem;--spacing-m-1: 1.125rem;--spacing-m-2: 1.25rem;--spacing-l: 1.5rem;--spacing-xl: 1.75rem;--spacing-xl-2: 2rem;--spacing-xl-3: 2.25rem;--spacing-xl-4: 2.75rem;--spacing-xl-5: 3rem;--spacing-xl-6: 4rem}

package/dist/styles/Title.css

@@ -0,0 +1 @@
+._flexHorizontal_1funw_6{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}h1{margin:0;padding:0;font-style:normal;font-weight:700;line-height:36px}

package/dist/styles/main.css

@@ -1 +1 @@
-.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding:0 .125rem}.padding-l-xs-6{padding:0 .25rem}.padding-l-xs-5{padding:0 .375rem}.padding-l-xs-4{padding:0 .5rem}.padding-l-xs-3{padding:0 .625rem}.padding-l-xs-2{padding:0 .75rem}.padding-l-xs{padding:0 .875rem}.padding-l-s{padding:0 1rem}.padding-l-m-1{padding:0 1.125rem}.padding-l-m-2{padding:0 1.25rem}.padding-l-l{padding:0 1.5rem}.padding-l-xl{padding:0 1.75rem}.padding-l-xl-2{padding:0 2rem}.padding-l-xl-3{padding:0 2.25rem}.padding-l-xl-4{padding:0 2.75rem}.padding-l-xl-5{padding:0 3rem}.padding-l-xl-6{padding:0 4rem}.padding-r-xs-7{padding:0 .125rem}.padding-r-xs-6{padding:0 .25rem}.padding-r-xs-5{padding:0 .375rem}.padding-r-xs-4{padding:0 .5rem}.padding-r-xs-3{padding:0 .625rem}.padding-r-xs-2{padding:0 .75rem}.padding-r-xs{padding:0 .875rem}.padding-r-s{padding:0 1rem}.padding-r-m-1{padding:0 1.125rem}.padding-r-m-2{padding:0 1.25rem}.padding-r-l{padding:0 1.5rem}.padding-r-xl{padding:0 1.75rem}.padding-r-xl-2{padding:0 2rem}.padding-r-xl-3{padding:0 2.25rem}.padding-r-xl-4{padding:0 2.75rem}.padding-r-xl-5{padding:0 3rem}.padding-r-xl-6{padding:0 4rem}.margin-xs-7{margin:.125rem}.margin-xs-6{margin:.25rem}.margin-xs-5{margin:.375rem}.margin-xs-4{margin:.5rem}.margin-xs-3{margin:.625rem}.margin-xs-2{margin:.75rem}.margin-xs{margin:.875rem}.margin-s{margin:1rem}.margin-m-1{margin:1.125rem}.margin-m-2{margin:1.25rem}.margin-l{margin:1.5rem}.margin-xl{margin:1.75rem}.margin-xl-2{margin:2rem}.margin-xl-3{margin:2.25rem}.margin-xl-4{margin:2.75rem}.margin-xl-5{margin:3rem}.margin-xl-6{margin:4rem}.margin-h-xs-7{margin:0 .125rem}.margin-h-xs-6{margin:0 .25rem}.margin-h-xs-5{margin:0 .375rem}.margin-h-xs-4{margin:0 .5rem}.margin-h-xs-3{margin:0 .625rem}.margin-h-xs-2{margin:0 .75rem}.margin-h-xs{margin:0 .875rem}.margin-h-s{margin:0 1rem}.margin-h-m-1{margin:0 1.125rem}.margin-h-m-2{margin:0 1.25rem}.margin-h-l{margin:0 1.5rem}.margin-h-xl{margin:0 1.75rem}.margin-h-xl-2{margin:0 2rem}.margin-h-xl-3{margin:0 2.25rem}.margin-h-xl-4{margin:0 2.75rem}.margin-h-xl-5{margin:0 3rem}.margin-h-xl-6{margin:0 4rem}.margin-v-xs-7{margin:.125rem 0}.margin-v-xs-6{margin:.25rem 0}.margin-v-xs-5{margin:.375rem 0}.margin-v-xs-4{margin:.5rem 0}.margin-v-xs-3{margin:.625rem 0}.margin-v-xs-2{margin:.75rem 0}.margin-v-xs{margin:.875rem 0}.margin-v-s{margin:1rem 0}.margin-v-m-1{margin:1.125rem 0}.margin-v-m-2{margin:1.25rem 0}.margin-v-l{margin:1.5rem 0}.margin-v-xl{margin:1.75rem 0}.margin-v-xl-2{margin:2rem 0}.margin-v-xl-3{margin:2.25rem 0}.margin-v-xl-4{margin:2.75rem 0}.margin-v-xl-5{margin:3rem 0}.margin-v-xl-6{margin:4rem 0}.margin-l-xs-7{margin-left:.125rem}.margin-l-xs-6{margin-left:.25rem}.margin-l-xs-5{margin-left:.375rem}.margin-l-xs-4{margin-left:.5rem}.margin-l-xs-3{margin-left:.625rem}.margin-l-xs-2{margin-left:.75rem}.margin-l-xs{margin-left:.875rem}.margin-l-s{margin-left:1rem}.margin-l-m-1{margin-left:1.125rem}.margin-l-m-2{margin-left:1.25rem}.margin-l-l{margin-left:1.5rem}.margin-l-xl{margin-left:1.75rem}.margin-l-xl-2{margin-left:2rem}.margin-l-xl-3{margin-left:2.25rem}.margin-l-xl-4{margin-left:2.75rem}.margin-l-xl-5{margin-left:3rem}.margin-l-xl-6{margin-left:4rem}.margin-r-xs-7{margin-right:.125rem}.margin-r-xs-6{margin-right:.25rem}.margin-r-xs-5{margin-right:.375rem}.margin-r-xs-4{margin-right:.5rem}.margin-r-xs-3{margin-right:.625rem}.margin-r-xs-2{margin-right:.75rem}.margin-r-xs{margin-right:.875rem}.margin-r-s{margin-right:1rem}.margin-r-m-1{margin-right:1.125rem}.margin-r-m-2{margin-right:1.25rem}.margin-r-l{margin-right:1.5rem}.margin-r-xl{margin-right:1.75rem}.margin-r-xl-2{margin-right:2rem}.margin-r-xl-3{margin-right:2.25rem}.margin-r-xl-4{margin-right:2.75rem}.margin-r-xl-5{margin-right:3rem}.margin-r-xl-6{margin-right:4rem}.fontSize10{font-size:.625em}.fontSize12{font-size:.75em}.fontSize14{font-size:.875em}.fontSize16{font-size:1em}.fontSize18{font-size:1.125em}.fontSize20{font-size:1.25em}.fontSize22{font-size:1.375em}.fontSize24{font-size:1.5em}.fontSize30{font-size:1.875em}.fontSize32{font-size:2em}.fontSize40{font-size:3em}.fontSize64{font-size:4em}.gap-xs-7{gap:.125rem}.gap-xs-6{gap:.25rem}.gap-xs-5{gap:.375rem}.gap-xs-4{gap:.5rem}.gap-xs-3{gap:.625rem}.gap-xs-2{gap:.75rem}.gap-xs{gap:.875rem}.gap-s{gap:1rem}.gap-m-1{gap:1.125rem}.gap-m-2{gap:1.25rem}.gap-l{gap:1.5rem}.gap-xl{gap:1.75rem}.gap-xl-2{gap:2rem}.gap-xl-3{gap:2.25rem}.gap-xl-4{gap:2.75rem}.gap-xl-5{gap:3rem}.gap-xl-6{gap:4rem}:root{--spacing-xs-7: .125rem;--spacing-xs-6: .25rem;--spacing-xs-5: .375rem;--spacing-xs-4: .5rem;--spacing-xs-3: .625rem;--spacing-xs-2: .75rem;--spacing-xs: .875rem;--spacing-s: 1rem;--spacing-m-1: 1.125rem;--spacing-m-2: 1.25rem;--spacing-l: 1.5rem;--spacing-xl: 1.75rem;--spacing-xl-2: 2rem;--spacing-xl-3: 2.25rem;--spacing-xl-4: 2.75rem;--spacing-xl-5: 3rem;--spacing-xl-6: 4rem}:root{--color-light-05: rgba(255, 255, 255, .05);--color-light-10: rgba(255, 255, 255, .1);--color-light-20: rgba(255, 255, 255, .2);--color-light-30: rgba(255, 255, 255, .3);--color-light-40: rgba(255, 255, 255, .4);--color-light-50: rgba(255, 255, 255, .5);--color-light-60: rgba(255, 255, 255, .6);--color-light-70: rgba(255, 255, 255, .7);--color-light-80: rgba(255, 255, 255, .8);--color-light-90: rgba(255, 255, 255, .9);--color-light-100: #FFF;--color-dark-05: rgba(15, 15, 15, .05);--color-dark-10: rgba(15, 15, 15, .1);--color-dark-20: rgba(15, 15, 15, .2);--color-dark-30: rgba(15, 15, 15, .3);--color-dark-40: rgba(15, 15, 15, .4);--color-dark-50: rgba(15, 15, 15, .5);--color-dark-60: rgba(15, 15, 15, .6);--color-dark-70: rgba(15, 15, 15, .7);--color-dark-80: rgba(15, 15, 15, .8);--color-dark-90: rgba(15, 15, 15, .9);--color-dark-100: #09090B;--color-grey-50: #FAFAFA;--color-grey-100: #E7E7E7;--color-grey-200: #D1D1D1;--color-grey-300: #B0B0B0;--color-grey-400: #888888;--color-grey-500: #6D6D6D;--color-grey-600: #5D5D5D;--color-grey-700: #4F4F4F;--color-grey-800: #454545;--color-grey-900: #3D3D3D;--color-grey-950: #0F0F0F;--color-blue-grey-50: #F4F6F7;--color-blue-grey-100: #E3E8EA;--color-blue-grey-200: #CAD3D7;--color-blue-grey-300: #A5B4BB;--color-blue-grey-400: #788D98;--color-blue-grey-500: #55626C;--color-blue-grey-600: #49565F;--color-blue-grey-700: #445058;--color-blue-grey-800: #3A4047;--color-blue-grey-900: #2B3137;--color-blue-grey-950: #24292E;--color-blue-50: #F5F8FE;--color-blue-100: #EFF4FD;--color-blue-200: #EAF0FC;--color-blue-300: #E0E9FA;--color-blue-400: #D5E1F8;--color-blue-500: #CBDAF7;--color-blue-600: #C0D2F5;--color-blue-700: #B6CBF4;--color-blue-800: #ABC3F1;--color-blue-900: #A1BCF0;--color-blue-950: #24292E;--color-blue-situaction-50: #EFF8FF;--color-blue-situaction-100: #DFF1FF;--color-blue-situaction-200: #C3E9FD;--color-blue-situaction-300: #7ED3FB;--color-blue-situaction-400: #31B7FF;--color-blue-situaction-500: #069DEF;--color-blue-situaction-600: #007DCE;--color-blue-situaction-700: #02548A;--color-blue-situaction-800: #1F416D;--color-blue-situaction-900: #1D3557;--color-blue-situaction-950: #14243D;--color-purple-50: #F1F2FC;--color-purple-100: #E6E7F9;--color-purple-200: #D1D3F4;--color-purple-300: #B5B6EC;--color-purple-400: #9A96E3;--color-purple-500: #887DD7;--color-purple-600: #6E59C5;--color-purple-700: #6652B0;--color-purple-800: #53458E;--color-purple-900: #463D72;--color-purple-950: #2A2442;--color-pink-50: #FBF4F8;--color-pink-100: #F8EBF3;--color-pink-200: #F2D8E9;--color-pink-300: #E9B8D6;--color-pink-400: #DB8BBB;--color-pink-500: #CC68A0;--color-pink-600: #B84A83;--color-pink-700: #9D3869;--color-pink-800: #833158;--color-pink-900: #6E2D4C;--color-pink-950: #42152A;--color-gold-50: #FDFAE9;--color-gold-100: #FAF0B9;--color-gold-200: #F8E490;--color-gold-300: #F4CF50;--color-gold-400: #EEB721;--color-gold-500: #DE9F14;--color-gold-600: #C07A0E;--color-gold-700: #99570F;--color-gold-800: #7F4614;--color-gold-900: #6C3917;--color-gold-950: #3F1C09;--color-brown-50: #FDF9ED;--color-brown-100: #F6E4B6;--color-brown-200: #F2D897;--color-brown-300: #ECBD5F;--color-brown-400: #E6A637;--color-brown-500: #DF8620;--color-brown-600: #C7681A;--color-brown-700: #A44919;--color-brown-800: #853A19;--color-brown-900: #6C3019;--color-brown-950: #3E1709;--color-emerald-50: #F2F7F3;--color-emerald-100: #DFECE0;--color-emerald-200: #C1D9C5;--color-emerald-300: #98BDA0;--color-emerald-400: #71A07D;--color-emerald-500: #4A7F59;--color-emerald-600: #376445;--color-emerald-700: #2C5038;--color-emerald-800: #25402F;--color-emerald-900: #1F3527;--color-emerald-950: #111D15;--color-red-50: #FFF1F1;--color-red-100: #FFDFDF;--color-red-200: #FFC5C5;--color-red-300: #FF9D9D;--color-red-400: #FF6464;--color-red-500: #FF4747;--color-red-600: #ED1515;--color-red-700: #C80D0D;--color-red-800: #A50F0F;--color-red-900: #881414;--color-red-950: #4B0404;--color-green-50: #F1FCF3;--color-green-100: #DFF9E3;--color-green-200: #C1F1C8;--color-green-300: #91E49E;--color-green-400: #45C85A;--color-green-500: #33B449;--color-green-600: #259437;--color-green-700: #20752F;--color-green-800: #1E5D29;--color-green-900: #1B4C24;--color-green-950: #092A10}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--secondary-color-text: var(--color-blue-situaction-900);--btn-ghost-color-hover: var(--color-dark-05);--btn-ghost-color-activated: var(--color-dark-10);--btn-ghost-color-text: var(--color-grey-950)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--secondary-color-text: var(--color-light-100);--btn-ghost-color-hover: var(--color-light-05);--btn-ghost-color-activated: var(--color-light-10);--btn-ghost-color-text: var(--color-light-100)}
+.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding:0 .125rem}.padding-l-xs-6{padding:0 .25rem}.padding-l-xs-5{padding:0 .375rem}.padding-l-xs-4{padding:0 .5rem}.padding-l-xs-3{padding:0 .625rem}.padding-l-xs-2{padding:0 .75rem}.padding-l-xs{padding:0 .875rem}.padding-l-s{padding:0 1rem}.padding-l-m-1{padding:0 1.125rem}.padding-l-m-2{padding:0 1.25rem}.padding-l-l{padding:0 1.5rem}.padding-l-xl{padding:0 1.75rem}.padding-l-xl-2{padding:0 2rem}.padding-l-xl-3{padding:0 2.25rem}.padding-l-xl-4{padding:0 2.75rem}.padding-l-xl-5{padding:0 3rem}.padding-l-xl-6{padding:0 4rem}.padding-r-xs-7{padding:0 .125rem}.padding-r-xs-6{padding:0 .25rem}.padding-r-xs-5{padding:0 .375rem}.padding-r-xs-4{padding:0 .5rem}.padding-r-xs-3{padding:0 .625rem}.padding-r-xs-2{padding:0 .75rem}.padding-r-xs{padding:0 .875rem}.padding-r-s{padding:0 1rem}.padding-r-m-1{padding:0 1.125rem}.padding-r-m-2{padding:0 1.25rem}.padding-r-l{padding:0 1.5rem}.padding-r-xl{padding:0 1.75rem}.padding-r-xl-2{padding:0 2rem}.padding-r-xl-3{padding:0 2.25rem}.padding-r-xl-4{padding:0 2.75rem}.padding-r-xl-5{padding:0 3rem}.padding-r-xl-6{padding:0 4rem}.padding-top-xs-7{padding-top:.125rem}.padding-top-xs-6{padding-top:.25rem}.padding-top-xs-5{padding-top:.375rem}.padding-top-xs-4{padding-top:.5rem}.padding-top-xs-3{padding-top:.625rem}.padding-top-xs-2{padding-top:.75rem}.padding-top-xs{padding-top:.875rem}.padding-top-s{padding-top:1rem}.padding-top-m-1{padding-top:1.125rem}.padding-top-m-2{padding-top:1.25rem}.padding-top-l{padding-top:1.5rem}.padding-top-xl{padding-top:1.75rem}.padding-top-xl-2{padding-top:2rem}.padding-top-xl-3{padding-top:2.25rem}.padding-top-xl-4{padding-top:2.75rem}.padding-top-xl-5{padding-top:3rem}.padding-top-xl-6{padding-top:4rem}.padding-bottom-xs-7{padding-bottom:.125rem}.padding-bottom-xs-6{padding-bottom:.25rem}.padding-bottom-xs-5{padding-bottom:.375rem}.padding-bottom-xs-4{padding-bottom:.5rem}.padding-bottom-xs-3{padding-bottom:.625rem}.padding-bottom-xs-2{padding-bottom:.75rem}.padding-bottom-xs{padding-bottom:.875rem}.padding-bottom-s{padding-bottom:1rem}.padding-bottom-m-1{padding-bottom:1.125rem}.padding-bottom-m-2{padding-bottom:1.25rem}.padding-bottom-l{padding-bottom:1.5rem}.padding-bottom-xl{padding-bottom:1.75rem}.padding-bottom-xl-2{padding-bottom:2rem}.padding-bottom-xl-3{padding-bottom:2.25rem}.padding-bottom-xl-4{padding-bottom:2.75rem}.padding-bottom-xl-5{padding-bottom:3rem}.padding-bottom-xl-6{padding-bottom:4rem}.margin-xs-7{margin:.125rem}.margin-xs-6{margin:.25rem}.margin-xs-5{margin:.375rem}.margin-xs-4{margin:.5rem}.margin-xs-3{margin:.625rem}.margin-xs-2{margin:.75rem}.margin-xs{margin:.875rem}.margin-s{margin:1rem}.margin-m-1{margin:1.125rem}.margin-m-2{margin:1.25rem}.margin-l{margin:1.5rem}.margin-xl{margin:1.75rem}.margin-xl-2{margin:2rem}.margin-xl-3{margin:2.25rem}.margin-xl-4{margin:2.75rem}.margin-xl-5{margin:3rem}.margin-xl-6{margin:4rem}.margin-h-xs-7{margin:0 .125rem}.margin-h-xs-6{margin:0 .25rem}.margin-h-xs-5{margin:0 .375rem}.margin-h-xs-4{margin:0 .5rem}.margin-h-xs-3{margin:0 .625rem}.margin-h-xs-2{margin:0 .75rem}.margin-h-xs{margin:0 .875rem}.margin-h-s{margin:0 1rem}.margin-h-m-1{margin:0 1.125rem}.margin-h-m-2{margin:0 1.25rem}.margin-h-l{margin:0 1.5rem}.margin-h-xl{margin:0 1.75rem}.margin-h-xl-2{margin:0 2rem}.margin-h-xl-3{margin:0 2.25rem}.margin-h-xl-4{margin:0 2.75rem}.margin-h-xl-5{margin:0 3rem}.margin-h-xl-6{margin:0 4rem}.margin-v-xs-7{margin:.125rem 0}.margin-v-xs-6{margin:.25rem 0}.margin-v-xs-5{margin:.375rem 0}.margin-v-xs-4{margin:.5rem 0}.margin-v-xs-3{margin:.625rem 0}.margin-v-xs-2{margin:.75rem 0}.margin-v-xs{margin:.875rem 0}.margin-v-s{margin:1rem 0}.margin-v-m-1{margin:1.125rem 0}.margin-v-m-2{margin:1.25rem 0}.margin-v-l{margin:1.5rem 0}.margin-v-xl{margin:1.75rem 0}.margin-v-xl-2{margin:2rem 0}.margin-v-xl-3{margin:2.25rem 0}.margin-v-xl-4{margin:2.75rem 0}.margin-v-xl-5{margin:3rem 0}.margin-v-xl-6{margin:4rem 0}.margin-l-xs-7{margin-left:.125rem}.margin-l-xs-6{margin-left:.25rem}.margin-l-xs-5{margin-left:.375rem}.margin-l-xs-4{margin-left:.5rem}.margin-l-xs-3{margin-left:.625rem}.margin-l-xs-2{margin-left:.75rem}.margin-l-xs{margin-left:.875rem}.margin-l-s{margin-left:1rem}.margin-l-m-1{margin-left:1.125rem}.margin-l-m-2{margin-left:1.25rem}.margin-l-l{margin-left:1.5rem}.margin-l-xl{margin-left:1.75rem}.margin-l-xl-2{margin-left:2rem}.margin-l-xl-3{margin-left:2.25rem}.margin-l-xl-4{margin-left:2.75rem}.margin-l-xl-5{margin-left:3rem}.margin-l-xl-6{margin-left:4rem}.margin-r-xs-7{margin-right:.125rem}.margin-r-xs-6{margin-right:.25rem}.margin-r-xs-5{margin-right:.375rem}.margin-r-xs-4{margin-right:.5rem}.margin-r-xs-3{margin-right:.625rem}.margin-r-xs-2{margin-right:.75rem}.margin-r-xs{margin-right:.875rem}.margin-r-s{margin-right:1rem}.margin-r-m-1{margin-right:1.125rem}.margin-r-m-2{margin-right:1.25rem}.margin-r-l{margin-right:1.5rem}.margin-r-xl{margin-right:1.75rem}.margin-r-xl-2{margin-right:2rem}.margin-r-xl-3{margin-right:2.25rem}.margin-r-xl-4{margin-right:2.75rem}.margin-r-xl-5{margin-right:3rem}.margin-r-xl-6{margin-right:4rem}.margin-top-xs-7{margin-top:.125rem}.margin-top-xs-6{margin-top:.25rem}.margin-top-xs-5{margin-top:.375rem}.margin-top-xs-4{margin-top:.5rem}.margin-top-xs-3{margin-top:.625rem}.margin-top-xs-2{margin-top:.75rem}.margin-top-xs{margin-top:.875rem}.margin-top-s{margin-top:1rem}.margin-top-m-1{margin-top:1.125rem}.margin-top-m-2{margin-top:1.25rem}.margin-top-l{margin-top:1.5rem}.margin-top-xl{margin-top:1.75rem}.margin-top-xl-2{margin-top:2rem}.margin-top-xl-3{margin-top:2.25rem}.margin-top-xl-4{margin-top:2.75rem}.margin-top-xl-5{margin-top:3rem}.margin-top-xl-6{margin-top:4rem}.margin-bottom-xs-7{margin-bottom:.125rem}.margin-bottom-xs-6{margin-bottom:.25rem}.margin-bottom-xs-5{margin-bottom:.375rem}.margin-bottom-xs-4{margin-bottom:.5rem}.margin-bottom-xs-3{margin-bottom:.625rem}.margin-bottom-xs-2{margin-bottom:.75rem}.margin-bottom-xs{margin-bottom:.875rem}.margin-bottom-s{margin-bottom:1rem}.margin-bottom-m-1{margin-bottom:1.125rem}.margin-bottom-m-2{margin-bottom:1.25rem}.margin-bottom-l{margin-bottom:1.5rem}.margin-bottom-xl{margin-bottom:1.75rem}.margin-bottom-xl-2{margin-bottom:2rem}.margin-bottom-xl-3{margin-bottom:2.25rem}.margin-bottom-xl-4{margin-bottom:2.75rem}.margin-bottom-xl-5{margin-bottom:3rem}.margin-bottom-xl-6{margin-bottom:4rem}.fontSize10{font-size:.625em}.fontSize12{font-size:.75em}.fontSize14{font-size:.875em}.fontSize16{font-size:1em}.fontSize18{font-size:1.125em}.fontSize20{font-size:1.25em}.fontSize22{font-size:1.375em}.fontSize24{font-size:1.5em}.fontSize30{font-size:1.875em}.fontSize32{font-size:2em}.fontSize40{font-size:3em}.fontSize64{font-size:4em}.gap-xs-7{gap:.125rem}.gap-xs-6{gap:.25rem}.gap-xs-5{gap:.375rem}.gap-xs-4{gap:.5rem}.gap-xs-3{gap:.625rem}.gap-xs-2{gap:.75rem}.gap-xs{gap:.875rem}.gap-s{gap:1rem}.gap-m-1{gap:1.125rem}.gap-m-2{gap:1.25rem}.gap-l{gap:1.5rem}.gap-xl{gap:1.75rem}.gap-xl-2{gap:2rem}.gap-xl-3{gap:2.25rem}.gap-xl-4{gap:2.75rem}.gap-xl-5{gap:3rem}.gap-xl-6{gap:4rem}:root,[data-theme=light]{--btn-primary-color: var(--primary-color-900);--btn-primary-color-hover: var(--primary-color-800);--btn-primary-color-activated: var(--primary-color-700);--btn-primary-color-text: var(--color-light-100);--color-text: var(--color-blue-situaction-900)}[data-theme=dark]{--btn-primary-color: var(--primary-color-200);--btn-primary-color-hover: var(--primary-color-100);--btn-primary-color-activated: var(--primary-color-50);--btn-primary-color-text: var(--primary-color-900);--color-text: var(--color-light-100)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.0.14",
+  "version": "1.0.15",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -8,7 +8,6 @@
     "dist"
   ],
   "scripts": {
-    "dev": "vite --open",
     "test": "jest",
     "build": "tsc --p ./tsconfig-build.json && vite build",
     "prepublish": "npm run build",
@@ -36,14 +35,14 @@
   "license": "ISC",
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
-    "@storybook/addon-essentials": "^8.1.9",
-    "@storybook/addon-interactions": "^8.1.9",
-    "@storybook/addon-links": "^8.1.9",
-    "@storybook/addon-onboarding": "^8.1.9",
-    "@storybook/blocks": "^8.1.9",
-    "@storybook/react": "^8.1.9",
-    "@storybook/react-vite": "^8.1.9",
-    "@storybook/test": "^8.1.9",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-onboarding": "^8.3.5",
+    "@storybook/blocks": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/test": "^8.3.5",
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
@@ -66,7 +65,7 @@
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.77.5",
     "sass-loader": "^14.2.0",
-    "storybook": "^8.1.9",
+    "storybook": "^8.3.6",
     "style-loader": "^4.0.0",
     "ts-jest": "^29.1.5",
     "ts-node": "^10.9.2",
@@ -76,8 +75,8 @@
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "storybook-figma": "^0.1.2",
     "storybook-react-context": "^0.6.0"
   }

package/dist/styles/index.css

@@ -1 +0,0 @@
-@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}.padding-xs-7{padding:.125rem}.padding-xs-6{padding:.25rem}.padding-xs-5{padding:.375rem}.padding-xs-4{padding:.5rem}.padding-xs-3{padding:.625rem}.padding-xs-2{padding:.75rem}.padding-xs{padding:.875rem}.padding-s{padding:1rem}.padding-m-1{padding:1.125rem}.padding-m-2{padding:1.25rem}.padding-l{padding:1.5rem}.padding-xl{padding:1.75rem}.padding-xl-2{padding:2rem}.padding-xl-3{padding:2.25rem}.padding-xl-4{padding:2.75rem}.padding-xl-5{padding:3rem}.padding-xl-6{padding:4rem}.padding-h-xs-7{padding:0 .125rem}.padding-h-xs-6{padding:0 .25rem}.padding-h-xs-5{padding:0 .375rem}.padding-h-xs-4{padding:0 .5rem}.padding-h-xs-3{padding:0 .625rem}.padding-h-xs-2{padding:0 .75rem}.padding-h-xs{padding:0 .875rem}.padding-h-s{padding:0 1rem}.padding-h-m-1{padding:0 1.125rem}.padding-h-m-2{padding:0 1.25rem}.padding-h-l{padding:0 1.5rem}.padding-h-xl{padding:0 1.75rem}.padding-h-xl-2{padding:0 2rem}.padding-h-xl-3{padding:0 2.25rem}.padding-h-xl-4{padding:0 2.75rem}.padding-h-xl-5{padding:0 3rem}.padding-h-xl-6{padding:0 4rem}.padding-v-xs-7{padding:.125rem 0}.padding-v-xs-6{padding:.25rem 0}.padding-v-xs-5{padding:.375rem 0}.padding-v-xs-4{padding:.5rem 0}.padding-v-xs-3{padding:.625rem 0}.padding-v-xs-2{padding:.75rem 0}.padding-v-xs{padding:.875rem 0}.padding-v-s{padding:1rem 0}.padding-v-m-1{padding:1.125rem 0}.padding-v-m-2{padding:1.25rem 0}.padding-v-l{padding:1.5rem 0}.padding-v-xl{padding:1.75rem 0}.padding-v-xl-2{padding:2rem 0}.padding-v-xl-3{padding:2.25rem 0}.padding-v-xl-4{padding:2.75rem 0}.padding-v-xl-5{padding:3rem 0}.padding-v-xl-6{padding:4rem 0}.padding-l-xs-7{padding:0 .125rem}.padding-l-xs-6{padding:0 .25rem}.padding-l-xs-5{padding:0 .375rem}.padding-l-xs-4{padding:0 .5rem}.padding-l-xs-3{padding:0 .625rem}.padding-l-xs-2{padding:0 .75rem}.padding-l-xs{padding:0 .875rem}.padding-l-s{padding:0 1rem}.padding-l-m-1{padding:0 1.125rem}.padding-l-m-2{padding:0 1.25rem}.padding-l-l{padding:0 1.5rem}.padding-l-xl{padding:0 1.75rem}.padding-l-xl-2{padding:0 2rem}.padding-l-xl-3{padding:0 2.25rem}.padding-l-xl-4{padding:0 2.75rem}.padding-l-xl-5{padding:0 3rem}.padding-l-xl-6{padding:0 4rem}.padding-r-xs-7{padding:0 .125rem}.padding-r-xs-6{padding:0 .25rem}.padding-r-xs-5{padding:0 .375rem}.padding-r-xs-4{padding:0 .5rem}.padding-r-xs-3{padding:0 .625rem}.padding-r-xs-2{padding:0 .75rem}.padding-r-xs{padding:0 .875rem}.padding-r-s{padding:0 1rem}.padding-r-m-1{padding:0 1.125rem}.padding-r-m-2{padding:0 1.25rem}.padding-r-l{padding:0 1.5rem}.padding-r-xl{padding:0 1.75rem}.padding-r-xl-2{padding:0 2rem}.padding-r-xl-3{padding:0 2.25rem}.padding-r-xl-4{padding:0 2.75rem}.padding-r-xl-5{padding:0 3rem}.padding-r-xl-6{padding:0 4rem}.margin-xs-7{margin:.125rem}.margin-xs-6{margin:.25rem}.margin-xs-5{margin:.375rem}.margin-xs-4{margin:.5rem}.margin-xs-3{margin:.625rem}.margin-xs-2{margin:.75rem}.margin-xs{margin:.875rem}.margin-s{margin:1rem}.margin-m-1{margin:1.125rem}.margin-m-2{margin:1.25rem}.margin-l{margin:1.5rem}.margin-xl{margin:1.75rem}.margin-xl-2{margin:2rem}.margin-xl-3{margin:2.25rem}.margin-xl-4{margin:2.75rem}.margin-xl-5{margin:3rem}.margin-xl-6{margin:4rem}.margin-h-xs-7{margin:0 .125rem}.margin-h-xs-6{margin:0 .25rem}.margin-h-xs-5{margin:0 .375rem}.margin-h-xs-4{margin:0 .5rem}.margin-h-xs-3{margin:0 .625rem}.margin-h-xs-2{margin:0 .75rem}.margin-h-xs{margin:0 .875rem}.margin-h-s{margin:0 1rem}.margin-h-m-1{margin:0 1.125rem}.margin-h-m-2{margin:0 1.25rem}.margin-h-l{margin:0 1.5rem}.margin-h-xl{margin:0 1.75rem}.margin-h-xl-2{margin:0 2rem}.margin-h-xl-3{margin:0 2.25rem}.margin-h-xl-4{margin:0 2.75rem}.margin-h-xl-5{margin:0 3rem}.margin-h-xl-6{margin:0 4rem}.margin-v-xs-7{margin:.125rem 0}.margin-v-xs-6{margin:.25rem 0}.margin-v-xs-5{margin:.375rem 0}.margin-v-xs-4{margin:.5rem 0}.margin-v-xs-3{margin:.625rem 0}.margin-v-xs-2{margin:.75rem 0}.margin-v-xs{margin:.875rem 0}.margin-v-s{margin:1rem 0}.margin-v-m-1{margin:1.125rem 0}.margin-v-m-2{margin:1.25rem 0}.margin-v-l{margin:1.5rem 0}.margin-v-xl{margin:1.75rem 0}.margin-v-xl-2{margin:2rem 0}.margin-v-xl-3{margin:2.25rem 0}.margin-v-xl-4{margin:2.75rem 0}.margin-v-xl-5{margin:3rem 0}.margin-v-xl-6{margin:4rem 0}.margin-l-xs-7{margin-left:.125rem}.margin-l-xs-6{margin-left:.25rem}.margin-l-xs-5{margin-left:.375rem}.margin-l-xs-4{margin-left:.5rem}.margin-l-xs-3{margin-left:.625rem}.margin-l-xs-2{margin-left:.75rem}.margin-l-xs{margin-left:.875rem}.margin-l-s{margin-left:1rem}.margin-l-m-1{margin-left:1.125rem}.margin-l-m-2{margin-left:1.25rem}.margin-l-l{margin-left:1.5rem}.margin-l-xl{margin-left:1.75rem}.margin-l-xl-2{margin-left:2rem}.margin-l-xl-3{margin-left:2.25rem}.margin-l-xl-4{margin-left:2.75rem}.margin-l-xl-5{margin-left:3rem}.margin-l-xl-6{margin-left:4rem}.margin-r-xs-7{margin-right:.125rem}.margin-r-xs-6{margin-right:.25rem}.margin-r-xs-5{margin-right:.375rem}.margin-r-xs-4{margin-right:.5rem}.margin-r-xs-3{margin-right:.625rem}.margin-r-xs-2{margin-right:.75rem}.margin-r-xs{margin-right:.875rem}.margin-r-s{margin-right:1rem}.margin-r-m-1{margin-right:1.125rem}.margin-r-m-2{margin-right:1.25rem}.margin-r-l{margin-right:1.5rem}.margin-r-xl{margin-right:1.75rem}.margin-r-xl-2{margin-right:2rem}.margin-r-xl-3{margin-right:2.25rem}.margin-r-xl-4{margin-right:2.75rem}.margin-r-xl-5{margin-right:3rem}.margin-r-xl-6{margin-right:4rem}.fontSize10{font-size:.625em}.fontSize12{font-size:.75em}.fontSize14{font-size:.875em}.fontSize16{font-size:1em}.fontSize18{font-size:1.125em}.fontSize20{font-size:1.25em}.fontSize22{font-size:1.375em}.fontSize24{font-size:1.5em}.fontSize30{font-size:1.875em}.fontSize32{font-size:2em}.fontSize40{font-size:3em}.fontSize64{font-size:4em}.gap-xs-7{gap:.125rem}.gap-xs-6{gap:.25rem}.gap-xs-5{gap:.375rem}.gap-xs-4{gap:.5rem}.gap-xs-3{gap:.625rem}.gap-xs-2{gap:.75rem}.gap-xs{gap:.875rem}.gap-s{gap:1rem}.gap-m-1{gap:1.125rem}.gap-m-2{gap:1.25rem}.gap-l{gap:1.5rem}.gap-xl{gap:1.75rem}.gap-xl-2{gap:2rem}.gap-xl-3{gap:2.25rem}.gap-xl-4{gap:2.75rem}.gap-xl-5{gap:3rem}.gap-xl-6{gap:4rem}:root,body{font-family:Urbanist,sans-serif}.fontUrbanist{font-family:Urbanist,sans-serif}.textColorPrimary{color:var(--color-blue-situaction-900)}.backColorPrimary{background-color:var(--color-blue-situaction-900)}.flexHorizontal{display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.flexHorizontalCenter{display:flex;justify-content:center;align-items:center;flex-direction:row}.flexHorizontalBetween{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.flexVertical{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.flexVerticalCenter{display:flex;justify-content:center;align-items:center;flex-direction:row}