@zonos/amino 5.5.30 → 5.5.32

package/components/nested-data-table/NestedDataTableHasura.d.ts

@@ -0,0 +1,19 @@
+import type { flattenRow } from "../../utils/flattenRow";
+type Props = {
+    /**
+     * @param customFlattenRow
+     * @description Custom flattenRow function, if not provided, the default flattenRow (flattenRow - "src/utils/flattenRow.ts") will be used
+     */
+    customFlattenRow?: typeof flattenRow;
+    isFetching: boolean;
+    query: string;
+    /**
+     * @param cachingKey key to be used for caching response in Swr
+     */
+    setCachingKey: (cachingKey: string) => void;
+    setQuery: (query: string) => void;
+    tableData: Record<string, unknown> | Record<string, unknown>[];
+    title: string;
+};
+export declare const NestedDataTableHasura: ({ customFlattenRow, isFetching, query, setCachingKey, setQuery, tableData, title, }: Props) => import("react").JSX.Element;
+export {};

package/components/nested-data-table/NestedDataTableHasura.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./NestedDataTable.js"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js");require("../button/Button.js"),require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../tslib.es6-8c21e256.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(i){var s=i.customFlattenRow,u=i.isFetching,a=i.query,o=i.setCachingKey,n=i.setQuery,l=i.tableData,c=i.title,q=e.useMemo((function(){return Array.isArray(l)?l:[l]}),[l]),j=t.useHasuraGqlPagination({actionName:c,query:a,setCachingKey:o,setQuery:n}),p=j.currentPage,b=j.handlePagination;return React.createElement(r.NestedDataTable,{currentPage:p,customFlattenRow:s,handlePagination:b,isFetching:u,tableData:q,title:c})};
+"use strict";var e=require("react"),r=require("./NestedDataTable.js"),t=require("../../utils/hooks/action-pivot-table/useHasuraGqlPagination.js"),i=require("react/jsx-runtime");require("../button/Button.js"),require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("./_TableData.js"),require("./_Filter.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("../pivot-table/PivotTable.js"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js"),require("../../icons/ChevronRightCircleIcon.js"),require("../../utils/flattenRow.js"),require("../../utils/setupNestedData.js"),require("../../utils/truncateText.js"),require("../rest-state/RestState.js"),require("../../utils/_extractQueryParams.js");exports.NestedDataTableHasura=function(s){var u=s.customFlattenRow,a=s.isFetching,o=s.query,n=s.setCachingKey,l=s.setQuery,c=s.tableData,q=s.title,j=e.useMemo((function(){return Array.isArray(c)?c:[c]}),[c]),p=t.useHasuraGqlPagination({actionName:q,query:o,setCachingKey:n,setQuery:l}),b=p.currentPage,h=p.handlePagination;return i.jsx(r.NestedDataTable,{currentPage:b,customFlattenRow:u,handlePagination:h,isFetching:a,tableData:j,title:q})};

package/components/nested-data-table/_Filter.d.ts

@@ -0,0 +1,7 @@
+import type { Column } from 'react-data-grid';
+import type { RowWithIndex } from "../pivot-table/PivotTable";
+export declare const Filter: ({ columns, hiddenColumns, setHiddenColumns, }: {
+    columns: Column<RowWithIndex, Record<string, unknown>>[];
+    hiddenColumns: string[];
+    setHiddenColumns: (hiddenColumns: string[]) => void;
+}) => import("react").JSX.Element;

package/components/nested-data-table/_Filter.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),i=require("../select/MultiSelect.js"),t=require("../../icons/FilterIcon.js"),l=require("../../utils/hooks/useDropdown.js"),n=require("../../style-inject.es-d4ddeae4.js");require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react");var o="Amino__Filter-module__styledTriggerButton--3NvFi",s="Amino__Filter-module__styledFilterWrapper--ntgt5",a="Amino__Filter-module__styledFilter--OO54y";n.styleInject(".Amino__Filter-module__styledTriggerButton--3NvFi{align-items:center;border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-6);display:flex;height:var(--amino-size-sm);justify-content:center;padding:0 var(--amino-space-12)}.Amino__Filter-module__styledFilterWrapper--ntgt5{position:relative}.Amino__Filter-module__styledFilter--OO54y{background-color:var(--amino-gray-0);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-8);box-shadow:0 0 1px var(--amino-gray-400);display:flex;padding:var(--amino-space-16);width:300px}.Amino__Filter-module__styledFilter--OO54y>div{width:100%}.Amino__Filter-module__styledFilter--OO54y .value-container{overflow-x:auto}.Amino__Filter-module__styledFilter--OO54y .multi-value{align-items:center;display:flex;height:22px}.Amino__Filter-module__styledFilter--OO54y .multi-value [role=button]{align-items:center;display:flex;justify-content:center}");exports.Filter=function(n){var u=n.columns,c=n.hiddenColumns,d=n.setHiddenColumns,m=l.useDropdown(),_=m.floatingStyles,y=m.refs,v=m.setVisible,p=m.visibility,g=m.visible,b=m.wrapperRef,f=r.useMemo((function(){return u.map((function(e){return{label:e.key,value:e.key}}))}),[u]);return React.createElement("div",{ref:b,className:s},React.createElement("button",{ref:y.setReference,className:o,onClick:function(){return v(!g)},type:"button"},React.createElement(t.FilterIcon,{size:16})," Filter"),React.createElement("div",{ref:y.setFloating,className:a,style:e.__assign(e.__assign({},_),{opacity:"visible"===p?1:0,zIndex:"visible"===p?1:-1})},React.createElement(i.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){d(e.flatMap((function(e){return[e.value]})))},options:f,value:f.filter((function(e){return c.includes(e.value)}))})))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),i=require("../select/MultiSelect.js"),t=require("../../icons/FilterIcon.js"),l=require("../../utils/hooks/useDropdown.js"),s=require("../../style-inject.es-d4ddeae4.js"),o=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("@floating-ui/react");var n="Amino__Filter-module__styledTriggerButton--3NvFi",u="Amino__Filter-module__styledFilterWrapper--ntgt5",a="Amino__Filter-module__styledFilter--OO54y";s.styleInject(".Amino__Filter-module__styledTriggerButton--3NvFi{align-items:center;border:1px solid var(--amino-border-color);border-radius:var(--amino-radius-6);display:flex;height:var(--amino-size-sm);justify-content:center;padding:0 var(--amino-space-12)}.Amino__Filter-module__styledFilterWrapper--ntgt5{position:relative}.Amino__Filter-module__styledFilter--OO54y{background-color:var(--amino-gray-0);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-8);box-shadow:0 0 1px var(--amino-gray-400);display:flex;padding:var(--amino-space-16);width:300px}.Amino__Filter-module__styledFilter--OO54y>div{width:100%}.Amino__Filter-module__styledFilter--OO54y .value-container{overflow-x:auto}.Amino__Filter-module__styledFilter--OO54y .multi-value{align-items:center;display:flex;height:22px}.Amino__Filter-module__styledFilter--OO54y .multi-value [role=button]{align-items:center;display:flex;justify-content:center}");exports.Filter=function(s){var c=s.columns,d=s.hiddenColumns,m=s.setHiddenColumns,_=l.useDropdown(),y=_.floatingStyles,v=_.refs,p=_.setVisible,j=_.visibility,g=_.visible,x=_.wrapperRef,b=r.useMemo((function(){return c.map((function(e){return{label:e.key,value:e.key}}))}),[c]);return o.jsxs("div",{ref:x,className:u,children:[o.jsxs("button",{ref:v.setReference,className:n,onClick:function(){return p(!g)},type:"button",children:[o.jsx(t.FilterIcon,{size:16})," Filter"]}),o.jsx("div",{ref:v.setFloating,className:a,style:e.__assign(e.__assign({},y),{opacity:"visible"===j?1:0,zIndex:"visible"===j?1:-1}),children:o.jsx(i.MultiSelect,{hideSelectedOptions:!1,label:"Hide column",onChange:function(e){m(e.flatMap((function(e){return[e.value]})))},options:b,value:b.filter((function(e){return d.includes(e.value)}))})})]})};

