@zonos/amino 5.5.30 → 5.5.32

package/components/switch/Switch.d.ts

@@ -0,0 +1,86 @@
+import { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type SwitchProps = BaseProps & {
+    checked: boolean;
+    disabled?: boolean;
+    label?: string;
+    labelDescription?: string;
+    labelIcon?: ReactNode;
+    onChange: (checked: boolean) => void;
+    subtitle?: string;
+    switchIconLeft?: ReactNode;
+    switchIconRight?: ReactNode;
+};
+/**
+ * Switch component provides a toggle control for binary options.
+ * It allows users to turn options on or off with a single action.
+ *
+ * @example Basic usage
+ * const [enabled, setEnabled] = useState(false);
+ *
+ * <Switch
+ *   checked={enabled}
+ *   onChange={setEnabled}
+ * />
+ *
+ * @example With label
+ * <Switch
+ *   label="Notifications"
+ *   checked={notificationsEnabled}
+ *   onChange={setNotificationsEnabled}
+ * />
+ *
+ * @example With label description
+ * <Switch
+ *   label="Dark mode"
+ *   labelDescription="(Applies to all users)"
+ *   checked={darkMode}
+ *   onChange={setDarkMode}
+ * />
+ *
+ * @example With subtitle
+ * <Switch
+ *   label="Auto-save"
+ *   subtitle="Automatically save changes as you type"
+ *   checked={autoSave}
+ *   onChange={setAutoSave}
+ * />
+ *
+ * @example Disabled state
+ * <Switch
+ *   label="Premium feature"
+ *   checked={true}
+ *   onChange={() => {}}
+ *   disabled
+ * />
+ *
+ * @example With label icon
+ * <Switch
+ *   label="Wi-Fi"
+ *   labelIcon={<WifiIcon size={16} />}
+ *   checked={wifiEnabled}
+ *   onChange={setWifiEnabled}
+ * />
+ *
+ * @example With switch icons
+ * <Switch
+ *   label="Sound"
+ *   switchIconLeft={<SoundOffIcon size={12} />}
+ *   switchIconRight={<SoundOnIcon size={12} />}
+ *   checked={soundEnabled}
+ *   onChange={setSoundEnabled}
+ * />
+ *
+ * @example Complete example with all properties
+ * <Switch
+ *   label="Location services"
+ *   labelDescription="(Optional)"
+ *   labelIcon={<LocationIcon size={16} />}
+ *   subtitle="Allow the app to access your current location"
+ *   switchIconLeft={<CloseIcon size={12} />}
+ *   switchIconRight={<CheckmarkIcon size={12} />}
+ *   checked={locationEnabled}
+ *   onChange={setLocationEnabled}
+ * />
+ */
+export declare const Switch: ({ checked, className, disabled, label, labelDescription, labelIcon, onChange, style, subtitle, switchIconLeft, switchIconRight, }: SwitchProps) => import("react").JSX.Element;

package/components/switch/Switch.js

@@ -1 +1 @@
-"use strict";var e=require("react"),i=require("clsx"),t=require("../text/Text.js"),o=require("../../global.module-569e4fd5.js"),a=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var c=n(i),l="Amino_Switch-module__aminoSwitch--V20lQ",m="Amino_Switch-module__checked--cgbVH",_="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",r="Amino_Switch-module__aminoSwitchWrapper--OrqKy",d="Amino_Switch-module__infoWrapper--8JFwB",h="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",s="Amino_Switch-module__styledLabel--mmtjI",u="Amino_Switch-module__styledLabelDescription--5xNoS",w="Amino_Switch-module__labelWrapper--l4iEG",p="Amino_Switch-module__switchContainer--ZM-Jo",S="Amino_Switch-module__disabled--drg1V",x="Amino_Switch-module__styledSubtitle--Zgig5",b="Amino_Switch-module__switchIcon--mIgO1",g="Amino_Switch-module__left--Q--oT";a.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1000)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__infoWrapper--8JFwB{margin-left:16px}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:var(--amino-opacity-disabled)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(i){var a=i.checked,n=i.className,A=i.disabled,y=i.label,f=i.labelDescription,v=i.labelIcon,I=i.onChange,W=i.style,N=i.subtitle,E=i.switchIconLeft,k=i.switchIconRight,V=e.useId(),R=Boolean(E||k),q=Boolean(y||v||f||N);return React.createElement("label",{className:c.default(n,p,o.globalStyles.focusableLabel,A&&S),htmlFor:V,style:W},React.createElement("input",{checked:a,id:V,onChange:function(){return!A&&I(!a)},onKeyDown:function(e){return"Enter"===e.key&&!A&&I(!a)},style:{width:"0px"},tabIndex:0,type:"checkbox"}),R?React.createElement("div",{className:c.default(r,h,a&&m)},React.createElement("div",{className:c.default(l,_,a&&m),id:V}),React.createElement("div",{className:c.default(b,g)},E),React.createElement("div",{className:b},k)):React.createElement("div",{className:c.default(r,a&&m)},React.createElement("div",{className:c.default(l,a&&m),id:V})),q&&React.createElement("div",{className:d},React.createElement("div",{className:w},v,React.createElement(t.Text,{className:s,type:"input-label"},y,f&&React.createElement("span",{className:u},f))),N&&React.createElement(t.Text,{className:x,type:"subtitle"},N)))};
+"use strict";var i=require("react"),e=require("clsx"),o=require("../text/Text.js"),t=require("../../global.module-569e4fd5.js"),n=require("../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function a(i){return i&&i.__esModule?i:{default:i}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("../../styles/constants/theme.js");var c=a(e),m="Amino_Switch-module__aminoSwitch--V20lQ",_="Amino_Switch-module__checked--cgbVH",r="Amino_Switch-module__aminoSwitchWithIcons--WNTDb",d="Amino_Switch-module__aminoSwitchWrapper--OrqKy",h="Amino_Switch-module__infoWrapper--8JFwB",s="Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn",u="Amino_Switch-module__styledLabel--mmtjI",w="Amino_Switch-module__styledLabelDescription--5xNoS",p="Amino_Switch-module__labelWrapper--l4iEG",S="Amino_Switch-module__switchContainer--ZM-Jo",x="Amino_Switch-module__disabled--drg1V",b="Amino_Switch-module__styledSubtitle--Zgig5",g="Amino_Switch-module__switchIcon--mIgO1",A="Amino_Switch-module__left--Q--oT";n.styleInject(".Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-0);border-radius:50%;box-shadow:inset 0 -1px 1px 0 #00000014,0 1px 3px 0 #0003;height:14px;left:1px;position:absolute;top:1px;transition:var(--amino-transition);width:14px}.Amino_Switch-module__aminoSwitch--V20lQ.Amino_Switch-module__checked--cgbVH{box-shadow:inset 0 -1px 1px 0 #445eee14,0 1px 3px 0 #0003;left:calc(100% - 15px)}[data-theme=night] .Amino_Switch-module__aminoSwitch--V20lQ{background:var(--amino-gray-1000)}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb{box-shadow:inset 0 -1px 1px 0 #0003,0 1px 3px 0 #0006;height:28px;left:2px;top:2px;width:28px}.Amino_Switch-module__aminoSwitchWithIcons--WNTDb.Amino_Switch-module__checked--cgbVH{left:calc(100% - 30px)}[data-theme=night] .Amino_Switch-module__aminoSwitchWithIcons--WNTDb{background:var(--amino-gray-200)}.Amino_Switch-module__aminoSwitchWrapper--OrqKy{background:var(--amino-gray-100);border-radius:20px;box-shadow:var(--amino-v3-shadow-inset);display:block;height:16px;line-height:16px;min-height:16px;min-width:32px;position:relative;-webkit-user-select:none;user-select:none;width:32px}.Amino_Switch-module__aminoSwitchWrapper--OrqKy.Amino_Switch-module__checked--cgbVH{background:var(--amino-primary)}.Amino_Switch-module__infoWrapper--8JFwB{margin-left:16px}.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn.Amino_Switch-module__aminoSwitchWrapperWithIcons--YPYDn{background:var(--amino-gray-50);height:32px;min-width:24px;width:62px}.Amino_Switch-module__styledLabel--mmtjI{margin-bottom:0}.Amino_Switch-module__styledLabelDescription--5xNoS{color:var(--amino-gray-600);margin-left:4px}.Amino_Switch-module__labelWrapper--l4iEG{align-items:center;display:flex;line-height:16px}.Amino_Switch-module__labelWrapper--l4iEG svg{margin-right:4px}.Amino_Switch-module__switchContainer--ZM-Jo{cursor:pointer;display:flex;flex-direction:row}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V{cursor:not-allowed}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitchWrapper--OrqKy{opacity:var(--amino-opacity-disabled)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__aminoSwitch--V20lQ{opacity:.95}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledLabel--mmtjI{color:var(--amino-gray-600)}.Amino_Switch-module__switchContainer--ZM-Jo.Amino_Switch-module__disabled--drg1V .Amino_Switch-module__styledSubtitle--Zgig5{color:var(--amino-gray-400)}.Amino_Switch-module__switchIcon--mIgO1{left:auto;position:absolute;right:4px;top:4px}.Amino_Switch-module__switchIcon--mIgO1.Amino_Switch-module__left--Q--oT{left:4px;right:auto}.Amino_Switch-module__switchIcon--mIgO1 svg{height:24px;width:24px}");exports.Switch=function(e){var n=e.checked,a=e.className,y=e.disabled,f=e.label,v=e.labelDescription,j=e.labelIcon,I=e.onChange,W=e.style,N=e.subtitle,k=e.switchIconLeft,V=e.switchIconRight,q=i.useId(),D=Boolean(k||V),C=Boolean(f||j||v||N);return l.jsxs("label",{className:c.default(a,S,t.globalStyles.focusableLabel,y&&x),htmlFor:q,style:W,children:[l.jsx("input",{checked:n,id:q,onChange:function(){return!y&&I(!n)},onKeyDown:function(i){return"Enter"===i.key&&!y&&I(!n)},style:{width:"0px"},tabIndex:0,type:"checkbox"}),D?l.jsxs("div",{className:c.default(d,s,n&&_),children:[l.jsx("div",{className:c.default(m,r,n&&_),id:q}),l.jsx("div",{className:c.default(g,A),children:k}),l.jsx("div",{className:g,children:V})]}):l.jsx("div",{className:c.default(d,n&&_),children:l.jsx("div",{className:c.default(m,n&&_),id:q})}),C&&l.jsxs("div",{className:h,children:[l.jsxs("div",{className:p,children:[j,l.jsxs(o.Text,{className:u,type:"input-label",children:[f,v&&l.jsx("span",{className:w,children:v})]})]}),N&&l.jsx(o.Text,{className:b,type:"subtitle",children:N})]})]})};

