@sito/dashboard 0.0.64 → 0.0.66

package/README.md

@@ -1,14 +1,13 @@
 # @sito/dashboard
 
-`@sito/dashboard` is a React + TypeScript UI library focused on reusable dashboard components.
+`@sito/dashboard` is a React + TypeScript UI library for dashboard and admin interfaces.
 
-## Project Description
+## Highlights
 
-This package provides ready-to-use components for admin/dashboard use cases, with focus on data-heavy screens:
-
-- `Table` with sorting, filtering, pagination, row selection, bulk actions, and expandable rows.
-- Form inputs and utility components (`Badge`, `Chip`, `Tooltip`, `Loading`, icons).
-- Built-in providers for translations and table state management.
+- `Table` component with sorting, filtering, pagination, row selection, bulk actions, and expandable rows.
+- Reusable UI pieces: `Badge`, `Button`, `Chip`, `Dropdown`, `IconButton`, `Loading`, `Tooltip`, and `SvgIcons`.
+- Form controls: `TextInput`, `SelectInput`, `AutocompleteInput`, `CheckInput`, and `FileInput`.
+- Built-in providers for translations and table state (`TranslationProvider`, `TableOptionsProvider`).
 
 ## Installation
 
@@ -18,22 +17,18 @@ npm install @sito/dashboard
 
 # yarn
 yarn add @sito/dashboard
-```
 
-### Peer dependencies
+# pnpm
+pnpm add @sito/dashboard
+```
 
-Make sure your app provides compatible versions:
+### Peer dependency
 
 - `react` (`>=18.2 <20`)
-- `@emotion/css` (`11.13.5`)
-
-## Usage
 
-Important:
+## Quick Usage
 
-- Import from `@sito/dashboard` (not from `@sito/dashboard/lib`).
-- `Table` should be wrapped by `TranslationProvider` and `TableOptionsProvider`.
-- `actions` is a callback per row: `(row) => ActionType[]`.
+Import directly from `@sito/dashboard` (do not import from internal paths).
 
 ```tsx
 import {
@@ -54,48 +49,7 @@ const rows: UserRow[] = [
   { id: 2, deletedAt: null, name: "Jane Smith", age: 25 },
 ];
 
-const actions = (row: UserRow) => [
-  {
-    id: "view",
-    tooltip: `View ${row.name}`,
-    icon: <span>View</span>,
-    onClick: () => console.log("View", row),
-  },
-  {
-    id: "delete",
-    tooltip: "Delete selected",
-    icon: <span>Delete</span>,
-    multiple: true,
-    onClick: () => console.log("Delete", row),
-    onMultipleClick: (selectedRows: UserRow[]) =>
-      console.log("Bulk delete", selectedRows.map(({ name }) => name)),
-  },
-];
-
-const translations: Record<string, string> = {
-  "_accessibility:components.table.selectedCount": "Selected {{count}} items",
-  "_accessibility:labels.actions": "Actions",
-  "_accessibility:buttons.filters": "Filters",
-  "_accessibility:buttons.previous": "Previous page",
-  "_accessibility:buttons.next": "Next page",
-  "_accessibility:buttons.clear": "Clear",
-  "_accessibility:buttons.applyFilters": "Apply filters",
-  "_accessibility:components.table.pageSizes": "Rows per page",
-  "_accessibility:components.table.jumpToPage": "Jump to page",
-  "_accessibility:components.table.of": "of",
-  "_accessibility:components.table.empty": "No data available",
-  "_accessibility:components.table.selectRow": "Select row",
-  "_accessibility:components.table.selectAllRows": "Select all visible rows",
-};
-
-const t = (key: string, options?: Record<string, unknown>) => {
-  if (key === "_accessibility:components.table.selectedCount") {
-    const count = typeof options?.count === "number" ? options.count : 0;
-    return translations[key].replace("{{count}}", String(count));
-  }
-
-  return translations[key] ?? key;
-};
+const t = (key: string) => key;
 
 export function UsersTable() {
   return (
@@ -117,11 +71,14 @@ export function UsersTable() {
             },
             { key: "age", label: "Age", sortable: true },
           ]}
-          actions={actions}
-          onRowSelect={(row, selected) => console.log(selected, row)}
-          onSelectedRowsChange={(selectedRows) =>
-            console.log("Selected rows", selectedRows)
-          }
+          actions={(row) => [
+            {
+              id: "view",
+              tooltip: `View ${row.name}`,
+              icon: <span>View</span>,
+              onClick: () => console.log("View", row),
+            },
+          ]}
         />
       </TableOptionsProvider>
     </TranslationProvider>
@@ -129,24 +86,38 @@ export function UsersTable() {
 }
 ```
 
