h2o-library 1.8.0 → 2.0.1

package/dist/esm/components/src/expandable-table/expandable-table.d.ts

@@ -0,0 +1,61 @@
+import "./expandable-table.css";
+import React from "react";
+import type { SortDirection } from "../table/table";
+/**
+ * Column model for `ExpandableTable` (like `TableColumn` with an optional per-row expand body).
+ * @template T - Row type.
+ * @property {string} key - Field accessor and React `key` fragment for this column.
+ * @property {function(unknown, T): React.ReactNode} [render] - Custom cell; args are `row[key]` and `row`.
+ */
+export interface ExpandableTableColumn<T> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    minWidth?: string;
+    maxWidth?: string;
+    width?: string;
+    render?: (value: unknown, row: T) => React.ReactNode;
+}
+/**
+ * @template T
+ * @property {ExpandableTableColumn<T>[]} columns - Display columns; add `__selection` via table utilities if needed.
+ * @property {T[]} data - Row array.
+ * @property {function(T): React.ReactNode} [renderExpandedContent] - Renders under the row when that row is expanded.
+ * @property {T[]} [selectedRows] - **Controlled** selection; paired with `onSelectionChange` and `rowKey`.
+ * @property {keyof T} [rowKey] - Unique per row for selection keys. Default `id` if present.
+ */
+interface ExpandableTableProps<T extends Record<string, unknown>> {
+    columns: ExpandableTableColumn<T>[];
+    data: T[];
+    renderExpandedContent?: (row: T) => React.ReactNode;
+    isLoading?: boolean;
+    className?: string;
+    containerClassName?: string;
+    rowHeight?: string;
+    sortKey?: string;
+    sortDirection?: SortDirection;
+    currentPage?: number;
+    totalPages?: number;
+    perPage?: number;
+    perPageOptions?: {
+        label: string;
+        value: number;
+    }[];
+    onSort?: (key: string, direction: SortDirection) => void;
+    onPageChange?: (page: number) => void;
+    onPerPageChange?: (perPage: number) => void;
+    maxHeight?: string;
+    selectedRows?: T[];
+    onSelectionChange?: (rows: T[]) => void;
+    rowKey?: keyof T;
+    onRowClick?: (row: T, rowIndex: number) => void;
+}
+/**
+ * Data table with optional expandable row body (`renderExpandedContent`), sort, selection, and pagination.
+ *
+ * @template T - `Record<string, any>` row shape; `rowKey` picks stable identity.
+ * @param {object} props - `columns` / `data` plus optional `renderExpandedContent` for the slide-down.
+ * @returns {JSX.Element} The grid, expansion rows, and optional `Pagination` / `Loader`.
+ */
+export declare function ExpandableTable<T extends Record<string, unknown>>({ columns, data, renderExpandedContent, isLoading, className, rowHeight, sortKey, sortDirection, onSort, currentPage, totalPages, perPage, perPageOptions, onPageChange, onPerPageChange, maxHeight, containerClassName, selectedRows, onSelectionChange, rowKey, onRowClick, }: ExpandableTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/src/expandable-table/expandable-table.js

@@ -0,0 +1,2 @@
+import{jsxs as e,jsx as a,Fragment as n}from"react/jsx-runtime";import"./expandable-table.css";import t,{useState as r,useCallback as l,useMemo as i}from"react";import{Icon as o}from"../icon/icon.js";import{Pagination as c}from"../pagination/pagination.js";import{Loader as d}from"../loader/loader.js";import{Checkbox as s}from"../checkbox/checkbox.js";import{hasInteractiveParent as h}from"../table/table-utils.js";function m({columns:m,data:p,renderExpandedContent:g,isLoading:u=!1,className:b="",rowHeight:w="40px",sortKey:x,sortDirection:N,onSort:v,currentPage:f,totalPages:k,perPage:y,perPageOptions:C,onPageChange:P,onPerPageChange:S,maxHeight:W,containerClassName:j="",selectedRows:z,onSelectionChange:$,rowKey:_="id",onRowClick:H}){const[E,K]=r(new Set),O=l((e=>{if(!$||!z)return;const a=z.some((a=>a[_]===e[_]));$(a?z.filter((a=>a[_]!==e[_])):[...z,e])}),[$,z,_]),R=l((e=>!!z&&z.some((a=>a[_]===e[_]))),[z,_]),D=i((()=>!(!z||!p.length)&&p.length===z.length),[z,p]),F=i((()=>!(!z||!p.length)&&(z.length>0&&z.length<p.length)),[z,p]),I=i((()=>{const e=[...m];if(void 0!==z&&$){return[{key:"__selection",label:"",width:"48px",render:(e,n)=>a(s,{checked:R(n),onChange:()=>O(n)})},...e]}return e}),[m,z,$,O,R]),L=e=>{if(!e.sortable)return null;const n=x===e.key;return a("div",{className:"table-sort-icon "+(n?"active":""),children:a(o,n&&N?{icon:"asc"===N?"arrow-up-narrow-wide":"arrow-down-wide-narrow",size:16,className:N}:{icon:"arrow-up-narrow-wide",size:16,className:"default"})})},T=(e,a,n)=>n.render?n.render(e,a):null==e?"":String(e);return e("div",{className:`table-container ${j}`,children:[a("div",{className:`table-wrapper ${b}`,style:W?{maxHeight:W,overflowY:"auto"}:{},children:e("table",{className:"table expandable-table",children:[a("thead",{children:e("tr",{children:[I.map((t=>a("th",{onClick:()=>t.sortable&&(e=>{if(!v)return;let a="asc";x===e&&(a="asc"===N?"desc":"desc"===N?null:"asc"),v(e,a)})(t.key),className:t.sortable?"sortable":"",style:{minWidth:t.minWidth,maxWidth:t.maxWidth,width:t.width},children:a("div",{className:"table-header-content",children:"__selection"===t.key?a(s,{checked:D,isIndeterminate:F,onChange:e=>{return a=e.target.checked,void($&&$(a?p:[]));var a}}):e(n,{children:[t.label,L(t)]})})},t.key))),g&&a("th",{className:"expand-column",style:{width:"48px"}})]})}),a("tbody",{children:u?a("tr",{children:a("td",{colSpan:I.length+(g?1:0),className:"table-loading",children:a(d,{className:"table-loader"})})}):0===p.length?a("tr",{children:a("td",{colSpan:I.length+(g?1:0),className:"table-empty",children:e("div",{className:"table-empty-content",children:[a(o,{icon:"info",size:32}),"No data available"]})})}):p.map(((n,r)=>{const l=g?g(n):null,i=E.has(n[_]);return e(t.Fragment,{children:[e("tr",{style:{height:w,cursor:H?"pointer":void 0},className:`${i?"expanded-row":""} ${H?"clickable-row":""}`,onClick:e=>((e,a,n)=>{if(!H)return;const t=e.target,r=e.currentTarget;h(t,r)||H(a,n)})(e,n,r),children:[I.map((e=>a("td",{style:{minWidth:e.minWidth,maxWidth:e.maxWidth,width:e.width},children:T(n[e.key],n,e)},e.key))),g&&a("td",{className:"expand-column",children:null!=l?a("button",{className:"expand-button",onClick:()=>{return e=n[_],void K((a=>{const n=new Set(a);return n.has(e)?n.delete(e):n.add(e),n}));var e},"aria-label":i?"Collapse row":"Expand row","aria-expanded":i,children:a(o,{icon:"chevron-right",size:16,className:i?"expanded":""})}):null})]}),i&&null!=l&&a("tr",{className:"expandable-row",children:a("td",{colSpan:I.length+1,children:a("div",{className:"expandable-content",children:l})})})]},String(n[_]))}))})]})}),void 0!==f&&void 0!==k&&void 0!==y&&P&&S&&a("div",{className:"table-pagination",children:a(c,{currentPage:f,totalPages:k,perPage:y,perPageOptions:C,onPageChange:P,onPerPageChange:S})})]})}export{m as ExpandableTable};
+//# sourceMappingURL=expandable-table.js.map

package/dist/esm/components/src/icon/icon-paths.d.ts

@@ -0,0 +1,3 @@
+import type React from "react";
+import type { IconType } from "../../../types";
+export declare const ICON_PATHS: Record<IconType, React.ReactNode>;

package/dist/esm/components/src/icon/icon-paths.js

@@ -0,0 +1,2 @@
+import{jsxs as r,Fragment as o,jsx as t}from"react/jsx-runtime";const e={alert:r(o,{children:[t("path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",stroke:"currentColor"}),t("path",{d:"M12 9v4",stroke:"currentColor"}),t("path",{d:"M12 17h.01",stroke:"currentColor"})]}),"align-center":r(o,{children:[t("path",{d:"M21 5H3",stroke:"currentColor"}),t("path",{d:"M17 12H7",stroke:"currentColor"}),t("path",{d:"M19 19H5",stroke:"currentColor"})]}),"align-left":r(o,{children:[t("path",{d:"M21 5H3",stroke:"currentColor"}),t("path",{d:"M15 12H3",stroke:"currentColor"}),t("path",{d:"M17 19H3",stroke:"currentColor"})]}),"align-right":r(o,{children:[t("path",{d:"M21 5H3",stroke:"currentColor"}),t("path",{d:"M21 12H9",stroke:"currentColor"}),t("path",{d:"M21 19H7",stroke:"currentColor"})]}),"arrow-down":r(o,{children:[t("path",{d:"M12 5v14",stroke:"currentColor"}),t("path",{d:"m19 12-7 7-7-7",stroke:"currentColor"})]}),"arrow-down-narrow-wide":r(o,{children:[t("path",{d:"m3 16 4 4 4-4",stroke:"currentColor"}),t("path",{d:"M7 20V4",stroke:"currentColor"}),t("path",{d:"M11 4h4",stroke:"currentColor"}),t("path",{d:"M11 8h7",stroke:"currentColor"}),t("path",{d:"M11 12h10",stroke:"currentColor"})]}),"arrow-down-wide-narrow":r(o,{children:[t("path",{d:"m3 16 4 4 4-4",stroke:"currentColor"}),t("path",{d:"M7 20V4",stroke:"currentColor"}),t("path",{d:"M11 4h10",stroke:"currentColor"}),t("path",{d:"M11 8h7",stroke:"currentColor"}),t("path",{d:"M11 12h4",stroke:"currentColor"})]}),"arrow-left":r(o,{children:[t("path",{d:"m12 19-7-7 7-7",stroke:"currentColor"}),t("path",{d:"M19 12H5",stroke:"currentColor"})]}),"arrow-right":r(o,{children:[t("path",{d:"M5 12h14",stroke:"currentColor"}),t("path",{d:"m12 5 7 7-7 7",stroke:"currentColor"})]}),"arrow-up":r(o,{children:[t("path",{d:"m5 12 7-7 7 7",stroke:"currentColor"}),t("path",{d:"M12 19V5",stroke:"currentColor"})]}),"arrow-up-narrow-wide":r(o,{children:[t("path",{d:"m3 8 4-4 4 4",stroke:"currentColor"}),t("path",{d:"M7 4v16",stroke:"currentColor"}),t("path",{d:"M11 12h4",stroke:"currentColor"}),t("path",{d:"M11 16h7",stroke:"currentColor"}),t("path",{d:"M11 20h10",stroke:"currentColor"})]}),"arrow-up-wide-narrow":r(o,{children:[t("path",{d:"m3 8 4-4 4 4",stroke:"currentColor"}),t("path",{d:"M7 4v16",stroke:"currentColor"}),t("path",{d:"M11 12h10",stroke:"currentColor"}),t("path",{d:"M11 16h7",stroke:"currentColor"}),t("path",{d:"M11 20h4",stroke:"currentColor"})]}),bell:r(o,{children:[t("path",{d:"M10.268 21a2 2 0 0 0 3.464 0",stroke:"currentColor"}),t("path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",stroke:"currentColor"})]}),"bell-ring":r(o,{children:[t("path",{d:"M10.268 21a2 2 0 0 0 3.464 0",stroke:"currentColor"}),t("path",{d:"M22 8c0-2.3-.8-4.3-2-6",stroke:"currentColor"}),t("path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",stroke:"currentColor"}),t("path",{d:"M4 2C2.8 3.7 2 5.7 2 8",stroke:"currentColor"})]}),bold:t("path",{d:"M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8",stroke:"currentColor"}),building:r(o,{children:[t("path",{d:"M10 12h4",stroke:"currentColor"}),t("path",{d:"M10 8h4",stroke:"currentColor"}),t("path",{d:"M14 21v-3a2 2 0 0 0-4 0v3",stroke:"currentColor"}),t("path",{d:"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2",stroke:"currentColor"}),t("path",{d:"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16",stroke:"currentColor"})]}),calendar:r(o,{children:[t("path",{d:"M8 2v4",stroke:"currentColor"}),t("path",{d:"M16 2v4",stroke:"currentColor"}),t("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",stroke:"currentColor"}),t("path",{d:"M3 10h18",stroke:"currentColor"}),t("path",{d:"M8 14h.01",stroke:"currentColor"}),t("path",{d:"M12 14h.01",stroke:"currentColor"}),t("path",{d:"M16 14h.01",stroke:"currentColor"}),t("path",{d:"M8 18h.01",stroke:"currentColor"}),t("path",{d:"M12 18h.01",stroke:"currentColor"}),t("path",{d:"M16 18h.01",stroke:"currentColor"})]}),"calendar-check":r(o,{children:[t("path",{d:"M8 2v4",stroke:"currentColor"}),t("path",{d:"M16 2v4",stroke:"currentColor"}),t("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",stroke:"currentColor"}),t("path",{d:"M3 10h18",stroke:"currentColor"}),t("path",{d:"m9 16 2 2 4-4",stroke:"currentColor"})]}),"calendar-clock":r(o,{children:[t("path",{d:"M16 14v2.2l1.6 1",stroke:"currentColor"}),t("path",{d:"M16 2v4",stroke:"currentColor"}),t("path",{d:"M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5",stroke:"currentColor"}),t("path",{d:"M3 10h5",stroke:"currentColor"}),t("path",{d:"M8 2v4",stroke:"currentColor"}),t("circle",{cx:"16",cy:"16",r:"6",stroke:"currentColor"})]}),"calendar-cog":r(o,{children:[t("path",{d:"m15.228 16.852-.923-.383",stroke:"currentColor"}),t("path",{d:"m15.228 19.148-.923.383",stroke:"currentColor"}),t("path",{d:"M16 2v4",stroke:"currentColor"}),t("path",{d:"m16.47 14.305.382.923",stroke:"currentColor"}),t("path",{d:"m16.852 20.772-.383.924",stroke:"currentColor"}),t("path",{d:"m19.148 15.228.383-.923",stroke:"currentColor"}),t("path",{d:"m19.53 21.696-.382-.924",stroke:"currentColor"}),t("path",{d:"m20.772 16.852.924-.383",stroke:"currentColor"}),t("path",{d:"m20.772 19.148.924.383",stroke:"currentColor"}),t("path",{d:"M21 10.592V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6",stroke:"currentColor"}),t("path",{d:"M3 10h18",stroke:"currentColor"}),t("path",{d:"M8 2v4",stroke:"currentColor"}),t("circle",{cx:"18",cy:"18",r:"3",stroke:"currentColor"})]}),"calendar-plus":r(o,{children:[t("path",{d:"M8 2v4",stroke:"currentColor"}),t("path",{d:"M16 2v4",stroke:"currentColor"}),t("rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",stroke:"currentColor"}),t("path",{d:"M3 10h18",stroke:"currentColor"}),t("path",{d:"M10 16h4",stroke:"currentColor"}),t("path",{d:"M12 14v4",stroke:"currentColor"})]}),"calendar-sync":r(o,{children:[t("path",{d:"M11 10v4h4",stroke:"currentColor"}),t("path",{d:"m11 14 1.535-1.605a5 5 0 0 1 8 1.5",stroke:"currentColor"}),t("path",{d:"M16 2v4",stroke:"currentColor"}),t("path",{d:"m21 18-1.535 1.605a5 5 0 0 1-8-1.5",stroke:"currentColor"}),t("path",{d:"M21 22v-4h-4",stroke:"currentColor"}),t("path",{d:"M21 8.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4.3",stroke:"currentColor"}),t("path",{d:"M3 10h4",stroke:"currentColor"}),t("path",{d:"M8 2v4",stroke:"currentColor"})]}),camera:r(o,{children:[t("path",{d:"M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",stroke:"currentColor"}),t("circle",{cx:"12",cy:"13",r:"3",stroke:"currentColor"})]}),check:t("path",{d:"M20 6 9 17l-5-5",stroke:"currentColor"}),"chevron-down":t("path",{d:"m6 9 6 6 6-6",stroke:"currentColor"}),"chevron-left":t("path",{d:"m15 18-6-6 6-6",stroke:"currentColor"}),"chevron-right":t("path",{d:"m9 18 6-6-6-6",stroke:"currentColor"}),"chevron-up":t("path",{d:"m18 15-6-6-6 6",stroke:"currentColor"}),"chevrons-x":r(o,{children:[t("path",{d:"m9 7-5 5 5 5",stroke:"currentColor"}),t("path",{d:"m15 7 5 5-5 5",stroke:"currentColor"})]}),"chevrons-y":r(o,{children:[t("path",{d:"m7 15 5 5 5-5",stroke:"currentColor"}),t("path",{d:"m7 9 5-5 5 5",stroke:"currentColor"})]}),clock:r(o,{children:[t("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor"}),t("path",{d:"M12 6v6l4 2",stroke:"currentColor"})]}),"clock-alert":r(o,{children:[t("path",{d:"M12 6v6l4 2",stroke:"currentColor"}),t("path",{d:"M20 12v5",stroke:"currentColor"}),t("path",{d:"M20 21h.01",stroke:"currentColor"}),t("path",{d:"M21.25 8.2A10 10 0 1 0 16 21.16",stroke:"currentColor"})]}),close:r(o,{children:[t("path",{d:"M18 6 6 18",stroke:"currentColor"}),t("path",{d:"m6 6 12 12",stroke:"currentColor"})]}),coffee:r(o,{children:[t("path",{d:"M10 2v2",stroke:"currentColor"}),t("path",{d:"M14 2v2",stroke:"currentColor"}),t("path",{d:"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1",stroke:"currentColor"}),t("path",{d:"M6 2v2",stroke:"currentColor"})]}),comment:r(o,{children:[t("path",{d:"M14 14a2 2 0 0 0 2-2V8h-2",stroke:"currentColor"}),t("path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",stroke:"currentColor"}),t("path",{d:"M8 14a2 2 0 0 0 2-2V8H8",stroke:"currentColor"})]}),"compact-view":r(o,{children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",stroke:"currentColor"}),t("path",{d:"M21 9H3",stroke:"currentColor"}),t("path",{d:"M21 15H3",stroke:"currentColor"})]}),copy:r(o,{children:[t("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",stroke:"currentColor"}),t("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",stroke:"currentColor"})]}),cut:r(o,{children:[t("circle",{cx:"6",cy:"6",r:"3",stroke:"currentColor"}),t("path",{d:"M8.12 8.12 12 12",stroke:"currentColor"}),t("path",{d:"M20 4 8.12 15.88",stroke:"currentColor"}),t("circle",{cx:"6",cy:"18",r:"3",stroke:"currentColor"}),t("path",{d:"M14.8 14.8 20 20",stroke:"currentColor"})]}),dashboard:r(o,{children:[t("rect",{width:"7",height:"9",x:"3",y:"3",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"5",x:"14",y:"3",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"9",x:"14",y:"12",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"5",x:"3",y:"16",rx:"1",stroke:"currentColor"})]}),"dots-horizontal":r(o,{children:[t("circle",{cx:"12",cy:"12",r:"1",stroke:"currentColor"}),t("circle",{cx:"19",cy:"12",r:"1",stroke:"currentColor"}),t("circle",{cx:"5",cy:"12",r:"1",stroke:"currentColor"})]}),"dots-vertical":r(o,{children:[t("circle",{cx:"12",cy:"12",r:"1",stroke:"currentColor"}),t("circle",{cx:"12",cy:"5",r:"1",stroke:"currentColor"}),t("circle",{cx:"12",cy:"19",r:"1",stroke:"currentColor"})]}),"double-chevron-left":r(o,{children:[t("path",{d:"m11 17-5-5 5-5",stroke:"currentColor"}),t("path",{d:"m18 17-5-5 5-5",stroke:"currentColor"})]}),"double-chevron-right":r(o,{children:[t("path",{d:"m6 17 5-5-5-5",stroke:"currentColor"}),t("path",{d:"m13 17 5-5-5-5",stroke:"currentColor"})]}),download:r(o,{children:[t("path",{d:"M12 15V3",stroke:"currentColor"}),t("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",stroke:"currentColor"}),t("path",{d:"m7 10 5 5 5-5",stroke:"currentColor"})]}),"drag-handle":r(o,{children:[t("circle",{cx:"9",cy:"12",r:"1",stroke:"currentColor"}),t("circle",{cx:"9",cy:"5",r:"1",stroke:"currentColor"}),t("circle",{cx:"9",cy:"19",r:"1",stroke:"currentColor"}),t("circle",{cx:"15",cy:"12",r:"1",stroke:"currentColor"}),t("circle",{cx:"15",cy:"5",r:"1",stroke:"currentColor"}),t("circle",{cx:"15",cy:"19",r:"1",stroke:"currentColor"})]}),edit:r(o,{children:[t("path",{d:"M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7",stroke:"currentColor"}),t("path",{d:"M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z",stroke:"currentColor"})]}),envelope:r(o,{children:[t("path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",stroke:"currentColor"}),t("rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",stroke:"currentColor"})]}),"external-link":r(o,{children:[t("path",{d:"M15 3h6v6",stroke:"currentColor"}),t("path",{d:"M10 14 21 3",stroke:"currentColor"}),t("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",stroke:"currentColor"})]}),eye:r(o,{children:[t("path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",stroke:"currentColor"}),t("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor"})]}),"eye-off":r(o,{children:[t("path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",stroke:"currentColor"}),t("path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",stroke:"currentColor"}),t("path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",stroke:"currentColor"}),t("path",{d:"m2 2 20 20",stroke:"currentColor"})]}),file:r(o,{children:[t("path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",stroke:"currentColor"}),t("path",{d:"M14 2v5a1 1 0 0 0 1 1h5",stroke:"currentColor"})]}),"file-code":r(o,{children:[t("path",{d:"M4 12.15V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-3.35",stroke:"currentColor"}),t("path",{d:"M14 2v5a1 1 0 0 0 1 1h5",stroke:"currentColor"}),t("path",{d:"m5 16-3 3 3 3",stroke:"currentColor"}),t("path",{d:"m9 22 3-3-3-3",stroke:"currentColor"})]}),filter:r(o,{children:[t("path",{d:"M2 5h20",stroke:"currentColor"}),t("path",{d:"M6 12h12",stroke:"currentColor"}),t("path",{d:"M9 19h6",stroke:"currentColor"})]}),"filter-plus":r(o,{children:[t("path",{d:"M12 5H2",stroke:"currentColor"}),t("path",{d:"M6 12h12",stroke:"currentColor"}),t("path",{d:"M9 19h6",stroke:"currentColor"}),t("path",{d:"M16 5h6",stroke:"currentColor"}),t("path",{d:"M19 8V2",stroke:"currentColor"})]}),flag:t("path",{d:"M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528",stroke:"currentColor"}),forbidden:r(o,{children:[t("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor"}),t("path",{d:"M4.929 4.929 19.07 19.071",stroke:"currentColor"})]}),grid:r(o,{children:[t("rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",stroke:"currentColor"})]}),hint:r(o,{children:[t("path",{d:"M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5",stroke:"currentColor"}),t("path",{d:"M9 18h6",stroke:"currentColor"}),t("path",{d:"M10 22h4",stroke:"currentColor"})]}),hospital:r(o,{children:[t("path",{d:"M12 7v4",stroke:"currentColor"}),t("path",{d:"M14 21v-3a2 2 0 0 0-4 0v3",stroke:"currentColor"}),t("path",{d:"M14 9h-4",stroke:"currentColor"}),t("path",{d:"M18 11h2a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h2",stroke:"currentColor"}),t("path",{d:"M18 21V5a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2v16",stroke:"currentColor"})]}),home:r(o,{children:[t("path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",stroke:"currentColor"}),t("path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",stroke:"currentColor"})]}),image:r(o,{children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",stroke:"currentColor"}),t("circle",{cx:"9",cy:"9",r:"2",stroke:"currentColor"}),t("path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",stroke:"currentColor"})]}),inbox:r(o,{children:[t("polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",stroke:"currentColor"}),t("path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",stroke:"currentColor"})]}),info:r(o,{children:[t("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor"}),t("path",{d:"M12 16v-4",stroke:"currentColor"}),t("path",{d:"M12 8h.01",stroke:"currentColor"})]}),italic:r(o,{children:[t("line",{x1:"19",x2:"10",y1:"4",y2:"4",stroke:"currentColor"}),t("line",{x1:"14",x2:"5",y1:"20",y2:"20",stroke:"currentColor"}),t("line",{x1:"15",x2:"9",y1:"4",y2:"20",stroke:"currentColor"})]}),layout:r(o,{children:[t("rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"7",x:"14",y:"3",rx:"7",stroke:"currentColor"}),t("rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",stroke:"currentColor"}),t("rect",{width:"7",height:"7",x:"3",y:"14",rx:"7",stroke:"currentColor"})]}),library:r(o,{children:[t("path",{d:"m16 6 4 14",stroke:"currentColor"}),t("path",{d:"M12 6v14",stroke:"currentColor"}),t("path",{d:"M8 8v12",stroke:"currentColor"}),t("path",{d:"M4 4v16",stroke:"currentColor"})]}),link:r(o,{children:[t("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",stroke:"currentColor"}),t("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",stroke:"currentColor"})]}),list:r(o,{children:[t("path",{d:"M3 5h.01",stroke:"currentColor"}),t("path",{d:"M3 12h.01",stroke:"currentColor"}),t("path",{d:"M3 19h.01",stroke:"currentColor"}),t("path",{d:"M8 5h13",stroke:"currentColor"}),t("path",{d:"M8 12h13",stroke:"currentColor"}),t("path",{d:"M8 19h13",stroke:"currentColor"})]}),"list-ol":r(o,{children:[t("path",{d:"M11 5h10",stroke:"currentColor"}),t("path",{d:"M11 12h10",stroke:"currentColor"}),t("path",{d:"M11 19h10",stroke:"currentColor"}),t("path",{d:"M4 4h1v5",stroke:"currentColor"}),t("path",{d:"M4 9h2",stroke:"currentColor"}),t("path",{d:"M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02",stroke:"currentColor"})]}),"list-ul":r(o,{children:[t("path",{d:"M3 5h18",stroke:"currentColor"}),t("path",{d:"M3 12h18",stroke:"currentColor"}),t("path",{d:"M3 19h18",stroke:"currentColor"})]}),"log-in":r(o,{children:[t("path",{d:"m10 17 5-5-5-5",stroke:"currentColor"}),t("path",{d:"M15 12H3",stroke:"currentColor"}),t("path",{d:"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4",stroke:"currentColor"})]}),"log-out":r(o,{children:[t("path",{d:"m16 17 5-5-5-5",stroke:"currentColor"}),t("path",{d:"M21 12H9",stroke:"currentColor"}),t("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4",stroke:"currentColor"})]}),maximize:r(o,{children:[t("path",{d:"M15 3h6v6",stroke:"currentColor"}),t("path",{d:"m21 3-7 7",stroke:"currentColor"}),t("path",{d:"m3 21 7-7",stroke:"currentColor"}),t("path",{d:"M9 21H3v-6",stroke:"currentColor"})]}),message:t("path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",stroke:"currentColor"}),minimize:r(o,{children:[t("path",{d:"m14 10 7-7",stroke:"currentColor"}),t("path",{d:"M20 10h-6V4",stroke:"currentColor"}),t("path",{d:"m3 21 7-7",stroke:"currentColor"}),t("path",{d:"M4 14h6v6",stroke:"currentColor"})]}),minus:t("path",{d:"M5 12h14",stroke:"currentColor"}),note:r(o,{children:[t("path",{d:"M21 9a2.4 2.4 0 0 0-.706-1.706l-3.588-3.588A2.4 2.4 0 0 0 15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2z",stroke:"currentColor"}),t("path",{d:"M15 3v5a1 1 0 0 0 1 1h5",stroke:"currentColor"})]}),paste:r(o,{children:[t("path",{d:"M11 14h10",stroke:"currentColor"}),t("path",{d:"M16 4h2a2 2 0 0 1 2 2v1.344",stroke:"currentColor"}),t("path",{d:"m17 18 4-4-4-4",stroke:"currentColor"}),t("path",{d:"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113",stroke:"currentColor"}),t("rect",{x:"8",y:"2",width:"8",height:"4",rx:"1",stroke:"currentColor"})]}),phone:t("path",{d:"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384",stroke:"currentColor"}),plus:r(o,{children:[t("path",{d:"M5 12h14",stroke:"currentColor"}),t("path",{d:"M12 5v14",stroke:"currentColor"})]}),quote:r(o,{children:[t("path",{d:"M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",stroke:"currentColor"}),t("path",{d:"M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",stroke:"currentColor"})]}),redo:r(o,{children:[t("path",{d:"M21 7v6h-6",stroke:"currentColor"}),t("path",{d:"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7",stroke:"currentColor"})]}),refresh:r(o,{children:[t("path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",stroke:"currentColor"}),t("path",{d:"M21 3v5h-5",stroke:"currentColor"}),t("path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",stroke:"currentColor"}),t("path",{d:"M8 16H3v5",stroke:"currentColor"})]}),"relaxed-view":r(o,{children:[t("rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",stroke:"currentColor"}),t("path",{d:"M3 12h18",stroke:"currentColor"})]}),search:r(o,{children:[t("path",{d:"m21 21-4.34-4.34",stroke:"currentColor"}),t("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor"})]}),send:r(o,{children:[t("path",{d:"M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z",stroke:"currentColor"}),t("path",{d:"M6 12h16",stroke:"currentColor"})]}),settings:r(o,{children:[t("path",{d:"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",stroke:"currentColor"}),t("circle",{cx:"12",cy:"12",r:"3",stroke:"currentColor"})]}),shuffle:r(o,{children:[t("path",{d:"m18 14 4 4-4 4",stroke:"currentColor"}),t("path",{d:"m18 2 4 4-4 4",stroke:"currentColor"}),t("path",{d:"M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22",stroke:"currentColor"}),t("path",{d:"M2 6h1.972a4 4 0 0 1 3.6 2.2",stroke:"currentColor"}),t("path",{d:"M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45",stroke:"currentColor"})]}),stats:r(o,{children:[t("path",{d:"M3 3v16a2 2 0 0 0 2 2h16",stroke:"currentColor"}),t("path",{d:"M18 17V9",stroke:"currentColor"}),t("path",{d:"M13 17V5",stroke:"currentColor"}),t("path",{d:"M8 17v-3",stroke:"currentColor"})]}),strikethrough:r(o,{children:[t("path",{d:"M16 4H9a3 3 0 0 0-2.83 4",stroke:"currentColor"}),t("path",{d:"M14 12a4 4 0 0 1 0 8H6",stroke:"currentColor"}),t("line",{x1:"4",x2:"20",y1:"12",y2:"12",stroke:"currentColor"})]}),swap:r(o,{children:[t("path",{d:"M8 3 4 7l4 4",stroke:"currentColor"}),t("path",{d:"M4 7h16",stroke:"currentColor"}),t("path",{d:"m16 21 4-4-4-4",stroke:"currentColor"}),t("path",{d:"M20 17H4",stroke:"currentColor"})]}),"swap-vertical":r(o,{children:[t("path",{d:"m3 16 4 4 4-4",stroke:"currentColor"}),t("path",{d:"M7 20V4",stroke:"currentColor"}),t("path",{d:"m21 8-4-4-4 4",stroke:"currentColor"}),t("path",{d:"M17 4v16",stroke:"currentColor"})]}),trash:r(o,{children:[t("path",{d:"M10 11v6",stroke:"currentColor"}),t("path",{d:"M14 11v6",stroke:"currentColor"}),t("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",stroke:"currentColor"}),t("path",{d:"M3 6h18",stroke:"currentColor"}),t("path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",stroke:"currentColor"})]}),underline:r(o,{children:[t("path",{d:"M6 4v6a6 6 0 0 0 12 0V4",stroke:"currentColor"}),t("line",{x1:"4",x2:"20",y1:"20",y2:"20",stroke:"currentColor"})]}),undo:r(o,{children:[t("path",{d:"M3 7v6h6",stroke:"currentColor"}),t("path",{d:"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13",stroke:"currentColor"})]}),upload:r(o,{children:[t("path",{d:"M12 3v12",stroke:"currentColor"}),t("path",{d:"m17 8-5-5-5 5",stroke:"currentColor"}),t("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",stroke:"currentColor"})]}),user:r(o,{children:[t("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",stroke:"currentColor"}),t("circle",{cx:"12",cy:"7",r:"4",stroke:"currentColor"})]}),"user-check":r(o,{children:[t("path",{d:"m16 11 2 2 4-4",stroke:"currentColor"}),t("path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",stroke:"currentColor"}),t("circle",{cx:"9",cy:"7",r:"4",stroke:"currentColor"})]}),users:r(o,{children:[t("path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",stroke:"currentColor"}),t("path",{d:"M16 3.128a4 4 0 0 1 0 7.744",stroke:"currentColor"}),t("path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",stroke:"currentColor"}),t("circle",{cx:"9",cy:"7",r:"4",stroke:"currentColor"})]}),wand:r(o,{children:[t("path",{d:"m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72",stroke:"currentColor"}),t("path",{d:"m14 7 3 3",stroke:"currentColor"}),t("path",{d:"M5 6v4",stroke:"currentColor"}),t("path",{d:"M19 14v4",stroke:"currentColor"}),t("path",{d:"M10 2v2",stroke:"currentColor"}),t("path",{d:"M7 8H3",stroke:"currentColor"}),t("path",{d:"M21 16h-4",stroke:"currentColor"}),t("path",{d:"M11 3H9",stroke:"currentColor"})]}),"zoom-in":r(o,{children:[t("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor"}),t("line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",stroke:"currentColor"}),t("line",{x1:"11",x2:"11",y1:"8",y2:"14",stroke:"currentColor"}),t("line",{x1:"8",x2:"14",y1:"11",y2:"11",stroke:"currentColor"})]}),"zoom-out":r(o,{children:[t("circle",{cx:"11",cy:"11",r:"8",stroke:"currentColor"}),t("line",{x1:"21",x2:"16.65",y1:"21",y2:"16.65",stroke:"currentColor"}),t("line",{x1:"8",x2:"14",y1:"11",y2:"11",stroke:"currentColor"})]}),sort:r(o,{children:[t("path",{d:"M3 5h8",stroke:"currentColor"}),t("path",{d:"M3 12h8",stroke:"currentColor"}),t("path",{d:"M3 19h8",stroke:"currentColor"}),t("path",{d:"m15 8 3-3 3 3",stroke:"currentColor"}),t("path",{d:"m15 16 3 3 3-3",stroke:"currentColor"})]}),sun:r(o,{children:[t("circle",{cx:"12",cy:"12",r:"4",stroke:"currentColor"}),t("path",{d:"M12 2v2",stroke:"currentColor"}),t("path",{d:"M12 20v2",stroke:"currentColor"}),t("path",{d:"m4.93 4.93 1.41 1.41",stroke:"currentColor"}),t("path",{d:"m17.66 17.66 1.41 1.41",stroke:"currentColor"}),t("path",{d:"M2 12h2",stroke:"currentColor"}),t("path",{d:"M20 12h2",stroke:"currentColor"}),t("path",{d:"m6.34 17.66-1.41 1.41",stroke:"currentColor"}),t("path",{d:"m19.07 4.93-1.41 1.41",stroke:"currentColor"})]}),moon:t("path",{d:"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",stroke:"currentColor"}),tool:t("path",{d:"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",stroke:"currentColor"}),hook:r(o,{children:[t("path",{d:"m17.586 11.414-5.93 5.93a1 1 0 0 1-8-8l3.137-3.137a.707.707 0 0 1 1.207.5V10",stroke:"currentColor"}),t("path",{d:"M20.414 8.586 22 7",stroke:"currentColor"}),t("circle",{cx:"19",cy:"10",r:"2",stroke:"currentColor"})]}),component:r(o,{children:[t("rect",{width:"18",height:"12",x:"3",y:"8",rx:"1",stroke:"currentColor"}),t("path",{d:"M10 8V5c0-.6-.4-1-1-1H6a1 1 0 0 0-1 1v3",stroke:"currentColor"}),t("path",{d:"M19 8V5c0-.6-.4-1-1-1h-3a1 1 0 0 0-1 1v3",stroke:"currentColor"})]}),"arrow-up-right":r(o,{children:[t("path",{d:"M7 7h10v10",stroke:"currentColor"}),t("path",{d:"M7 17 17 7",stroke:"currentColor"})]}),chart:r(o,{children:[t("path",{d:"M3 3v16a2 2 0 0 0 2 2h16",stroke:"currentColor"}),t("path",{d:"m19 9-5 5-4-4-3 3",stroke:"currentColor"})]}),star:t("path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",stroke:"currentColor"}),sparkles:r(o,{children:[t("path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",stroke:"currentColor"}),t("path",{d:"M20 2v4",stroke:"currentColor"}),t("path",{d:"M22 4h-4",stroke:"currentColor"}),t("circle",{cx:"4",cy:"20",r:"2",stroke:"currentColor"})]}),terminal:r(o,{children:[t("path",{d:"M12 19h8",stroke:"currentColor"}),t("path",{d:"m4 17 6-6-6-6",stroke:"currentColor"})]}),shield:t("path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",stroke:"currentColor"}),code:r(o,{children:[t("path",{d:"m18 16 4-4-4-4",stroke:"currentColor"}),t("path",{d:"m6 8-4 4 4 4",stroke:"currentColor"}),t("path",{d:"m14.5 4-5 16",stroke:"currentColor"})]})};export{e as ICON_PATHS};
+//# sourceMappingURL=icon-paths.js.map

package/dist/esm/components/src/icon/icon.d.ts

@@ -0,0 +1,28 @@
+import type React from "react";
+import type { IconType, TooltipPosition } from "../../../types";
+/**
+ * Props for the `Icon` component. Spreads onto the root `<svg>` (size, `className`, `aria-*`, etc.).
+ *
+ * @property {import("../../../types").IconType} icon - Registry key for the glyph to draw.
+ * @property {number} [size] - Width/height in px. Default `24`.
+ * @property {string|React.ReactNode} [tooltip] - If set, wraps the SVG in `Tooltip` (string → `text`; node → `content`).
+ * @property {import("../../../types").TooltipPosition} [tooltipPosition] - Placement when `tooltip` is set. Default `"top"`.
+ * @property {"dark"|"light"} [tooltipVariant] - Tooltip surface style. Default `"dark"`.
+ * @property {number} [strokeWidth] - SVG stroke width. Default `2`.
+ */
+interface IconProps extends React.SVGProps<SVGSVGElement> {
+    icon: IconType;
+    size?: number;
+    tooltip?: string | React.ReactNode;
+    tooltipPosition?: TooltipPosition;
+    tooltipVariant?: "dark" | "light";
+    strokeWidth?: number;
+}
+/**
+ * Renders a named vector icon from the library map, optionally inside a `Tooltip`.
+ *
+ * @param {IconProps} props - `icon` plus standard `SVGSVGElement` props.
+ * @returns {JSX.Element} A plain `<svg>` or a `Tooltip`-wrapped `<svg>`.
+ */
+export declare const Icon: ({ icon, size, tooltip, tooltipPosition, tooltipVariant, strokeWidth, ...props }: IconProps) => JSX.Element;
+export {};

package/dist/esm/components/src/icon/icon.js

@@ -0,0 +1,2 @@
+import{__rest as t}from"../../../node_modules/tslib/tslib.es6.mjs.js";import{jsx as o}from"react/jsx-runtime";import{Tooltip as i}from"../tooltip/tooltip.js";import{ICON_PATHS as n}from"./icon-paths.js";const r=r=>{var s,{icon:e,size:l=24,tooltip:p,tooltipPosition:a="top",tooltipVariant:c="dark",strokeWidth:m=2}=r,d=t(r,["icon","size","tooltip","tooltipPosition","tooltipVariant","strokeWidth"]);const h=null!==(s=n[e])&&void 0!==s?s:null,u=o("svg",Object.assign({height:l,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",strokeWidth:m,strokeLinecap:"round",strokeLinejoin:"round"},d,{children:h}));if(null!=p){const t="string"==typeof p?{text:p}:{content:p};return o(i,Object.assign({},t,{position:a,variant:c,children:u}))}return u};export{r as Icon};
+//# sourceMappingURL=icon.js.map

package/dist/{css/src → esm/components/src/input}/input.css

@@ -40,8 +40,10 @@
   width: 100%;
   border-radius: var(--radius-md);
   border: 1.5px solid hsl(var(--muted));
-  background: hsl(var(--background));
-  transition: border-color 0.2s, background-color 0.2s;
+  background: hsl(var(--input));
+  transition:
+    border-color 0.2s,
+    background-color 0.2s;
 }
 
 .input-wrapper:not(.input-disabled):not(.input-error):hover {
@@ -128,10 +130,8 @@
   color: hsl(var(--primary));
 }
 
-.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus)
-  .input-icon-left,
-.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus)
-  .input-icon-right {
+.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) .input-icon-left,
+.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) .input-icon-right {
   color: hsl(var(--primary));
 }
 
@@ -149,8 +149,8 @@
   padding-right: 2.5rem;
 }
 
-/* Password toggle button */
-.password-toggle {
+/* Icon button (password toggle + right icon) */
+.input-icon-button {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -162,11 +162,11 @@
   transition: color 0.2s;
 }
 
-.password-toggle:hover:not(:disabled) {
+.input-icon-button:hover:not(:disabled) {
   color: hsl(var(--primary-300));
 }
 
-.password-toggle:disabled {
+.input-icon-button:disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -182,8 +182,7 @@
   color: hsl(var(--primary));
 }
 
-.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus)
-  + .input-note {
+.input-wrapper:not(.input-disabled):not(.input-error):has(input:focus) + .input-note {
   color: hsl(var(--primary));
 }
 

package/dist/esm/components/src/input/input.d.ts

@@ -0,0 +1,29 @@
+import "./input.css";
+import type { IconType, TooltipPosition } from "../../../types";
+/**
+ * Extends `HTMLInputElement` attributes
+ *
+ * @property {"sm"|"md"|"lg"} [size] - Field height and font scale. Default `"md"`.
+ * @property {import("../../../types").IconType} [leftIcon] - Optional left decorative/action icon.
+ * @property {import("../../../types").IconType} [rightIcon] - Optional right icon; pair with `onRightIconClick` for an action.
+ * @property {boolean} [showClear] - Shows a clear control when the field has a value. Default `false`.
+ * @property {string} [note] - Helper text below the field (non-error).
+ * @property {string} [error] - Error message; styles the field as invalid when set.
+ * @property {string} [tooltip] - Info `Tooltip` on the label (via info icon) when set.
+ * @property {import("../../../types").TooltipPosition} [tooltipPosition] - Tooltip position for `tooltip`. Default `"top"`.
+ */
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: "sm" | "md" | "lg";
+    label?: string;
+    leftIcon?: IconType;
+    rightIcon?: IconType;
+    onRightIconClick?: () => void;
+    showClear?: boolean;
+    note?: string;
+    error?: string;
+    containerClassName?: string;
+    tooltip?: string;
+    tooltipPosition?: TooltipPosition;
+}
+export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/dist/esm/components/src/input/input.js

@@ -0,0 +1,2 @@
+import{__rest as i}from"../../../node_modules/tslib/tslib.es6.mjs.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import"./input.css";import{forwardRef as o,useState as n,useId as s}from"react";import{Icon as a}from"../icon/icon.js";const l=o(((o,l)=>{var{size:c="md",label:r,leftIcon:p,rightIcon:d,onRightIconClick:u,showClear:m,note:h,error:b="",className:N="",containerClassName:v="",type:f="text",disabled:g,tooltip:C,tooltipPosition:y="top",value:I}=o,w=i(o,["size","label","leftIcon","rightIcon","onRightIconClick","showClear","note","error","className","containerClassName","type","disabled","tooltip","tooltipPosition","value"]);const[z,x]=n(!1),$=s(),j="password"===f,k={sm:16,md:20,lg:24},P=void 0!==I&&""!==I;return t("div",{className:`input-container ${v}`,children:[(r||m&&P)&&t("div",{className:"input-header",children:[r&&t("label",{htmlFor:$,className:"input-label",children:[r,C&&e(a,{icon:"info",size:16,tooltip:C,className:"input-info-icon",tooltipPosition:y})]}),m&&P&&!g&&e("button",{type:"button",onClick:()=>{var i;null===(i=w.onChange)||void 0===i||i.call(w,{target:{value:""}})},className:"input-clear",children:"Clear"})]}),t("div",{className:`input-wrapper ${b?"input-error":""} ${g?"input-disabled":""}`,children:[p&&e("div",{className:"input-icon-left",children:e(a,{icon:p,size:k[c]})}),e("input",Object.assign({id:$,ref:l,type:j?z?"text":"password":f,className:`input input-${c} ${(()=>{const i=void 0!==p,t=void 0!==d||j;return i&&t?"input-has-both-icons":i?"input-has-left-icon":t?"input-has-right-icon":""})()} ${N}`,disabled:g,value:I},w)),(d||j)&&e("div",{className:"input-icon-right",children:j?e("button",{type:"button",onClick:()=>x(!z),className:"input-icon-button",tabIndex:-1,"aria-label":z?"Hide password":"Show password",children:e(a,{icon:z?"eye":"eye-off",size:k[c]})}):d&&u?e("button",{type:"button",onClick:u,className:"input-icon-button",tabIndex:-1,disabled:g,children:e(a,{icon:d,size:k[c]})}):d?e(a,{icon:d,size:k[c]}):null})]}),(h||b)&&e("small",{className:b?"input-error-message":"input-note",children:b||h})]})}));l.displayName="Input";const c=l;export{c as Input};
+//# sourceMappingURL=input.js.map

package/dist/esm/components/src/loader/loader.css

@@ -0,0 +1,109 @@
+.h2o-loader {
+  --loader-color: hsl(var(--primary));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+}
+
+.h2o-loader__visual {
+  display: block;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+/* Dots */
+.h2o-loader__visual--dots {
+  width: 60px;
+  aspect-ratio: 2;
+  --_g: no-repeat radial-gradient(circle closest-side, var(--loader-color) 90%, transparent);
+  background:
+    var(--_g) 0% 50%,
+    var(--_g) 50% 50%,
+    var(--_g) 100% 50%;
+  background-size: calc(100% / 3) 50%;
+  animation: h2o-loader-dots 1s infinite linear;
+}
+
+@keyframes h2o-loader-dots {
+  20% {
+    background-position:
+      0% 0%,
+      50% 50%,
+      100% 50%;
+  }
+  40% {
+    background-position:
+      0% 100%,
+      50% 0%,
+      100% 50%;
+  }
+  60% {
+    background-position:
+      0% 50%,
+      50% 100%,
+      100% 0%;
+  }
+  80% {
+    background-position:
+      0% 50%,
+      50% 50%,
+      100% 100%;
+  }
+}
+
+/* Bars */
+.h2o-loader__visual--bars {
+  width: 45px;
+  aspect-ratio: 1;
+  background:
+    linear-gradient(
+        transparent calc(1 * 100% / 6),
+        var(--loader-color) 0 calc(3 * 100% / 6),
+        transparent 0
+      )
+      left bottom,
+    linear-gradient(
+        transparent calc(2 * 100% / 6),
+        var(--loader-color) 0 calc(4 * 100% / 6),
+        transparent 0
+      )
+      center bottom,
+    linear-gradient(
+        transparent calc(3 * 100% / 6),
+        var(--loader-color) 0 calc(5 * 100% / 6),
+        transparent 0
+      )
+      right bottom;
+  background-size: 20% 600%;
+  background-repeat: no-repeat;
+  animation: h2o-loader-bars 1s infinite linear;
+}
+
+@keyframes h2o-loader-bars {
+  100% {
+    background-position:
+      left top,
+      center top,
+      right top;
+  }
+}
+
+/* Spinner */
+.h2o-loader__visual--spinner {
+  width: 50px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background:
+    radial-gradient(farthest-side, var(--loader-color) 94%, transparent) top / 8px 8px no-repeat,
+    conic-gradient(transparent 30%, var(--loader-color));
+  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 0);
+  mask: radial-gradient(farthest-side, transparent calc(100% - 8px), #000 0);
+  animation: h2o-loader-spinner 1s infinite linear;
+}
+
+@keyframes h2o-loader-spinner {
+  100% {
+    transform: rotate(1turn);
+  }
+}

package/dist/esm/components/src/loader/loader.d.ts

@@ -0,0 +1,12 @@
+import "./loader.css";
+import type { HTMLAttributes } from "react";
+type LoaderVariant = "dots" | "bars" | "spinner";
+interface LoaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Visual style: `dots`, `bars`, or `spinner` (default). */
+    variant?: LoaderVariant;
+}
+/**
+ * Inline loading indicator. Three CSS-only variants; defaults to `spinner`.
+ */
+export declare function Loader({ variant, className, role, "aria-label": ariaLabel, ...props }: LoaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/src/loader/loader.js

@@ -0,0 +1,2 @@
+import{__rest as a}from"../../../node_modules/tslib/tslib.es6.mjs.js";import{jsx as r}from"react/jsx-runtime";import"./loader.css";import{cn as s}from"../../../utils/src/cn.js";const e={dots:"h2o-loader__visual--dots",bars:"h2o-loader__visual--bars",spinner:"h2o-loader__visual--spinner"};function i(i){var{variant:l="spinner",className:o,role:t="status","aria-label":n="Loading"}=i,d=a(i,["variant","className","role","aria-label"]);return r("div",Object.assign({className:s("h2o-loader",o),role:t,"aria-busy":"true","aria-live":"polite","aria-label":n},d,{children:r("span",{className:s("h2o-loader__visual",e[l]),"aria-hidden":!0})}))}export{i as Loader};
+//# sourceMappingURL=loader.js.map

package/dist/esm/components/src/logo/logo.d.ts

@@ -0,0 +1,12 @@
+/**
+ * H2O brand mark: inline SVG, inherits `color` for `currentColor` fill.
+ *
+ * @param {object} props
+ * @param {string} [props.className] - Optional classes on the root `<svg>`.
+ * @param {number} [props.size] - Width and height in pixels. Default `36`.
+ * @returns {JSX.Element} The logo `<svg>`.
+ */
+export declare function Logo({ className, size }: {
+    className?: string;
+    size?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/src/logo/logo.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";function l({className:l,size:C=36}){return e("svg",{className:l,width:C,height:C,viewBox:"0 0 198 198",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M197.73 0H0V198H197.73V0ZM11.9868 12.0499H29.7722V90.1399H60.1245V12.1H77.91V186H60.1245V107.95H29.7722V185.95H11.9868V12.0499ZM134.906 12.1C110.112 12.1 90.0171 32.2299 90.0171 57.05C90.0171 70.4886 95.9044 82.5476 105.24 90.7876C95.4425 92.2964 90.0171 95.9998 90.0171 95.9998V111.55C90.0171 111.55 106.063 97.3699 126.218 105.86C156.65 118.69 168.127 185.95 168.127 185.95H185.783L185.781 185.94H185.782V107.99H168.127V133.467C162.074 121.019 154.337 109.021 144.723 100.922L144.733 100.92C164.798 96.43 179.794 78.49 179.794 57.05C179.794 32.2299 159.699 12.1 134.906 12.1ZM134.906 88.43C117.59 88.43 103.564 74.3799 103.564 57.05C103.564 39.72 117.59 25.67 134.906 25.67C152.221 25.67 166.248 39.72 166.248 57.05C166.248 74.3799 152.211 88.43 134.906 88.43Z",fill:"currentColor"})})}export{l as Logo};
+//# sourceMappingURL=logo.js.map

package/dist/{css/src → esm/components/src/message}/message.css

@@ -8,6 +8,27 @@
   line-height: 1.25rem;
 }
 
+.message-text {
+  flex: 1;
+}
+
+.message-dismiss {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: currentColor;
+  opacity: 0.6;
+  padding: 0.1rem;
+  border-radius: 0.25rem;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.message-dismiss:hover {
+  opacity: 1;
+}
+
 /* Variant styles */
 .message-info {
   background-color: hsl(var(--primary-muted) / 0.7);

package/dist/esm/components/src/message/message.d.ts

@@ -0,0 +1,34 @@
+import "./message.css";
+/**
+ * Banner tone: drives icon, border/background, and ARIA `role` selection.
+ * @type {("info"|"muted"|"error"|"warning"|"success")}
+ */
+export type MessageVariant = "info" | "muted" | "error" | "warning" | "success";
+/**
+ * Inline alert/banner: icon, optional text or `children`, optional dismiss.
+ *
+ * @property {MessageVariant} variant - Visual and semantic style.
+ * @property {string} [message] - Shorthand body string; if omitted, use `children`.
+ * @property {React.ReactNode} [children] - Rich content; wins over `message` when both set.
+ * @property {() => void} [onDismiss] - When set, shows a close control and calls this on dismiss.
+ * @property {number} [iconSize] - Icon box in px. Default `16`.
+ * @property {number} [iconStrokeWidth] - Stroke width of the left icon. Default `1.5`.
+ */
+interface MessageProps {
+    variant: MessageVariant;
+    className?: string;
+    iconSize?: number;
+    iconStrokeWidth?: number;
+    iconClassName?: string;
+    message?: string;
+    children?: React.ReactNode;
+    onDismiss?: () => void;
+}
+/**
+ * Renders a one-line or short multi-line system message; returns `null` if neither `message` nor `children` is provided.
+ *
+ * @param {MessageProps} props - Variant, content, and optional dismiss.
+ * @returns {JSX.Element | null} The banner, or `null` when there is no content to show.
+ */
+export declare const Message: ({ variant, className, iconSize, iconStrokeWidth, iconClassName, message, children, onDismiss, }: MessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/esm/components/src/message/message.js

@@ -0,0 +1,2 @@
+import{jsxs as s,jsx as e}from"react/jsx-runtime";import"./message.css";import{Icon as i}from"../icon/icon.js";const a={info:"info",muted:"info",error:"forbidden",warning:"alert",success:"check"},n={error:"alert",warning:"alert",info:"status",success:"status",muted:void 0},o=({variant:o,className:r="",iconSize:t=16,iconStrokeWidth:c=1.5,iconClassName:m="",message:l,children:d,onDismiss:u})=>{const g=null!=d?d:l;return g?s("div",{className:`message message-${o} ${r}`,role:n[o],children:[e(i,{icon:a[o],size:t,className:m,strokeWidth:c}),e("p",{className:"message-text",children:g}),u&&e("button",{type:"button",className:"message-dismiss",onClick:u,"aria-label":"Dismiss",children:e(i,{icon:"close",size:14})})]}):null};export{o as Message};
+//# sourceMappingURL=message.js.map

package/dist/{css/src → esm/components/src/modal}/modal.css

@@ -6,6 +6,7 @@
   align-items: center;
   justify-content: center;
   z-index: 500;
+  padding: 1rem;
   animation: overlayShow 0.15s ease-out;
 }
 
@@ -14,14 +15,32 @@
   border-radius: 0.5rem;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   max-height: 85vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
   animation: modalShow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
+/* ── Size variants ── */
+
+.modal--sm {
+  max-width: 24rem;
+}
+.modal--md {
+  max-width: 32rem;
+}
+.modal--lg {
+  max-width: 48rem;
+}
+
+/* ── Header ── */
+
 .modal-header {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 1.5rem;
+  flex-shrink: 0;
 }
 
 .modal-title-container {
@@ -57,12 +76,27 @@
   color: hsl(var(--primary));
 }
 
+/* ── Content ── */
+
 .modal-content {
-  padding: 1.5rem;
+  padding: 0 1.5rem 1.5rem;
   overflow-y: auto;
-  max-height: calc(85vh - 4rem);
+  flex: 1;
 }
 
+/* ── Footer ── */
+
+.modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding: 1rem 1.5rem 1.5rem;
+  border-top: 1px solid hsl(var(--muted) / 0.3);
+  flex-shrink: 0;
+}
+
+/* ── Animations ── */
+
 @keyframes overlayShow {
   from {
     opacity: 0;

package/dist/esm/components/src/modal/modal.d.ts

@@ -0,0 +1,35 @@
+import "./modal.css";
+import type React from "react";
+/**
+ * Modal dialog: **controlled** by `isOpen`; optional `onClose` for overlay/Escape/close button.
+ *
+ * @property {boolean} isOpen - Renders the portal and trap when `true`.
+ * @property {() => void} [onClose] - If omitted, the header close is hidden / no-op depending on design.
+ * @property {React.ReactNode} children - Primary dialog body.
+ * @property {React.ReactNode} [footer] - Sticky action row below the body.
+ * @property {"sm"|"md"|"lg"} [size] - Max width of the card. Default `"md"`.
+ */
+interface ModalProps {
+    isOpen: boolean;
+    onClose?: () => void;
+    title?: string;
+    description?: string;
+    children: React.ReactNode;
+    footer?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    className?: string;
+    titleContainerClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    closeButtonClassName?: string;
+    headerClassName?: string;
+    contentClassName?: string;
+}
+/**
+ * Centered overlay card with `role="dialog"`, focus trap, and optional title/description slots.
+ *
+ * @param {object} props - `isOpen` and content slots; BEM `className` parts for theming.
+ * @returns {JSX.Element | null} The dialog portal when `isOpen`, else `null`.
+ */
+export declare const Modal: ({ isOpen, onClose, title, description, children, footer, size, className, titleContainerClassName, titleClassName, descriptionClassName, closeButtonClassName, headerClassName, contentClassName, }: ModalProps) => React.ReactPortal | null;
+export {};

package/dist/esm/components/src/modal/modal.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import"./modal.css";import{useRef as l,useEffect as a}from"react";import{createPortal as t}from"react-dom";import{Button as s}from"../button/button.js";import{useFocusTrap as r}from"../../../hooks/src/use-focus-trap.js";let d=0;const n=({isOpen:n,onClose:i,title:m,description:c,children:u,footer:N,size:v="md",className:h="",titleContainerClassName:p="",titleClassName:y="",descriptionClassName:f="",closeButtonClassName:C="",headerClassName:b="",contentClassName:$=""})=>{const k=l(null),w=l("modal-title-"+ ++d).current;return r(k,n),a((()=>{const e=e=>{"Escape"===e.key&&n&&i&&i()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)}),[n,i]),a((()=>{if(n){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[n]),n?t(e("div",{className:"modal-overlay",children:o("div",{ref:k,role:"dialog","aria-modal":"true","aria-labelledby":m?w:void 0,className:`modal modal--${v}${h?` ${h}`:""}`,children:[o("div",{className:"modal-header"+(b?` ${b}`:""),children:[o("div",{className:"modal-title-container"+(p?` ${p}`:""),children:[m&&e("h2",{id:w,className:"modal-title"+(y?` ${y}`:""),children:m}),c&&e("p",{className:"modal-description"+(f?` ${f}`:""),children:c})]}),i&&e(s,{variant:"secondary",size:"sm",onClick:i,className:"modal-close"+(C?` ${C}`:""),"aria-label":"Close modal",icon:"close",iconOnly:!0})]}),e("div",{className:"modal-content"+($?` ${$}`:""),children:u}),N&&e("div",{className:"modal-footer",children:N})]})}),document.body):null};export{n as Modal};
+//# sourceMappingURL=modal.js.map