package/components/nested-data-table/_TableData.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import type { Column } from 'react-data-grid';
+import { type RowWithIndex } from "../pivot-table/PivotTable";
+import { flattenRow } from "../../utils/flattenRow";
+type ColumnType = Column<RowWithIndex, Record<string, unknown>>;
+type ColumnCell = Parameters<NonNullable<ColumnType['renderCell']>>;
+type Props<TRow extends Record<string, unknown>> = {
+    customColumnCells?: {
+        [key in keyof TRow]?: (props: ColumnCell[0]) => ReactNode;
+    };
+    customFlattenRow?: typeof flattenRow;
+    noFilter?: boolean;
+    tableDataArr: TRow[];
+};
+export declare const TableData: <TRow extends Record<string, unknown>>({ customColumnCells, customFlattenRow, noFilter, tableDataArr, }: Props<TRow>) => import("react").JSX.Element;
+export {};

package/components/nested-data-table/_TableData.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),t=require("react"),r=require("../button/Button.js"),a=require("./_Filter.js"),n=require("../pivot-table/PivotTable.js"),i=require("../tooltip/Tooltip.js"),l=require("../../icons/ChevronRightCircleIcon.js"),s=require("../../utils/flattenRow.js"),o=require("../../utils/setupNestedData.js"),u=require("../../utils/truncateText.js"),c=require("../../style-inject.es-d4ddeae4.js");require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var d="Amino__TableData-module__styledFilterWrapper--qUc8W",p="Amino__TableData-module__styledExpandWrapper--8S5l-",_="Amino__TableData-module__styledTableWrapper--E6ZkK";c.styleInject(".Amino__TableData-module__styledFilterWrapper--qUc8W{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--amino-space-12)}.Amino__TableData-module__styledExpandWrapper--8S5l-{align-items:center;display:flex;height:100%}.Amino__TableData-module__styledExpandWrapper--8S5l- svg{transition:all .3s ease}.Amino__TableData-module__styledExpandWrapper--8S5l- .expanding-button svg{transform:rotate(90deg)}.Amino__TableData-module__styledTableWrapper--E6ZkK .expanding{background-color:var(--amino-gray-50)}.Amino__TableData-module__styledTableWrapper--E6ZkK .Amino__TableData-module__styledTableWrapper--E6ZkK{padding:var(--amino-space-4) var(--amino-space-12) var(--amino-space-24)}");var m=function(c){var b=c.customColumnCells,q=c.customFlattenRow,v=c.noFilter,f=c.tableDataArr,j=q||s.flattenRow,g=e.__read(t.useState([]),2),x=g[0],y=g[1],h=t.useCallback((function(){return f.map((function(e){var t=Object.entries(e).reduce((function(e,t){return j({currentVal:t,prev:e})}),{});return o.setupNestedData(t)}))}),[j,f]),D=e.__read(t.useState(h()),2),R=D[0],T=D[1];t.useEffect((function(){f&&T(h())}),[h,f]);var C=t.useCallback((function(t){var a=t.column,n=t.onRowChange,s=t.row,o=s[a.key];if(Array.isArray(o)){var c=0===o.length,d=s._expandedKey===a.key;return React.createElement("div",{className:p},React.createElement(i.Tooltip,{disabled:!c,title:"This list has no items."},React.createElement(r.Button,{className:d?"expanding-button":"",disabled:c,icon:React.createElement(l.ChevronRightCircleIcon,null),onClick:function(){return n(e.__assign(e.__assign({},s),{_expandedKey:d?"":a.key}))},variant:"subtle"})))}return s._expandedData&&s._expandedData.length>0?React.createElement(m,{customColumnCells:b,customFlattenRow:q,noFilter:!0,tableDataArr:s._expandedData}):"string"==typeof o?u.truncateText({addEllipsis:!0,length:40,text:o}):o}),[b,q]),k=t.useMemo((function(){return Object.entries(R.find(Boolean)||{}).filter((function(t){var r=e.__read(t,1)[0];return"key"!==r&&!r.startsWith("_")})).flatMap((function(t){var r=e.__read(t,1)[0];return[{key:r,name:r,renderCell:(null==b?void 0:b[r])||C}]}))}),[b,C,R]),E=t.useMemo((function(){var t=k.filter((function(e){return!x.includes(e.key)}));return t.map((function(r){return e.__assign(e.__assign({},r),{cellClass:function(e){return e._expandedKey===r.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?t.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[k,x]);return React.createElement("div",{className:_},React.createElement("div",{className:d},!v&&React.createElement(a.Filter,{columns:k,hiddenColumns:x,setHiddenColumns:y})),React.createElement(n.PivotTable,{columns:E,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,t){var r=t.indexes[0],a=void 0!==r?e[r]:null;if(a&&void 0!==r){var n=a[a._expandedKey];if(n&&Array.isArray(n)){var i=e[r+1],l=(null==i?void 0:i._expandedData)&&i._expandedData.length>0,s=n[0],o="object"==typeof s&&s?n:n.map((function(e){return{item:e}}));e.splice(r+1,l?1:0,{_expandedData:o,_expandedKey:""})}else e.splice(r+1,1);T(e)}},rowHeight:function(e){var t,r;return"ROW"===e.type&&(null===(r=null===(t=e.row)||void 0===t?void 0:t._expandedData)||void 0===r?void 0:r.length)>0?300:45},rows:R,tableHeight:"100%"}))};exports.TableData=m;
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),t=require("../button/Button.js"),a=require("./_Filter.js"),n=require("../pivot-table/PivotTable.js"),i=require("../tooltip/Tooltip.js"),s=require("../../icons/ChevronRightCircleIcon.js"),l=require("../../utils/flattenRow.js"),o=require("../../utils/setupNestedData.js"),u=require("../../utils/truncateText.js"),d=require("../../style-inject.es-d4ddeae4.js"),c=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-697f213c.js"),require("clsx"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("../select/MultiSelect.js"),require("../checkbox/Checkbox.js"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../select/_StyledReactSelect.js"),require("react-intersection-observer"),require("react-select"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js"),require("../../icons/FilterIcon.js"),require("../../utils/hooks/useDropdown.js"),require("@floating-ui/react"),require("react-data-grid"),require("../../icons/ChevronDownIcon.js"),require("../../icons/ChevronUpIcon.js"),require("../../utils/addIndex.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var p="Amino__TableData-module__styledFilterWrapper--qUc8W",_="Amino__TableData-module__styledExpandWrapper--8S5l-",m="Amino__TableData-module__styledTableWrapper--E6ZkK";d.styleInject(".Amino__TableData-module__styledFilterWrapper--qUc8W{align-items:center;display:flex;justify-content:flex-end;margin-bottom:var(--amino-space-12)}.Amino__TableData-module__styledExpandWrapper--8S5l-{align-items:center;display:flex;height:100%}.Amino__TableData-module__styledExpandWrapper--8S5l- svg{transition:all .3s ease}.Amino__TableData-module__styledExpandWrapper--8S5l- .expanding-button svg{transform:rotate(90deg)}.Amino__TableData-module__styledTableWrapper--E6ZkK .expanding{background-color:var(--amino-gray-50)}.Amino__TableData-module__styledTableWrapper--E6ZkK .Amino__TableData-module__styledTableWrapper--E6ZkK{padding:var(--amino-space-4) var(--amino-space-12) var(--amino-space-24)}");var j=function(d){var x=d.customColumnCells,q=d.customFlattenRow,b=d.noFilter,v=d.tableDataArr,f=q||l.flattenRow,g=e.__read(r.useState([]),2),y=g[0],h=g[1],D=r.useCallback((function(){return v.map((function(e){var r=Object.entries(e).reduce((function(e,r){return f({currentVal:r,prev:e})}),{});return o.setupNestedData(r)}))}),[f,v]),T=e.__read(r.useState(D()),2),C=T[0],k=T[1];r.useEffect((function(){v&&k(D())}),[D,v]);var A=r.useCallback((function(r){var a=r.column,n=r.onRowChange,l=r.row,o=l[a.key];if(Array.isArray(o)){var d=0===o.length,p=l._expandedKey===a.key;return c.jsx("div",{className:_,children:c.jsx(i.Tooltip,{disabled:!d,title:"This list has no items.",children:c.jsx(t.Button,{className:p?"expanding-button":"",disabled:d,icon:c.jsx(s.ChevronRightCircleIcon,{}),onClick:function(){return n(e.__assign(e.__assign({},l),{_expandedKey:p?"":a.key}))},variant:"subtle"})})})}return l._expandedData&&l._expandedData.length>0?c.jsx(j,{customColumnCells:x,customFlattenRow:q,noFilter:!0,tableDataArr:l._expandedData}):"string"==typeof o?u.truncateText({addEllipsis:!0,length:40,text:o}):o}),[x,q]),R=r.useMemo((function(){return Object.entries(C.find(Boolean)||{}).filter((function(r){var t=e.__read(r,1)[0];return"key"!==t&&!t.startsWith("_")})).flatMap((function(r){var t=e.__read(r,1)[0];return[{key:t,name:t,renderCell:(null==x?void 0:x[t])||A}]}))}),[x,A,C]),W=r.useMemo((function(){var r=R.filter((function(e){return!y.includes(e.key)}));return r.map((function(t){return e.__assign(e.__assign({},t),{cellClass:function(e){return e._expandedKey===t.key||e._expandedData.length>0?"expanding":""},colSpan:function(e){return"ROW"===e.type&&e.row._expandedData.length>0?r.filter((function(e){return!e.key.startsWith("_")})).length:void 0}})}))}),[R,y]);return c.jsxs("div",{className:m,children:[c.jsx("div",{className:p,children:!b&&c.jsx(a.Filter,{columns:R,hiddenColumns:y,setHiddenColumns:h})}),c.jsx(n.PivotTable,{columns:W,defaultColumnOptions:{resizable:!0,sortable:!1},headerRowHeight:40,onRowsChange:function(e,r){var t=r.indexes[0],a=void 0!==t?e[t]:null;if(a&&void 0!==t){var n=a[a._expandedKey];if(n&&Array.isArray(n)){var i=e[t+1],s=(null==i?void 0:i._expandedData)&&i._expandedData.length>0,l=n[0],o="object"==typeof l&&l?n:n.map((function(e){return{item:e}}));e.splice(t+1,s?1:0,{_expandedData:o,_expandedKey:""})}else e.splice(t+1,1);k(e)}},rowHeight:function(e){var r,t;return"ROW"===e.type&&(null===(t=null===(r=e.row)||void 0===r?void 0:r._expandedData)||void 0===t?void 0:t.length)>0?300:45},rows:C,tableHeight:"100%"})]})};exports.TableData=j;

package/components/pivot-table/PivotTable.d.ts

@@ -0,0 +1,130 @@
+import { type Column, type DataGridProps } from 'react-data-grid';
+import type { BaseProps } from "../../types/BaseProps";
+export type KeyValue = string | number;
+type RowData = Record<string, unknown>;
+type OverrideColumn<TRow extends RowData> = {
+    key: keyof TRow extends string ? keyof TRow | (string & {
+        _placeholder?: never;
+    }) : never;
+};
+export type ColumnProps<TRow extends RowData, TSummaryRow = unknown> = Exclude<Column<TRow, TSummaryRow>, 'key'> & OverrideColumn<TRow>;
+type OverrideProps<TRow extends RowData, TSummaryRow> = {
+    columns: ColumnProps<TRow, TSummaryRow>[];
+    rows: TRow[];
+    /**
+     * @default string
+     */
+    tableHeight?: string;
+};
+export type NestedRowData = {
+    _expandedData: Record<string, unknown>[];
+    _expandedKey: string;
+};
+export type RowWithIndex<Row extends RowData = RowData> = Row & {
+    _itemIndex?: number;
+} & NestedRowData;
+type Props<TRow extends RowWithIndex, TSummaryRow, TRowKey extends KeyValue> = BaseProps & Omit<DataGridProps<TRow, TSummaryRow, TRowKey>, keyof OverrideProps<TRow, TSummaryRow>> & OverrideProps<TRow, TSummaryRow>;
+/**
+ * PivotTable component renders tabular data with advanced features like sorting, indexing, and custom renderers.
+ * Built on top of react-data-grid with added functionality and styling consistent with Amino design.
+ *
+ * @example Basic usage
+ * const columns = [
+ *   { key: 'id', name: 'ID', width: 80 },
+ *   { key: 'name', name: 'Name', width: 200 },
+ *   { key: 'email', name: 'Email', width: 200 },
+ *   { key: 'status', name: 'Status', width: 120 }
+ * ];
+ *
+ * const rows = [
+ *   { id: 1, name: 'John Doe', email: 'john@example.com', status: 'Active' },
+ *   { id: 2, name: 'Jane Smith', email: 'jane@example.com', status: 'Inactive' },
+ *   { id: 3, name: 'Bob Johnson', email: 'bob@example.com', status: 'Active' }
+ * ];
+ *
+ * <PivotTable
+ *   columns={columns}
+ *   rows={rows}
+ * />
+ *
+ * @example With custom height
+ * <PivotTable
+ *   columns={columns}
+ *   rows={rows}
+ *   tableHeight="400px"
+ * />
+ *
+ * @example With sorting
+ * const [sortColumns, setSortColumns] = useState<readonly SortColumn[]>([]);
+ *
+ * <PivotTable
+ *   columns={columns}
+ *   rows={rows}
+ *   sortColumns={sortColumns}
+ *   onSortColumnsChange={setSortColumns}
+ * />
+ *
+ * @example With custom cell renderer
+ * const columns = [
+ *   { key: 'id', name: 'ID' },
+ *   { key: 'name', name: 'Name' },
+ *   {
+ *     key: 'status',
+ *     name: 'Status',
+ *     renderCell: ({ row }) => (
+ *       <Badge
+ *         color={row.status === 'Active' ? 'success' : 'warning'}
+ *       >
+ *         {row.status}
+ *       </Badge>
+ *     )
+ *   }
+ * ];
+ *
+ * <PivotTable columns={columns} rows={rows} />
+ *
+ * @example With row selection
+ * const [selectedRows, setSelectedRows] = useState<ReadonlySet<number>>(new Set());
+ *
+ * <PivotTable
+ *   columns={columns}
+ *   rows={rows}
+ *   selectedRows={selectedRows}
+ *   onSelectedRowsChange={setSelectedRows}
+ * />
+ *
+ * @example With expandable rows
+ * // This example assumes you have configured the Master Detail view
+ * // with the appropriate row renderer in the renderers prop
+ * const rows = [
+ *   {
+ *     id: 1,
+ *     name: 'John Doe',
+ *     _expandedKey: 'orders',
+ *     _expandedData: [
+ *       { id: 101, product: 'Widget', price: 19.99 },
+ *       { id: 102, product: 'Gadget', price: 24.99 }
+ *     ]
+ *   },
+ *   // ... more rows
+ * ];
+ *
+ * <PivotTable
+ *   columns={columns}
+ *   rows={rows}
+ *   expandableRows
+ * />
+ *
+ * @example With header filters
+ * <PivotTable
+ *   columns={columns.map(col => ({
+ *     ...col,
+ *     headerRenderer: props => (
+ *       <FilterHeader {...props} onFilterChange={handleFilterChange} />
+ *     )
+ *   }))}
+ *   rows={filteredRows}
+ * />
+ */
+export declare const PivotTable: <TRow extends RowWithIndex, TSummaryRow = unknown, TRowKey extends KeyValue = KeyValue>({ columns, onSortColumnsChange, renderers: _renderers, rows, sortColumns: _sortColumns, style, tableHeight, ...rest }: Props<TRow, TSummaryRow, TRowKey>) => import("react").JSX.Element;
+export {};

package/components/pivot-table/PivotTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../tslib.es6-8c21e256.js"),o=require("react"),t=require("react-data-grid"),a=require("../../icons/ChevronDownIcon.js"),n=require("../../icons/ChevronUpIcon.js"),i=require("../../utils/addIndex.js"),s=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var u=l(t),m="Amino_PivotTable-module__sortStatus--9y3li",c="Amino_PivotTable-module__styledWrapper--mCEoO";s.styleInject(".Amino_PivotTable-module__sortStatus--9y3li{align-items:center;display:flex;height:100%;justify-content:center}.Amino_PivotTable-module__styledWrapper--mCEoO{height:var(--amino-pivot-table-height);min-height:var(--amino-pivot-table-min-height);position:relative}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid{background-color:inherit;block-size:100%;border-radius:var(--amino-radius-8)}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid .rdg-row{background-color:var(--amino-gray-0);color:var(--amino-text-color)}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-header-row,.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-summary-row{background-color:var(--amino-gray-100);color:var(--amino-text-color);font-weight:700}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-cell{border:1px solid var(--amino-gray-200)}");exports.PivotTable=function(t){var s=t.columns,l=t.onSortColumnsChange,d=t.renderers,_=t.rows,p=t.sortColumns,g=void 0===p?[]:p,v=t.style,h=t.tableHeight,y=r.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","style","tableHeight"]),b=o.useRef(null),C=r.__read(o.useState(g||[]),2),f=C[0],A=C[1],E=o.useCallback((function(e){var r=e.priority,o=e.sortDirection;return o?React.createElement("span",{className:m},"ASC"===o?React.createElement(n.ChevronUpIcon,{color:"gray900"}):React.createElement(a.ChevronDownIcon,{color:"gray900"}),React.createElement("span",null,r)):null}),[]),j=r.__assign({renderSortStatus:E},d),w=r.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],r.__read(s),!1),x=o.useMemo((function(){if(0===f.length)return _.map(i.addIndex);return r.__spreadArray([],r.__read(_),!1).sort((function(e,r){var o=0;return f.some((function(t){var a,n=(a=t.columnKey,function(e,r){var o=e[a],t=r[a];switch(typeof o){case"boolean":return o===t?0:o?1:-1;case"string":return"string"==typeof t?o.localeCompare(t):0;case"number":return"number"==typeof t?o-t:0;default:return 0}}),i=n(e,r);return 0!==i?(o="ASC"===t.direction?i:-i,1):0})),o})).map(i.addIndex)}),[_,f]);return React.createElement("div",{className:c,style:r.__assign(r.__assign({},v),{"--amino-pivot-table-height":h||"calc(100vh - 145px)","--amino-pivot-table-min-height":h||""})},React.createElement(u.default,e._extends({ref:b,className:"data-grid",columns:w,onSortColumnsChange:l||A,renderers:j,rows:x,sortColumns:f},y)))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../tslib.es6-8c21e256.js"),o=require("react"),t=require("react-data-grid"),a=require("../../icons/ChevronDownIcon.js"),n=require("../../icons/ChevronUpIcon.js"),i=require("../../utils/addIndex.js"),s=require("../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function u(e){return e&&e.__esModule?e:{default:e}}require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var d=u(t),m="Amino_PivotTable-module__sortStatus--9y3li",c="Amino_PivotTable-module__styledWrapper--mCEoO";s.styleInject(".Amino_PivotTable-module__sortStatus--9y3li{align-items:center;display:flex;height:100%;justify-content:center}.Amino_PivotTable-module__styledWrapper--mCEoO{height:var(--amino-pivot-table-height);min-height:var(--amino-pivot-table-min-height);position:relative}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid{background-color:inherit;block-size:100%;border-radius:var(--amino-radius-8)}.Amino_PivotTable-module__styledWrapper--mCEoO .data-grid .rdg-row{background-color:var(--amino-gray-0);color:var(--amino-text-color)}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-header-row,.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-summary-row{background-color:var(--amino-gray-100);color:var(--amino-text-color);font-weight:700}.Amino_PivotTable-module__styledWrapper--mCEoO .rdg-cell{border:1px solid var(--amino-gray-200)}");exports.PivotTable=function(t){var s=t.columns,u=t.onSortColumnsChange,_=t.renderers,p=t.rows,g=t.sortColumns,v=void 0===g?[]:g,h=t.style,b=t.tableHeight,y=r.__rest(t,["columns","onSortColumnsChange","renderers","rows","sortColumns","style","tableHeight"]),C=o.useRef(null),f=r.__read(o.useState(v||[]),2),j=f[0],x=f[1],A=o.useCallback((function(e){var r=e.priority,o=e.sortDirection;return o?l.jsxs("span",{className:m,children:["ASC"===o?l.jsx(n.ChevronUpIcon,{color:"gray900"}):l.jsx(a.ChevronDownIcon,{color:"gray900"}),l.jsx("span",{children:r})]}):null}),[]),q=r.__assign({renderSortStatus:A},_),w=r.__spreadArray([{frozen:!0,key:"_itemIndex",name:"",sortable:!1,width:60}],r.__read(s),!1),P=o.useMemo((function(){if(0===j.length)return p.map(i.addIndex);return r.__spreadArray([],r.__read(p),!1).sort((function(e,r){var o=0;return j.some((function(t){var a,n=(a=t.columnKey,function(e,r){var o=e[a],t=r[a];switch(typeof o){case"boolean":return o===t?0:o?1:-1;case"string":return"string"==typeof t?o.localeCompare(t):0;case"number":return"number"==typeof t?o-t:0;default:return 0}}),i=n(e,r);return 0!==i?(o="ASC"===t.direction?i:-i,1):0})),o})).map(i.addIndex)}),[p,j]);return l.jsx("div",{className:c,style:r.__assign(r.__assign({},h),{"--amino-pivot-table-height":b||"calc(100vh - 145px)","--amino-pivot-table-min-height":b||""}),children:l.jsx(d.default,e._objectSpread2({ref:C,className:"data-grid",columns:w,onSortColumnsChange:u||x,renderers:q,rows:P,sortColumns:j},y))})};

package/components/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,58 @@
+import type { BaseProps } from "../../types/BaseProps";
+import type { Color } from "../../types/Color";
+export type ProgressBarProps = BaseProps & {
+    /**
+     * The color style of the progress bar
+     * - Can be a specific Color from the theme
+     * - 'greenToRed': Color transitions from green (0-20%) to orange (20-80%) to red (80-100%)
+     * - 'redToGreen': Color transitions from red (0-20%) to orange (20-80%) to green (80-100%)
+     * @default 'blue600'
+     */
+    colorStyle?: 'greenToRed' | 'redToGreen' | Color;
+    /**
+     * The progress percentage, from 0 to 100
+     * Values less than 0 will be treated as 0, and values greater than 100 will be treated as 100
+     * @default 0
+     */
+    progress?: number;
+};
+/**
+ * A progress bar component that displays a horizontal bar to visualize completion or loading progress.
+ * Supports different color styles and percentage-based progress values.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <ProgressBar progress={75} />
+ * ```
+ *
+ * @example With different color styles
+ * ```tsx
+ * <VStack spacing={16}>
+ *   <ProgressBar colorStyle="blue600" progress={60} />
+ *   <ProgressBar colorStyle="green600" progress={60} />
+ *   <ProgressBar colorStyle="red600" progress={60} />
+ * </VStack>
+ * ```
+ *
+ * @example With dynamic coloring based on progress
+ * ```tsx
+ * <VStack spacing={16}>
+ *   <Text>Green to Red (higher is worse)</Text>
+ *   <ProgressBar colorStyle="greenToRed" progress={80} />
+ *
+ *   <Text>Red to Green (higher is better)</Text>
+ *   <ProgressBar colorStyle="redToGreen" progress={80} />
+ * </VStack>
+ * ```
+ *
+ * @example With custom styling
+ * ```tsx
+ * <ProgressBar
+ *   className="custom-progress"
+ *   colorStyle="orange600"
+ *   progress={45}
+ *   style={{ height: '8px', borderRadius: '4px' }}
+ * />
+ * ```
+ */
+export declare const ProgressBar: ({ className, colorStyle, progress, style, }: ProgressBarProps) => import("react").JSX.Element;

package/components/progress-bar/ProgressBar.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("clsx"),a=require("../../styles/constants/theme.js"),o=require("../../utils/getAminoColor.js"),s=require("../../style-inject.es-d4ddeae4.js");function t(e){return e&&e.__esModule?e:{default:e}}var n=t(r),i="Amino_ProgressBar-module__base--wmmpl",m="Amino_ProgressBar-module__bar--oA293";s.styleInject(".Amino_ProgressBar-module__base--wmmpl{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-space-56);z-index:0}.Amino_ProgressBar-module__bar--oA293{background-color:var(--amino-progress-bar-background-color);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-progress-bar-width);z-index:1}");exports.ProgressBar=function(r){var s=r.className,t=r.colorStyle,c=void 0===t?"blue600":t,d=r.progress,l=void 0===d?0:d,u=r.style,g=l<0?0:l>100?100:l;return React.createElement("div",{className:n.default(s,i),style:e.__assign(e.__assign({},u),{"--amino-progress-bar-background-color":function(){switch(c){case"greenToRed":return g<=20?a.theme.green600:g>=80?a.theme.red600:a.theme.orange600;case"redToGreen":return g<=20?a.theme.red600:g>=80?a.theme.green600:a.theme.orange600;default:return o.getAminoColor(c)}}()||"","--amino-progress-bar-width":"".concat(g,"%")})},React.createElement("div",{className:m}))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("clsx"),s=require("../../styles/constants/theme.js"),o=require("../../utils/getAminoColor.js"),a=require("../../style-inject.es-d4ddeae4.js"),i=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}var t=n(r),m="Amino_ProgressBar-module__base--wmmpl",u="Amino_ProgressBar-module__bar--oA293";a.styleInject(".Amino_ProgressBar-module__base--wmmpl{background-color:var(--amino-gray-100);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-space-56);z-index:0}.Amino_ProgressBar-module__bar--oA293{background-color:var(--amino-progress-bar-background-color);border-radius:var(--amino-radius-8);height:var(--amino-space-8);width:var(--amino-progress-bar-width);z-index:1}");exports.ProgressBar=function(r){var a=r.className,n=r.colorStyle,d=void 0===n?"blue600":n,l=r.progress,c=void 0===l?0:l,g=r.style,_=c<0?0:c>100?100:c;return i.jsx("div",{className:t.default(a,m),style:e.__assign(e.__assign({},g),{"--amino-progress-bar-background-color":function(){switch(d){case"greenToRed":return _<=20?s.theme.green600:_>=80?s.theme.red600:s.theme.orange600;case"redToGreen":return _<=20?s.theme.red600:_>=80?s.theme.green600:s.theme.orange600;default:return o.getAminoColor(d)}}()||"","--amino-progress-bar-width":"".concat(_,"%")}),children:i.jsx("div",{className:u})})};

package/components/radio/Radio.d.ts

@@ -0,0 +1,76 @@
+import { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type RadioProps = BaseProps & {
+    /**
+     * Determines if the radio button is selected
+     */
+    checked: boolean;
+    /**
+     * Sets the radio button to a disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Label text or element to display next to the radio button
+     */
+    label?: ReactNode;
+    /**
+     * Function called when the radio button state changes
+     */
+    onChange: (checked: boolean) => void;
+    /**
+     * Value associated with this radio button, used for form submission
+     */
+    value: string;
+};
+/**
+ * Radio component provides a single radio button for use in forms or as part of a RadioGroup.
+ * It includes an animated selection indicator and optional label.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const [checked, setChecked] = useState(false);
+ *
+ * <Radio
+ *   checked={checked}
+ *   onChange={setChecked}
+ *   value="option1"
+ *   label="Select this option"
+ * />
+ * ```
+ *
+ * @example With disabled state
+ * ```tsx
+ * <Radio
+ *   checked={true}
+ *   disabled={true}
+ *   onChange={() => {}}
+ *   value="disabled-option"
+ *   label="This option cannot be changed"
+ * />
+ * ```
+ *
+ * @example With ReactNode label
+ * ```tsx
+ * <Radio
+ *   checked={checked}
+ *   onChange={setChecked}
+ *   value="option-with-jsx"
+ *   label={<>Custom <strong>formatted</strong> label</>}
+ * />
+ * ```
+ *
+ * @example In a form
+ * ```tsx
+ * <form onSubmit={handleSubmit}>
+ *   <Radio
+ *     checked={formData.agreeToTerms}
+ *     onChange={(checked) => setFormData({...formData, agreeToTerms: checked})}
+ *     value="agree"
+ *     label="I agree to the terms and conditions"
+ *   />
+ *   <Button type="submit">Submit</Button>
+ * </form>
+ * ```
+ */
+export declare const Radio: ({ checked, className, disabled, label, onChange, style, value, }: RadioProps) => import("react").JSX.Element;

package/components/radio/Radio.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),a=require("react"),o=require("clsx"),i=require("framer-motion"),r=require("../text/Text.js"),t=require("../../styles/constants/theme.js"),n=require("../../global.module-569e4fd5.js"),d=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var s=l(o),c="Amino_Radio-module__styledRadio--BiJwE",u="Amino_Radio-module__styledText--uref9",m="Amino_Radio-module__radioContainer--uZ3TN";d.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(o){var d=o.checked,l=o.className,_=o.disabled,b=o.label,y=o.onChange,g=o.style,h=o.value,R=a.useId();return React.createElement("label",{className:s.default(l,m,n.globalStyles.focusableLabel,_&&"disabled"),htmlFor:R,style:e.__assign(e.__assign({},g),{"--amino-radio-background":d?t.theme.primary:t.theme.inputBackground,"--amino-radio-border":d?"none":"1.5px solid ".concat(t.theme.gray400),"--amino-radio-box-shadow":d?t.theme.shadowButtonPrimary:"none","--amino-radio-container-background":d?t.theme.blue300:""})},React.createElement("input",{checked:d,id:R,onChange:function(){return!_&&y(!d)},onKeyDown:function(e){return"Enter"===e.key&&!_&&y(!d)},style:{width:"0px"},tabIndex:0,type:"radio",value:h}),React.createElement("div",{className:c},React.createElement(i.AnimatePresence,null,d&&React.createElement(i.motion.svg,{key:"radio",animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10"},React.createElement("circle",{cx:"5",cy:"5",r:"5"})))),b&&React.createElement(r.Text,{className:u,type:"input-label"},b))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),o=require("react"),i=require("clsx"),a=require("framer-motion"),r=require("../text/Text.js"),n=require("../../styles/constants/theme.js"),t=require("../../global.module-569e4fd5.js"),d=require("../../style-inject.es-d4ddeae4.js"),s=require("react/jsx-runtime");function l(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js");var u=l(i),c="Amino_Radio-module__styledRadio--BiJwE",m="Amino_Radio-module__styledText--uref9",_="Amino_Radio-module__radioContainer--uZ3TN";d.styleInject(".Amino_Radio-module__styledRadio--BiJwE{align-items:center;background:var(--amino-radio-background);border:var(--amino-radio-border);border-radius:50%;box-shadow:var(--amino-radio-box-shadow);cursor:pointer;display:flex;height:var(--amino-space-16);justify-content:center;margin-right:var(--amino-space-8);transition:var(--amino-transition);-webkit-user-select:none;user-select:none;width:var(--amino-space-16)}.Amino_Radio-module__styledRadio--BiJwE svg{color:var(--amino-gray-0);height:var(--amino-space-8);width:var(--amino-space-8)}.Amino_Radio-module__styledText--uref9.Amino_Radio-module__styledText--uref9{margin-bottom:0}.Amino_Radio-module__radioContainer--uZ3TN{align-items:center;cursor:pointer;display:flex;flex-direction:row;-webkit-user-select:none;user-select:none}.Amino_Radio-module__radioContainer--uZ3TN.disabled{cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled>div{background:var(--amino-radio-container-background);cursor:not-allowed}.Amino_Radio-module__radioContainer--uZ3TN.disabled label{cursor:not-allowed}");exports.Radio=function(i){var d=i.checked,l=i.className,b=i.disabled,h=i.label,x=i.onChange,y=i.style,g=i.value,p=o.useId();return s.jsxs("label",{className:u.default(l,_,t.globalStyles.focusableLabel,b&&"disabled"),htmlFor:p,style:e.__assign(e.__assign({},y),{"--amino-radio-background":d?n.theme.primary:n.theme.inputBackground,"--amino-radio-border":d?"none":"1.5px solid ".concat(n.theme.gray400),"--amino-radio-box-shadow":d?n.theme.shadowButtonPrimary:"none","--amino-radio-container-background":d?n.theme.blue300:""}),children:[s.jsx("input",{checked:d,id:p,onChange:function(){return!b&&x(!d)},onKeyDown:function(e){return"Enter"===e.key&&!b&&x(!d)},style:{width:"0px"},tabIndex:0,type:"radio",value:g}),s.jsx("div",{className:c,children:s.jsx(a.AnimatePresence,{children:d&&s.jsx(a.motion.svg,{animate:{opacity:1,scale:1},exit:{opacity:0,scale:1.5},fill:"currentColor",initial:{opacity:0,scale:1.5},transition:{duration:.35,ease:[.4,0,.2,1]},viewBox:"0 0 10 10",children:s.jsx("circle",{cx:"5",cy:"5",r:"5"})},"radio")})}),h&&s.jsx(r.Text,{className:m,type:"input-label",children:h})]})};

package/components/radio/RadioGroup.d.ts

@@ -0,0 +1,105 @@
+import { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type RadioGroupItem<T extends string = string> = {
+    /**
+     * Text or element to display as the radio option label
+     */
+    label: ReactNode;
+    /**
+     * Value associated with this radio option
+     */
+    value: T;
+};
+export type RadioGroupProps<T extends string = string> = BaseProps & {
+    /**
+     * Sets all radio buttons in the group to a disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Value to be pre-selected when the component mounts
+     */
+    initialValue?: string;
+    /**
+     * Array of radio options to display
+     */
+    items: RadioGroupItem<T>[];
+    /**
+     * Function called when a radio option is selected
+     */
+    onChange: (newValue: T) => void;
+};
+/**
+ * RadioGroup component provides a group of radio buttons where only one option can be selected at a time.
+ * It manages the selection state internally while exposing the selected value through the onChange callback.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const [selected, setSelected] = useState('option1');
+ *
+ * const options = [
+ *   { label: 'Option One', value: 'option1' },
+ *   { label: 'Option Two', value: 'option2' },
+ *   { label: 'Option Three', value: 'option3' }
+ * ];
+ *
+ * <RadioGroup
+ *   items={options}
+ *   initialValue={selected}
+ *   onChange={setSelected}
+ * />
+ * ```
+ *
+ * @example With disabled state
+ * ```tsx
+ * <RadioGroup
+ *   items={[
+ *     { label: 'Yes', value: 'yes' },
+ *     { label: 'No', value: 'no' }
+ *   ]}
+ *   initialValue="yes"
+ *   onChange={handleChange}
+ *   disabled={true}
+ * />
+ * ```
+ *
+ * @example With custom styled labels
+ * ```tsx
+ * const customOptions = [
+ *   {
+ *     label: <span><strong>Business</strong> - For commercial use</span>,
+ *     value: 'business'
+ *   },
+ *   {
+ *     label: <span><strong>Personal</strong> - For individual use</span>,
+ *     value: 'personal'
+ *   }
+ * ];
+ *
+ * <RadioGroup
+ *   items={customOptions}
+ *   initialValue="business"
+ *   onChange={handleAccountTypeChange}
+ * />
+ * ```
+ *
+ * @example With type-safe values using generics
+ * ```tsx
+ * type ShippingMethod = 'standard' | 'express' | 'overnight';
+ *
+ * const [shipping, setShipping] = useState<ShippingMethod>('standard');
+ *
+ * const shippingOptions: RadioGroupItem<ShippingMethod>[] = [
+ *   { label: 'Standard (3-5 days)', value: 'standard' },
+ *   { label: 'Express (2-3 days)', value: 'express' },
+ *   { label: 'Overnight (1 day)', value: 'overnight' }
+ * ];
+ *
+ * <RadioGroup<ShippingMethod>
+ *   items={shippingOptions}
+ *   initialValue={shipping}
+ *   onChange={setShipping}
+ * />
+ * ```
+ */
+export declare const RadioGroup: <T extends string = string>({ className, disabled, initialValue, items, onChange, style, }: RadioGroupProps<T>) => import("react").JSX.Element;

package/components/radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),a=require("react"),r=require("clsx"),i=require("./Radio.js"),t=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../global.module-569e4fd5.js");var n=u(r),l="Amino_RadioGroup-module__radioContainer--gii0d";t.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(r){var t=r.className,u=r.disabled,s=r.initialValue,o=r.items,d=r.onChange,c=r.style,m=e.__read(a.useState(-1),2),f=m[0],v=m[1],_=o.findIndex((function(e){return e.value===s}));a.useEffect((function(){_>-1&&v(_)}),[_]);var q=o.map((function(e,a){return React.createElement(i.Radio,{key:e.value,checked:a===f,disabled:u,label:e.label,onChange:function(){u||(v(a),d&&e.value&&d(e.value))},value:e.value})}));return React.createElement("div",{className:n.default(t,l),style:c},q)};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),i=require("clsx"),a=require("./Radio.js"),u=require("../../style-inject.es-d4ddeae4.js"),t=require("react/jsx-runtime");function l(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../styles/constants/theme.js"),require("../../global.module-569e4fd5.js");var n=l(i),s="Amino_RadioGroup-module__radioContainer--gii0d";u.styleInject(".Amino_RadioGroup-module__radioContainer--gii0d{display:flex;gap:var(--amino-space-8)}");exports.RadioGroup=function(i){var u=i.className,l=i.disabled,o=i.initialValue,d=i.items,c=i.onChange,m=i.style,f=e.__read(r.useState(-1),2),j=f[0],v=f[1],q=d.findIndex((function(e){return e.value===o}));r.useEffect((function(){q>-1&&v(q)}),[q]);var _=d.map((function(e,r){return t.jsx(a.Radio,{checked:r===j,disabled:l,label:e.label,onChange:function(){l||(v(r),c&&e.value&&c(e.value))},value:e.value},e.value)}));return t.jsx("div",{className:n.default(u,s),style:m,children:_})};

package/components/rest-state/RestState.d.ts

@@ -0,0 +1,72 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type RestStateProps = BaseProps & {
+    /**
+     * Action element to display below the subtitle, typically a button
+     */
+    action?: ReactNode;
+    /**
+     * URL of an image to display above the text content
+     */
+    icon?: string;
+    /**
+     * Primary text displayed in the rest state
+     */
+    label: string;
+    /**
+     * Secondary text displayed below the label
+     */
+    subtitle?: ReactNode;
+};
+/**
+ * RestState component provides a placeholder view for empty states, loading states,
+ * errors, or success messages with optional icon and action.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <RestState
+ *   label="No results found"
+ *   subtitle="Try adjusting your search criteria"
+ * />
+ * ```
+ *
+ * @example With action button
+ * ```tsx
+ * <RestState
+ *   label="No items yet"
+ *   subtitle="Create your first item to get started"
+ *   action={<Button onClick={handleAddItem} variant="primary">Add Item</Button>}
+ * />
+ * ```
+ *
+ * @example With icon
+ * ```tsx
+ * <RestState
+ *   icon="/path/to/empty-state-illustration.svg"
+ *   label="Your cart is empty"
+ *   subtitle="Browse our products to add items to your cart"
+ *   action={<Button onClick={handleBrowseProducts}>Browse Products</Button>}
+ * />
+ * ```
+ *
+ * @example Error state
+ * ```tsx
+ * <RestState
+ *   icon="/path/to/error-illustration.svg"
+ *   label="Something went wrong"
+ *   subtitle="We couldn't load your data. Please try again later."
+ *   action={<Button onClick={handleRetry}>Retry</Button>}
+ * />
+ * ```
+ *
+ * @example Success state
+ * ```tsx
+ * <RestState
+ *   icon="/path/to/success-illustration.svg"
+ *   label="Payment successful!"
+ *   subtitle="Your order has been processed and will be shipped soon."
+ *   action={<Button onClick={handleViewOrder}>View Order</Button>}
+ * />
+ * ```
+ */
+export declare const RestState: ({ action, className, icon, label, style, subtitle, }: RestStateProps) => import("react").JSX.Element;

package/components/rest-state/RestState.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),t=require("../text/Text.js"),a=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var s=l(e),i="Amino_RestState-module__styledRestState--CkKGL",n="Amino_RestState-module__icon--ZlXu-",m="Amino_RestState-module__textWrapper--elWYa",c="Amino_RestState-module__action--Xw3I4";a.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(e){var a=e.action,l=e.className,o=e.icon,r=e.label,u=e.style,_=e.subtitle;return React.createElement("div",{className:s.default(l,i),style:u},o?React.createElement("img",{alt:r,className:n,src:o}):null,React.createElement("div",{className:m},React.createElement(t.Text,{type:"title"},r),_&&React.createElement(t.Text,{type:"subtitle"},_),a?React.createElement("div",{className:c},a):null))};
+"use strict";var e=require("clsx"),t=require("../text/Text.js"),s=require("../../style-inject.es-d4ddeae4.js"),a=require("react/jsx-runtime");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var l=i(e),n="Amino_RestState-module__styledRestState--CkKGL",r="Amino_RestState-module__icon--ZlXu-",o="Amino_RestState-module__textWrapper--elWYa",m="Amino_RestState-module__action--Xw3I4";s.styleInject(".Amino_RestState-module__styledRestState--CkKGL{align-items:center;display:flex;flex-direction:column;justify-content:center}.Amino_RestState-module__styledRestState--CkKGL>*{max-width:500px;text-align:center}.Amino_RestState-module__icon--ZlXu-{height:auto;margin-bottom:var(--amino-space-16);width:100px}.Amino_RestState-module__textWrapper--elWYa{align-items:center;display:flex;flex-direction:column;gap:var(--amino-space-8)}.Amino_RestState-module__action--Xw3I4{margin-bottom:var(--amino-space-8);margin-top:var(--amino-space-24)}");exports.RestState=function(e){var s=e.action,i=e.className,c=e.icon,u=e.label,_=e.style,d=e.subtitle;return a.jsxs("div",{className:l.default(i,n),style:_,children:[c?a.jsx("img",{alt:u,className:r,src:c}):null,a.jsxs("div",{className:o,children:[a.jsx(t.Text,{type:"title",children:u}),d&&a.jsx(t.Text,{type:"subtitle",children:d}),s?a.jsx("div",{className:m,children:s}):null]})]})};