-## Core Table Props
-
-| Prop | Type | Required | Description |
-|---|---|---|---|
-| `entity` | `string` | Yes | Entity name used by internal components. |
-| `data` | `TRow[]` | Yes | Rows to render. `TRow` must extend `BaseDto` and include `id`. |
-| `columns` | `ColumnType<TRow>[]` | No | Column definitions. |
-| `actions` | `(row: TRow) => ActionType<TRow>[]` | No | Per-row action factory. |
-| `title` | `string` | No | Header title. |
-| `toolbar` | `ReactNode` | No | Custom header content. |
-| `onSort` | `(prop: string, sortOrder: SortOrder) => void` | No | Sort callback. |
-| `onRowSelect` | `(row: TRow, selected: boolean) => void` | No | Row selection callback. |
-| `onSelectedRowsChange` | `(rows: TRow[]) => void` | No | Selected rows callback. |
-| `onRowExpand` | `(expandedRow: TRow, collapsedRow: TRow \| null) => ReactNode` | No | Expand row content callback. |
-| `allowMultipleExpandedRows` | `boolean` | No | Allows multiple expanded rows at once. |
-| `expandedRowId` | `TRow["id"] \| null` | No | Controlled expansion mode. |
-
-## Development Setup (Step-by-step)
+## Core `Table` Props
+
+| Prop                        | Type                                                              | Required | Description                                                                 |
+| --------------------------- | ----------------------------------------------------------------- | -------- | --------------------------------------------------------------------------- |
+| `entity`                    | `string`                                                          | Yes      | Entity name used by internal table state.                                   |
+| `data`                      | `TRow[]`                                                          | Yes      | Rows to render. `TRow` must extend `BaseDto` and include `id`.              |
+| `columns`                   | `ColumnType<TRow>[]`                                              | No       | Column definitions.                                                         |
+| `actions`                   | `(row: TRow) => ActionType<TRow>[]`                               | No       | Per-row action factory.                                                     |
+| `title`                     | `string`                                                          | No       | Header title.                                                               |
+| `toolbar`                   | `ReactNode`                                                       | No       | Extra content rendered in the table header.                                 |
+| `isLoading`                 | `boolean`                                                         | No       | Loading state for table UI.                                                 |
+| `filterOptions`             | `FilterOptions`                                                   | No       | Extra options passed to filter behavior/components.                         |
+| `onSort`                    | `(prop: string, sortOrder: SortOrder) => void`                    | No       | Sort callback when a sortable column is toggled.                            |
+| `onRowSelect`               | `(row: TRow, selected: boolean) => void`                          | No       | Row selection callback.                                                     |
+| `onSelectedRowsChange`      | `(rows: TRow[]) => void`                                          | No       | Callback with selected rows.                                                |
+| `softDeleteProperty`        | `keyof TRow`                                                      | No       | Property name used to determine soft-deleted rows. Defaults to `deletedAt`. |
+| `allowMultipleExpandedRows` | `boolean`                                                         | No       | Enables multiple expanded rows (uncontrolled mode).                         |
+| `expandedRowId`             | `TRow["id"] \| null`                                              | No       | Controlled expanded row id.                                                 |
+| `onExpandedRowChange`       | `(expandedRow: TRow \| null, collapsedRow: TRow \| null) => void` | No       | Called when expanded row changes.                                           |
+| `onRowExpand`               | `(expandedRow: TRow, collapsedRow: TRow \| null) => ReactNode`    | No       | Returns content rendered inside expanded row area.                          |
+| `className`                 | `string`                                                          | No       | Wrapper class name.                                                         |
+| `contentClassName`          | `string`                                                          | No       | Content container class name.                                               |
+
+## Exported API
+
+Main package exports include:
+
+- Components: `Badge`, `Button`, `Chip`, `Dropdown`, `Form`, `IconButton`, `Loading`, `SvgIcons`, `Table`, `Tooltip`.
+- Providers: `FiltersProvider`, `TableOptionsProvider`, `TranslationProvider` and related hooks/types.
+- Utilities and models: `FilterTypes`, `SortOrder`, `BaseDto`, and query/filter helpers from `lib`.
+
+## Development Setup
 
 1. Clone the repository.
 
