@sito/dashboard 0.0.74 → 0.0.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/dist/Badge-DSSlox-y.cjs +1 -0
  2. package/dist/Badge-DW9i2Rh6.js +10 -0
  3. package/dist/Badge.cjs +1 -1
  4. package/dist/Badge.js +1 -1
  5. package/dist/Button-BxyXUUMe.cjs +1 -0
  6. package/dist/Button-C6icqzyN.js +25 -0
  7. package/dist/Button.cjs +1 -1
  8. package/dist/Button.js +1 -1
  9. package/dist/Chip-6bEZ7uwv.js +43 -0
  10. package/dist/Chip-N4r2Xf9l.cjs +1 -0
  11. package/dist/Chip.cjs +1 -1
  12. package/dist/Chip.js +1 -1
  13. package/dist/FileInput-C7ZYKt_i.js +100 -0
  14. package/dist/FileInput-Cz2R3z3k.cjs +1 -0
  15. package/dist/Form.cjs +1 -1
  16. package/dist/Form.js +2 -2
  17. package/dist/{IconButton-BpsTEj0z.js → IconButton-CqPk_OXG.js} +9 -8
  18. package/dist/IconButton-DVZCHIHB.cjs +1 -0
  19. package/dist/IconButton.cjs +1 -1
  20. package/dist/IconButton.css +1 -1
  21. package/dist/IconButton.js +1 -1
  22. package/dist/Loading-BTwXNOEv.js +27 -0
  23. package/dist/Loading-C70yH2dC.cjs +1 -0
  24. package/dist/Loading.cjs +1 -1
  25. package/dist/Loading.js +1 -1
  26. package/dist/SelectInput-BKFTGaAm.js +569 -0
  27. package/dist/SelectInput-C4wtTiHe.cjs +1 -0
  28. package/dist/SelectInput.css +1 -1
  29. package/dist/Table-BofsZtu9.cjs +1 -0
  30. package/dist/{Table-DO7FFraQ.js → Table-Mx5SOKp_.js} +311 -281
  31. package/dist/Table.cjs +1 -1
  32. package/dist/Table.js +1 -1
  33. package/dist/Tooltip-B7LXJBLs.cjs +1 -0
  34. package/dist/Tooltip-p-nQtZ5Y.js +38 -0
  35. package/dist/Tooltip.cjs +1 -1
  36. package/dist/Tooltip.js +1 -1
  37. package/dist/Translation.cjs +1 -1
  38. package/dist/Translation.js +1 -1
  39. package/dist/TranslationProvider-BmV4WUQy.cjs +1 -0
  40. package/dist/TranslationProvider-DNybGe-x.js +19 -0
  41. package/dist/classNames-DDRjbGA1.js +20 -0
  42. package/dist/classNames-DHAzUjfZ.cjs +1 -0
  43. package/dist/index.cjs +1 -1
  44. package/dist/index.css +1 -1
  45. package/dist/index.js +76 -74
  46. package/dist/lib/classNames.d.ts +7 -0
  47. package/dist/lib/index.d.ts +1 -0
  48. package/dist/lib.cjs +1 -1
  49. package/dist/lib.js +4 -2
  50. package/dist/providers/FiltersProvider/FiltersProvider.d.ts +1 -1
  51. package/dist/providers/TableOptions/TableOptionsProvider.d.ts +3 -3
  52. package/dist/providers/Translation/TranslationProvider.d.ts +2 -6
  53. package/dist/providers/Translation/types.d.ts +4 -0
  54. package/package.json +1 -1
  55. package/dist/Badge-CIeYthEy.js +0 -9
  56. package/dist/Badge-Z78MlGoQ.cjs +0 -1
  57. package/dist/Button-BlYa3uPc.cjs +0 -1
  58. package/dist/Button-D73-swfo.js +0 -24
  59. package/dist/Chip-C5ogKbFn.js +0 -37
  60. package/dist/Chip-D17UJHW6.cjs +0 -1
  61. package/dist/FileInput-CqzVk1gQ.cjs +0 -1
  62. package/dist/FileInput-Cr4TxWUg.js +0 -93
  63. package/dist/IconButton-CVnmT2E9.cjs +0 -1
  64. package/dist/Loading-B_c_4XLr.js +0 -26
  65. package/dist/Loading-CNECRan-.cjs +0 -1
  66. package/dist/SelectInput-Dm7gv03Z.js +0 -521
  67. package/dist/SelectInput-dYjrdopP.cjs +0 -1
  68. package/dist/Table-C03frnWb.cjs +0 -1
  69. package/dist/Tooltip-B4E-FRwY.js +0 -37
  70. package/dist/Tooltip-BSKAgRkc.cjs +0 -1
  71. package/dist/TranslationProvider-BR4s--Vu.js +0 -19
  72. package/dist/TranslationProvider-Czr0WIDH.cjs +0 -1