package/components/table/Table.d.ts

@@ -0,0 +1,121 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type TableProps = BaseProps & {
+    children: ReactNode;
+    size?: 'medium' | 'small';
+};
+/**
+ * Table component that provides styled tabular data presentation.
+ * Used in combination with TableHead, TableBody, TableRow, TableCell, and TableFooter
+ * to create structured tables with consistent styling.
+ *
+ * @example Basic table
+ * <Table>
+ *   <TableHead>
+ *     <TableRow>
+ *       <TableCell>Name</TableCell>
+ *       <TableCell>Email</TableCell>
+ *       <TableCell>Role</TableCell>
+ *     </TableRow>
+ *   </TableHead>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>John Doe</TableCell>
+ *       <TableCell>john@example.com</TableCell>
+ *       <TableCell>Admin</TableCell>
+ *     </TableRow>
+ *     <TableRow>
+ *       <TableCell>Jane Smith</TableCell>
+ *       <TableCell>jane@example.com</TableCell>
+ *       <TableCell>User</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ *
+ * @example With column groups
+ * <Table>
+ *   <colgroup>
+ *     <col />
+ *     <col width="40%" />
+ *     <col width="20%" />
+ *   </colgroup>
+ *   <TableHead>
+ *     <TableRow>
+ *       <TableCell>Product</TableCell>
+ *       <TableCell>Description</TableCell>
+ *       <TableCell>Price</TableCell>
+ *     </TableRow>
+ *   </TableHead>
+ *   <TableBody>
+ *     <TableRow>
+ *   </TableBody>
+ * </Table>
+ *
+ * @example With footer
+ * <Table>
+ *   <TableHead>
+ *     <TableRow>
+ *       <TableCell>Item</TableCell>
+ *       <TableCell>Quantity</TableCell>
+ *       <TableCell>Price</TableCell>
+ *     </TableRow>
+ *   </TableHead>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>Widget</TableCell>
+ *       <TableCell>2</TableCell>
+ *       <TableCell>$10.00</TableCell>
+ *     </TableRow>
+ *     <TableRow>
+ *       <TableCell>Gadget</TableCell>
+ *       <TableCell>1</TableCell>
+ *       <TableCell>$15.00</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ *   <TableFooter>
+ *     <TableRow>
+ *       <TableCell colSpan={2} align="right">Total:</TableCell>
+ *       <TableCell>$35.00</TableCell>
+ *     </TableRow>
+ *   </TableFooter>
+ * </Table>
+ *
+ * @example Small size table
+ * <Table size="small">
+ *   <TableHead>
+ *     <TableRow>
+ *       <TableCell>Name</TableCell>
+ *       <TableCell>Value</TableCell>
+ *     </TableRow>
+ *   </TableHead>
+ *   <TableBody>
+ *     <TableRow>
+ *   </TableBody>
+ * </Table>
+ *
+ * @example With expandable rows
+ * <Table>
+ *   <TableHead>
+ *     <TableRow>
+ *       <TableCell>Category</TableCell>
+ *       <TableCell>Amount</TableCell>
+ *       <TableCell></TableCell>
+ *     </TableRow>
+ *   </TableHead>
+ *   <TableBody>
+ *     <TableRowCollapse
+ *       collapsed={isCollapsed}
+ *       onToggleCollapse={toggleCollapse}
+ *       rowContent={
+ *         <>
+ *           <TableCell>Shipping</TableCell>
+ *           <TableCell>$15.99</TableCell>
+ *         </>
+ *       }
+ *     >
+ *       <div>Additional shipping details here...</div>
+ *     </TableRowCollapse>
+ *   </TableBody>
+ * </Table>
+ */
+export declare const Table: ({ children, className, size, style, }: TableProps) => import("react").JSX.Element;