@@ -158,67 +129,45 @@ cd -- -sito-dashboard
 2. Use the expected Node version.
 
 ```bash
-nvm install 20.19.0
-nvm use 20.19.0
+nvm install
+nvm use
 ```
 
+Current `.nvmrc`: `20.19.0`
+
 3. Install dependencies.
 
 ```bash
 npm install
 ```
 
-4. Start local development.
+4. Start development.
 
 ```bash
 # Vite dev server
 npm run dev
 
-# Component-focused development (recommended)
+# Storybook (recommended for component work)
 npm run storybook
 ```
 
-5. Build the library.
+## Scripts
 
 ```bash
-npm run build
-```
-
-## How To Run Tests
-
-```bash
-# run all tests once
-npm run test
-
-# run a specific test file
-npm run test -- src/components/Table/Table.expandable.test.tsx
-```
-
-## How To Run Linters
-
-```bash
-# runs ESLint with auto-fix enabled in this project
-npm run lint
-```
-
-## Additional Useful Scripts
-
-```bash
-# format source files
-npm run format
-
-# build static Storybook
-npm run build-storybook
-
-# preview production build
-npm run preview
+npm run build            # Build library (types + bundles)
+npm run test             # Run tests once with Vitest
+npm run lint             # ESLint + Prettier + depcheck
+npm run format           # Prettier on src files
+npm run build-storybook  # Build static Storybook
+npm run preview          # Preview Vite build
+npm run full             # lint + build + test
 ```
 
 ## Contributing
 
 1. Create a branch from `main`.
-2. Add/adjust tests for your changes.
-3. Run lint and tests.
+2. Add or update tests for your changes.
+3. Run `npm run full`.
 4. Open a pull request with a clear summary.
 
 ## License

package/dist/Badge-CIeYthEy.js

@@ -0,0 +1,9 @@
+import "./Badge.css";
+import { jsx as n } from "react/jsx-runtime";
+const t = (a) => {
+  const { count: s, className: e = "" } = a;
+  return /* @__PURE__ */ n("span", { className: `${e} badge-main`, children: s });
+};
+export {
+  t as B
+};

package/dist/Badge-Z78MlGoQ.cjs

@@ -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;

package/dist/Badge.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Badge-Z78MlGoQ.cjs");exports.Badge=e.Badge;

package/dist/Badge.css

@@ -0,0 +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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.badge-main{top:calc(var(--spacing,.25rem) * 1);right:calc(var(--spacing,.25rem) * 1);min-height:calc(var(--spacing,.25rem) * 4);min-width:calc(var(--spacing,.25rem) * 4);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4, 0, .2, 1));border-radius:3.40282e38px;justify-content:center;align-items:center;font-size:9px;line-height:0;display:flex;position:absolute}.badge-main.show{--tw-scale-x:100%!important;--tw-scale-y:100%!important;--tw-scale-z:100%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}.badge-main.hide{--tw-scale-x:0%!important;--tw-scale-y:0%!important;--tw-scale-z:0%!important;scale:var(--tw-scale-x) var(--tw-scale-y)!important}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/dist/Badge.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Badge/index'
+export {}

package/dist/Badge.js

@@ -0,0 +1,4 @@
+import { B as o } from "./Badge-CIeYthEy.js";
+export {
+  o as Badge
+};

package/dist/Button-BlYa3uPc.cjs

@@ -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;

package/dist/Button-D73-swfo.js