package/dist/Table.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-C03frnWb.cjs");exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;exports.ColumnVisibilityMenu=e.ColumnVisibilityMenu;exports.Columns=e.Columns;exports.CountOfTotal=e.CountOfTotal;exports.FilterDropdown=e.FilterDropdown;exports.Footer=e.Footer;exports.Navigation=e.Navigation;exports.PageSize=e.PageSize;exports.RangeChip=e.RangeChip;exports.Rows=e.Rows;exports.Table=e.Table;exports.TableEmpty=e.TableEmpty;exports.TableHeader=e.TableHeader;exports.TableSelectionBar=e.TableSelectionBar;exports.renderFilterComponent=e.renderFilterComponent;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Table-BofsZtu9.cjs");exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;exports.ColumnVisibilityMenu=e.ColumnVisibilityMenu;exports.Columns=e.Columns;exports.CountOfTotal=e.CountOfTotal;exports.FilterDropdown=e.FilterDropdown;exports.Footer=e.Footer;exports.Navigation=e.Navigation;exports.PageSize=e.PageSize;exports.RangeChip=e.RangeChip;exports.Rows=e.Rows;exports.Table=e.Table;exports.TableEmpty=e.TableEmpty;exports.TableHeader=e.TableHeader;exports.TableSelectionBar=e.TableSelectionBar;exports.renderFilterComponent=e.renderFilterComponent;
package/dist/Table.js CHANGED
@@ -1,4 +1,4 @@
1
- import { A as s, b as o, a as i, C as r, c as t, F as l, d as n, N as C, P as b, R as p, e as T, h as m, T as F, f as d, g, r as u } from "./Table-DO7FFraQ.js";
1
+ import { A as s, b as o, a as i, C as r, c as t, F as l, d as n, N as C, P as b, R as p, e as T, h as m, T as F, f as d, g, r as u } from "./Table-Mx5SOKp_.js";
2
2
  export {
3
3
  s as ActiveFilters,
4
4
  o as ArrayChip,
@@ -0,0 +1 @@
1
+ var h=require("./Tooltip.css");const l=require("react/jsx-runtime"),m=require("./classNames-DHAzUjfZ.cjs"),e=require("react");function p(c){const{content:a,children:n,className:d=""}=c,o=e.useId(),i=e.useRef(null),u=e.useCallback(()=>{const t=i.current;if(!t)return;t.style.transform="";const s=t.getBoundingClientRect(),r=window.innerWidth;s.left<0?t.style.transform=`translateX(calc(-50% + ${Math.ceil(-s.left)}px))`:s.right>r&&(t.style.transform=`translateX(calc(-50% - ${Math.ceil(s.right-r)}px))`)},[]),f=e.isValidElement(n)?e.cloneElement(n,{"aria-describedby":o}):n;return l.jsxs("div",{className:m.classNames("tooltip-container",d),onMouseEnter:u,children:[f,l.jsx("div",{id:o,role:"tooltip",className:"tooltip-text",ref:i,children:a})]})}exports.Tooltip=p;
@@ -0,0 +1,38 @@
1
+ import "./Tooltip.css";
2
+ import { jsxs as m, jsx as f } from "react/jsx-runtime";
3
+ import { c as p } from "./classNames-DDRjbGA1.js";
4
+ import { useId as u, useRef as h, useCallback as g, isValidElement as x, cloneElement as y } from "react";
5
+ function v(s) {
6
+ const { content: l, children: o, className: c = "" } = s, n = u(), r = h(null), a = g(() => {
7
+ const t = r.current;
8
+ if (!t) return;
9
+ t.style.transform = "";
10
+ const e = t.getBoundingClientRect(), i = window.innerWidth;
11
+ e.left < 0 ? t.style.transform = `translateX(calc(-50% + ${Math.ceil(-e.left)}px))` : e.right > i && (t.style.transform = `translateX(calc(-50% - ${Math.ceil(e.right - i)}px))`);
12
+ }, []), d = x(o) ? y(o, {
13
+ "aria-describedby": n
14
+ }) : o;
15
+ return /* @__PURE__ */ m(
16
+ "div",
17
+ {
18
+ className: p("tooltip-container", c),
19
+ onMouseEnter: a,
20
+ children: [
21
+ d,
22
+ /* @__PURE__ */ f(
23
+ "div",
24
+ {
25
+ id: n,
26
+ role: "tooltip",
27
+ className: "tooltip-text",
28
+ ref: r,
29
+ children: l
30
+ }
31
+ )
32
+ ]
33
+ }
34
+ );
35
+ }
36
+ export {
37
+ v as T
38
+ };
package/dist/Tooltip.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Tooltip-BSKAgRkc.cjs");exports.Tooltip=o.Tooltip;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Tooltip-B7LXJBLs.cjs");exports.Tooltip=o.Tooltip;
package/dist/Tooltip.js CHANGED
@@ -1,4 +1,4 @@
1
- import { T as r } from "./Tooltip-B4E-FRwY.js";
1
+ import { T as r } from "./Tooltip-p-nQtZ5Y.js";
2
2
  export {
3
3
  r as Tooltip
4
4
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./TranslationProvider-Czr0WIDH.cjs");exports.TranslationProvider=r.TranslationProvider;exports.useTranslation=r.useTranslation;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./TranslationProvider-BmV4WUQy.cjs");exports.TranslationProvider=r.TranslationProvider;exports.useTranslation=r.useTranslation;
@@ -1,4 +1,4 @@
1
- import { T as o, u as s } from "./TranslationProvider-BR4s--Vu.js";
1
+ import { T as o, u as s } from "./TranslationProvider-DNybGe-x.js";
2
2
  export {
3
3
  o as TranslationProvider,
4
4
  s as useTranslation
@@ -0,0 +1 @@
1
+ "use strict";const a=require("react/jsx-runtime"),n=require("react"),r=n.createContext(void 0);function u(t){const{children:e,t:o,language:s}=t,i={t:o,language:s};return a.jsx(r.Provider,{value:i,children:e})}const c=()=>{const t=n.useContext(r);if(!t)throw new Error("translationContext must be used within a Provider");return t};exports.TranslationProvider=u;exports.useTranslation=c;
@@ -0,0 +1,19 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { createContext as i, useContext as u } from "react";
3
+ const n = i(
4
+ void 0
5
+ );
6
+ function x(t) {
7
+ const { children: o, t: r, language: e } = t, s = { t: r, language: e };
8
+ return /* @__PURE__ */ a(n.Provider, { value: s, children: o });
9
+ }
10
+ const d = () => {
11
+ const t = u(n);
12
+ if (!t)
13
+ throw new Error("translationContext must be used within a Provider");
14
+ return t;
15
+ };
16
+ export {
17
+ x as T,
18
+ d as u
19
+ };
@@ -0,0 +1,20 @@
1
+ const i = (r, t) => {
2
+ if (!r) return;
3
+ if (Array.isArray(r)) {
4
+ r.forEach(
5
+ (o) => i(o, t)
6
+ );
7
+ return;
8
+ }
9
+ if (typeof r != "string") return;
10
+ const n = r.trim();
11
+ n && t.push(n);
12
+ }, f = (...r) => {
13
+ const t = [];
14
+ return r.forEach(
15
+ (n) => i(n, t)
16
+ ), t.join(" ").trim();
17
+ };
18
+ export {
19
+ f as c
20
+ };
@@ -0,0 +1 @@
1
+ "use strict";const i=(r,t)=>{if(!r)return;if(Array.isArray(r)){r.forEach(s=>i(s,t));return}if(typeof r!="string")return;const n=r.trim();n&&t.push(n)},o=(...r)=>{const t=[];return r.forEach(n=>i(n,t)),t.join(" ").trim()};exports.classNames=o;
package/dist/index.cjs CHANGED
@@ -1 +1 @@
1
- var h=require("./index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lib.cjs"),s=require("./query-81BrXp3i.cjs"),e=require("./Table-C03frnWb.cjs"),a=require("./Badge-Z78MlGoQ.cjs"),u=require("./Button-BlYa3uPc.cjs"),p=require("./Chip-D17UJHW6.cjs"),c=require("./Dropdown-CR8mco5s.cjs"),t=require("./SelectInput-dYjrdopP.cjs"),C=require("./FileInput-CqzVk1gQ.cjs"),d=require("./IconButton-CVnmT2E9.cjs"),T=require("./Loading-CNECRan-.cjs"),r=require("./TableColumns-BjTNomZf.cjs"),F=require("./Close-O9P7wJGf.cjs"),b=require("./File-_Hjw2d3F.cjs"),v=require("./Tooltip-BSKAgRkc.cjs"),o=require("./FiltersProvider-CnrF3xWV.cjs"),i=require("./TableOptionsProvider-bPNtpa4V.cjs"),n=require("./TranslationProvider-Czr0WIDH.cjs");exports.FilterTypes=l.FilterTypes;exports.SortOrder=s.SortOrder;exports.Action=e.Action;exports.Actions=e.Actions;exports.ActionsDropdown=e.ActionsDropdown;exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;exports.ColumnVisibilityMenu=e.ColumnVisibilityMenu;exports.Columns=e.Columns;exports.CountOfTotal=e.CountOfTotal;exports.FilterDropdown=e.FilterDropdown;exports.Footer=e.Footer;exports.Navigation=e.Navigation;exports.PageSize=e.PageSize;exports.RangeChip=e.RangeChip;exports.Rows=e.Rows;exports.Table=e.Table;exports.TableEmpty=e.TableEmpty;exports.TableHeader=e.TableHeader;exports.TableSelectionBar=e.TableSelectionBar;exports.renderFilterComponent=e.renderFilterComponent;exports.Badge=a.Badge;exports.Button=u.Button;exports.Chip=p.Chip;exports.Dropdown=c.Dropdown;exports.AutocompleteInput=t.AutocompleteInput;exports.CheckInput=t.CheckInput;exports.SelectInput=t.SelectInput;exports.State=t.State;exports.TextInput=t.TextInput;exports.helperTextStateClassName=t.helperTextStateClassName;exports.inputStateClassName=t.inputStateClassName;exports.labelStateClassName=t.labelStateClassName;exports.FileInput=C.FileInput;exports.IconButton=d.IconButton;exports.Loading=T.Loading;exports.BarsStaggered=r.BarsStaggered;exports.ChevronDown=r.ChevronDown;exports.ChevronLeft=r.ChevronLeft;exports.ChevronRight=r.ChevronRight;exports.ChevronUp=r.ChevronUp;exports.Ellipsis=r.Ellipsis;exports.Filters=r.Filters;exports.TableColumns=r.TableColumns;exports.Close=F.Close;exports.File=b.File;exports.Tooltip=v.Tooltip;exports.FiltersActions=o.FiltersActions;exports.FiltersProvider=o.FiltersProvider;exports.filtersReducer=o.filtersReducer;exports.initializer=o.initializer;exports.useFilters=o.useFilters;exports.TableOptionsProvider=i.TableOptionsProvider;exports.useTableOptions=i.useTableOptions;exports.TranslationProvider=n.TranslationProvider;exports.useTranslation=n.useTranslation;
1
+ var h=require("./index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./classNames-DHAzUjfZ.cjs"),l=require("./lib.cjs"),a=require("./query-81BrXp3i.cjs"),e=require("./Table-BofsZtu9.cjs"),u=require("./Badge-DSSlox-y.cjs"),p=require("./Button-BxyXUUMe.cjs"),c=require("./Chip-N4r2Xf9l.cjs"),C=require("./Dropdown-CR8mco5s.cjs"),t=require("./SelectInput-C4wtTiHe.cjs"),d=require("./FileInput-Cz2R3z3k.cjs"),T=require("./IconButton-DVZCHIHB.cjs"),F=require("./Loading-C70yH2dC.cjs"),r=require("./TableColumns-BjTNomZf.cjs"),b=require("./Close-O9P7wJGf.cjs"),m=require("./File-_Hjw2d3F.cjs"),v=require("./Tooltip-B7LXJBLs.cjs"),o=require("./FiltersProvider-CnrF3xWV.cjs"),i=require("./TableOptionsProvider-bPNtpa4V.cjs"),n=require("./TranslationProvider-BmV4WUQy.cjs");exports.classNames=s.classNames;exports.FilterTypes=l.FilterTypes;exports.SortOrder=a.SortOrder;exports.Action=e.Action;exports.Actions=e.Actions;exports.ActionsDropdown=e.ActionsDropdown;exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;exports.ColumnVisibilityMenu=e.ColumnVisibilityMenu;exports.Columns=e.Columns;exports.CountOfTotal=e.CountOfTotal;exports.FilterDropdown=e.FilterDropdown;exports.Footer=e.Footer;exports.Navigation=e.Navigation;exports.PageSize=e.PageSize;exports.RangeChip=e.RangeChip;exports.Rows=e.Rows;exports.Table=e.Table;exports.TableEmpty=e.TableEmpty;exports.TableHeader=e.TableHeader;exports.TableSelectionBar=e.TableSelectionBar;exports.renderFilterComponent=e.renderFilterComponent;exports.Badge=u.Badge;exports.Button=p.Button;exports.Chip=c.Chip;exports.Dropdown=C.Dropdown;exports.AutocompleteInput=t.AutocompleteInput;exports.CheckInput=t.CheckInput;exports.SelectInput=t.SelectInput;exports.State=t.State;exports.TextInput=t.TextInput;exports.helperTextStateClassName=t.helperTextStateClassName;exports.inputStateClassName=t.inputStateClassName;exports.labelStateClassName=t.labelStateClassName;exports.FileInput=d.FileInput;exports.IconButton=T.IconButton;exports.Loading=F.Loading;exports.BarsStaggered=r.BarsStaggered;exports.ChevronDown=r.ChevronDown;exports.ChevronLeft=r.ChevronLeft;exports.ChevronRight=r.ChevronRight;exports.ChevronUp=r.ChevronUp;exports.Ellipsis=r.Ellipsis;exports.Filters=r.Filters;exports.TableColumns=r.TableColumns;exports.Close=b.Close;exports.File=m.File;exports.Tooltip=v.Tooltip;exports.FiltersActions=o.FiltersActions;exports.FiltersProvider=o.FiltersProvider;exports.filtersReducer=o.filtersReducer;exports.initializer=o.initializer;exports.useFilters=o.useFilters;exports.TableOptionsProvider=i.TableOptionsProvider;exports.useTableOptions=i.useTableOptions;exports.TranslationProvider=n.TranslationProvider;exports.useTranslation=n.useTranslation;
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-500:oklch(58.5% .233 277.117);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#041e42;--color-bg-primary:#021327;--color-hover-primary:#0a2f66;--color-secondary:#cd212a;--color-bg-secondary:#8f151b;--color-hover-secondary:#e03a42;--color-tertiary:#00997b;--color-bg-tertiary:#006654;--color-hover-tertiary:#1ab89a;--color-quaternary:#d7942e;--color-bg-quaternary:#9e6a1f;--color-hover-quaternary:#ebb04a;--color-base-dark:#e6e6e6;--color-base:#f2f2f2;--color-base-light:#fff;--color-text:#0d0d0d;--color-border:#ccc;--color-text-muted:#4d4d4d;--color-bg-info:#0070ba;--color-info:#fbfbfb;--color-bg-success:#1d9a5b;--color-success:#fbfbfb;--color-bg-warning:orange;--color-warning:#000;--color-bg-error:#c14444;--color-error:#fbfbfb;--breakpoint-xs:28rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media(min-width:28rem){.container{max-width:28rem}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.\!hidden{display:none!important}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.table-row{display:table-row}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-20{height:calc(var(--spacing) * 20)}.max-h-\[70vh\]{max-height:70vh}.min-h-44{min-height:calc(var(--spacing) * 44)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-56{min-width:calc(var(--spacing) * 56)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.bg-base{background-color:var(--color-base)}.bg-base-dark\/60{background-color:#e6e6e699}@supports (color:color-mix(in lab,red,red)){.bg-base-dark\/60{background-color:color-mix(in oklab,var(--color-base-dark) 60%,transparent)}}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary\/8{--tw-gradient-from:#041e4214}@supports (color:color-mix(in lab,red,red)){.from-primary\/8{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 8%, transparent)}}.from-primary\/8{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary\/8{--tw-gradient-to:#cd212a14}@supports (color:color-mix(in lab,red,red)){.to-secondary\/8{--tw-gradient-to:color-mix(in oklab, var(--color-secondary) 8%, transparent)}}.to-secondary\/8{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-blue-800{stroke:var(--color-blue-800)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-500{color:var(--color-blue-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-500{color:var(--color-green-500)}.text-indigo-500{color:var(--color-indigo-500)}.text-red-500{color:var(--color-red-500)}.text-sky-500{color:var(--color-sky-500)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.input-error{border-color:var(--color-bg-error,#c14444);color:var(--color-bg-error,#c14444)}.input-error:focus{border-color:var(--color-bg-error,#c14444)}.input-good{border-color:var(--color-bg-success,#1d9a5b);color:var(--color-bg-success,#1d9a5b)}.input-good:focus{border-color:var(--color-bg-success,#1d9a5b)}.input-normal{border-color:var(--color-border,#ccc);color:var(--color-text,#0d0d0d)}.input-normal:focus{border-color:var(--color-primary,#041e42)}.input-label-error{color:var(--color-secondary,#cd212a)}.input-label-good{color:var(--color-bg-success,#1d9a5b)}.input-label-normal{color:var(--color-text-muted,#4d4d4d)}.input-label-normal:is(:where(.peer):focus~*){color:var(--color-primary,#041e42)}.input-helper-text-error{color:var(--color-bg-error,#c14444)}.input-helper-text-good{color:var(--color-bg-success,#1d9a5b)}.input-helper-text-normal{color:var(--color-text-muted,#4d4d4d)}.select-input-options-container,.autocomplete-suggestions-container{background-color:var(--color-base-light,#fff)}.select-input-option-item:hover,.autocomplete-suggestion-item:hover{background-color:var(--color-base-dark,#e6e6e6)}.autocomplete-delete-button{color:var(--color-text,#0d0d0d)}@media(hover:hover){.autocomplete-delete-button:hover{color:var(--color-secondary,#cd212a)}}.select-input-option-item.highlighted,.autocomplete-suggestion-item.highlighted{background-color:var(--color-slate-200,oklch(92.9% .013 255.508))}.chip-main{background-color:var(--color-base-dark,#e6e6e6);color:var(--color-text,#0d0d0d)}.chip-delete-button:hover{color:var(--color-secondary,#cd212a)}.badge-main{background-color:var(--color-bg-error,#c14444);color:var(--color-error,#fbfbfb)}.table-loading{background-color:var(--color-base-light,#fff)}.table-row{border-bottom-color:var(--color-border,#ccc);background-color:var(--color-base-light,#fff)}.table-headers-row{background-color:var(--color-base,#f2f2f2);color:var(--color-text-muted,#4d4d4d)}.table-content{color:var(--color-text-muted,#4d4d4d)}.table-row-cell.basic{color:var(--color-text,#0d0d0d)}.table-navigation-buttons:disabled{color:var(--color-text-muted,#4d4d4d)}.table-headers-cell{border-color:var(--color-border,#ccc)}@media(hover:hover){.table-headers-cell:hover{background-color:var(--color-base-dark,#e6e6e6)}}.filter-popup{background-color:var(--color-base-light,#fff)}.filter-title{color:var(--color-text-muted,#4d4d4d)}.filter-footer{border-color:var(--color-border,#ccc);background-color:var(--color-base-dark,#e6e6e6)}
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-sky-500:oklch(68.5% .169 237.323);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-500:oklch(58.5% .233 277.117);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--container-sm:24rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:#041e42;--color-bg-primary:#021327;--color-hover-primary:#0a2f66;--color-secondary:#cd212a;--color-bg-secondary:#8f151b;--color-hover-secondary:#e03a42;--color-tertiary:#00997b;--color-bg-tertiary:#006654;--color-hover-tertiary:#1ab89a;--color-quaternary:#d7942e;--color-bg-quaternary:#9e6a1f;--color-hover-quaternary:#ebb04a;--color-base-dark:#e6e6e6;--color-base:#f2f2f2;--color-base-light:#fff;--color-text:#0d0d0d;--color-border:#ccc;--color-text-muted:#4d4d4d;--color-bg-info:#0070ba;--color-info:#fbfbfb;--color-bg-success:#1d9a5b;--color-success:#fbfbfb;--color-bg-warning:orange;--color-warning:#000;--color-bg-error:#c14444;--color-error:#fbfbfb;--breakpoint-xs:28rem}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-1\/2{top:50%}.right-1{right:calc(var(--spacing) * 1)}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media(min-width:28rem){.container{max-width:28rem}}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.\!hidden{display:none!important}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.table-row{display:table-row}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-20{height:calc(var(--spacing) * 20)}.max-h-\[70vh\]{max-height:70vh}.min-h-44{min-height:calc(var(--spacing) * 44)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.w-px{width:1px}.max-w-3xl{max-width:var(--container-3xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-56{min-width:calc(var(--spacing) * 56)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.bg-base{background-color:var(--color-base)}.bg-base-dark\/60{background-color:#e6e6e699}@supports (color:color-mix(in lab,red,red)){.bg-base-dark\/60{background-color:color-mix(in oklab,var(--color-base-dark) 60%,transparent)}}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary\/8{--tw-gradient-from:#041e4214}@supports (color:color-mix(in lab,red,red)){.from-primary\/8{--tw-gradient-from:color-mix(in oklab, var(--color-primary) 8%, transparent)}}.from-primary\/8{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-secondary\/8{--tw-gradient-to:#cd212a14}@supports (color:color-mix(in lab,red,red)){.to-secondary\/8{--tw-gradient-to:color-mix(in oklab, var(--color-secondary) 8%, transparent)}}.to-secondary\/8{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-blue-800{stroke:var(--color-blue-800)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.pr-10{padding-right:calc(var(--spacing) * 10)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-500{color:var(--color-blue-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-500{color:var(--color-green-500)}.text-indigo-500{color:var(--color-indigo-500)}.text-red-500{color:var(--color-red-500)}.text-sky-500{color:var(--color-sky-500)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.input-error{border-color:var(--color-bg-error,#c14444);color:var(--color-bg-error,#c14444)}.input-error:focus{border-color:var(--color-bg-error,#c14444)}.input-good{border-color:var(--color-bg-success,#1d9a5b);color:var(--color-bg-success,#1d9a5b)}.input-good:focus{border-color:var(--color-bg-success,#1d9a5b)}.input-normal{border-color:var(--color-border,#ccc);color:var(--color-text,#0d0d0d)}.input-normal:focus{border-color:var(--color-primary,#041e42)}.input-label-error{color:var(--color-secondary,#cd212a)}.input-label-good{color:var(--color-bg-success,#1d9a5b)}.input-label-normal{color:var(--color-text-muted,#4d4d4d)}.input-label-normal:is(:where(.peer):focus~*){color:var(--color-primary,#041e42)}.input-helper-text-error{color:var(--color-bg-error,#c14444)}.input-helper-text-good{color:var(--color-bg-success,#1d9a5b)}.input-helper-text-normal{color:var(--color-text-muted,#4d4d4d)}.select-input-options-container,.autocomplete-suggestions-container{background-color:var(--color-base-light,#fff)}.select-input-option-item:hover,.autocomplete-suggestion-item:hover{background-color:var(--color-base-dark,#e6e6e6)}.autocomplete-delete-button{color:var(--color-text,#0d0d0d)}@media(hover:hover){.autocomplete-delete-button:hover{color:var(--color-secondary,#cd212a)}}.select-input-option-item.highlighted,.autocomplete-suggestion-item.highlighted{background-color:var(--color-slate-200,oklch(92.9% .013 255.508))}.chip-main{background-color:var(--color-base-dark,#e6e6e6);color:var(--color-text,#0d0d0d)}.chip-delete-button:hover{color:var(--color-secondary,#cd212a)}.badge-main{background-color:var(--color-bg-error,#c14444);color:var(--color-error,#fbfbfb)}.table-loading{background-color:var(--color-base-light,#fff)}.table-row{border-bottom-color:var(--color-border,#ccc);background-color:var(--color-base-light,#fff)}.table-headers-row{background-color:var(--color-base,#f2f2f2);color:var(--color-text-muted,#4d4d4d)}.table-content{color:var(--color-text-muted,#4d4d4d)}.table-row-cell.basic{color:var(--color-text,#0d0d0d)}.table-navigation-buttons:disabled{color:var(--color-text-muted,#4d4d4d)}.table-headers-cell{border-color:var(--color-border,#ccc)}@media(hover:hover){.table-headers-cell:hover{background-color:var(--color-base-dark,#e6e6e6)}}.filter-popup{background-color:var(--color-base-light,#fff)}.filter-title{color:var(--color-text-muted,#4d4d4d)}.filter-footer{border-color:var(--color-border,#ccc);background-color:var(--color-base-dark,#e6e6e6)}
package/dist/index.js CHANGED
@@ -1,77 +1,79 @@
1
1
  import "./index.css";
2
- import { FilterTypes as o } from "./lib.js";
3
- import { S as t } from "./query-CwuehjY1.js";
4
- import { i as p, j as l, k as n, A as m, b as f, a as C, C as u, c as x, F as T, d as F, N as d, P as c, R as h, e as b, h as S, T as g, f as v, g as A, r as B } from "./Table-DO7FFraQ.js";
5
- import { B as w } from "./Badge-CIeYthEy.js";
6
- import { B as N } from "./Button-D73-swfo.js";
7
- import { C as R } from "./Chip-C5ogKbFn.js";
8
- import { D as O } from "./Dropdown-D-fYEGo2.js";
9
- import { A as L, C as k, S as z, a as j, T as H, h as M, i as U, l as V } from "./SelectInput-Dm7gv03Z.js";
10
- import { F as G } from "./FileInput-Cr4TxWUg.js";
11
- import { I as K } from "./IconButton-BpsTEj0z.js";
12
- import { L as W } from "./Loading-B_c_4XLr.js";
13
- import { B as Y, C as Z, a as _, b as $, c as aa, E as ea, F as sa, T as oa } from "./TableColumns-CIddkosX.js";
14
- import { C as ta } from "./Close-rKC9AcNX.js";
15
- import { F as pa } from "./File-BuJndWMv.js";
16
- import { T as na } from "./Tooltip-B4E-FRwY.js";
17
- import { a as fa, F as Ca, f as ua, i as xa, u as Ta } from "./FiltersProvider-iOkSYSFZ.js";
18
- import { T as da, u as ca } from "./TableOptionsProvider-Dzq4dOu8.js";
19
- import { T as ba, u as Sa } from "./TranslationProvider-BR4s--Vu.js";
2
+ import { c as o } from "./classNames-DDRjbGA1.js";
3
+ import { FilterTypes as t } from "./lib.js";
4
+ import { S as p } from "./query-CwuehjY1.js";
5
+ import { i as n, j as m, k as f, A as C, b as u, a as x, C as T, c as F, F as c, d, N as h, P as b, R as S, e as g, h as v, T as A, f as B, g as I, r as N } from "./Table-Mx5SOKp_.js";
6
+ import { B as D } from "./Badge-DW9i2Rh6.js";
7
+ import { B as R } from "./Button-C6icqzyN.js";
8
+ import { C as O } from "./Chip-6bEZ7uwv.js";
9
+ import { D as L } from "./Dropdown-D-fYEGo2.js";
10
+ import { A as z, C as j, S as H, a as M, T as U, h as V, i as q, l as G } from "./SelectInput-BKFTGaAm.js";
11
+ import { F as K } from "./FileInput-C7ZYKt_i.js";
12
+ import { I as W } from "./IconButton-CqPk_OXG.js";
13
+ import { L as Y } from "./Loading-BTwXNOEv.js";
14
+ import { B as _, C as $, a as aa, b as sa, c as ea, E as oa, F as ra, T as ta } from "./TableColumns-CIddkosX.js";
15
+ import { C as pa } from "./Close-rKC9AcNX.js";
16
+ import { F as na } from "./File-BuJndWMv.js";
17
+ import { T as fa } from "./Tooltip-p-nQtZ5Y.js";
18
+ import { a as ua, F as xa, f as Ta, i as Fa, u as ca } from "./FiltersProvider-iOkSYSFZ.js";
19
+ import { T as ha, u as ba } from "./TableOptionsProvider-Dzq4dOu8.js";
20
+ import { T as ga, u as va } from "./TranslationProvider-DNybGe-x.js";
20
21
  export {
21
- p as Action,
22
- l as Actions,
23
- n as ActionsDropdown,
24
- m as ActiveFilters,
25
- f as ArrayChip,
26
- L as AutocompleteInput,
27
- w as Badge,
28
- Y as BarsStaggered,
29
- N as Button,
30
- k as CheckInput,
31
- Z as ChevronDown,
32
- _ as ChevronLeft,
33
- $ as ChevronRight,
34
- aa as ChevronUp,
35
- R as Chip,
36
- ta as Close,
37
- C as ColumnVisibilityMenu,
38
- u as Columns,
39
- x as CountOfTotal,
40
- O as Dropdown,
41
- ea as Ellipsis,
42
- pa as File,
43
- G as FileInput,
44
- T as FilterDropdown,
45
- o as FilterTypes,
46
- sa as Filters,
47
- fa as FiltersActions,
48
- Ca as FiltersProvider,
49
- F as Footer,
50
- K as IconButton,
51
- W as Loading,
52
- d as Navigation,
53
- c as PageSize,
54
- h as RangeChip,
55
- b as Rows,
56
- z as SelectInput,
57
- t as SortOrder,
58
- j as State,
59
- S as Table,
60
- oa as TableColumns,
61
- g as TableEmpty,
62
- v as TableHeader,
63
- da as TableOptionsProvider,
64
- A as TableSelectionBar,
65
- H as TextInput,
66
- na as Tooltip,
67
- ba as TranslationProvider,
68
- ua as filtersReducer,
69
- M as helperTextStateClassName,
70
- xa as initializer,
71
- U as inputStateClassName,
72
- V as labelStateClassName,
73
- B as renderFilterComponent,
74
- Ta as useFilters,
75
- ca as useTableOptions,
76
- Sa as useTranslation
22
+ n as Action,
23
+ m as Actions,
24
+ f as ActionsDropdown,
25
+ C as ActiveFilters,
26
+ u as ArrayChip,
27
+ z as AutocompleteInput,
28
+ D as Badge,
29
+ _ as BarsStaggered,
30
+ R as Button,
31
+ j as CheckInput,
32
+ $ as ChevronDown,
33
+ aa as ChevronLeft,
34
+ sa as ChevronRight,
35
+ ea as ChevronUp,
36
+ O as Chip,
37
+ pa as Close,
38
+ x as ColumnVisibilityMenu,
39
+ T as Columns,
40
+ F as CountOfTotal,
41
+ L as Dropdown,
42
+ oa as Ellipsis,
43
+ na as File,
44
+ K as FileInput,
45
+ c as FilterDropdown,
46
+ t as FilterTypes,
47
+ ra as Filters,
48
+ ua as FiltersActions,
49
+ xa as FiltersProvider,
50
+ d as Footer,
51
+ W as IconButton,
52
+ Y as Loading,
53
+ h as Navigation,
54
+ b as PageSize,
55
+ S as RangeChip,
56
+ g as Rows,
57
+ H as SelectInput,
58
+ p as SortOrder,
59
+ M as State,
60
+ v as Table,
61
+ ta as TableColumns,
62
+ A as TableEmpty,
63
+ B as TableHeader,
64
+ ha as TableOptionsProvider,
65
+ I as TableSelectionBar,
66
+ U as TextInput,
67
+ fa as Tooltip,
68
+ ga as TranslationProvider,
69
+ o as classNames,
70
+ Ta as filtersReducer,
71
+ V as helperTextStateClassName,
72
+ Fa as initializer,
73
+ q as inputStateClassName,
74
+ G as labelStateClassName,
75
+ N as renderFilterComponent,
76
+ ca as useFilters,
77
+ ba as useTableOptions,
78
+ va as useTranslation
77
79
  };
@@ -0,0 +1,7 @@
1
+ export type ClassNameValue = string | null | undefined | boolean | ClassNameValue[];
2
+ /**
3
+ * Joins class names while ignoring falsy values and trimming whitespace.
4
+ * @param classNamesList - Class names or nested class name arrays.
5
+ * @returns Final normalized className string.
6
+ */
7
+ export declare const classNames: (...classNamesList: ClassNameValue[]) => string;
@@ -1,3 +1,4 @@
1
+ export * from './classNames';
1
2
  export * from './filters';
2
3
  export * from './models';
3
4
  export * from './query';
package/dist/lib.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./query-81BrXp3i.cjs");var c=(t=>(t[t.text=0]="text",t[t.number=1]="number",t[t.select=2]="select",t[t.autocomplete=3]="autocomplete",t[t.date=4]="date",t[t.check=5]="check",t))(c||{});exports.SortOrder=o.SortOrder;exports.FilterTypes=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./classNames-DHAzUjfZ.cjs"),t=require("./query-81BrXp3i.cjs");var e=(c=>(c[c.text=0]="text",c[c.number=1]="number",c[c.select=2]="select",c[c.autocomplete=3]="autocomplete",c[c.date=4]="date",c[c.check=5]="check",c))(e||{});exports.classNames=a.classNames;exports.SortOrder=t.SortOrder;exports.FilterTypes=e;
package/dist/lib.js CHANGED
@@ -1,6 +1,8 @@
1
- import { S as t } from "./query-CwuehjY1.js";
1
+ import { c as t } from "./classNames-DDRjbGA1.js";
2
+ import { S as x } from "./query-CwuehjY1.js";
2
3
  var o = /* @__PURE__ */ ((c) => (c[c.text = 0] = "text", c[c.number = 1] = "number", c[c.select = 2] = "select", c[c.autocomplete = 3] = "autocomplete", c[c.date = 4] = "date", c[c.check = 5] = "check", c))(o || {});
