@gobolt/genesis 0.1.6 → 0.2.0

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

@@ -1,15 +1,44 @@
+import { ColumnType } from 'antd/es/table';
 import * as React from "react";
-export type Column = {
-    title: string;
-    dataIndex: string;
-    key: string;
-    render?: (text: any, record: any) => React.ReactNode;
-};
-export interface TableProps {
-    dataSource: unknown[];
-    columns: Column[];
-    rowKey?: string | ((record: any) => string);
+export type SelectionType = "checkbox" | "radio";
+export interface TableProps<T extends Record<string, any>> {
+    dataSource: T[];
+    columns: ColumnType<T>[];
+    rowKey?: keyof T | ((record: T) => React.Key);
     size?: "small" | "middle" | "large";
+    rowSelection?: {
+        type?: SelectionType;
+        selectedRowKeys?: React.Key[];
+        onChange?: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+        getCheckboxProps?: (record: T) => {
+            disabled?: boolean;
+            name?: string;
+        };
+    };
+    onChange?: (pagination: TablePaginationType, filters: Record<string, React.Key[]>, sorter: SorterResult<T> | SorterResult<T>[]) => void;
+    loading?: boolean;
+    pagination?: TablePaginationType | false;
+    scroll?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    bordered?: boolean;
+    locale?: {
+        emptyText?: React.ReactNode;
+    };
+    [key: string]: any;
 }
-declare const Table: ({ columns, dataSource, rowKey, size, ...props }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export type TablePaginationType = {
+    pageSize?: number;
+    current?: number;
+    total?: number;
+    onChange?: (page: number, pageSize: number) => void;
+};
+export type SorterResult<T> = {
+    column?: ColumnType<T>;
+    order?: "ascend" | "descend" | null;
+    field?: keyof T | string | React.Key | readonly React.Key[];
+    columnKey?: React.Key;
+};
+declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/components/Table/TableControls/PrimaryTableControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const c=require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const a=require("../../../index-DdF9CYRQ.cjs");require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');const u=require('../../Button/UtilityButton.[format === "es" ? "js" : "cjs"]'),l=require('../../Button/IconButton.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');const q=require('../../Input/Input.[format === "es" ? "js" : "cjs"]');require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');const d=require('../../Select/Select.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const o=require("../../../iconBase-C4boY5mo.cjs");function v(r){return o.GenIcon({attr:{viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{d:"M17 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM17 15.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM3.75 15a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0v-1.5a.75.75 0 0 1 .75-.75ZM4.5 2.75a.75.75 0 0 0-1.5 0v5.5a.75.75 0 0 0 1.5 0v-5.5ZM10 11a.75.75 0 0 1 .75.75v5.5a.75.75 0 0 1-1.5 0v-5.5A.75.75 0 0 1 10 11ZM10.75 2.75a.75.75 0 0 0-1.5 0v1.5a.75.75 0 0 0 1.5 0v-1.5ZM10 6a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM3.75 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM16.25 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"},child:[]}]})(r)}function x(r){return o.GenIcon({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"circle",attr:{cx:"12",cy:"12",r:"3"},child:[]},{tag:"path",attr:{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"},child:[]}]})(r)}const h=({sortOptions:r,onPrimaryChange:i,searchByPlaceholder:s="",onFilterClick:t,onSettingsClick:n})=>e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",width:"100%",minWidth:800},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e.jsx(q,{size:"normal",placeholder:s,prefix:e.jsx(a.HiSearch,{})}),t&&e.jsx(u,{isIconButton:!0,icon:e.jsx(v,{}),onClick:t}),n&&e.jsx(u,{isIconButton:!0,icon:e.jsx(x,{}),onClick:n})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[e.jsx(c.Typography,{variant:"body3",color:"#6C6C6C",children:"Sort by"}),r&&i?e.jsx(d,{options:r,defaultValue:r[0].value,variant:"simple",onChange:i}):null,e.jsx(l,{icon:e.jsx(a.HiOutlineSortDescending,{})})]})]});module.exports=h;

package/dist/components/Table/TableControls/PrimaryTableControls.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+type SortOption = {
+    value: string;
+    label: React.ReactNode;
+};
+type SortOptions = SortOption[] | null;
+export interface PrimaryTableControlsProps {
+    sortOptions: SortOptions;
+    onPrimaryChange: (value: string) => void;
+    searchByPlaceholder?: string;
+    onFilterClick?: () => void;
+    onSettingsClick?: () => void;
+}
+declare const PrimaryTableControls: ({ sortOptions, onPrimaryChange, searchByPlaceholder, onFilterClick, onSettingsClick, }: PrimaryTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default PrimaryTableControls;

package/dist/components/Table/TableControls/SecondaryTableControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');const n=require('../../Badge/Badge.[format === "es" ? "js" : "cjs"]');require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const l=require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');const q=require('../../../utils/icon-util.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const o=({title:i,items:t,onGroupItemClick:s})=>e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:24,height:24},children:q.getIcon(i)}),e.jsx("div",{style:{display:"flex",gap:4},children:t.map(r=>e.jsx(n,{label:r,hasClose:!0,state:"generic",size:"small",onClick:()=>s(i,r)}))})]}),a=({groups:i,onGroupItemClick:t})=>{if(!i)return null;const s=Object.entries(i).map(([r,u])=>({title:r,items:u}));return e.jsx("div",{style:{display:"flex",gap:4},children:s.map(r=>e.jsx(o,{title:r.title,items:r.items,onGroupItemClick:t},r.title))})},c=({groups:i,totalRecords:t,onGroupItemClick:s})=>e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end",marginTop:8},children:[e.jsx(a,{groups:i,onGroupItemClick:s}),t?e.jsx(l.Typography,{variant:"body2",color:"#6C6C6C",children:`${t} results`}):null]});module.exports=c;

package/dist/components/Table/TableControls/SecondaryTableControls.d.ts

@@ -0,0 +1,10 @@
+export type Groups = {
+    [key: string]: string[];
+};
+export interface SecondaryTableControlsProps {
+    groups: Groups | null;
+    totalRecords: number | null;
+    onGroupItemClick: (title: string, item: string) => void;
+}
+declare const SecondaryTableControls: ({ groups, totalRecords, onGroupItemClick, }: SecondaryTableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default SecondaryTableControls;

package/dist/components/Table/TableControls/TableControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),e=require('./PrimaryTableControls.[format === "es" ? "js" : "cjs"]'),t=require('./SecondaryTableControls.[format === "es" ? "js" : "cjs"]'),r=({primaryTableRowData:o,secondaryTableRowData:n})=>s.jsxs("div",{"data-testid":"TableControls",style:{margin:"16px 0px"},children:[s.jsx(e,{sortOptions:o.sortOptions,onPrimaryChange:o.onPrimaryChange,searchByPlaceholder:o.searchByPlaceholder,onFilterClick:o.onFilterClick,onSettingsClick:o.onSettingsClick}),n?s.jsx(t,{groups:n.groups,totalRecords:n.totalRecords,onGroupItemClick:n.onGroupItemClick}):null]});module.exports=r;

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

@@ -0,0 +1,8 @@
+import { PrimaryTableControlsProps } from './PrimaryTableControls';
+import { SecondaryTableControlsProps } from './SecondaryTableControls';
+export interface TableControlsProps {
+    primaryTableRowData: PrimaryTableControlsProps;
+    secondaryTableRowData: SecondaryTableControlsProps;
+}
+declare const TableControls: ({ primaryTableRowData, secondaryTableRowData, }: TableControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default TableControls;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as TableControls } from '../TableControls';
+declare const meta: Meta<typeof TableControls>;
+export default meta;
+type Story = StoryObj<typeof TableControls>;
+export declare const TableControlsStory: Story;

package/dist/components/Table/TableControls/__tests__/TableControls.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),t=require("../../../../setup-Lma-RJTH.cjs"),n=require('../../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');require("../../../../Typography-DCxwDJFP.cjs");require('../../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../../styles-BfoQ93tm.cjs");require('../../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../../styles-BEj8fZMe.cjs");require('../../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../../styles-BWTP_Zyu.cjs");require('../../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../../Typography/styles.[format === "es" ? "js" : "cjs"]');require('../../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const o=({children:r})=>{const u=n.useTheme().breakpoints.wide;return e.jsx("div",{children:e.jsxs("p",{children:["wide ",u]})})};describe("<TableControls />",()=>{beforeEach(()=>{vi.fn(),vi.fn()});const r=()=>t.customRender(e.jsx(o,{}));it("should render the debug theme component proving that the ThemeProvider is includes the GenesisProvider!",()=>{const{getByText:i}=r();expect(i("wide 1280")).toBeInTheDocument()})});

package/dist/components/Table/TableControls/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./TableControls.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/Table/TableControls/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableControls';
+export type { TableControlsProps } from './TableControls';

package/dist/components/Table/TableControls/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './TableControls.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Table/TableControls/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require('../../../utils/styled.[format === "es" ? "js" : "cjs"]'),l=({colors:e,borderRadius:s,sizing:t},i="primary",a="active")=>`
+  .class-name-here {
+   } 
+ `,o=r.styled.div`
+  ${({theme:e,type:s,state:t})=>l(e,s,t)}
+`;exports.StyledTableControls=o;exports.getGenesisClass=l;

package/dist/components/Table/TableControls/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const getGenesisClass: ({ colors, borderRadius, sizing }: {
+    colors: any;
+    borderRadius: any;
+    sizing: any;
+}, type?: string, state?: string) => string;
+export declare const StyledTableControls: any;

package/dist/components/Table/TableWithControls/TableWithControls.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),G=require("react"),S=require('../TableControls/TableControls.[format === "es" ? "js" : "cjs"]');require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');const k=require('../Table.[format === "es" ? "js" : "cjs"]');require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../Typography/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');const B=({tableData:y,tableControlsData:e,onUpdate:g})=>{var c,s,p,n,T;const[h,R]=G.useState((c=e==null?void 0:e.secondaryTableRowData)==null?void 0:c.groups),d={sortOptions:((s=e==null?void 0:e.primaryTableRowData)==null?void 0:s.sortOptions)??[],onPrimaryChange:(p=e==null?void 0:e.primaryTableRowData)==null?void 0:p.onPrimaryChange,searchByPlaceholder:(n=e==null?void 0:e.primaryTableRowData)==null?void 0:n.searchByPlaceholder},{dataSource:q,columns:o,onChange:w,rowSelection:x}=y,_=(u,m)=>{const i={...h};i[u]=i[u].filter(P=>P!==m),R(i),g({event:"groupItemClick",payload:{title:u,item:m}})},j={groups:((T=e==null?void 0:e.secondaryTableRowData)==null?void 0:T.groups)??null,totalRecords:q.length,onGroupItemClick:_};return r.jsxs(r.Fragment,{children:[r.jsx(S,{primaryTableRowData:d,secondaryTableRowData:j}),r.jsx(k,{dataSource:q,columns:o,onChange:w,rowSelection:x})]})};module.exports=B;

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

@@ -0,0 +1,12 @@
+import { TableProps } from '../../..';
+import { TableControlsProps } from '../TableControls';
+export interface TableWithControlsProps {
+    tableControlsData: TableControlsProps;
+    tableData: TableProps<Record<string, any>>;
+    onUpdate: (event: {
+        event: string;
+        payload: any;
+    }) => void;
+}
+declare const TableWithControls: ({ tableData, tableControlsData, onUpdate, }: TableWithControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default TableWithControls;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as TableWithControls } from '../TableWithControls';
+declare const meta: Meta<typeof TableWithControls>;
+export default meta;
+type Story = StoryObj<typeof TableWithControls>;
+export declare const Default: Story;

package/dist/components/Table/TableWithControls/__stories__/TableWithControlsStory.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),T=require("react"),m=require('../TableWithControls.[format === "es" ? "js" : "cjs"]'),C=require('../../use-table-hook.[format === "es" ? "js" : "cjs"]'),g=require('../../__mocks__/table-mocks.[format === "es" ? "js" : "cjs"]'),a={primaryTableRowData:{sortOptions:[{value:"2",label:s.jsx("span",{children:"Status"})},{value:"3",label:s.jsx("span",{children:"Type Status"})}],onPrimaryChange:e=>{console.log(`selected ${e}`)},searchByPlaceholder:"Search by Address"},secondaryTableRowData:{groups:{orders:["Cancelled","Paused"],warehouse:["D2C"],availability:["Out of Stock"]}}},D=()=>{const[e,l]=T.useState(a.secondaryTableRowData.groups),n={sortOptions:a.primaryTableRowData.sortOptions,onPrimaryChange:a.primaryTableRowData.onPrimaryChange,searchByPlaceholder:a.primaryTableRowData.searchByPlaceholder},{dataSource:t,columns:c,onChange:i,rowSelection:u}=C.useTableHook(g.mockColumns);if(!t)return null;const b=(o,d)=>{const r={...e};r[o]=r[o].filter(h=>h!==d),l(r)},p={groups:e,totalRecords:t.length,onGroupItemClick:b},y=o=>{console.log(o)};return s.jsx(m,{onUpdate:y,tableControlsData:{primaryTableRowData:n,secondaryTableRowData:p},tableData:{dataSource:t,columns:c,onChange:i,rowSelection:u}})};exports.TableWithControlsStory=D;

package/dist/components/Table/TableWithControls/__stories__/TableWithControlsStory.d.ts

@@ -0,0 +1 @@
+export declare const TableWithControlsStory: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/TableWithControls/__tests__/TableWithControls.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";describe("<TableWithControls />",()=>{it("should add 2 + 2",()=>{expect(4).toBe(4)})});

package/dist/components/Table/TableWithControls/__tests__/TableWithControls.test.d.ts

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

package/dist/components/Table/TableWithControls/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require('./TableWithControls.[format === "es" ? "js" : "cjs"]');module.exports=t;

package/dist/components/Table/TableWithControls/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableWithControls';
+export type { TableWithControlsProps } from './TableWithControls';

package/dist/components/Table/TableWithControls/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './TableWithControls.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Table/__mocks__/table-mocks.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require('../../Avatar/styles.[format === "es" ? "js" : "cjs"]');const t=require('../../Badge/Badge.[format === "es" ? "js" : "cjs"]');require('../../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');require("../../../Typography-DCxwDJFP.cjs");require('../../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../../Button/styles.[format === "es" ? "js" : "cjs"]');require('../../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../../Card/styles.[format === "es" ? "js" : "cjs"]');require('../../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');const a=require("react");require('../../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BfoQ93tm.cjs");require('../../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../../Message/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BEj8fZMe.cjs");require('../../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../../Select/styles.[format === "es" ? "js" : "cjs"]');require('../../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../../styles-BWTP_Zyu.cjs");require('../../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../../Toast/styles.[format === "es" ? "js" : "cjs"]');require('../../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('../../Typography/styles.[format === "es" ? "js" : "cjs"]');const i=e=>e&&e.replace(/([A-Z])/g," $1").replace(/^./,r=>r.toUpperCase()),u=[{key:"number",title:"Number",dataIndex:"number"},{key:"timeslot",title:"Timeslot",dataIndex:"timerange"},{key:"status",title:"Status",dataIndex:"status",render:e=>{const r={in_progress:"warning",scheduled:"generic",completed:"success"},s=e==="in_progress"?"in progress":e;return a.createElement(t,{label:i(s),state:r[e]})}},{key:"address",title:"Address",render:e=>{const{address:{nickname:r,address:s}}=e;return r?`${r} (${s})`:s}},{title:"Type",dataIndex:"job_subtype",render:e=>{const r={delivery:"info",pickup:"success"};return a.createElement(t,{label:i(e),state:r[e]})}}],d=u.map(e=>({...e}));d[1].sorter=!0;d[2].sorter=!0;d[4].sorter=!0;const n={appointments:[{id:"1",number:"1",timerange:"9:00 AM - 10:00 AM",status:"in_progress",address:{nickname:"Home",address:"123 Main St"},job_subtype:"delivery"},{id:"2",number:"2",timerange:"10:00 AM - 11:00 AM",status:"scheduled",address:{nickname:"Work",address:"456 Elm St"},job_subtype:"pickup"},{id:"3",number:"3",timerange:"11:00 AM - 12:00 PM",status:"scheduled",address:{nickname:"Store",address:"789 Oak St"},job_subtype:"delivery"},{id:"4",number:"4",timerange:"1:00 PM - 2:00 PM",status:"scheduled",address:{nickname:"Office",address:"321 Pine St"},job_subtype:"pickup"},{id:"5",number:"5",timerange:"2:00 PM - 3:00 PM",status:"scheduled",address:{nickname:"Library",address:"555 Book Lane"},job_subtype:"delivery"},{id:"6",number:"6",timerange:"3:00 PM - 4:00 PM",status:"scheduled",address:{nickname:"Gym",address:"777 Fitness Ave"},job_subtype:"pickup"},{id:"7",number:"7",timerange:"4:00 PM - 5:00 PM",status:"scheduled",address:{nickname:"Mall",address:"888 Shopping Center"},job_subtype:"delivery"},{id:"8",number:"8",timerange:"9:00 AM - 10:00 AM",status:"completed",address:{nickname:"School",address:"999 Education Rd"},job_subtype:"pickup"},{id:"9",number:"9",timerange:"10:00 AM - 11:00 AM",status:"scheduled",address:{nickname:"Restaurant",address:"111 Food Court"},job_subtype:"delivery"},{id:"10",number:"10",timerange:"11:00 AM - 12:00 PM",status:"scheduled",address:{nickname:"Park",address:"222 Green Ave"},job_subtype:"pickup"},{id:"11",number:"11",timerange:"1:00 PM - 2:00 PM",status:"scheduled",address:{nickname:"Beach",address:"333 Shore Dr"},job_subtype:"delivery"},{id:"12",number:"12",timerange:"2:00 PM - 3:00 PM",status:"scheduled",address:{nickname:"Hotel",address:"444 Stay Blvd"},job_subtype:"pickup"},{id:"13",number:"13",timerange:"3:00 PM - 4:00 PM",status:"scheduled",address:{nickname:"Airport",address:"666 Flight Way"},job_subtype:"delivery"},{id:"14",number:"14",timerange:"4:00 PM - 5:00 PM",status:"cancelled",address:{nickname:"Stadium",address:"777 Sports Complex"},job_subtype:"pickup"},{id:"15",number:"15",timerange:"9:00 AM - 10:00 AM",status:"scheduled",address:{nickname:"Theater",address:"888 Show Ave"},job_subtype:"delivery"},{id:"16",number:"16",timerange:"10:00 AM - 11:00 AM",status:"scheduled",address:{nickname:"Museum",address:"999 History Lane"},job_subtype:"pickup"},{id:"17",number:"17",timerange:"11:00 AM - 12:00 PM",status:"scheduled",address:{nickname:"Zoo",address:"123 Animal Park"},job_subtype:"delivery"},{id:"18",number:"18",timerange:"1:00 PM - 2:00 PM",status:"scheduled",address:{nickname:"Bank",address:"456 Money St"},job_subtype:"pickup"},{id:"19",number:"19",timerange:"2:00 PM - 3:00 PM",status:"scheduled",address:{nickname:"Post Office",address:"789 Mail Road"},job_subtype:"delivery"},{id:"20",number:"20",timerange:"3:00 PM - 4:00 PM",status:"scheduled",address:{nickname:"Church",address:"321 Faith Street"},job_subtype:"pickup"},{id:"21",number:"21",timerange:"4:00 PM - 5:00 PM",status:"scheduled",address:{nickname:"Pharmacy",address:"654 Health Ave"},job_subtype:"delivery"}]};exports.mockColumns=u;exports.mockColumnsWithSort=d;exports.mockDataSource=n;

package/dist/components/Table/__mocks__/table-mocks.d.ts

@@ -1,5 +1,5 @@
 import { ColumnsType } from 'antd/es/table';
-interface AppointmentWithSimpleAddress {
+export interface AppointmentWithSimpleAddress {
     id: string;
     number: string;
     timerange: string;
@@ -15,5 +15,6 @@ export interface MockDataSource {
 }
 type AppointmentStatus = "scheduled" | "completed" | "cancelled" | "in_progress";
 export declare const mockColumns: ColumnsType<AppointmentWithSimpleAddress>;
+export declare const mockColumnsWithSort: ColumnsType<AppointmentWithSimpleAddress>;
 export declare const mockDataSource: MockDataSource;
 export {};

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

@@ -0,0 +1,3 @@
+import { Meta } from '@storybook/react';
+declare const meta: Meta;
+export default meta;

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

@@ -3,4 +3,6 @@ import { default as Table } from '../Table';
 declare const meta: Meta<typeof Table>;
 export default meta;
 type Story = StoryObj<typeof Table>;
-export declare const TableStory: Story;
+export declare const SortColumns: Story;
+export declare const BulkCheckSelection: Story;
+export declare const RadioSelection: Story;

package/dist/components/Table/__stories__/use-table-hook.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require('../__mocks__/table-mocks.[format === "es" ? "js" : "cjs"]'),m=(o,e)=>{if(!e||Array.isArray(e)&&e.length===0)return[...o];if(Array.isArray(e))return[...o].sort((s,c)=>{for(const r of e){if(!r.field)continue;const t=r.field,n=s[t],a=c[t];if(n<a)return r.order==="ascend"?-1:1;if(n>a)return r.order==="ascend"?1:-1}return 0});if(e.field){const s=e.field;return[...o].sort((c,r)=>{const t=c[s],n=r[s];return e.order==="ascend"?t<n?-1:t>n?1:0:e.order==="descend"?t<n?1:t>n?-1:0:0})}return[...o]},b=(o=!1)=>{const[e,s]=i.useState([]),[c,r]=i.useState({dataSource:[],columns:[],error:null});i.useEffect(()=>{(async()=>{try{const u=(await(await fetch("/table/data")).json()).data||[];s(u),r({dataSource:u,columns:o?l.mockColumnsWithSort:l.mockColumns,error:null})}catch(a){console.error("Error fetching table data:",a),r({dataSource:[],columns:o?l.mockColumnsWithSort:l.mockColumns,error:a instanceof Error?a:new Error(String(a))})}})()},[o]);const t=i.useCallback((n,a,f)=>{setTimeout(()=>{const u=m(e,f);r(d=>({...d,dataSource:u}))},300)},[e]);return{...c,onChange:t}};exports.useTableHook=b;

package/dist/components/Table/__stories__/use-table-hook.d.ts

@@ -0,0 +1,9 @@
+import { AppointmentWithSimpleAddress } from '../__mocks__/table-mocks';
+import { ColumnsType } from 'antd/es/table';
+import { SorterResult, TablePaginationType } from '../Table';
+export declare const useTableHook: (hasSortedColumnsMock?: boolean) => {
+    onChange: (pagination: TablePaginationType, filters: Record<string, React.Key[]>, sorter: SorterResult<AppointmentWithSimpleAddress> | SorterResult<AppointmentWithSimpleAddress>[]) => void;
+    dataSource: AppointmentWithSimpleAddress[];
+    columns: ColumnsType<AppointmentWithSimpleAddress>;
+    error: Error | null;
+};

package/dist/components/Table/__tests__/Table.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("../../../setup-Lma-RJTH.cjs"),l=require('../Table.[format === "es" ? "js" : "cjs"]'),o=require('../__mocks__/table-mocks.[format === "es" ? "js" : "cjs"]');describe("<Table />",()=>{let a;beforeEach(()=>{a={columns:o.mockColumns,dataSource:o.mockDataSource.appointments,rowKey:"id"}});const c=()=>s.customRender(r.jsx(l,{...a}));it("should have data in the mock source",()=>{expect(o.mockDataSource.appointments).toBeDefined(),expect(o.mockDataSource.appointments.length).toBeGreaterThan(0)}),it("should render table with data",()=>{const{container:t}=c(),e=t.querySelector("table");expect(e).toBeInTheDocument();const n=t.querySelectorAll("tbody tr");expect(n.length).toBeGreaterThan(0)}),it("should render table headers correctly",()=>{const{getAllByRole:t}=c(),e=t("columnheader");expect(e).toHaveLength(o.mockColumns.length),expect(e[0]).toHaveTextContent("Number"),expect(e[1]).toHaveTextContent("Timeslot"),expect(e[2]).toHaveTextContent("Status"),expect(e[3]).toHaveTextContent("Address")}),it("should render table data correctly",()=>{const{getAllByRole:t}=c(),e=t("cell"),n=o.mockDataSource.appointments[0];expect(e[0]).toHaveTextContent(n.number),expect(e[1]).toHaveTextContent(n.timerange),expect(e[2]).toHaveTextContent("In progress"),expect(e[3]).toHaveTextContent(n.address.address)}),it("should handle empty data source",()=>{a.dataSource=[];const{container:t}=c(),e=t.querySelector(".ant-table-placeholder");expect(e).toBeInTheDocument(),expect(e).toHaveTextContent("No Data")})});

package/dist/components/Table/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./Table.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/Table/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Table.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Table/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../utils/styled.[format === "es" ? "js" : "cjs"]');const e=require("../../styles-BWTP_Zyu.cjs");exports.Table=e.Table;exports.getGenesisClass=e.getGenesisClass;

package/dist/components/Table/use-table-hook.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),h=(o,e)=>{if(!e||Array.isArray(e)&&e.length===0)return[...o];if(Array.isArray(e))return[...o].sort((c,l)=>{for(const n of e){if(!n.field)continue;const t=n.field,r=c[t],u=l[t];if(r<u)return n.order==="ascend"?-1:1;if(r>u)return n.order==="ascend"?1:-1}return 0});if(e.field){const c=e.field;return[...o].sort((l,n)=>{const t=l[c],r=n[c];return e.order==="ascend"?t<r?-1:t>r?1:0:e.order==="descend"?t<r?1:t>r?-1:0:0})}return[...o]},y=(o,e="checkbox")=>{const[c,l]=s.useState([]),[n,t]=s.useState({dataSource:[],columns:[],error:null}),[r,u]=s.useState([]);s.useEffect(()=>{(async()=>{try{const d=(await(await fetch("/table/data")).json()).data||[];l(d),t({dataSource:d,columns:o,error:null})}catch(a){console.error("Error fetching table data:",a),t({dataSource:[],columns:o,error:a instanceof Error?a:new Error(String(a))})}})()},[]);const S=s.useCallback((i,a,f)=>{setTimeout(()=>{const d=h(c,f);t(g=>({...g,dataSource:d}))},300)},[c]),b=s.useCallback((i,a)=>{console.log("Row Selected:",i,a),u(a)},[]);return{...n,onChange:S,rowSelection:{type:e,onChange:b,getCheckboxProps:i=>({disabled:!1,name:i.id})},selectedRows:r}};exports.useTableHook=y;

package/dist/components/Table/use-table-hook.d.ts

@@ -0,0 +1,23 @@
+import { ColumnsType, TablePaginationConfig } from 'antd/es/table';
+import { SelectionType } from './Table';
+type SorterResult<T> = {
+    column?: ColumnsType<T>[number];
+    order?: "ascend" | "descend" | null;
+    field?: keyof T | string;
+};
+export declare const useTableHook: <T extends Record<string, any>>(columns: ColumnsType<T>, selectionType?: SelectionType) => {
+    onChange: (pagination: TablePaginationConfig, filters: Record<string, React.Key[]>, sorter: SorterResult<T> | SorterResult<T>[]) => void;
+    rowSelection: {
+        type: SelectionType;
+        onChange: (selectedRowKeys: React.Key[], selectedRows: T[]) => void;
+        getCheckboxProps: (record: T) => {
+            disabled: boolean;
+            name: any;
+        };
+    };
+    selectedRows: T[];
+    dataSource: T[];
+    columns: ColumnsType<T>;
+    error: Error | null;
+};
+export {};

package/dist/components/Tabs/Tabs.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),i=require('./styles.[format === "es" ? "js" : "cjs"]'),o=({items:t,onChange:e,selectedId:s})=>{const a=t.map(({id:c,label:n})=>({key:c,label:n}));return r.jsx(i.Tabs,{items:a,activeKey:s,onChange:e,type:"card",state:"active"})};module.exports=o;

package/dist/components/Tabs/__tests__/Tabs.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),s=require("../../../setup-Lma-RJTH.cjs"),b=require('../Tabs.[format === "es" ? "js" : "cjs"]');describe("<Tabs />",()=>{const n=vi.fn(),c={selectedId:"tab1",onChange:n,items:[{id:"tab1",label:"Tab 1"},{id:"tab2",label:"Tab 2"}]},t=(e=c)=>s.customRender(a.jsx(b,{...e}));beforeEach(()=>{vi.clearAllMocks()}),it("renders all tab labels",()=>{const{getByText:e}=t();expect(e("Tab 1")).toBeInTheDocument(),expect(e("Tab 2")).toBeInTheDocument()}),it("shows the selected tab content",()=>{const{getByText:e}=t();expect(e("Tab 1")).toBeInTheDocument()}),it("calls onChange when clicking a different tab",()=>{const{getByText:e}=t();s.fireEvent.click(e("Tab 2")),expect(n).toHaveBeenCalledWith("tab2")}),it("shows the correct active tab based on selectedId",()=>{const e={...c,selectedId:"tab2"},{getByText:o}=t(e);expect(o("Tab 2")).toBeInTheDocument()})});

package/dist/components/Tabs/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const s=require('./Tabs.[format === "es" ? "js" : "cjs"]');module.exports=s;

package/dist/components/Tabs/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Tabs.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Tabs/{styles.js → styles.[format === /"es/" ? /"js/" : /"cjs/"]" }

@@ -1,6 +1,4 @@
-import { d as r } from "../../styled-components.browser.esm-C47QHsU4.js";
-import { T as n } from "../../index-BHCqeC4j.js";
-const i = ({ colors: t, borderRadius: e, sizing: a }, o = "primary", b = "active") => `
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),i=require("../../index-zDIwuuqH.cjs"),r=({colors:t,borderRadius:e,sizing:a},s="primary",b="active")=>`
   &.ant-tabs {
     background: #F4F4F4;
 
@@ -93,10 +91,6 @@ const i = ({ colors: t, borderRadius: e, sizing: a }, o = "primary", b = "active
       }
     }
   }
-`, l = r(n)`
-  ${({ theme: t, type: e, state: a }) => i(t, e, a)}
-`;
-export {
-  l as Tabs,
-  i as getGenesisClass
-};
+`,o=n.styled(i.Tabs)`
+  ${({theme:t,type:e,state:a})=>r(t,e,a)}
+`;exports.Tabs=o;exports.getGenesisClass=r;

package/dist/components/Tabs/styles.d.ts

@@ -1,11 +1,3 @@
 import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledTabsProps {
-    theme?: GenesisTheme;
-    state: "active" | "hovered" | "focussed" | "disabled";
-    type: "card";
-}
 export declare const getGenesisClass: ({ colors, borderRadius, sizing }: GenesisTheme, type?: string, state?: string) => string;
-export declare const Tabs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('antd').TabsProps, StyledTabsProps>> & string & Omit<import('react').FC<import('antd').TabsProps> & {
-    TabPane: import('react').FC<import('antd').TabPaneProps>;
-}, keyof import('react').Component<any, {}, any>>;
-export {};
+export declare const Tabs: any;

package/dist/components/Tile/Tile.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),o=require('./styles.[format === "es" ? "js" : "cjs"]'),l=({children:e,dataTestId:s,className:t,style:i,isHorizontal:r=!1})=>n.jsx(o.Tile,{className:t,"data-testid":s,style:i,$isHorizontal:r,children:e});module.exports=l;

package/dist/components/Tile/__tests__/Tile.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("../../../setup-Lma-RJTH.cjs"),r=require('../Tile.[format === "es" ? "js" : "cjs"]');describe("<Tile />",()=>{let e;beforeEach(()=>{e={children:"Test Content",dataTestId:"tile-test",className:"custom-tile"}});const o=()=>c.customRender(n.jsx(r,{...e}));it("should render with correct content",()=>{const{getByTestId:s}=o(),t=s(e.dataTestId);expect(t).toBeInTheDocument(),expect(t).toHaveTextContent("Test Content")}),it("should apply custom className",()=>{const{getByTestId:s}=o(),t=s(e.dataTestId);expect(t).toHaveClass("custom-tile")})});

package/dist/components/Tile/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require('./Tile.[format === "es" ? "js" : "cjs"]');module.exports=e;

package/dist/components/Tile/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Tile.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Tile/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),t=({sizing:e},s=!1)=>`
+    display: flex;
+    flex-direction: ${s?"row":"column"};
+    padding: ${e.Size4};
+ `,l=i.styled.div`
+  ${({theme:e,$isHorizontal:s})=>t(e,s)}
+`;exports.Tile=l;exports.getGenesisClass=t;

package/dist/components/Tile/styles.d.ts

@@ -1,10 +1,4 @@
-import { GenesisTheme } from '../../styles/theme/genesis-theme.types';
-interface StyledTileProps {
-    theme?: GenesisTheme;
-    $isHorizontal?: boolean;
-}
 export declare const getGenesisClass: ({ sizing }: {
     sizing: any;
 }, $isHorizontal?: boolean) => string;
-export declare const Tile: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTileProps>> & string;
-export {};
+export declare const Tile: any;

package/dist/components/Toast/Toast.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";require("react/jsx-runtime");require("../../constants/index.cjs.js");require('../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const r=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');require('../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../Button/Button.[format === "es" ? "js" : "cjs"]');require('../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../Card/styles.[format === "es" ? "js" : "cjs"]');require('../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BfoQ93tm.cjs");require('../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../Message/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BEj8fZMe.cjs");require('../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../Select/styles.[format === "es" ? "js" : "cjs"]');require('../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BWTP_Zyu.cjs");require('../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../Tooltip/styles.[format === "es" ? "js" : "cjs"]');require('./styles.[format === "es" ? "js" : "cjs"]');require("../../CloseOutlined-Bdhtz5G6.cjs");require("../../MinusCircleOutlined-d1WYK6RE.cjs");module.exports=r.Toast;

package/dist/components/Toast/__tests__/Toast.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),n=require("../../../setup-Lma-RJTH.cjs"),c=require("../../../Typography-DCxwDJFP.cjs"),i=require("../../../vi.B5EKKJdE-CoUxwxV9.cjs");describe("<Toast />",()=>{let e;beforeEach(()=>{e={message:"Test message",state:"info",close:i.vi.fn()}});const s=()=>n.customRender(r.jsx(c.Toast,{...e}));it("should render message correctly",()=>{const{getByText:t}=s(),o=t("Test message");expect(o).toBeInTheDocument()})});

package/dist/components/Toast/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const r=require("../../Typography-DCxwDJFP.cjs");module.exports=r.Toast;

package/dist/components/Toast/index.es.js

@@ -0,0 +1,4 @@
+import { T as f } from "../../Typography-BKm8uXM1.js";
+export {
+  f as default
+};

package/dist/components/Toast/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),i=require("../../constants/index.cjs.js"),n=s.styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({theme:t})=>t.sizing.Size4}px;
+  padding: ${({theme:t})=>t.sizing.Size3}px;
+  background-color: ${({theme:t,state:e})=>t.colors.surface.default};
+  border-left: ${({theme:t,state:e})=>`2px solid ${t.colors.status[e].default}`};
+  pointer-events: none;
+  cursor: default;
+  border-radius: ${({theme:t})=>t.borderRadius.BorderRadiusXs}px;
+  height: 56px;
+  width: ${({theme:t,state:e,size:o})=>o==="standard"?"340px":"240px"};
+  background-color: ${({theme:t,state:e})=>t.colors.surface.default};
+  box-shadow: 0px 4px 16px 0px #00000026;
+`,a=s.styled.button`
+  text-decoration: underline;
+  border: none;
+  background: none;
+  cursor: pointer;
+  pointer-events: all;
+`,r=s.styled.div`
+  display: flex;
+  align-items: center;
+  gap: ${({theme:t})=>t.sizing.Size2}px;
+  flex: 1;
+  max-width: ${({theme:t,state:e,size:o})=>o==="standard"?"340px":"240px"};
+
+  .ant-typography {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 16px;
+    font-family: ${({theme:t})=>t.typography.fontFamily};
+    line-height: ${({theme:t,size:e})=>e===i.SIZE.standard?t.typography.lineHeight:"16px"};
+  }
+`;exports.ToastCloseButton=a;exports.ToastContent=r;exports.ToastRow=n;

package/dist/components/Toast/styles.d.ts

@@ -1,9 +1,3 @@
-export declare const ToastRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    state: string;
-    size: string;
-}>> & string;
-export declare const ToastCloseButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ToastContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    state: string;
-    size: string;
-}>> & string;
+export declare const ToastRow: any;
+export declare const ToastCloseButton: any;
+export declare const ToastContent: any;