@@ -0,0 +1,24 @@
+import "./Button.css";
+import { jsx as c } from "react/jsx-runtime";
+const m = (t) => {
+  const {
+    children: o,
+    type: r = "button",
+    variant: e = "text",
+    color: n = "default",
+    className: s = "",
+    ...a
+  } = t;
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      type: r,
+      className: `button ${e} ${n} ${s}`,
+      ...a,
+      children: o
+    }
+  );
+};
+export {
+  m as B
+};

package/dist/Button.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button-BlYa3uPc.cjs");exports.Button=t.Button;

package/dist/Button.css

@@ -0,0 +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-font-weight:initial;--tw-duration:initial;--tw-border-style:solid}}}.button{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem) * 2);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-text,#0d0d0d);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,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-radius:3.40282e38px;transition-duration:.3s;display:flex}.button:enabled{cursor:pointer}.button:disabled{cursor:not-allowed;opacity:.5}@media(hover:hover){.button.close:enabled:hover{background-color:var(--color-secondary,#cd212a)}}.button.text{background-color:#0000}@media(hover:hover){.button.text:enabled:hover{background-color:var(--color-base,#f2f2f2)}}.button.text.primary{color:var(--color-primary,#041e42)}@media(hover:hover){.button.text.primary:enabled:hover{background-color:#041e421a}@supports (color:color-mix(in lab,red,red)){.button.text.primary:enabled:hover{background-color:color-mix(in oklab,var(--color-primary,#041e42) 10%,transparent)}}}.button.text.secondary{color:var(--color-secondary,#cd212a)}@media(hover:hover){.button.text.secondary:enabled:hover{background-color:#cd212a1a}@supports (color:color-mix(in lab,red,red)){.button.text.secondary:enabled:hover{background-color:color-mix(in oklab,var(--color-secondary,#cd212a) 10%,transparent)}}}.button.text.error{color:var(--color-bg-error,#c14444)}@media(hover:hover){.button.text.error:enabled:hover{background-color:#c144441a}@supports (color:color-mix(in lab,red,red)){.button.text.error:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-error,#c14444) 10%,transparent)}}}.button.text.warning{color:var(--color-bg-warning,orange)}@media(hover:hover){.button.text.warning:enabled:hover{background-color:#ffa5001a}@supports (color:color-mix(in lab,red,red)){.button.text.warning:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-warning,orange) 10%,transparent)}}}.button.text.success{color:var(--color-bg-success,#1d9a5b)}@media(hover:hover){.button.text.success:enabled:hover{background-color:#1d9a5b1a}@supports (color:color-mix(in lab,red,red)){.button.text.success:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-success,#1d9a5b) 10%,transparent)}}}.button.text.info{color:var(--color-bg-info,#0070ba)}@media(hover:hover){.button.text.info:enabled:hover{background-color:#0070ba1a}@supports (color:color-mix(in lab,red,red)){.button.text.info:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-info,#0070ba) 10%,transparent)}}}.button.outlined{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#ccc)}@media(hover:hover){.button.outlined:enabled:hover{background-color:var(--color-base-dark,#e6e6e6)}}.button.outlined.primary{border-color:var(--color-primary,#041e42)}@media(hover:hover){.button.outlined.primary:enabled:hover{border-color:var(--color-hover-primary,#0a2f66);background-color:var(--color-hover-primary,#0a2f66);color:var(--color-base-light,#fff)}}.button.outlined.secondary{border-color:var(--color-secondary,#cd212a);color:var(--color-secondary,#cd212a)}@media(hover:hover){.button.outlined.secondary:enabled:hover{border-color:var(--color-hover-secondary,#e03a42);background-color:var(--color-hover-secondary,#e03a42);color:var(--color-base-light,#fff)}}.button.outlined.error{border-color:var(--color-bg-error,#c14444);color:var(--color-bg-error,#c14444)}@media(hover:hover){.button.outlined.error:enabled:hover{background-color:var(--color-bg-error,#c14444);color:var(--color-error,#fbfbfb)}}.button.outlined.warning{border-color:var(--color-bg-warning,orange);color:var(--color-bg-warning,orange)}@media(hover:hover){.button.outlined.warning:enabled:hover{background-color:var(--color-bg-warning,orange);color:var(--color-warning,#000)}}.button.outlined.success{border-color:var(--color-bg-success,#1d9a5b);color:var(--color-bg-success,#1d9a5b)}@media(hover:hover){.button.outlined.success:enabled:hover{background-color:var(--color-bg-success,#1d9a5b);color:var(--color-success,#fbfbfb)}}.button.outlined.info{border-color:var(--color-bg-info,#0070ba);color:var(--color-bg-info,#0070ba)}@media(hover:hover){.button.outlined.info:enabled:hover{background-color:var(--color-bg-info,#0070ba);color:var(--color-info,#fbfbfb)}}.button.submit{background-color:var(--color-base,#f2f2f2)}@media(hover:hover){.button.submit:enabled:hover{background-color:var(--color-base-light,#fff)}}.button.submit.primary{background-color:var(--color-bg-primary,#021327);color:var(--color-base-light,#fff)}@media(hover:hover){.button.submit.primary:enabled:hover{background-color:var(--color-hover-primary,#0a2f66)}}.button.submit.secondary{background-color:var(--color-bg-secondary,#8f151b);color:var(--color-base-light,#fff)}@media(hover:hover){.button.submit.secondary:enabled:hover{background-color:var(--color-hover-secondary,#e03a42)}}.button.submit.error{background-color:var(--color-bg-error,#c14444);color:var(--color-error,#fbfbfb)}@media(hover:hover){.button.submit.error:enabled:hover{background-color:#c14444cc}@supports (color:color-mix(in lab,red,red)){.button.submit.error:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-error,#c14444) 80%,transparent)}}}.button.submit.warning{background-color:var(--color-bg-warning,orange);color:var(--color-warning,#000)}@media(hover:hover){.button.submit.warning:enabled:hover{background-color:#ffa500cc}@supports (color:color-mix(in lab,red,red)){.button.submit.warning:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-warning,orange) 80%,transparent)}}}.button.submit.success{background-color:var(--color-bg-success,#1d9a5b);color:var(--color-success,#fbfbfb)}@media(hover:hover){.button.submit.success:enabled:hover{background-color:#1d9a5bcc}@supports (color:color-mix(in lab,red,red)){.button.submit.success:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-success,#1d9a5b) 80%,transparent)}}}.button.submit.info{background-color:var(--color-bg-info,#0070ba);color:var(--color-info,#fbfbfb)}@media(hover:hover){.button.submit.info:enabled:hover{background-color:#0070bacc}@supports (color:color-mix(in lab,red,red)){.button.submit.info:enabled:hover{background-color:color-mix(in oklab,var(--color-bg-info,#0070ba) 80%,transparent)}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