package/components/table/Table.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),t=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(e),s="Amino_Table-module__styledTable--vhUru";t.styleInject(".Amino_Table-module__styledTable--vhUru{width:100%}");exports.Table=function(e){var t=e.children,l=e.className,r=e.size,i=void 0===r?"medium":r,u=e.style;return React.createElement("table",{className:a.default(l,s,"Amino-table-size-".concat(i)),style:u},t)};
+"use strict";var e=require("clsx"),l=require("../../style-inject.es-d4ddeae4.js"),t=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}var s=r(e),a="Amino_Table-module__styledTable--vhUru";l.styleInject(".Amino_Table-module__styledTable--vhUru{width:100%}");exports.Table=function(e){var l=e.children,r=e.className,i=e.size,u=void 0===i?"medium":i,n=e.style;return t.jsx("table",{className:s.default(r,a,"Amino-table-size-".concat(u)),style:n,children:l})};

package/components/table/TableBody.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type TableBodyProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare const TableBody: ({ children, className }: TableBodyProps) => import("react").JSX.Element;

package/components/table/TableBody.js

@@ -1 +1 @@
-"use strict";exports.TableBody=function(e){var t=e.children,a=e.className;return React.createElement("tbody",{className:a},t)};
+"use strict";var e=require("react/jsx-runtime");exports.TableBody=function(r){var s=r.children,a=r.className;return e.jsx("tbody",{className:a,children:s})};

package/components/table/TableCell.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type TableCellProps = BaseProps & {
+    align?: 'center' | 'justify' | 'left' | 'right';
+    borderBottom?: string;
+    children?: ReactNode;
+    colSpan?: number;
+    padding?: string;
+    tag?: 'td' | 'th';
+};
+export declare const TableCell: ({ align, borderBottom, children, className, colSpan, padding, style, tag, }: TableCellProps) => import("react").JSX.Element;