package/dist/components/Tooltip/Tooltip.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),u=require('./styles.[format === "es" ? "js" : "cjs"]');require('../Avatar/styles.[format === "es" ? "js" : "cjs"]');require('../Badge/styles.[format === "es" ? "js" : "cjs"]');require('../../providers/BreakpointProvider.[format === "es" ? "js" : "cjs"]');const q=require("../../Typography-DCxwDJFP.cjs");require('../../utils/styled.[format === "es" ? "js" : "cjs"]');require('../../styles/theme/genesis-theme.[format === "es" ? "js" : "cjs"]');const t=require("../../constants/index.cjs.js");require('../Breadcrumb/styles.[format === "es" ? "js" : "cjs"]');require('../Button/styles.[format === "es" ? "js" : "cjs"]');require('../Button/icon-button-styles.[format === "es" ? "js" : "cjs"]');require('../Card/styles.[format === "es" ? "js" : "cjs"]');require('../Checkbox/styles.[format === "es" ? "js" : "cjs"]');require('../DateRangePicker/DateRangePicker.[format === "es" ? "js" : "cjs"]');require("react");require('../ErrorBoundaryFallback/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BfoQ93tm.cjs");require('../Layout/Content/styles.[format === "es" ? "js" : "cjs"]');require('../Message/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/NotificationBadge/styles.[format === "es" ? "js" : "cjs"]');require('../Notification/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BEj8fZMe.cjs");require('../Progress/styles.[format === "es" ? "js" : "cjs"]');require('../Row/styles.[format === "es" ? "js" : "cjs"]');require('../../styles/global-styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowLabelValue/styles.[format === "es" ? "js" : "cjs"]');require('../Row/RowActions/styles.[format === "es" ? "js" : "cjs"]');require('../SegmentedControls/styles.[format === "es" ? "js" : "cjs"]');require('../Select/styles.[format === "es" ? "js" : "cjs"]');require('../Switch/styles.[format === "es" ? "js" : "cjs"]');require("../../styles-BWTP_Zyu.cjs");require('../Tabs/styles.[format === "es" ? "js" : "cjs"]');require('../Tile/styles.[format === "es" ? "js" : "cjs"]');require('../Toast/styles.[format === "es" ? "js" : "cjs"]');const o=({tip:r="",children:i})=>e.jsx(u.Tooltip,{"data-testid":"Tooltip",placement:"top",color:"white",title:e.jsx(q.Typography,{variant:t.TYPOGRAPHY_VARIANT.body1,children:r}),children:i});module.exports=o;

package/dist/components/Tooltip/__tests__/Tooltip.test.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),c=require("../../../setup-Lma-RJTH.cjs"),i=require('../Tooltip.[format === "es" ? "js" : "cjs"]');describe("<Tooltip />",()=>{let t;beforeEach(()=>{t={tip:"Tooltip content",children:n.jsx("div",{children:"Hover me"})}});const o=()=>c.customRender(n.jsx(i,{...t}));it("should render the tooltip with default props",()=>{const{getByText:e}=o();expect(e("Hover me")).toBeInTheDocument()}),it("should render with custom content",()=>{t.tip="Custom tooltip message";const{getByText:e}=o();expect(e("Hover me")).toBeInTheDocument()}),it("should render with custom children",()=>{t.children=n.jsx("button",{children:"Click me"});const{getByText:e}=o();expect(e("Click me")).toBeInTheDocument()})});

package/dist/components/Tooltip/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require('./Tooltip.[format === "es" ? "js" : "cjs"]');module.exports=o;

package/dist/components/Tooltip/index.es.js

@@ -0,0 +1,4 @@
+import { default as o } from './Tooltip.[format === "es" ? "js" : "cjs"]';
+export {
+  o as default
+};

package/dist/components/Tooltip/styles.[format === /"es/" ? /"js/" : /"cjs/"]"

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require('../../utils/styled.[format === "es" ? "js" : "cjs"]'),r=require("../../index-B2Z5NSa0.cjs"),i=({colors:e,borderRadius:t,sizing:s},n="primary",a="active")=>`
+  
+ `,l=o.styled(r.Tooltip)`
+  ${({theme:e,type:t,state:s})=>i(e,t,s)}
+`;exports.Tooltip=l;exports.getGenesisClass=i;