package/dist/Button.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Button/index'
+export {}

package/dist/Button.js

@@ -0,0 +1,4 @@
+import { B as r } from "./Button-D73-swfo.js";
+export {
+  r as Button
+};

package/dist/Chip-JDQqzO9I.js

@@ -0,0 +1,37 @@
+import "./Chip.css";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { I as p } from "./IconButton-BpsTEj0z.js";
+import { C as d } from "./Close-rKC9AcNX.js";
+function N(a) {
+  const {
+    text: s,
+    onDelete: e,
+    children: i,
+    icon: n,
+    variant: o = "default",
+    iconClassName: l = "",
+    className: c = "",
+    textClassName: m = ""
+  } = a;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `chip-main ${o} ${e ? "deletable" : ""} ${c}`,
+      children: [
+        /* @__PURE__ */ t("span", { className: `chip-main-text ${m}`, children: s }),
+        i,
+        e ? /* @__PURE__ */ t(
+          p,
+          {
+            icon: n ?? /* @__PURE__ */ t(d, {}),
+            className: `chip-delete-button ${l}`,
+            onClick: e
+          }
+        ) : null
+      ]
+    }
+  );
+}
+export {
+  N as C
+};

package/dist/Chip-a2z-338_.cjs

@@ -0,0 +1 @@
+var x=require("./Chip.css");const e=require("react/jsx-runtime"),u=require("./IconButton-CVnmT2E9.cjs"),m=require("./Close-O9P7wJGf.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(u.IconButton,{icon:c??e.jsx(m.Close,{}),className:`chip-delete-button ${l}`,onClick:s}):null]})}exports.Chip=h;

package/dist/Chip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Chip-a2z-338_.cjs");exports.Chip=e.Chip;

package/dist/Chip.css

@@ -0,0 +1 @@
+.chip-main{border-radius:var(--radius-3xl,1.5rem);padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));justify-content:flex-start;align-items:center;display:flex}.chip-main.deletable{padding-right:calc(var(--spacing,.25rem) * 2)}.chip-delete-button{margin-left:calc(var(--spacing,.25rem) * 2);cursor:pointer}.chip-delete-button svg{height:calc(var(--spacing,.25rem) * 3);width:calc(var(--spacing,.25rem) * 3)}

