@situaction/traq-ui-ste 1.1.16 → 1.1.18

package/README.md

@@ -1,11 +1,48 @@
 # Traq[UI]ste
 Tra[UI]ste est une librairie de composant crée par Situaction.
 
-# React + TypeScript + Vite
+## Installation
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+### Installation de la librairie
+```
+npm i @situaction/traq-ui-ste
+```
+### Dépendances
+Votre projet doit avoir installé  certaines dépendances: 
 
-Currently, two official plugins are available:
+`@phosphor-icons/react` :
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+```bash
+npm install @phosphor-icons/react
+````
+
+`date-fns` :
+
+```bash
+npm install date-fns --save
+```
+
+### Composants de la librairie
+- Accordion
+- Button
+- ButtonControlledScroll
+- Calendar
+- Card
+- Checkbox
+- Icon
+- IconButton
+- Input
+- ListControls
+- Menu
+- Modal
+- NestedList
+- Select
+- SelectFilterInputTags
+- SelectMultiItems
+- Switch
+- SidePanel
+- Tabs
+- Tag
+- TagCounter
+- Title
+- Tooltip

package/dist/X-Bd1VjKAF.mjs

@@ -0,0 +1,190 @@
+import t, { createContext as C, forwardRef as o, useContext as I } from "react";
+const z = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,96l-80,80L48,96Z", opacity: "0.2" }), /* @__PURE__ */ t.createElement("path", { d: "M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
+  ]
+]), D = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,160H48l80-80Z", opacity: "0.2" }), /* @__PURE__ */ t.createElement("path", { d: "M213.66,154.34l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,48,168H208a8,8,0,0,0,5.66-13.66ZM67.31,152,128,91.31,188.69,152Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))
+  ]
+]), N = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ t.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), S = C({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+});
+var V = Object.defineProperty, c = Object.getOwnPropertySymbols, O = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, g = (a, e, r) => e in a ? V(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, d = (a, e) => {
+  for (var r in e || (e = {}))
+    O.call(e, r) && g(a, r, e[r]);
+  if (c)
+    for (var r of c(e))
+      L.call(e, r) && g(a, r, e[r]);
+  return a;
+}, f = (a, e) => {
+  var r = {};
+  for (var l in a)
+    O.call(a, l) && e.indexOf(l) < 0 && (r[l] = a[l]);
+  if (a != null && c)
+    for (var l of c(a))
+      e.indexOf(l) < 0 && L.call(a, l) && (r[l] = a[l]);
+  return r;
+};
+const M = o((a, e) => {
+  const r = a, {
+    alt: l,
+    color: i,
+    size: n,
+    weight: p,
+    mirrored: $,
+    children: Z,
+    weights: j
+  } = r, A = f(r, [
+    "alt",
+    "color",
+    "size",
+    "weight",
+    "mirrored",
+    "children",
+    "weights"
+  ]), s = I(S), {
+    color: F = "currentColor",
+    size: u,
+    weight: P = "regular",
+    mirrored: H = !1
+  } = s, x = f(s, [
+    "color",
+    "size",
+    "weight",
+    "mirrored"
+  ]);
+  return /* @__PURE__ */ t.createElement(
+    "svg",
+    d(d({
+      ref: e,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: n ?? u,
+      height: n ?? u,
+      fill: i ?? F,
+      viewBox: "0 0 256 256",
+      transform: $ || H ? "scale(-1, 1)" : void 0
+    }, x), A),
+    !!l && /* @__PURE__ */ t.createElement("title", null, l),
+    Z,
+    j.get(p ?? P)
+  );
+});
+M.displayName = "IconBase";
+const m = M;
+var B = Object.defineProperty, R = Object.defineProperties, U = Object.getOwnPropertyDescriptors, E = Object.getOwnPropertySymbols, X = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable, h = (a, e, r) => e in a ? B(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, q = (a, e) => {
+  for (var r in e || (e = {}))
+    X.call(e, r) && h(a, r, e[r]);
+  if (E)
+    for (var r of E(e))
+      k.call(e, r) && h(a, r, e[r]);
+  return a;
+}, G = (a, e) => R(a, U(e));
+const J = o((a, e) => /* @__PURE__ */ t.createElement(m, G(q({ ref: e }, a), { weights: z })));
+J.displayName = "CaretDown";
+var K = Object.defineProperty, Q = Object.defineProperties, T = Object.getOwnPropertyDescriptors, b = Object.getOwnPropertySymbols, W = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable, v = (a, e, r) => e in a ? K(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, _ = (a, e) => {
+  for (var r in e || (e = {}))
+    W.call(e, r) && v(a, r, e[r]);
+  if (b)
+    for (var r of b(e))
+      Y.call(e, r) && v(a, r, e[r]);
+  return a;
+}, e1 = (a, e) => Q(a, T(e));
+const t1 = o((a, e) => /* @__PURE__ */ t.createElement(m, e1(_({ ref: e }, a), { weights: D })));
+t1.displayName = "CaretUp";
+var a1 = Object.defineProperty, r1 = Object.defineProperties, l1 = Object.getOwnPropertyDescriptors, y = Object.getOwnPropertySymbols, n1 = Object.prototype.hasOwnProperty, c1 = Object.prototype.propertyIsEnumerable, w = (a, e, r) => e in a ? a1(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, o1 = (a, e) => {
+  for (var r in e || (e = {}))
+    n1.call(e, r) && w(a, r, e[r]);
+  if (y)
+    for (var r of y(e))
+      c1.call(e, r) && w(a, r, e[r]);
+  return a;
+}, m1 = (a, e) => r1(a, l1(e));
+const i1 = o((a, e) => /* @__PURE__ */ t.createElement(m, m1(o1({ ref: e }, a), { weights: N })));
+i1.displayName = "X";
+export {
+  J as D,
+  t1 as I,
+  i1 as R,
+  D as a,
+  m as b,
+  z as l,
+  S as o,
+  N as t
+};

package/dist/components/accordion/Accordion.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { Size } from '../interface';
 
 export interface AccordionProps {
     /** An array of accordion items, each containing a header, content, and optional settings. */
@@ -14,6 +15,8 @@ export interface AccordionProps {
     }[];
     /** Accordion style if block type the header and the content are in the same block, if it is tile they are separated into 2 blocks */
     type?: 'block' | 'tile';
+    /** Padding size inside the Accordion: small, medium, large */
+    paddingHeader?: Size;
 }
 /**
  * Accordion component that displays a list of AccordionItem components.

package/dist/components/accordion/Accordion.js

@@ -1,18 +1,19 @@
 import { jsx as c } from "react/jsx-runtime";
 import { AccordionItem as i } from "./item/AccordionItem.js";
-import '../../styles/Accordion.css';const t = "_accordion_hz3a1_6", a = {
-  accordion: t
-}, l = ({ items: n, type: r = "block" }) => /* @__PURE__ */ c("div", { className: a.accordion, children: n.map((o, e) => /* @__PURE__ */ c(
+import '../../styles/Accordion.css';const a = "_accordion_hz3a1_6", t = {
+  accordion: a
+}, p = ({ items: n, type: r = "block", paddingHeader: e }) => /* @__PURE__ */ c("div", { className: t.accordion, children: n.map((o, d) => /* @__PURE__ */ c(
   i,
   {
     header: o.header,
     iconPosition: o.iconPosition ?? "right",
     defaultOpen: o.defaultOpen ?? !1,
     type: r ?? "block",
+    paddingHeader: e ?? "m",
     children: o.content
   },
-  e
+  d
 )) });
 export {
-  l as Accordion
+  p as Accordion
 };

package/dist/components/accordion/item/AccordionItem.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { Size } from '../../interface';
 
 interface AccordionItemProps {
     /** The header content of the accordion item. */
@@ -11,6 +12,8 @@ interface AccordionItemProps {
     defaultOpen?: boolean;
     /** Accordion style if block type the header and the content are in the same block, if it is tile they are separated into 2 blocks */
     type?: 'block' | 'tile';
+    /** Padding size inside the Accordion: small, medium, large */
+    paddingHeader?: Size;
 }
 /**
  * AccordionItem component represents an individual item in an accordion.

package/dist/components/accordion/item/AccordionItem.js

@@ -1,48 +1,52 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useState as d, useEffect as w } from "react";
-import { IconButton as n } from "../../icon-button/IconButton.js";
-import '../../../styles/AccordionItem.css';const g = "_accordionHeader_e4xbv_7", v = "_title_e4xbv_16", _ = "_accordionContent_e4xbv_21", m = "_fullHeight_e4xbv_26", x = "_block_e4xbv_30", f = "_tile_e4xbv_38", l = {
-  accordionHeader: g,
-  title: v,
-  accordionContent: _,
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as g, useEffect as _ } from "react";
+import { IconButton as a } from "../../icon-button/IconButton.js";
+import '../../../styles/AccordionItem.css';const w = "_accordionHeader_1tsuj_7", p = "_title_1tsuj_31", m = "_fullHeight_1tsuj_36", v = "_block_1tsuj_40", f = "_tile_1tsuj_48", l = {
+  accordionHeader: w,
+  "padding-s": "_padding-s_1tsuj_15",
+  "padding-m": "_padding-m_1tsuj_19",
+  "padding-l": "_padding-l_1tsuj_23",
+  "padding-xl": "_padding-xl_1tsuj_27",
+  title: p,
   fullHeight: m,
-  block: x,
+  block: v,
   tile: f
-}, H = ({
-  header: r,
-  children: h,
-  iconPosition: c = "right",
-  defaultOpen: i = !1,
-  type: a = "block"
+}, k = ({
+  header: c,
+  children: n,
+  iconPosition: d = "right",
+  defaultOpen: e = !1,
+  type: h = "block",
+  paddingHeader: r = "m"
 }) => {
-  const [e, o] = d(!1);
-  return w(() => {
-    i && o(i);
-  }, [i]), /* @__PURE__ */ s("div", { className: `${a === "tile" ? l.tile : l.block}`, children: [
-    /* @__PURE__ */ s("div", { className: l.accordionHeader, children: [
-      c === "left" && /* @__PURE__ */ t(
-        n,
+  const [i, s] = g(!1);
+  return _(() => {
+    e && s(e);
+  }, [e]), /* @__PURE__ */ o("div", { className: `${h === "tile" ? l.tile : l.block}`, children: [
+    /* @__PURE__ */ o("div", { className: `${l.accordionHeader} ${l[`padding-${r}`]}`, children: [
+      d === "left" && /* @__PURE__ */ t(
+        a,
         {
           mode: "ghost",
           size: "s",
-          onClick: () => o(!e),
-          children: e ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
+          onClick: () => s(!i),
+          children: i ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
         }
       ),
-      /* @__PURE__ */ t("div", { className: l.title, children: r }),
-      c === "right" && /* @__PURE__ */ t(
-        n,
+      /* @__PURE__ */ t("div", { className: l.title, children: c }),
+      d === "right" && /* @__PURE__ */ t(
+        a,
         {
           mode: "ghost",
           size: "s",
-          onClick: () => o(!e),
-          children: e ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
+          onClick: () => s(!i),
+          children: i ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
         }
       )
     ] }),
-    e && /* @__PURE__ */ t("div", { className: l.accordionContent, children: h })
+    i && n
   ] });
 };
 export {
-  H as AccordionItem
+  k as AccordionItem
 };

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ButtonHTMLAttributes, FC, ReactNode, MouseEvent } from 'react';
 import { Size } from '../interface';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -17,7 +17,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Additional content inside the input */
     childrenRight?: ReactNode;
     /** Optional click handler */
-    onClick?: () => void;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /**
  * Primary UI component for user interaction

package/dist/components/button/Button.js

@@ -1,5 +1,6 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import '../../styles/Button.css';const v = "_button_wt8sv_23", w = "_flexHorizontalCenter_wt8sv_184", t = {
+import '../../styles/index.css';import '../../styles/Button.css';/* empty css                    */
+const v = "_button_wt8sv_23", w = "_flexHorizontalCenter_wt8sv_184", t = {
   button: v,
   "button-primary": "_button-primary_wt8sv_47",
   "button-secondary": "_button-secondary_wt8sv_61",
@@ -19,7 +20,7 @@ import '../../styles/Button.css';const v = "_button_wt8sv_23", w = "_flexHorizon
   "button-gap-m": "_button-gap-m_wt8sv_171",
   "button-gap-s": "_button-gap-s_wt8sv_180",
   flexHorizontalCenter: w
-}, m = ({
+}, c = ({
   mode: o = "primary",
   size: e = "m",
   label: u,
@@ -52,5 +53,5 @@ import '../../styles/Button.css';const v = "_button_wt8sv_23", w = "_flexHorizon
   );
 };
 export {
-  m as Button
+  c as Button
 };

package/dist/components/buttonControledScroll/ButtonControlledScroll.d.ts

@@ -1,12 +1,22 @@
 import { FC, ReactNode } from 'react';
 
 export interface ButtonControlledScrollProps {
-    items: React.ReactNode[];
+    /** List of items to be scrolled */
+    items: ReactNode[];
+    /** Icon to be displayed for the left scroll button */
     iconLeft: ReactNode;
+    /** Icon to be displayed for the right scroll button */
     iconRight: ReactNode;
+    /** Space between items (default is 10px) */
     gap?: number;
+    /** Speed at which the scroll moves when dragging (default is 1.5) */
     grabSpeed?: number;
+    /** Amount of scroll per button click (default is 150px) */
     scrollAmount?: number;
+    /** Whether the scroll container can be dragged (default is true) */
     grabbable?: boolean;
 }
+/**
+ * ButtonControlledScroll component allowing horizontal scroll with button controls and drag functionality.
+ */
 export declare const ButtonControlledScroll: FC<ButtonControlledScrollProps>;

package/dist/components/calendar/Calendar.d.ts

@@ -14,4 +14,10 @@ export interface CalendarProps {
         end: Date;
     }) => void;
 }
+/**
+ * Calendar component that renders a month view for selecting dates.
+ *
+ * It supports single date selection or date range selection.
+ * The calendar allows navigation between months and shows the current date.
+ */
 export declare const Calendar: FC<CalendarProps>;