package/components/table/TableCell.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),l=require("clsx"),a=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(l),n="Amino_TableCell-module__styledTableCell--GHouc",d="Amino_TableCell-module__defaultPadding--4QMqw",m="Amino_TableCell-module__inlineWrapper--6Y44x";t.styleInject(".Amino_TableCell-module__styledTableCell--GHouc{border-bottom:var(--amino-table-cell-border-bottom);font-size:0;font-variant-numeric:tabular-nums;padding:var(--amino-table-cell-padding);text-align:var(--amino-table-cell-align)}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw{padding:0}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw:first-of-type{padding-left:16px}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw:last-of-type{padding-right:16px}.Amino_TableCell-module__styledTableCell--GHouc>*{font-size:var(--amino-font-size-base)}.Amino-table-size-medium .Amino_TableCell-module__styledTableCell--GHouc{height:56px}.Amino-table-size-small .Amino_TableCell-module__styledTableCell--GHouc{height:48px}.Amino_TableCell-module__inlineWrapper--6Y44x{display:inline-block}");exports.TableCell=function(l){var t=l.align,o=void 0===t?"left":t,s=l.borderBottom,_=l.children,b=l.className,r=l.colSpan,u=l.padding,c=l.style,C=l.tag,T={align:o,className:i.default(b,n,!u&&d),colSpan:r,style:e.__assign(e.__assign({},c),{"--amino-table-cell-align":o,"--amino-table-cell-border-bottom":s||"".concat(a.theme.borderSubtle),"--amino-table-cell-padding":u||""})},g=React.createElement("div",{className:m},_);return"th"===C?React.createElement("th",T,g):React.createElement("td",T,g)};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),l=require("../../tslib.es6-8c21e256.js"),a=require("clsx"),i=require("../../styles/constants/theme.js"),o=require("../../style-inject.es-d4ddeae4.js"),t=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}var d=n(a),r="Amino_TableCell-module__styledTableCell--GHouc",s="Amino_TableCell-module__defaultPadding--4QMqw",_="Amino_TableCell-module__inlineWrapper--6Y44x";o.styleInject(".Amino_TableCell-module__styledTableCell--GHouc{border-bottom:var(--amino-table-cell-border-bottom);font-size:0;font-variant-numeric:tabular-nums;padding:var(--amino-table-cell-padding);text-align:var(--amino-table-cell-align)}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw{padding:0}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw:first-of-type{padding-left:16px}.Amino_TableCell-module__styledTableCell--GHouc.Amino_TableCell-module__defaultPadding--4QMqw:last-of-type{padding-right:16px}.Amino_TableCell-module__styledTableCell--GHouc>*{font-size:var(--amino-font-size-base)}.Amino-table-size-medium .Amino_TableCell-module__styledTableCell--GHouc{height:56px}.Amino-table-size-small .Amino_TableCell-module__styledTableCell--GHouc{height:48px}.Amino_TableCell-module__inlineWrapper--6Y44x{display:inline-block}");exports.TableCell=function(a){var o=a.align,n=void 0===o?"left":o,m=a.borderBottom,b=a.children,u=a.className,c=a.colSpan,p=a.padding,g=a.style,C=a.tag,T={align:n,className:d.default(u,r,!p&&s),colSpan:c,style:l.__assign(l.__assign({},g),{"--amino-table-cell-align":n,"--amino-table-cell-border-bottom":m||"".concat(i.theme.borderSubtle),"--amino-table-cell-padding":p||""})},f=t.jsx("div",{className:_,children:b});return"th"===C?t.jsx("th",e._objectSpread2(e._objectSpread2({},T),{},{children:f})):t.jsx("td",e._objectSpread2(e._objectSpread2({},T),{},{children:f}))};

package/components/table/TableFooter.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type TableFooterProps = BaseProps & {
+    children: ReactNode;
+};
+export declare const TableFooter: ({ children, className, style, }: TableFooterProps) => import("react").JSX.Element;

package/components/table/TableFooter.js

@@ -1 +1 @@
-"use strict";exports.TableFooter=function(e){var t=e.children,s=e.className,a=e.style;return React.createElement("tfoot",{className:s,style:a},t)};
+"use strict";var e=require("react/jsx-runtime");exports.TableFooter=function(r){var t=r.children,s=r.className,a=r.style;return e.jsx("tfoot",{className:s,style:a,children:t})};

package/components/table/TableHead.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type TableHeadProps = BaseProps & {
+    children: ReactNode;
+};
+export declare const TableHead: ({ children, className, style }: TableHeadProps) => import("react").JSX.Element;

package/components/table/TableHead.js

@@ -1 +1 @@
-"use strict";exports.TableHead=function(e){var t=e.children,a=e.className,s=e.style;return React.createElement("thead",{className:a,style:s},t)};
+"use strict";var e=require("react/jsx-runtime");exports.TableHead=function(r){var s=r.children,a=r.className,t=r.style;return e.jsx("thead",{className:a,style:t,children:s})};

package/components/table/TableRow.d.ts

@@ -0,0 +1,15 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type TableRowProps = BaseProps & {
+    active?: boolean;
+    children: ReactNode;
+    onClick?: MouseEventHandler<HTMLTableRowElement>;
+    /**
+     * @param rowTestId
+     * @default undefined
+     * @note Only used for testing
+     */
+    rowTestId?: string;
+    withHover?: boolean;
+};
+export declare function TableRow({ active, children, className, onClick, rowTestId, style, withHover, }: TableRowProps): import("react").JSX.Element;

