@sito/dashboard 0.0.66 → 0.0.68

package/dist/components/Actions/Action.d.ts

@@ -0,0 +1,18 @@
+import { BaseDto } from '../../lib';
+import { ActionPropsType } from './types';
+/**
+ * Renders a single action button with optional icon, tooltip, and label.
+ * @param props - Component props.
+ * @param props.id - Unique identifier for the button element.
+ * @param props.icon - Icon rendered inside the button.
+ * @param props.tooltip - Accessible label shown as a tooltip or as visible text when `showText` is true.
+ * @param props.onClick - Callback fired when the button is clicked.
+ * @param props.children - Optional child elements rendered inside the button.
+ * @param props.hidden - When `true`, the button is not rendered. Defaults to `false`.
+ * @param props.disabled - When `true`, the button is disabled. Defaults to `false`.
+ * @param props.showText - When `true`, `tooltip` is rendered as visible text next to the icon. Defaults to `false`.
+ * @param props.showTooltips - When `false`, the tooltip is suppressed. Defaults to `true`.
+ * @param props.className - Additional CSS class applied to the button.
+ * @returns The action button element, or `null` when `hidden` is `true`.
+ */
+export declare function Action<TEntity extends BaseDto>(props: ActionPropsType<TEntity>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Actions/Actions.d.ts

@@ -0,0 +1,14 @@
+import { BaseDto } from '../../lib';
+import { ActionsContainerPropsType } from './types';
+/**
+ * Renders a list of {@link Action} buttons from an array of action definitions.
+ * @param props - Component props.
+ * @param props.actions - Array of action definitions to render. Defaults to `[]`.
+ * @param props.className - Additional CSS class applied to the `<ul>` container.
+ * @param props.itemClassName - Additional CSS class applied to each `<li>` item.
+ * @param props.actionClassName - Additional CSS class applied to each `Action` button.
+ * @param props.showTooltips - Whether to show tooltips on each action. Defaults to `true`.
+ * @param props.showActionTexts - Whether to render the action label as visible text. Defaults to `false`.
+ * @returns A `<ul>` element containing one `<li>` per action.
+ */
+export declare function Actions<TRow extends BaseDto>(props: ActionsContainerPropsType<TRow>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Actions/Actions.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+import { Actions } from './Actions';
+declare const meta: {
+    title: string;
+    component: typeof Actions;
+    tags: string[];
+    args: {
+        showActionTexts: false;
+        actions: {
+            id: string;
+            tooltip: string;
+            icon: import("react/jsx-runtime").JSX.Element;
+            onClick: () => void;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithText: Story;

package/dist/components/Actions/Actions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Actions/ActionsDropdown.d.ts

@@ -0,0 +1,10 @@
+import { BaseDto } from '../../lib';
+import { ActionsContainerPropsType } from './types';
+/**
+ * Renders an ellipsis trigger button that opens a {@link Dropdown} containing an {@link Actions} list.
+ * @param props - Component props.
+ * @param props.actions - Array of action definitions displayed inside the dropdown. Defaults to `[]`.
+ * @param props.className - Additional CSS class applied to the root container.
+ * @returns A container with an ellipsis `IconButton` and a `Dropdown` holding the actions list.
+ */
+export declare const ActionsDropdown: <TRow extends BaseDto>(props: ActionsContainerPropsType<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Actions/ActionsDropdown.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: <TRow extends import('../../lib').BaseDto>(props: import('./types').ActionsContainerPropsType<TRow>) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    args: {
+        actions: {
+            id: string;
+            tooltip: string;
+            icon: import("react/jsx-runtime").JSX.Element;
+            onClick: () => void;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;

package/dist/components/Actions/ActionsDropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Actions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Action';
+export * from './Actions';
+export * from './ActionsDropdown';
+export * from './types';

package/dist/components/Actions/types.d.ts

@@ -0,0 +1,17 @@
+import { ActionType } from '..';
+import { BaseDto } from '../../lib';
+import { ReactNode } from 'react';
+export type ActionsContainerPropsType<TRow extends BaseDto> = {
+    actions: ActionPropsType<TRow>[];
+    className?: string;
+    itemClassName?: string;
+    actionClassName?: string;
+    showActionTexts?: boolean;
+    showTooltips?: boolean;
+};
+export interface ActionPropsType<TRow extends BaseDto> extends ActionType<TRow> {
+    children?: ReactNode;
+    showText?: boolean;
+    showTooltips?: boolean;
+    className?: string;
+}

package/dist/components/Form/CheckInput/CheckInput.stories.d.ts

@@ -4,3 +4,5 @@ declare const meta: Meta<typeof CheckInput>;
 export default meta;
 type Story = StoryObj<typeof CheckInput>;
 export declare const Default: Story;
+export declare const ErrorState: Story;
+export declare const SuccessState: Story;

package/dist/components/Form/CheckInput/CheckInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Form/SelectInput/SelectInput.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof SelectInput>;
 export declare const Default: Story;
 export declare const ErrorState: Story;
+export declare const SuccessState: Story;

package/dist/components/Form/TextInput/TextInput.stories.d.ts

@@ -4,6 +4,9 @@ declare const meta: Meta<typeof TextInput>;
 export default meta;
 type Story = StoryObj<typeof TextInput>;
 export declare const Default: Story;
+export declare const Placeholder: Story;
 export declare const WithHelperText: Story;
 export declare const ErrorState: Story;
+export declare const SuccessState: Story;
+export declare const WithController: Story;
 export declare const Controlled: Story;

package/dist/components/SvgIcons/Ellipsis.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from './types';
+/**
+ * Renders the Ellipsis component.
+ * @param props - props parameter.
+ * @returns Function result.
+ */
+export declare function Ellipsis(props: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SvgIcons/index.d.ts

@@ -3,6 +3,7 @@ export * from './ChevronLeft';
 export * from './ChevronRight';
 export * from './ChevronUp';
 export * from './Close';
+export * from './Ellipsis';
 export * from './File';
 export * from './Filters';
 export * from './types';

package/dist/components/Table/Table.stories.d.ts

@@ -13,5 +13,8 @@ export declare const WithAutocompleteFilter: Story;
 export declare const WithControlledFiltersDropdown: Story;
 export declare const WithSimpleActions: Story;
 export declare const WithMultipleActions: Story;
+export declare const WithStickyAndDropdownActions: Story;
 export declare const WithExpandableRows: Story;
 export declare const WithMultipleExpandableRows: Story;
+export declare const WithPagination: Story;
+export declare const WithCompleteFeatures: Story;

package/dist/components/Table/components/Footer/Navigation.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Table/components/TableHeader/TableHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Table/types.d.ts

@@ -9,6 +9,7 @@ export type ActionType<TRow extends BaseDto> = {
     disabled?: boolean;
     hidden?: boolean;
     multiple?: boolean;
+    sticky?: boolean;
     onMultipleClick?: (rows: TRow[]) => void;
 };
 export interface TablePropsType<TRow extends BaseDto> extends TableHeaderPropsType<TRow> {

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Actions';
 export * from './Badge';
 export * from './Button';
 export * from './Chip';

package/dist/index.cjs

@@ -1 +1 @@
-var b=require("./index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lib.cjs"),s=require("./query-81BrXp3i.cjs"),a=require("./Badge-Z78MlGoQ.cjs"),u=require("./Button-BlYa3uPc.cjs"),p=require("./Chip-a2z-338_.cjs"),c=require("./Dropdown-CAxauIXt.cjs"),t=require("./TextInput-Bn8zsDnU.cjs"),C=require("./FileInput-5tMOO7mb.cjs"),T=require("./IconButton-CVnmT2E9.cjs"),d=require("./Loading-CNECRan-.cjs"),r=require("./Filters-C5XEbF3V.cjs"),F=require("./Close-O9P7wJGf.cjs"),v=require("./File-_Hjw2d3F.cjs"),e=require("./Table-CWss4TW5.cjs"),h=require("./Tooltip-BSKAgRkc.cjs"),o=require("./FiltersProvider-CYqLFEI9.cjs"),i=require("./TableOptionsProvider-BchUDA3B.cjs"),n=require("./TranslationProvider-51Pc9Xrr.cjs");exports.FilterTypes=l.FilterTypes;exports.SortOrder=s.SortOrder;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=T.IconButton;exports.Loading=d.Loading;exports.ChevronDown=r.ChevronDown;exports.ChevronLeft=r.ChevronLeft;exports.ChevronRight=r.ChevronRight;exports.ChevronUp=r.ChevronUp;exports.Filters=r.Filters;exports.Close=F.Close;exports.File=v.File;exports.ActiveFilters=e.ActiveFilters;exports.ArrayChip=e.ArrayChip;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.Tooltip=h.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;
+var b=require("./index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lib.cjs"),s=require("./query-81BrXp3i.cjs"),e=require("./Table-DgFzKIJZ.cjs"),a=require("./Badge-Z78MlGoQ.cjs"),u=require("./Button-BlYa3uPc.cjs"),p=require("./Chip-D17UJHW6.cjs"),c=require("./Dropdown-CAxauIXt.cjs"),t=require("./TextInput-C27RFuya.cjs"),d=require("./FileInput-YvKQ-wok.cjs"),C=require("./IconButton-CVnmT2E9.cjs"),T=require("./Loading-CNECRan-.cjs"),r=require("./Filters-Dyee8QYH.cjs"),F=require("./Close-O9P7wJGf.cjs"),v=require("./File-_Hjw2d3F.cjs"),h=require("./Tooltip-BSKAgRkc.cjs"),o=require("./FiltersProvider-BlHv12dU.cjs"),i=require("./TableOptionsProvider-CDLZ4TXE.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.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=d.FileInput;exports.IconButton=C.IconButton;exports.Loading=T.Loading;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.Close=F.Close;exports.File=v.File;exports.Tooltip=h.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

@@ -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-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-blue-800:oklch(42.4% .199 265.638);--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--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)}}@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{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.mt-2{margin-top:calc(var(--spacing) * 2)}.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)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.max-w-sm{max-width:var(--container-sm)}.min-w-48{min-width:calc(var(--spacing) * 48)}.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-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.stroke-blue-800{stroke:var(--color-blue-800)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-500{color:var(--color-gray-500)}.capitalize{text-transform:capitalize}.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-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-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)}.autocomplete-suggestions-container{background-color:var(--color-base-light,#fff)}.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)}}.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)}.filter-popup{background-color:var(--color-base-light,#fff)}.filter-dropdown-submit,.filter-dropdown-cancel{border-color:var(--color-border,#ccc);background-color:var(--color-base-light,#fff);color:var(--color-text-muted,#4d4d4d)}@media(hover:hover){:is(.filter-dropdown-submit,.filter-dropdown-cancel):hover{border-color:var(--color-text-muted,#4d4d4d);color:var(--color-text,#0d0d0d)}}.filter-dropdown-trigger{border-color:var(--color-border,#ccc);background-color:var(--color-base-light,#fff);color:var(--color-text-muted,#4d4d4d)}@media(hover:hover){.filter-dropdown-trigger:hover{border-color:var(--color-text-muted,#4d4d4d);color:var(--color-text,#0d0d0d)}}.filter-title{color:var(--color-text-muted,#4d4d4d)}.filter-footer{border-color:var(--color-border,#ccc);background-color:var(--color-base,#f2f2f2)}.table-headers-cell{border-color:var(--color-border,#ccc)}@media(hover:hover){.table-headers-cell:hover{background-color:var(--color-base-dark,#e6e6e6)}}
+@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-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-blue-800:oklch(42.4% .199 265.638);--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--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)}}@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{.collapse{visibility:collapse}.visible{visibility:visible}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.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}}.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)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-full{width:100%}.w-px{width:1px}.max-w-sm{max-width:var(--container-sm)}.min-w-48{min-width:calc(var(--spacing) * 48)}.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-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)))}.stroke-blue-800{stroke:var(--color-blue-800)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-500{color:var(--color-gray-500)}.capitalize{text-transform:capitalize}.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-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)}.autocomplete-suggestions-container{background-color:var(--color-base-light,#fff)}.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)}}.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)}.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)}.table-headers-cell{border-color:var(--color-border,#ccc)}@media(hover:hover){.table-headers-cell:hover{background-color:var(--color-base-dark,#e6e6e6)}}

package/dist/index.js

@@ -1,70 +1,74 @@
 import "./index.css";
-import { FilterTypes as r } from "./lib.js";
+import { FilterTypes as o } from "./lib.js";
 import { S as t } from "./query-CwuehjY1.js";
-import { B as i } from "./Badge-CIeYthEy.js";
-import { B as n } from "./Button-D73-swfo.js";
-import { C as f } from "./Chip-JDQqzO9I.js";
-import { D as C } from "./Dropdown-CbaxuMbk.js";
-import { A as T, C as F, S as d, a as h, T as c, h as S, i as b, l as v } from "./TextInput-BLfTozZ9.js";
-import { F as I } from "./FileInput-B--eBQVa.js";
-import { I as B } from "./IconButton-BpsTEj0z.js";
-import { L as P } from "./Loading-B_c_4XLr.js";
-import { C as w, a as D, b as O, c as y, F as L } from "./Filters-BivtNVS3.js";
-import { C as k } from "./Close-rKC9AcNX.js";
-import { F as H } from "./File-BuJndWMv.js";
-import { A as j, a as q, C as G, b as J, F as K, c as M, N as Q, P as V, R as W, d as X, g as Y, T as Z, e as _, f as $, r as aa } from "./Table-CH9HYQ2I.js";
-import { T as oa } from "./Tooltip-B4E-FRwY.js";
-import { a as sa, F as ta, f as pa, i as ia, u as la } from "./FiltersProvider-CY2fsw_F.js";
-import { T as ma, u as fa } from "./TableOptionsProvider-BfQS8l1N.js";
-import { T as Ca, u as ua } from "./TranslationProvider-COebIyxr.js";
+import { h as p, i as n, j as l, A as m, a as f, C as x, b as C, F as u, c as T, N as F, P as c, R as d, d as h, g as S, T as b, e as v, f as A, r as g } from "./Table-B5vsXjAq.js";
+import { B } from "./Badge-CIeYthEy.js";
+import { B as D } from "./Button-D73-swfo.js";
+import { C as P } from "./Chip-C5ogKbFn.js";
+import { D as O } from "./Dropdown-CbaxuMbk.js";
+import { A as E, C as L, S as z, a as j, T as k, h as H, i as U, l as q } from "./TextInput-DPYxzgm3.js";
+import { F as J } from "./FileInput-DNoJELoS.js";
+import { I as M } from "./IconButton-BpsTEj0z.js";
+import { L as V } from "./Loading-B_c_4XLr.js";
+import { C as X, a as Y, b as Z, c as _, E as $, F as aa } from "./Filters-DL5jd8ps.js";
+import { C as sa } from "./Close-rKC9AcNX.js";
+import { F as ra } from "./File-BuJndWMv.js";
+import { T as ia } from "./Tooltip-B4E-FRwY.js";
+import { a as na, F as la, f as ma, i as fa, u as xa } from "./FiltersProvider-gfC9gS8u.js";
+import { T as ua, u as Ta } from "./TableOptionsProvider-HHCDcRbO.js";
+import { T as ca, u as da } from "./TranslationProvider-BR4s--Vu.js";
 export {
-  j as ActiveFilters,
-  q as ArrayChip,
-  T as AutocompleteInput,
-  i as Badge,
-  n as Button,
-  F as CheckInput,
-  w as ChevronDown,
-  D as ChevronLeft,
-  O as ChevronRight,
-  y as ChevronUp,
-  f as Chip,
-  k as Close,
-  G as Columns,
-  J as CountOfTotal,
-  C as Dropdown,
-  H as File,
-  I as FileInput,
-  K as FilterDropdown,
-  r as FilterTypes,
-  L as Filters,
-  sa as FiltersActions,
-  ta as FiltersProvider,
-  M as Footer,
-  B as IconButton,
-  P as Loading,
-  Q as Navigation,
-  V as PageSize,
-  W as RangeChip,
-  X as Rows,
-  d as SelectInput,
+  p as Action,
+  n as Actions,
+  l as ActionsDropdown,
+  m as ActiveFilters,
+  f as ArrayChip,
+  E as AutocompleteInput,
+  B as Badge,
+  D as Button,
+  L as CheckInput,
+  X as ChevronDown,
+  Y as ChevronLeft,
+  Z as ChevronRight,
+  _ as ChevronUp,
+  P as Chip,
+  sa as Close,
+  x as Columns,
+  C as CountOfTotal,
+  O as Dropdown,
+  $ as Ellipsis,
+  ra as File,
+  J as FileInput,
+  u as FilterDropdown,
+  o as FilterTypes,
+  aa as Filters,
+  na as FiltersActions,
+  la as FiltersProvider,
+  T as Footer,
+  M as IconButton,
+  V as Loading,
+  F as Navigation,
+  c as PageSize,
+  d as RangeChip,
+  h as Rows,
+  z as SelectInput,
   t as SortOrder,
-  h as State,
-  Y as Table,
-  Z as TableEmpty,
-  _ as TableHeader,
-  ma as TableOptionsProvider,
-  $ as TableSelectionBar,
-  c as TextInput,
-  oa as Tooltip,
-  Ca as TranslationProvider,
-  pa as filtersReducer,
-  S as helperTextStateClassName,
-  ia as initializer,
-  b as inputStateClassName,
-  v as labelStateClassName,
-  aa as renderFilterComponent,
-  la as useFilters,
-  fa as useTableOptions,
-  ua as useTranslation
+  j as State,
+  S as Table,
+  b as TableEmpty,
+  v as TableHeader,
+  ua as TableOptionsProvider,
+  A as TableSelectionBar,
+  k as TextInput,
+  ia as Tooltip,
+  ca as TranslationProvider,
+  ma as filtersReducer,
+  H as helperTextStateClassName,
+  fa as initializer,
+  U as inputStateClassName,
+  q as labelStateClassName,
+  g as renderFilterComponent,
+  xa as useFilters,
+  Ta as useTableOptions,
+  da as useTranslation
 };

package/dist/providers/FiltersProvider/FiltersProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/providers/Translation/TranslationProvider.d.ts

@@ -1,4 +1,8 @@
 import { TFunction, TranslationProviderPropsType } from './types';
+type TranslationContextType = {
+    t: TFunction;
+    language: string;
+};
 /**
  * Renders the TranslationProvider component.
  * @param props - props parameter.
@@ -9,8 +13,5 @@ declare function TranslationProvider(props: TranslationProviderPropsType): impor
  * Provides the useTranslation hook.
  * @returns Function result.
  */
-declare const useTranslation: () => {
-    t: TFunction;
-    language: string;
-};
+declare const useTranslation: () => TranslationContextType;
 export { TranslationProvider, useTranslation };

package/dist/providers/Translation/TranslationProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sito/dashboard",
   "private": false,
-  "version": "0.0.66",
+  "version": "0.0.68",
   "type": "module",
   "description": "UI library with custom components for dashboards",
   "main": "dist/index.cjs",
@@ -128,10 +128,13 @@
     "*.{js,jsx,css,json,md}": "prettier --write"
   },
   "devDependencies": {
+    "@fortawesome/free-solid-svg-icons": "^7.2.0",
+    "@fortawesome/react-fontawesome": "^3.2.0",
     "@storybook/addon-a11y": "^10.2.10",
     "@storybook/addon-docs": "^10.2.13",
     "@storybook/react": "^10.2.10",
     "@storybook/react-vite": "^10.2.10",
+    "@tailwindcss/postcss": "^4.0.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^20.19.0",
@@ -140,7 +143,6 @@
     "@typescript-eslint/eslint-plugin": "^8",
     "@typescript-eslint/parser": "^8",
     "@vitejs/plugin-react": "^4.7.0",
-    "@tailwindcss/postcss": "^4.0.0",
     "baseline-browser-mapping": "^2.10.0",
     "depcheck": "^1.4.7",
     "eslint": "^10.0.1",
@@ -155,6 +157,7 @@
     "prettier": "^3.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
+    "react-hook-form": "^7.71.2",
     "storybook": "^10.2.10",
     "tailwindcss": "^4.0.0",
     "typescript": "5.5.4",

package/dist/FileInput-5tMOO7mb.cjs

@@ -1 +0,0 @@
-var D=require("./FileInput.css");const e=require("react/jsx-runtime"),n=require("react"),C=require("./Tooltip-BSKAgRkc.cjs"),T=require("./File-_Hjw2d3F.cjs"),w=require("./Chip-a2z-338_.cjs"),y=require("./IconButton-CVnmT2E9.cjs"),R=require("./Close-O9P7wJGf.cjs");function j(s,i=25){if(s.length<=i)return s;const a=s.lastIndexOf(".");if(a===-1)return s.slice(0,i-3)+"...";const h=s.slice(0,a),r=s.slice(a),p=i-r.length-3;return h.slice(0,p)+"..."+r}const B=n.forwardRef(function(s,i){const{children:a,label:h,containerClassName:r="",inputClassName:p="",labelClassName:N="",helperText:m="",helperTextClassName:g="",iconClassName:b="",multiple:q=!1,onChange:x,onClear:o,...d}=s,[t,f]=n.useState([]),k=n.useCallback(l=>{if(l.target.files){const c=Array.from(l.target.files);f(u=>[...u,...c])}x?.(l)},[x]),v=n.useCallback(l=>{f(c=>{const u=c.filter((A,$)=>$!==l);return u.length===0&&o?.(),u})},[o]),F=n.useCallback(()=>{f([]),o?.()},[o]),I=n.useCallback(l=>{l.currentTarget.value=""},[]);return e.jsxs("div",{className:`file-input-container ${r}`,children:[t.length===0&&e.jsxs("label",{htmlFor:d.name,className:`${N}`,children:[h,e.jsx("input",{type:"file",ref:i,multiple:q,onClick:I,onChange:k,className:`file-input ${p}`,...d}),d.required?" *":""]}),t.length>1&&e.jsx("ul",{className:"file-preview-list",children:t.map((l,c)=>e.jsx("li",{children:e.jsx(C.Tooltip,{content:l.name,children:e.jsx(w.Chip,{text:j(l.name,25),onDelete:()=>v(c)})})},`${l.name}-${l.lastModified}`))}),t.length===1&&e.jsxs("div",{className:"file-preview",children:[e.jsx(T.File,{className:`file-icon ${b}`}),e.jsx(C.Tooltip,{content:t[0]?.name??"",children:e.jsx("span",{className:"file-preview-name",children:j(t[0]?.name??"",25)})}),e.jsx(y.IconButton,{icon:e.jsx(R.Close,{}),onClick:F,type:"button"})]}),a,!!m&&e.jsx("p",{className:`file-input-helper-text ${g}`,children:m})]})});exports.FileInput=B;

package/dist/FiltersProvider-CYqLFEI9.cjs

@@ -1 +0,0 @@
-"use strict";const p=require("react/jsx-runtime"),i=require("react"),f=require("./TableOptionsProvider-BchUDA3B.cjs");var n=(e=>(e[e.update=0]="update",e[e.reset=1]="reset",e))(n||{});const u=e=>{if(e){const t={};return Object.keys(e)?.forEach(s=>{t[s]={value:e[s]}}),t}return{}};function a(e,t){const{type:r}=t;switch(r){case n.reset:return{};case n.update:{const{toUpdate:s}=t;return{...e,...s}}default:return e}}const d=i.createContext({}),v=e=>{const{children:t}=e,{filters:r}=f.useTableOptions(),[s,o]=i.useReducer(a,u(r));i.useEffect(()=>{o({type:n.reset});const c=u(r);Object.keys(c).length&&o({type:n.update,toUpdate:c})},[r]);const l={currentFilters:s,setCurrentFilters:o};return p.jsx(d.Provider,{value:l,children:t})},x=()=>{const e=i.useContext(d);if(e===void 0)throw new Error("tableOptionsContext must be used within a Provider");return e};exports.FiltersActions=n;exports.FiltersProvider=v;exports.filtersReducer=a;exports.initializer=u;exports.useFilters=x;