3
4
  export {
4
5
  o as FilterTypes,
5
- t as SortOrder
6
+ x as SortOrder,
7
+ t as classNames
6
8
  };
@@ -7,7 +7,7 @@ import { FiltersContextType, FiltersProviderPropsType } from './types';
7
7
  declare const FiltersProvider: (props: FiltersProviderPropsType) => import("react/jsx-runtime").JSX.Element;
8
8
  /**
9
9
  * Provides the useFilters hook.
10
- * @returns Function result.
10
+ * @returns Filters context value with `currentFilters` and `setCurrentFilters`.
11
11
  */
12
12
  declare const useFilters: () => FiltersContextType;
13
13
  export { FiltersProvider, useFilters };
@@ -1,4 +1,4 @@
1
- import { TableOptionsProviderPropsType } from './types';
1
+ import { TableOptionsContextType, TableOptionsProviderPropsType } from './types';
2
2
  /**
3
3
  * Renders the TableOptionsProvider component.
4
4
  * @param props - props parameter.
@@ -7,7 +7,7 @@ import { TableOptionsProviderPropsType } from './types';
7
7
  declare const TableOptionsProvider: (props: TableOptionsProviderPropsType) => import("react/jsx-runtime").JSX.Element;
8
8
  /**
9
9
  * Provides the useTableOptions hook.
10
- * @returns Function result.
10
+ * @returns Table options context value with state and actions.
11
11
  */