package/components/table/TableRow.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),o=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(e),t="Amino_TableRow-module__styledTableRow--cWSfc",r="Amino_TableRow-module__withHover--sSmM2",i="Amino_TableRow-module__active---KQVs";o.styleInject(".Amino_TableRow-module__styledTableRow--cWSfc.Amino_TableRow-module__withHover--sSmM2:hover{background-color:var(--amino-gray-50)}.Amino_TableRow-module__styledTableRow--cWSfc th{color:var(--amino-gray-800)}.Amino_TableRow-module__styledTableRow--cWSfc th>*{font-size:var(--amino-font-size-s)}tbody .Amino_TableRow-module__styledTableRow--cWSfc.Amino_TableRow-module__active---KQVs{background:var(--amino-gray-50)}"),exports.TableRow=function(e){var o=e.active,l=e.children,c=e.className,n=e.onClick,s=e.rowTestId,_=e.style,m=e.withHover;return React.createElement("tr",{className:a.default(c,t,o&&i,m&&r),"data-testid":s,onClick:n,style:_},l)};
+"use strict";var e=require("clsx"),o=require("../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function a(e){return e&&e.__esModule?e:{default:e}}var t=a(e),r="Amino_TableRow-module__styledTableRow--cWSfc",i="Amino_TableRow-module__withHover--sSmM2",s="Amino_TableRow-module__active---KQVs";o.styleInject(".Amino_TableRow-module__styledTableRow--cWSfc.Amino_TableRow-module__withHover--sSmM2:hover{background-color:var(--amino-gray-50)}.Amino_TableRow-module__styledTableRow--cWSfc th{color:var(--amino-gray-800)}.Amino_TableRow-module__styledTableRow--cWSfc th>*{font-size:var(--amino-font-size-s)}tbody .Amino_TableRow-module__styledTableRow--cWSfc.Amino_TableRow-module__active---KQVs{background:var(--amino-gray-50)}"),exports.TableRow=function(e){var o=e.active,a=e.children,c=e.className,n=e.onClick,_=e.rowTestId,m=e.style,d=e.withHover;return l.jsx("tr",{className:t.default(c,r,o&&s,d&&i),"data-testid":_,onClick:n,style:m,children:a})};

package/components/table/TableRowCollapse.d.ts

@@ -0,0 +1,19 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type TableRowCollapseProps = BaseProps & {
+    children?: ReactNode;
+    /**
+     * @param collapsed
+     * @default false
+     */
+    collapsed?: boolean;
+    onToggleCollapse: MouseEventHandler<HTMLTableRowElement>;
+    rowContent: ReactNode;
+    /**
+     * @param rowKey
+     * @default undefined
+     * @note Only used for testing
+     */
+    rowKey?: string;
+};
+export declare const TableRowCollapse: ({ children, className, collapsed, onToggleCollapse, rowContent, rowKey, style, }: TableRowCollapseProps) => import("react").JSX.Element;

package/components/table/TableRowCollapse.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),l=require("../button/Button.js"),o=require("../collapse/Collapse.js"),a=require("./TableCell.js"),s=require("./TableRow.js"),t=require("../../icons/ChevronUpIcon.js"),i=require("../../style-inject.es-d4ddeae4.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../tslib.es6-8c21e256.js"),require("react"),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("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var n=r(e),c="Amino_TableRowCollapse-module__styledTableRow--Rj3l-",_="Amino_TableRowCollapse-module__collapsed--G4z46",m="Amino_TableRowCollapse-module__collapsible--obYyn",u="Amino_TableRowCollapse-module__styledCollapse--CWTEw",p="Amino_TableRowCollapse-module__collapsibleCell--a2cGw",b="Amino_TableRowCollapse-module__collapseButton--8aDL-";i.styleInject(".Amino_TableRowCollapse-module__styledTableRow--Rj3l-:not(.Amino_TableRowCollapse-module__collapsed--G4z46) td{border-bottom:0}.Amino_TableRowCollapse-module__styledTableRow--Rj3l-.Amino_TableRowCollapse-module__collapsible--obYyn{cursor:pointer}.Amino_TableRowCollapse-module__styledCollapse--CWTEw>div{padding-bottom:16px}.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw{border-bottom:inherit;height:inherit}.Amino_TableRowCollapse-module__collapsed--G4z46 .Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw{border-bottom:0;height:0}.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw>div{width:100%}.Amino_TableRowCollapse-module__collapseButton--8aDL- svg{transition:var(--amino-transition)}.Amino_TableRowCollapse-module__collapsed--G4z46 .Amino_TableRowCollapse-module__collapseButton--8aDL- svg{transform:rotate(180deg)}");exports.TableRowCollapse=function(e){var i=e.children,r=e.className,d=e.collapsed,C=void 0!==d&&d,w=e.onToggleCollapse,R=e.rowContent,T=e.rowKey,A=e.style,j=!!i;return React.createElement(React.Fragment,null,React.createElement(s.TableRow,{className:n.default(r,c,C&&_,j&&m),onClick:function(e){return j&&w(e)},rowTestId:"amino--row-".concat(T),withHover:j},R,React.createElement(a.TableCell,{align:"right"},j&&React.createElement(l.Button,{className:b,icon:React.createElement(t.ChevronUpIcon,null),variant:"plain"}))),j&&React.createElement(s.TableRow,{rowTestId:"amino--collapse-".concat(T)},React.createElement(a.TableCell,{className:p,colSpan:100},React.createElement(o.Collapse,{className:u,collapsed:C,style:A},i))))};
+"use strict";var l=require("clsx"),e=require("../button/Button.js"),o=require("../collapse/Collapse.js"),a=require("./TableCell.js"),s=require("./TableRow.js"),i=require("../../icons/ChevronUpIcon.js"),r=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function t(l){return l&&l.__esModule?l:{default:l}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("react"),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("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var _=t(l),u="Amino_TableRowCollapse-module__styledTableRow--Rj3l-",p="Amino_TableRowCollapse-module__collapsed--G4z46",c="Amino_TableRowCollapse-module__collapsible--obYyn",m="Amino_TableRowCollapse-module__styledCollapse--CWTEw",b="Amino_TableRowCollapse-module__collapsibleCell--a2cGw",d="Amino_TableRowCollapse-module__collapseButton--8aDL-";r.styleInject(".Amino_TableRowCollapse-module__styledTableRow--Rj3l-:not(.Amino_TableRowCollapse-module__collapsed--G4z46) td{border-bottom:0}.Amino_TableRowCollapse-module__styledTableRow--Rj3l-.Amino_TableRowCollapse-module__collapsible--obYyn{cursor:pointer}.Amino_TableRowCollapse-module__styledCollapse--CWTEw>div{padding-bottom:16px}.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw{border-bottom:inherit;height:inherit}.Amino_TableRowCollapse-module__collapsed--G4z46 .Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw{border-bottom:0;height:0}.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw.Amino_TableRowCollapse-module__collapsibleCell--a2cGw>div{width:100%}.Amino_TableRowCollapse-module__collapseButton--8aDL- svg{transition:var(--amino-transition)}.Amino_TableRowCollapse-module__collapsed--G4z46 .Amino_TableRowCollapse-module__collapseButton--8aDL- svg{transform:rotate(180deg)}");exports.TableRowCollapse=function(l){var r=l.children,t=l.className,C=l.collapsed,w=void 0!==C&&C,T=l.onToggleCollapse,R=l.rowContent,j=l.rowKey,A=l.style,q=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(s.TableRow,{className:_.default(t,u,w&&p,q&&c),onClick:function(l){return q&&T(l)},rowTestId:"amino--row-".concat(j),withHover:q,children:[R,n.jsx(a.TableCell,{align:"right",children:q&&n.jsx(e.Button,{className:d,icon:n.jsx(i.ChevronUpIcon,{}),variant:"plain"})})]}),q&&n.jsx(s.TableRow,{rowTestId:"amino--collapse-".concat(j),children:n.jsx(a.TableCell,{className:b,colSpan:100,children:n.jsx(o.Collapse,{className:m,collapsed:w,style:A,children:r})})})]})};

package/components/tabs/Tabs.d.ts

@@ -0,0 +1,76 @@
+import type { BaseProps } from "../../types/BaseProps";
+import type { Variant } from "../../types/Variant";
+export type TabsProps = BaseProps & {
+    /**
+     * Only applies to subtle design
+     * Align tabs horizontally.
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    items: string[];
+    onChange: (selectedTab: number) => void;
+    selected: number;
+    /**
+     * Use the subtle design
+     * @default false
+     */
+    subtle?: boolean;
+    /**
+     * Variant style for the tabs
+     * @default 'standard'
+     */
+    variant?: Variant;
+};
+/**
+ * Tabs component allows users to navigate between different views or sections within the same context.
+ * Available in standard and subtle design variations.
+ *
+ * @example Basic usage
+ * const [selectedTab, setSelectedTab] = useState(0);
+ *
+ * <Tabs
+ *   items={['Overview', 'Details', 'Settings']}
+ *   selected={selectedTab}
+ *   onChange={setSelectedTab}
+ * />
+ *
+ * {selectedTab === 0 && <div>Overview content</div>}
+ * {selectedTab === 1 && <div>Details content</div>}
+ * {selectedTab === 2 && <div>Settings content</div>}
+ *
+ * @example Subtle design
+ * <Tabs
+ *   items={['Today', 'This Week', 'This Month', 'All Time']}
+ *   selected={selectedTab}
+ *   onChange={setSelectedTab}
+ *   subtle
+ * />
+ *
+ * @example Subtle tabs with center alignment
+ * <Tabs
+ *   items={['Personal', 'Business', 'Enterprise']}
+ *   selected={selectedTab}
+ *   onChange={setSelectedTab}
+ *   subtle
+ *   align="center"
+ * />
+ *
+ * @example Subtle tabs with end alignment
+ * <Tabs
+ *   items={['Day', 'Week', 'Month']}
+ *   selected={selectedTab}
+ *   onChange={setSelectedTab}
+ *   subtle
+ *   align="end"
+ * />
+ *
+ * @example With custom styling
+ * <Tabs
+ *   items={['Active', 'Completed', 'Archived']}
+ *   selected={selectedTab}
+ *   onChange={setSelectedTab}
+ *   className="custom-tabs"
+ *   style={{ marginBottom: '24px' }}
+ * />
+ */
+export declare const Tabs: ({ align, className, items, onChange, selected, style, subtle, variant, }: TabsProps) => import("react").JSX.Element;

package/components/tabs/Tabs.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),a=require("clsx"),o=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),t=require("../../global.module-569e4fd5.js"),n=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}var _=i(a),b="Amino_Tabs-module__baseTabs--ZLgAl",m="Amino_Tabs-module__aminoTabs--XHvSA",r="Amino_Tabs-module__subtleTabs--acvMB",l="Amino_Tabs-module__baseTab--0-7Os",u="Amino_Tabs-module__isSelected--xoR0q",d="Amino_Tabs-module__tab--TpsKY";n.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span{color:var(--amino-tabs-color)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span:after{background-color:var(--amino-tabs-color);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus:after,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(a){var n=a.align,i=void 0===n?"start":n,c=a.className,T=a.items,A=a.onChange,f=a.selected,g=a.style,v=a.subtle,p=void 0!==v&&v,x=a.variant,y=void 0===x?"standard":x,O=function(){switch(y){case"primary":default:return s.theme.blue600;case"success":return s.theme.green600;case"warning":return s.theme.orange600;case"danger":return s.theme.red600;case"cyan":return s.theme.cyan600;case"purple":return s.theme.purple600}};return p?React.createElement("div",{className:_.default(c,b,r),style:e.__assign(e.__assign({},g),{"--amino-tabs-align":i,"--amino-tabs-color":O()})},T.map((function(e){return React.createElement("button",{key:e,className:_.default(l,t.globalStyles.focusable,f===T.indexOf(e)&&[u,"is-selected"]),onClick:function(){return A(T.indexOf(e))},type:"button"},React.createElement(o.Text,{type:"label"},e))}))):React.createElement("div",{className:_.default(c,b,m),style:e.__assign(e.__assign({},g),{"--amino-tabs-color":O()})},T.map((function(e){return React.createElement("button",{key:e,className:_.default(l,t.globalStyles.focusable,d,f===T.indexOf(e)&&[u,"is-selected"]),onClick:function(){return A(T.indexOf(e))},type:"button"},e)})))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),a=require("clsx"),o=require("../text/Text.js"),s=require("../../styles/constants/theme.js"),n=require("../../global.module-569e4fd5.js"),t=require("../../style-inject.es-d4ddeae4.js"),i=require("react/jsx-runtime");function _(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js");var r=_(a),b="Amino_Tabs-module__baseTabs--ZLgAl",l="Amino_Tabs-module__aminoTabs--XHvSA",m="Amino_Tabs-module__subtleTabs--acvMB",u="Amino_Tabs-module__baseTab--0-7Os",d="Amino_Tabs-module__isSelected--xoR0q",T="Amino_Tabs-module__tab--TpsKY";t.styleInject('.Amino_Tabs-module__baseTabs--ZLgAl{align-items:center;display:flex}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__aminoTabs--XHvSA{border:var(--amino-border);border-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTabs--ZLgAl.Amino_Tabs-module__subtleTabs--acvMB{border-bottom:1px solid var(--amino-gray-100);gap:24px;justify-content:var(--amino-tabs-align)}.Amino_Tabs-module__baseTab--0-7Os{color:var(--amino-gray-800);cursor:pointer;padding:12px 0;position:relative;text-align:center;transition:var(--amino-transition);-webkit-user-select:none;user-select:none}.Amino_Tabs-module__baseTab--0-7Os:after{background-color:var(--amino-gray-200);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:var(--amino-transition);width:100%}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span{color:var(--amino-tabs-color)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q:after,.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__isSelected--xoR0q>span:after{background-color:var(--amino-tabs-color);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):focus:after,.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):hover:after{transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active{color:var(--amino-gray-1000)}.Amino_Tabs-module__baseTab--0-7Os:not(.Amino_Tabs-module__isSelected--xoR0q):active:after{background-color:var(--amino-gray-300);transform:scaleX(1)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{flex:1;font-weight:500}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:after{height:4px}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:first-of-type:after{border-bottom-left-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:last-of-type:after{border-bottom-right-radius:var(--amino-radius-8)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY+.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY{border-left:var(--amino-border)}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):hover{background:#00000008}.Amino_Tabs-module__baseTab--0-7Os.Amino_Tabs-module__tab--TpsKY:not(.Amino_Tabs-module__isSelected--xoR0q):active{background:#00000014}');exports.Tabs=function(a){var t=a.align,_=void 0===t?"start":t,c=a.className,A=a.items,f=a.onChange,g=a.selected,p=a.style,v=a.subtle,x=void 0!==v&&v,O=a.variant,h=void 0===O?"standard":O,y=function(){switch(h){case"primary":default:return s.theme.blue600;case"success":return s.theme.green600;case"warning":return s.theme.orange600;case"danger":return s.theme.red600;case"cyan":return s.theme.cyan600;case"purple":return s.theme.purple600}};return x?i.jsx("div",{className:r.default(c,b,m),style:e.__assign(e.__assign({},p),{"--amino-tabs-align":_,"--amino-tabs-color":y()}),children:A.map((function(e){return i.jsx("button",{className:r.default(u,n.globalStyles.focusable,g===A.indexOf(e)&&[d,"is-selected"]),onClick:function(){return f(A.indexOf(e))},type:"button",children:i.jsx(o.Text,{type:"label",children:e})},e)}))}):i.jsx("div",{className:r.default(c,b,l),style:e.__assign(e.__assign({},p),{"--amino-tabs-color":y()}),children:A.map((function(e){return i.jsx("button",{className:r.default(u,n.globalStyles.focusable,T,g===A.indexOf(e)&&[d,"is-selected"]),onClick:function(){return f(A.indexOf(e))},type:"button",children:e},e)}))})};

package/components/tag/Tag.d.ts

@@ -0,0 +1,46 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+type TagSize = 'base' | 'lg';
+type TagIntent = 'default' | 'error';
+export type TagProps = BaseProps & HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode | string;
+    highlighted?: boolean;
+    icon?: ReactNode;
+    iconRight?: boolean;
+    intent?: TagIntent;
+    onClick?: () => void;
+    onClose: () => void;
+    size?: TagSize;
+};
+/**
+ * Tag displays a small label with optional icon and close button, commonly used for categorization, filters, or metadata.
+ * Supports different intents, sizes, icons, and can be highlighted. The close button triggers the `onClose` callback.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Tag onClose={() => {}}>Brazil</Tag>
+ * ```
+ *
+ * @example With icon
+ * ```tsx
+ * <Tag icon={<CubeIcon size={16} />} onClose={() => {}}>
+ *   HS code for Brazil
+ * </Tag>
+ * ```
+ *
+ * @example Highlighted tag
+ * ```tsx
+ * <Tag highlighted onClose={() => {}}>
+ *   Highlighted Tag
+ * </Tag>
+ * ```
+ *
+ * @example Large size and error intent
+ * ```tsx
+ * <Tag size="lg" intent="error" onClose={() => {}}>
+ *   Error Tag
+ * </Tag>
+ * ```
+ */
+export declare const Tag: ({ children, className, highlighted, icon, iconRight, intent, onClick, onClose, size, style, }: TagProps) => import("react").JSX.Element;
+export {};

package/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),a=require("../../icons/RemoveIcon.js"),o=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var r=i(e),t={tagWrapper:"Amino_Tag-module__tagWrapper--5McNK",base:"Amino_Tag-module__base--z0-9-",highlight:"Amino_Tag-module__highlight--b9lSD",error:"Amino_Tag-module__error--JytAu",styledTagRight:"Amino_Tag-module__styledTagRight--5GHpr",styledTagLeft:"Amino_Tag-module__styledTagLeft--2XXDe",iconRight:"Amino_Tag-module__iconRight--LHvji",styledRemoveBtn:"Amino_Tag-module__styledRemoveBtn--nSh7A"};o.styleInject(".Amino_Tag-module__tagWrapper--5McNK{background-color:var(--amino-gray-50);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-6);color:var(--amino-text-color);display:inline-flex}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__base--z0-9-{height:20px}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__highlight--b9lSD{background-color:var(--amino-blue-50);border:1px solid var(--amino-blue-600);color:var(--amino-blue-800)}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__error--JytAu{background-color:var(--amino-red-50);border:1px solid var(--amino-red-200);color:var(--amino-red-800)}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__error--JytAu.Amino_Tag-module__highlight--b9lSD{border:1px solid var(--amino-red-600)}.Amino_Tag-module__tagWrapper--5McNK:hover,.Amino_Tag-module__tagWrapper--5McNK:hover .Amino_Tag-module__styledTagRight--5GHpr{background-color:var(--amino-gray-100)}.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__highlight--b9lSD,.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__highlight--b9lSD .Amino_Tag-module__styledTagRight--5GHpr{background-color:var(--amino-blue-100)}.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__error--JytAu,.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__error--JytAu .Amino_Tag-module__styledTagRight--5GHpr{background-color:var(--amino-red-100)}.Amino_Tag-module__styledTagLeft--2XXDe{align-items:center;border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6);display:inline-flex;font-size:var(--amino-font-size-base);font-weight:400;font-weight:500;gap:4px;padding:4px 4px 4px 8px;text-align:center}.Amino_Tag-module__styledTagLeft--2XXDe:focus{outline:none}.Amino_Tag-module__styledTagLeft--2XXDe p{margin:0}.Amino_Tag-module__styledTagLeft--2XXDe.Amino_Tag-module__iconRight--LHvji svg{order:2}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagLeft--2XXDe{padding:2px 4px}.Amino_Tag-module__styledTagRight--5GHpr{align-items:center;border-radius:var(--amino-radius-6);display:inline-flex;padding:4px 5px}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagRight--5GHpr{padding:2px 3px}.Amino_Tag-module__styledRemoveBtn--nSh7A{display:flex}");exports.Tag=function(e){var o=e.children,i=e.className,l=e.highlighted,n=void 0!==l&&l,_=e.icon,g=e.iconRight,m=e.intent,d=void 0===m?"default":m,u=e.onClick,s=e.onClose,c=e.size,p=void 0===c?"base":c,T=e.style;return React.createElement("div",{className:r.default(i,t.tagWrapper,"base"===p&&t.base,"default"!==d?t[d]:"",n&&t.highlight),style:T},React.createElement("button",{className:r.default(t.styledTagLeft,g&&t.iconRight),onClick:u,type:"button"},_,React.createElement("p",null,o)),React.createElement("button",{className:t.styledTagRight,onClick:s,type:"button"},React.createElement("div",{className:t.styledRemoveBtn},React.createElement(a.RemoveIcon,{size:14}))))};
+"use strict";var e=require("clsx"),o=require("../../icons/RemoveIcon.js"),a=require("../../style-inject.es-d4ddeae4.js"),i=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var l=r(e),n={tagWrapper:"Amino_Tag-module__tagWrapper--5McNK",base:"Amino_Tag-module__base--z0-9-",highlight:"Amino_Tag-module__highlight--b9lSD",error:"Amino_Tag-module__error--JytAu",styledTagRight:"Amino_Tag-module__styledTagRight--5GHpr",styledTagLeft:"Amino_Tag-module__styledTagLeft--2XXDe",iconRight:"Amino_Tag-module__iconRight--LHvji",styledRemoveBtn:"Amino_Tag-module__styledRemoveBtn--nSh7A"};a.styleInject(".Amino_Tag-module__tagWrapper--5McNK{background-color:var(--amino-gray-50);border:1px solid var(--amino-gray-200);border-radius:var(--amino-radius-6);color:var(--amino-text-color);display:inline-flex}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__base--z0-9-{height:20px}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__highlight--b9lSD{background-color:var(--amino-blue-50);border:1px solid var(--amino-blue-600);color:var(--amino-blue-800)}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__error--JytAu{background-color:var(--amino-red-50);border:1px solid var(--amino-red-200);color:var(--amino-red-800)}.Amino_Tag-module__tagWrapper--5McNK.Amino_Tag-module__error--JytAu.Amino_Tag-module__highlight--b9lSD{border:1px solid var(--amino-red-600)}.Amino_Tag-module__tagWrapper--5McNK:hover,.Amino_Tag-module__tagWrapper--5McNK:hover .Amino_Tag-module__styledTagRight--5GHpr{background-color:var(--amino-gray-100)}.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__highlight--b9lSD,.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__highlight--b9lSD .Amino_Tag-module__styledTagRight--5GHpr{background-color:var(--amino-blue-100)}.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__error--JytAu,.Amino_Tag-module__tagWrapper--5McNK:hover.Amino_Tag-module__error--JytAu .Amino_Tag-module__styledTagRight--5GHpr{background-color:var(--amino-red-100)}.Amino_Tag-module__styledTagLeft--2XXDe{align-items:center;border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6);display:inline-flex;font-size:var(--amino-font-size-base);font-weight:400;font-weight:500;gap:4px;padding:4px 4px 4px 8px;text-align:center}.Amino_Tag-module__styledTagLeft--2XXDe:focus{outline:none}.Amino_Tag-module__styledTagLeft--2XXDe p{margin:0}.Amino_Tag-module__styledTagLeft--2XXDe.Amino_Tag-module__iconRight--LHvji svg{order:2}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagLeft--2XXDe{padding:2px 4px}.Amino_Tag-module__styledTagRight--5GHpr{align-items:center;border-radius:var(--amino-radius-6);display:inline-flex;padding:4px 5px}.Amino_Tag-module__base--z0-9- .Amino_Tag-module__styledTagRight--5GHpr{padding:2px 3px}.Amino_Tag-module__styledRemoveBtn--nSh7A{display:flex}");exports.Tag=function(e){var a=e.children,r=e.className,_=e.highlighted,t=void 0!==_&&_,g=e.icon,d=e.iconRight,m=e.intent,s=void 0===m?"default":m,u=e.onClick,c=e.onClose,p=e.size,T=void 0===p?"base":p,h=e.style;return i.jsxs("div",{className:l.default(r,n.tagWrapper,"base"===T&&n.base,"default"!==s?n[s]:"",t&&n.highlight),style:h,children:[i.jsxs("button",{className:l.default(n.styledTagLeft,d&&n.iconRight),onClick:u,type:"button",children:[g,i.jsx("p",{children:a})]}),i.jsx("button",{className:n.styledTagRight,onClick:c,type:"button",children:i.jsx("div",{className:n.styledRemoveBtn,children:i.jsx(o.RemoveIcon,{size:14})})})]})};