package/dist/Chip.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Chip/index'
+export {}

package/dist/Chip.js

@@ -0,0 +1,4 @@
+import { C as r } from "./Chip-JDQqzO9I.js";
+export {
+  r as Chip
+};

package/dist/Close-O9P7wJGf.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime");function t(c){const{className:e=""}=c;return s.jsx("svg",{className:e,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"currentColor",children:s.jsx("path",{d:"M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"})})}exports.Close=t;

package/dist/Close-rKC9AcNX.js

@@ -0,0 +1,17 @@
+import { jsx as s } from "react/jsx-runtime";
+function t(o) {
+  const { className: r = "" } = o;
+  return /* @__PURE__ */ s(
+    "svg",
+    {
+      className: r,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 384 512",
+      fill: "currentColor",
+      children: /* @__PURE__ */ s("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z" })
+    }
+  );
+}
+export {
+  t as C
+};

package/dist/Dropdown-CAxauIXt.cjs

@@ -0,0 +1 @@
+var E=require("./Dropdown.css");const h=require("react/jsx-runtime"),u=require("react"),g=require("react-dom"),d=8;function w(s,l){const e=l.getBoundingClientRect(),c=window.innerWidth,o=window.innerHeight;let n=s.bottom+4,r=s.left;return r+e.width>c-d&&(r=s.right-e.width),r<d&&(r=d),n+e.height>o-d&&(n=s.top-e.height-4),n<d&&(n=d),{top:n,left:r}}const v=s=>{const{children:l,open:e,onClose:c,anchorEl:o}=s,n=u.useRef(null);u.useLayoutEffect(()=>{const t=n.current;if(!e||!o||!t)return;const i=o.getBoundingClientRect(),{top:a,left:p}=w(i,t);t.style.top=`${a}px`,t.style.left=`${p}px`},[e,o]),u.useEffect(()=>{if(!e||!o)return;const t=n.current;if(!t)return;const i=()=>{const a=o.getBoundingClientRect(),{top:p,left:m}=w(a,t);t.style.top=`${p}px`,t.style.left=`${m}px`};return window.addEventListener("resize",i),()=>window.removeEventListener("resize",i)},[e,o]);const r=u.useCallback(t=>{const i=n.current;!e||!i||o?.contains(t.target)||i.contains(t.target)||c()},[e,c,o]),f=u.useCallback(t=>{e&&t.key==="Escape"&&c()},[e,c]);return u.useEffect(()=>{if(e)return setTimeout(()=>n.current?.focus(),0),document.addEventListener("mousedown",r),document.addEventListener("keydown",f),()=>{document.removeEventListener("mousedown",r),document.removeEventListener("keydown",f)}},[e,r,f]),g.createPortal(h.jsx("div",{ref:n,role:"menu","aria-hidden":!e,tabIndex:-1,className:`dropdown-main ${e?"opened":"closed"}`,onClick:t=>t.stopPropagation(),children:l}),document.body)};exports.Dropdown=v;

package/dist/Dropdown-CbaxuMbk.js