12
- declare const useTableOptions: () => import('./types').TableOptionsContextType;
12
+ declare const useTableOptions: () => TableOptionsContextType;
13
13
  export { TableOptionsProvider, useTableOptions };
@@ -1,8 +1,4 @@
1
- import { TFunction, TranslationProviderPropsType } from './types';
2
- type TranslationContextType = {
3
- t: TFunction;
4
- language: string;
5
- };
1
+ import { TranslationContextType, TranslationProviderPropsType } from './types';
6
2
  /**
7
3
  * Renders the TranslationProvider component.
8
4
  * @param props - props parameter.
@@ -11,7 +7,7 @@ type TranslationContextType = {
11
7
  declare function TranslationProvider(props: TranslationProviderPropsType): import("react/jsx-runtime").JSX.Element;
12
8
  /**
13
9
  * Provides the useTranslation hook.
14
- * @returns Function result.
10
+ * @returns Translation context value with `t` and `language`.
15
11
  */
16
12
  declare const useTranslation: () => TranslationContextType;
17
13
  export { TranslationProvider, useTranslation };
@@ -1,6 +1,10 @@
1
1
  /**Define a translation function */
2
2
  export type TranslationOptions = Record<string, unknown>;
3
3
  export type TFunction = (text: string, options?: TranslationOptions) => string;