@@ -0,0 +1,63 @@
+import "./Dropdown.css";
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as v, useLayoutEffect as y, useEffect as m, useCallback as p } from "react";
+import { createPortal as E } from "react-dom";
+const d = 8;
+function w(s, u) {
+  const e = u.getBoundingClientRect(), c = window.innerWidth, o = window.innerHeight;
+  let n = s.bottom + 4, r = s.left;
+  return r + e.width > c - d && (r = s.right - e.width), r < d && (r = d), n + e.height > o - d && (n = s.top - e.height - 4), n < d && (n = d), { top: n, left: r };
+}
+const k = (s) => {
+  const { children: u, open: e, onClose: c, anchorEl: o } = s, n = v(null);
+  y(() => {
+    const t = n.current;
+    if (!e || !o || !t) return;
+    const i = o.getBoundingClientRect(), { top: f, left: a } = w(i, t);
+    t.style.top = `${f}px`, t.style.left = `${a}px`;
+  }, [e, o]), m(() => {
+    if (!e || !o) return;
+    const t = n.current;
+    if (!t) return;
+    const i = () => {
+      const f = o.getBoundingClientRect(), { top: a, left: h } = w(f, t);
+      t.style.top = `${a}px`, t.style.left = `${h}px`;
+    };
+    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+  }, [e, o]);
+  const r = p(
+    (t) => {
+      const i = n.current;
+      !e || !i || o?.contains(t.target) || i.contains(t.target) || c();
+    },
+    [e, c, o]
+  ), l = p(
+    (t) => {
+      e && t.key === "Escape" && c();
+    },
+    [e, c]
+  );
+  return m(() => {
+    if (e)
+      return setTimeout(() => n.current?.focus(), 0), document.addEventListener("mousedown", r), document.addEventListener("keydown", l), () => {
+        document.removeEventListener("mousedown", r), document.removeEventListener("keydown", l);
+      };
+  }, [e, r, l]), E(
+    /* @__PURE__ */ g(
+      "div",
+      {
+        ref: n,
+        role: "menu",
+        "aria-hidden": !e,
+        tabIndex: -1,
+        className: `dropdown-main ${e ? "opened" : "closed"}`,
+        onClick: (t) => t.stopPropagation(),
+        children: u
+      }
+    ),
+    document.body
+  );
+};
+export {
+  k as D
+};

package/dist/Dropdown.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Dropdown-CAxauIXt.cjs");exports.Dropdown=o.Dropdown;

package/dist/Dropdown.css

@@ -0,0 +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-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.dropdown-main{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border,#ccc);background-color:var(--color-base-light,#fff);padding:calc(var(--spacing,.25rem) * 2);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition:opacity .3s ease-in-out;position:fixed}.dropdown-main.opened{z-index:50;opacity:1}.dropdown-main.closed{pointer-events:none;z-index:-10;opacity:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/dist/Dropdown.d.ts

@@ -0,0 +1,2 @@
+export * from './components/Dropdown/index'
+export {}

package/dist/Dropdown.js

@@ -0,0 +1,4 @@
+import { D as p } from "./Dropdown-CbaxuMbk.js";
+export {
+  p as Dropdown
+};

package/dist/File-BuJndWMv.js

@@ -0,0 +1,17 @@
+import { jsx as r } from "react/jsx-runtime";
+function L(o) {
+  const { className: t = "" } = o;
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      className: t,
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 640 640",
+      fill: "currentColor",
+      children: /* @__PURE__ */ r("path", { d: "M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z" })
+    }
+  );
+}
+export {
+  L as F
+};

package/dist/File-_Hjw2d3F.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime");function r(e){const{className:t=""}=e;return s.jsx("svg",{className:t,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 640",fill:"currentColor",children:s.jsx("path",{d:"M192 64C156.7 64 128 92.7 128 128L128 512C128 547.3 156.7 576 192 576L448 576C483.3 576 512 547.3 512 512L512 234.5C512 217.5 505.3 201.2 493.3 189.2L386.7 82.7C374.7 70.7 358.5 64 341.5 64L192 64zM453.5 240L360 240C346.7 240 336 229.3 336 216L336 122.5L453.5 240z"})})}exports.File=r;

package/dist/FileInput-5tMOO7mb.cjs

@@ -0,0 +1 @@
+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;