4
+ export type TranslationContextType = {
5
+ t: TFunction;
6
+ language: string;
7
+ };
4
8
  export type TranslationProviderPropsType = {
5
9
  t: TFunction;
6
10
  language: string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sito/dashboard",
3
3
  "private": false,
4
- "version": "0.0.74",
4
+ "version": "0.0.76",
5
5
  "type": "module",
6
6
  "description": "UI library with custom components for dashboards",
7
7
  "main": "dist/index.cjs",
@@ -1,9 +0,0 @@
1
- import "./Badge.css";
2
- import { jsx as n } from "react/jsx-runtime";
3
- const t = (a) => {
4
- const { count: s, className: e = "" } = a;
5
- return /* @__PURE__ */ n("span", { className: `${e} badge-main`, children: s });
6
- };
7
- export {
8
- t as B
9
- };
@@ -1 +0,0 @@
1
- var c=require("./Badge.css");const n=require("react/jsx-runtime"),t=s=>{const{count:e,className:a=""}=s;return n.jsx("span",{className:`${a} badge-main`,children:e})};exports.Badge=t;
@@ -1 +0,0 @@
1
- var i=require("./Button.css");const c=require("react/jsx-runtime"),a=t=>{const{children:e,type:n="button",variant:s="text",color:o="default",className:r="",...u}=t;return c.jsx("button",{type:n,className:`button ${s} ${o} ${r}`,...u,children:e})};exports.Button=a;
@@ -1,24 +0,0 @@
1
- import "./Button.css";
2
- import { jsx as c } from "react/jsx-runtime";
3
- const m = (t) => {
4
- const {
5
- children: o,
6
- type: r = "button",
7
- variant: e = "text",
8
- color: n = "default",
9
- className: s = "",
10
- ...a
11
- } = t;
12
- return /* @__PURE__ */ c(
13
- "button",
14
- {
15
- type: r,
16
- className: `button ${e} ${n} ${s}`,
17
- ...a,
18
- children: o
19
- }
20
- );
21
- };
22
- export {
23
- m as B
24
- };
@@ -1,37 +0,0 @@
1
- import "./Chip.css";
2
- import { jsxs as r, jsx as t } from "react/jsx-runtime";
3
- import { C as p } from "./Close-rKC9AcNX.js";
4
- import { I as d } from "./IconButton-BpsTEj0z.js";
5
- function N(a) {
6
- const {
7
- text: s,
8
- onDelete: e,
9
- children: i,
10
- icon: n,
11
- variant: o = "default",
12
- iconClassName: l = "",
13
- className: c = "",
14
- textClassName: m = ""
15
- } = a;
16
- return /* @__PURE__ */ r(
17
- "div",
18
- {
19
- className: `chip-main ${o} ${e ? "deletable" : ""} ${c}`,
20
- children: [
21
- /* @__PURE__ */ t("span", { className: `chip-main-text ${m}`, children: s }),
22
- i,
23
- e ? /* @__PURE__ */ t(
24
- d,
25
- {
26
- icon: n ?? /* @__PURE__ */ t(p, {}),
27
- className: `chip-delete-button ${l}`,
28
- onClick: e
29
- }
30
- ) : null
31
- ]
32
- }
33
- );
34
- }
35
- export {
36
- N as C
37
- };
@@ -1 +0,0 @@
1
- var x=require("./Chip.css");const e=require("react/jsx-runtime"),u=require("./Close-O9P7wJGf.cjs"),m=require("./IconButton-CVnmT2E9.cjs");function h(t){const{text:n,onDelete:s,children:i,icon:c,variant:a="default",iconClassName:l="",className:o="",textClassName:r=""}=t;return e.jsxs("div",{className:`chip-main ${a} ${s?"deletable":""} ${o}`,children:[e.jsx("span",{className:`chip-main-text ${r}`,children:n}),i,s?e.jsx(m.IconButton,{icon:c??e.jsx(u.Close,{}),className:`chip-delete-button ${l}`,onClick:s}):null]})}exports.Chip=h;
@@ -1 +0,0 @@
1
- var D=require("./FileInput.css");const e=require("react/jsx-runtime"),i=require("react"),j=require("./Tooltip-BSKAgRkc.cjs"),T=require("./File-_Hjw2d3F.cjs"),w=require("./Chip-D17UJHW6.cjs"),y=require("./IconButton-CVnmT2E9.cjs"),R=require("./Close-O9P7wJGf.cjs");function N(s,c=25){if(s.length<=c)return s;const a=s.lastIndexOf(".");if(a===-1)return s.slice(0,c-3)+"...";const h=s.slice(0,a),r=s.slice(a),d=c-r.length-3;return h.slice(0,d)+"..."+r}const B=i.forwardRef(function(s,c){const{children:a,label:h,containerClassName:r="",inputClassName:d="",labelClassName:g="",helperText:C="",helperTextClassName:b="",iconClassName:q="",multiple:p=!1,onChange:m,onClear:o,...f}=s,[t,x]=i.useState([]),k=i.useCallback(l=>{if(l.target.files){const n=Array.from(l.target.files);x(u=>p?[...u,...n]:n.slice(0,1))}m?.(l)},[p,m]),v=i.useCallback(l=>{x(n=>{const u=n.filter((A,$)=>$!==l);return u.length===0&&o?.(),u})},[o]),F=i.useCallback(()=>{x([]),o?.()},[o]),I=i.useCallback(l=>{l.currentTarget.value=""},[]);return e.jsxs("div",{className:`file-input-container ${r}`,children:[t.length===0&&e.jsxs("label",{htmlFor:f.id,className:`${g}`,children:[h,e.jsx("input",{type:"file",ref:c,multiple:p,onClick:I,onChange:k,className:`file-input ${d}`,...f}),f.required?" *":""]}),t.length>1&&e.jsx("ul",{className:"file-preview-list",children:t.map((l,n)=>e.jsx("li",{children:e.jsx(j.Tooltip,{content:l.name,children:e.jsx(w.Chip,{text:N(l.name,25),onDelete:()=>v(n)})})},`${l.name}-${l.lastModified}`))}),t.length===1&&e.jsxs("div",{className:"file-preview",children:[e.jsx(T.File,{className:`file-icon ${q}`}),e.jsx(j.Tooltip,{content:t[0]?.name??"",children:e.jsx("span",{className:"file-preview-name",children:N(t[0]?.name??"",25)})}),e.jsx(y.IconButton,{icon:e.jsx(R.Close,{}),onClick:F,type:"button"})]}),a,!!C&&e.jsx("p",{className:`file-input-helper-text ${b}`,children:C})]})});exports.FileInput=B;