gd-design-library 1.8.2 → 1.8.3

package/components/molecules/Stepper/Stepper.d.cts

@@ -0,0 +1,2 @@
+import { StepperProps } from './Stepper.types.js';
+export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Stepper/Stepper.d.ts

@@ -1,2 +1,2 @@
-import { StepperProps } from './Stepper.types';
+import { StepperProps } from './Stepper.types.js';
 export declare const Stepper: import('react').ForwardRefExoticComponent<StepperProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Stepper/Stepper.types.d.cts

@@ -0,0 +1,31 @@
+import { ReactNode, MouseEvent, PropsWithChildren } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
+import { Theme } from '../../../hooks/useTheme/index.js';
+import { EnumOrPrimitive, StepStatus, StepValidationStatus } from '../../../types/index.js';
+export interface StepProps {
+    validationStatus?: EnumOrPrimitive<StepValidationStatus>;
+    customView?: ReactNode;
+    label?: ReactNode;
+}
+export type ContentViewProps = {
+    status: StepStatus;
+    theme: Theme;
+    validationStatus: EnumOrPrimitive<StepValidationStatus>;
+    customView: ReactNode;
+    isIconsView: boolean;
+};
+export interface StepperProps extends CommonCssComponentProps {
+    steps: StepProps[];
+    isIconsView?: boolean;
+    activeStep?: number;
+    onStepClick?: (idx: number, status: StepStatus, event: MouseEvent) => void;
+}
+export interface StepperStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface StepCommonStyledProps extends StepperStyledProps {
+    $status: StepStatus;
+}
+export interface StepEntityStyledProps extends StepCommonStyledProps {
+    $validationStatus: EnumOrPrimitive<StepValidationStatus>;
+}
+export type StepStyledProps = StepCommonStyledProps;

package/components/molecules/Stepper/Stepper.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode, MouseEvent, PropsWithChildren } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
-import { Theme } from '../../../hooks/useTheme';
-import { EnumOrPrimitive, StepStatus, StepValidationStatus } from '../../../types';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
+import { Theme } from '../../../hooks/useTheme/index.js';
+import { EnumOrPrimitive, StepStatus, StepValidationStatus } from '../../../types/index.js';
 export interface StepProps {
     validationStatus?: EnumOrPrimitive<StepValidationStatus>;
     customView?: ReactNode;

package/components/molecules/Stepper/StepperStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`);let n=require(`react`),r=require(`@emotion/react/jsx-runtime`);var i=(0,n.forwardRef)((n,i)=>{let{theme:{stepper:a,...o}={},styles:s={},...c}=n;return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),s],...c,ref:i})}),a=n=>{let{theme:{stepper:i,...a}={},$status:o,...s}=n,c=e.get(new Proxy(i||{},t.tokensHandler(a)),`separator`,{});return(0,r.jsx)(`div`,{css:[e.get(c,`default`,{}),e.get(c,o,{})],...s})},o=n=>{let{theme:{stepper:i,...a}={},$status:o,...s}=n,c=e.get(new Proxy(i||{},t.tokensHandler(a)),`step`,{});return(0,r.jsx)(`div`,{css:[e.get(c,`default`,{}),e.get(c,o,{})],...s})},s=n=>{let{theme:{stepper:i,...a}={},$status:o,$validationStatus:s,...c}=n,l=e.get(new Proxy(i||{},t.tokensHandler(a)),`stepIcon`,{});return(0,r.jsx)(`div`,{css:[e.get(l,`default`,{}),e.get(l,[o,`default`],{}),e.get(l,[o,s],{})],...c})},c=n=>{let{theme:{stepper:i,...a}={},$status:o,$validationStatus:s,...c}=n,l=e.get(new Proxy(i||{},t.tokensHandler(a)),`stepLabel`,{});return(0,r.jsx)(`div`,{css:[e.get(l,`default`,{}),e.get(l,o,{}),e.get(l,s,{})],...c})};exports.SeparatorStyled=a,exports.StepIconStyled=s,exports.StepLabelStyled=c,exports.StepStyled=o,exports.StepperStyled=i;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs");let n=require("react"),r=require("@emotion/react/jsx-runtime");var i=(0,n.forwardRef)((n,i)=>{let{theme:{stepper:a,...o}={},styles:s={},...c}=n;return(0,r.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),s],...c,ref:i})}),a=n=>{let{theme:{stepper:i,...a}={},$status:o,...s}=n,c=e.get(new Proxy(i||{},t.tokensHandler(a)),`separator`,{});return(0,r.jsx)(`div`,{css:[e.get(c,`default`,{}),e.get(c,o,{})],...s})},o=n=>{let{theme:{stepper:i,...a}={},$status:o,...s}=n,c=e.get(new Proxy(i||{},t.tokensHandler(a)),`step`,{});return(0,r.jsx)(`div`,{css:[e.get(c,`default`,{}),e.get(c,o,{})],...s})},s=n=>{let{theme:{stepper:i,...a}={},$status:o,$validationStatus:s,...c}=n,l=e.get(new Proxy(i||{},t.tokensHandler(a)),`stepIcon`,{});return(0,r.jsx)(`div`,{css:[e.get(l,`default`,{}),e.get(l,[o,`default`],{}),e.get(l,[o,s],{})],...c})},c=n=>{let{theme:{stepper:i,...a}={},$status:o,$validationStatus:s,...c}=n,l=e.get(new Proxy(i||{},t.tokensHandler(a)),`stepLabel`,{});return(0,r.jsx)(`div`,{css:[e.get(l,`default`,{}),e.get(l,o,{}),e.get(l,s,{})],...c})};exports.SeparatorStyled=a,exports.StepIconStyled=s,exports.StepLabelStyled=c,exports.StepStyled=o,exports.StepperStyled=i;

package/components/molecules/Stepper/StepperStyled.d.cts

@@ -0,0 +1,6 @@
+import { StepCommonStyledProps, StepEntityStyledProps, StepperStyledProps, StepStyledProps } from './Stepper.types.js';
+export declare const StepperStyled: import('react').ForwardRefExoticComponent<Omit<StepperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SeparatorStyled: (props: StepCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const StepStyled: (props: StepStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const StepIconStyled: (props: StepEntityStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const StepLabelStyled: (props: StepEntityStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/Stepper/StepperStyled.d.ts

@@ -1,4 +1,4 @@
-import { StepCommonStyledProps, StepEntityStyledProps, StepperStyledProps, StepStyledProps } from './Stepper.types';
+import { StepCommonStyledProps, StepEntityStyledProps, StepperStyledProps, StepStyledProps } from './Stepper.types.js';
 export declare const StepperStyled: import('react').ForwardRefExoticComponent<Omit<StepperStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const SeparatorStyled: (props: StepCommonStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const StepStyled: (props: StepStyledProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/Stepper/constants.cjs

@@ -1 +1 @@
-const e=require(`../../../tokens/colors.cjs`);var t=`Stepper`;e.colors.bg.default,e.colors.border.primary,e.colors.bg.fill.primary,e.colors.bg.default,e.colors.bg.fill.error.secondary.default,e.colors.bg.fill.error.secondary.default,e.colors.bg.fill.error.primary.default,e.colors.bg.fill.error.primary.default,exports.COMPONENT_NAME=t;
+const e=require("../../../tokens/colors.cjs");var t=`Stepper`;e.colors.bg.default,e.colors.border.primary,e.colors.bg.fill.primary,e.colors.bg.default,e.colors.bg.fill.error.secondary.default,e.colors.bg.fill.error.secondary.default,e.colors.bg.fill.error.primary.default,e.colors.bg.fill.error.primary.default,exports.COMPONENT_NAME=t;

package/components/molecules/Stepper/constants.d.cts

@@ -0,0 +1,36 @@
+export declare const COMPONENT_NAME = "Stepper";
+export declare const STEP_INDICES: {
+    readonly FIRST: 0;
+    readonly SECOND: 1;
+    readonly THIRD: 2;
+    readonly FOURTH: 3;
+};
+export declare const EXPECTED_TEXT: {
+    readonly currentStep: (num: number) => string;
+    readonly nextStep: (num: number) => string;
+    readonly complete: "Complete";
+    readonly congrats: "Congrats, completed!";
+    readonly errorLabel: "Is error on step - 2!";
+    readonly fixButton: "Click to fix it!";
+    readonly stepLabel: (num: number) => string;
+};
+export declare const STEP_STYLES: {
+    active: {
+        'background-color': string;
+        'border-color': string;
+    };
+    completed: {
+        'background-color': string;
+    };
+    future: {
+        'background-color': string;
+    };
+    error: {
+        'background-color': string;
+        'border-color': string;
+    };
+    failed: {
+        'background-color': string;
+        'border-color': string;
+    };
+};

package/components/molecules/Stepper/index.d.cts

@@ -0,0 +1,2 @@
+export * from './Stepper.js';
+export * from './Stepper.types.js';

package/components/molecules/Stepper/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Stepper';
-export * from './Stepper.types';
+export * from './Stepper.js';
+export * from './Stepper.types.js';

package/components/molecules/Stepper/utils.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../types/stepper.cjs`),n=require(`../../atoms/Icon/Icon.cjs`);let r=require(`@emotion/react/jsx-runtime`);var i=({status:i,validationStatus:a,customView:o,isIconsView:s,theme:c})=>{let l=a===t.StepValidationStatus.Error,u=e.get(c,`stepper.icons`,{});switch(i){case t.StepStatus.Complete:return l?(0,r.jsx)(n.Icon,{...e.get(u,`error`,{name:`cross`})}):s?(0,r.jsx)(n.Icon,{...e.get(u,`complete`,{name:`check`})}):o;case t.StepStatus.Inactive:return s?o||(0,r.jsx)(n.Icon,{...e.get(u,`inactive`,{name:`check`})}):o;case t.StepStatus.Active:return l?(0,r.jsx)(n.Icon,{...e.get(u,`errorActive`,{name:`cross`})}):s?o||(0,r.jsx)(n.Icon,{...e.get(u,`active`,{name:`check`})}):o;default:return o}};exports.getStepStatusIcon=i;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../types/stepper.cjs"),n=require("../../atoms/Icon/Icon.cjs");let r=require("@emotion/react/jsx-runtime");var i=({status:i,validationStatus:a,customView:o,isIconsView:s,theme:c})=>{let l=a===t.StepValidationStatus.Error,u=e.get(c,`stepper.icons`,{});switch(i){case t.StepStatus.Complete:return l?(0,r.jsx)(n.Icon,{...e.get(u,`error`,{name:`cross`})}):s?(0,r.jsx)(n.Icon,{...e.get(u,`complete`,{name:`check`})}):o;case t.StepStatus.Inactive:return s?o||(0,r.jsx)(n.Icon,{...e.get(u,`inactive`,{name:`check`})}):o;case t.StepStatus.Active:return l?(0,r.jsx)(n.Icon,{...e.get(u,`errorActive`,{name:`cross`})}):s?o||(0,r.jsx)(n.Icon,{...e.get(u,`active`,{name:`check`})}):o;default:return o}};exports.getStepStatusIcon=i;

package/components/molecules/Stepper/utils.d.cts

@@ -0,0 +1,2 @@
+import { ContentViewProps } from '../../index.js';
+export declare const getStepStatusIcon: ({ status, validationStatus, customView, isIconsView, theme }: ContentViewProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;

package/components/molecules/Stepper/utils.d.ts

@@ -1,2 +1,2 @@
-import { ContentViewProps } from '../..';
+import { ContentViewProps } from '../../index.js';
 export declare const getStepStatusIcon: ({ status, validationStatus, customView, isIconsView, theme }: ContentViewProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;

package/components/molecules/Table/Table.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useLogger/useLogger.cjs`),n=require(`../../../hooks/useTheme/useTheme.cjs`),r=require(`./constants.cjs`),i=require(`./TableStyled.cjs`),a=require(`./TableHead.cjs`),o=require(`./TableBody.cjs`),s=require(`./TableFooter.cjs`),c=require(`./TableRow.cjs`),l=require(`./TableCell.cjs`),ee=require(`./TableHeaderCell.cjs`),u=require(`./TablePagination.cjs`);let d=require(`react`),f=require(`@emotion/react/jsx-runtime`);var te=(e,t)=>t.render?t.render(e,0):typeof t.accessor==`string`?e[t.accessor]:null,p=(0,d.forwardRef)(({columns:p,data:m,stickyHeader:h=!1,stickyFooter:g=!1,stickyPagination:_=!1,footer:v,virtualized:y=!1,rowHeight:b=48,expandableRows:x=!1,renderExpandedContent:S,pagination:C=!1,pageSize:w=r.DEFAULT_PAGE_SIZES[0],pageSizes:T=r.DEFAULT_PAGE_SIZES,minVisibleRange:E=20,onPageChange:D,onPageSizeChange:O,renderHeader:k,emptyState:A,loading:ne=!1,loadingState:j,...M},N)=>{let{theme:P}=n.useTheme(),F=t.useLogger(),I=(0,d.useRef)(null),L=(0,d.useRef)(null),R=(0,d.useRef)(null),[z,B]=(0,d.useState)(0),[V,H]=(0,d.useState)(w),[U,re]=(0,d.useState)(new Set),[W,G]=(0,d.useState)({start:0,end:0}),K=(0,d.useRef)({start:0,end:0}),q=(0,d.useRef)(0),J=m,ie=(0,d.useMemo)(()=>{if(!C)return J;let e=z*V,t=e+V;return J.slice(e,t)},[J,z,V,C]),Y=y?J:ie;(0,d.useEffect)(()=>{if(!y){G({start:0,end:Y.length});return}let e=()=>{let e=I.current?.parentElement;if(!e){G({start:0,end:Math.min(E,Y.length)});return}let t=e.scrollTop||0,n=e.clientHeight-(h?q.current:0),r=Math.max(0,Math.floor(t/b)-1),i=Math.ceil(n/b),a={start:r,end:Math.min(r+i+3,Y.length)};G(a),K.current=a},t=I.current?.parentElement,n=null;return t&&(e(),t.addEventListener(`scroll`,e),n=new ResizeObserver(e),n.observe(t)),()=>{t?.removeEventListener(`scroll`,e),n?.disconnect()}},[y,Y.length,b,E,h]);let X=(0,d.useCallback)(()=>{if(!h)return 0;let e=R.current||I.current?.querySelector(`thead`);if(!e)return q.current=0,0;let t=e.getBoundingClientRect().height;return q.current=t,t},[h]);(0,d.useEffect)(()=>{X();let e=new ResizeObserver(X),t=R.current||I.current?.querySelector(`thead`);return t&&e.observe(t),()=>{e.disconnect()}},[p,k,X]),(0,d.useImperativeHandle)(N,()=>({ref:I,scrollToRow:e=>{let t=I.current?.parentElement;if(!t){F.debug(`${r.COMPONENT_NAME}: Cannot scroll to row - container not found`,{index:e});return}let n=Math.max(0,e-1),i=Math.max(0,Math.min(n,Y.length-1)),a=L.current;if(!a){F.debug(`${r.COMPONENT_NAME}: Cannot scroll to row - tbody not found`,{index:e});return}let o=X(),s=()=>{let e=Array.from(a.querySelectorAll(`tr`)),t=[];if(e.forEach(e=>{let n=e.querySelectorAll(`td, th`);if(n.length===1){let r=n[0],i=r.hasAttribute(`colspan`),a=window.getComputedStyle(r).padding;i&&(a===`0px`||r.style.padding===`0px`)||t.push(e)}else t.push(e)}),y){let e=K.current.start,n=K.current.end;if(i>=e&&i<n){let n=i-e,r=+(e>0)+n;if(r<t.length)return t[r]}return null}else if(i<t.length)return t[i];return null},c=s();if(c){let e=c.getBoundingClientRect(),n=t.getBoundingClientRect(),a=e.top-n.top+t.scrollTop,s=a-o;t.scrollTo({top:Math.max(0,s),behavior:`smooth`}),F.debug(`${r.COMPONENT_NAME}: Scroll to row (direct)`,{index:i,targetScrollTop:s,rowTopRelativeToContainer:a,headerHeight:o,rowRectTop:e.top,containerRectTop:n.top,containerScrollTop:t.scrollTop})}else{let e=i*b;t.scrollTop=e;let n=(a=0)=>{if(a>20){let n=X(),a=e;t.scrollTo({top:Math.max(0,a),behavior:`smooth`}),F.debug(`${r.COMPONENT_NAME}: Scroll to row (fallback after timeout)`,{index:i,scrollTop:a,headerHeight:n});return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(c=s(),c){let e=c.getBoundingClientRect(),n=t.getBoundingClientRect(),o=X(),s=e.top-n.top+t.scrollTop,l=s-o;t.scrollTo({top:Math.max(0,l),behavior:`smooth`}),F.debug(`${r.COMPONENT_NAME}: Scroll to row (after render)`,{index:i,targetScrollTop:l,rowTopRelativeToContainer:s,headerHeight:o,attempts:a})}else n(a+1)})})};setTimeout(()=>{n()},50)}},scrollToTop:()=>{let e=I.current?.parentElement;e&&e.scrollTo({top:0,behavior:`smooth`})},scrollToBottom:()=>{let e=I.current?.parentElement;e&&e.scrollTo({top:e.scrollHeight,behavior:`smooth`})}}));let ae=(0,d.useCallback)(e=>{F.debug(`${r.COMPONENT_NAME}: Page change`,{page:e}),B(e),D?.(e)},[D,F]),oe=(0,d.useCallback)(e=>{F.debug(`${r.COMPONENT_NAME}: Page size change`,{pageSize:e}),H(e),B(0),O?.(e)},[O,F]),Z=(0,d.useCallback)(e=>{let t=new Set(U);t.has(e)?t.delete(e):t.add(e),re(t),F.debug(`${r.COMPONENT_NAME}: Row expand/collapse`,{rowId:e,expanded:t.has(e)})},[U,F]),Q=(0,d.useCallback)((e,t)=>{let n=e.id;return(0,f.jsx)(c.TableRow,{expanded:U.has(n),expandable:x,onExpand:()=>Z(n),children:p.map(t=>{let n=t.width?typeof t.width==`number`?`${t.width}px`:t.width:void 0;return(0,f.jsx)(l.TableCell,{styles:n?{width:n,minWidth:n,maxWidth:n}:void 0,children:te(e,t)},`column-${t.id}`)})},n??`row-${t}`)},[p,U,x,Z]),$=(0,d.useCallback)((e,t)=>{if(!S)return null;let n=e.id;return U.has(n)?(0,f.jsx)(c.TableRow,{children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,children:S(e,t)})},`${n}-expanded`):null},[p,U,x,S]);return ne&&j?j:m.length===0&&A?A:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(i.TableStyled,{ref:I,theme:P,"data-testid":r.COMPONENT_NAME,...e.convertToInlineBoxStyles(M),children:[(0,f.jsx)(a.TableHead,{ref:R,sticky:h,children:k?k(p):(0,f.jsx)(c.TableRow,{isHeader:!0,children:p.map(e=>{let t=e.width?typeof e.width==`number`?`${e.width}px`:e.width:void 0;return(0,f.jsx)(ee.TableHeaderCell,{styles:t?{width:t,minWidth:t,maxWidth:t}:void 0,children:e.label},e.id)})})}),y?(0,f.jsxs)(o.TableBody,{ref:L,children:[W.start>0&&(0,f.jsx)(c.TableRow,{children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,styles:{height:`${W.start*b}px`,padding:0}})}),Y.slice(W.start,W.end).map((e,t)=>{let n=W.start+t;return(0,f.jsxs)(d.Fragment,{children:[Q(e,n),$(e,n)]},`virtualized-visible-row-${n}-${t}`)}),W.end<Y.length&&(0,f.jsx)(c.TableRow,{children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,styles:{height:`${(Y.length-W.end)*b}px`,padding:0}})})]}):(0,f.jsx)(o.TableBody,{ref:L,children:Y.map((e,t)=>(0,f.jsxs)(d.Fragment,{children:[Q(e,t),$(e,t)]},`visible-row-${t}`))}),v&&(0,f.jsx)(s.TableFooter,{sticky:g,children:(0,f.jsx)(c.TableRow,{isFooter:!0,children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,children:v})})})]}),C&&(0,f.jsx)(u.TablePagination,{page:z,pageSize:V,totalItems:J.length,pageSizes:T,sticky:_,onPageChange:ae,onPageSizeChange:oe})]})});p.displayName=r.COMPONENT_NAME,exports.Table=p;
+"use client";const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useLogger/useLogger.cjs"),n=require("../../../hooks/useTheme/useTheme.cjs"),r=require("./constants.cjs"),i=require("./TableStyled.cjs"),a=require("./TableHead.cjs"),o=require("./TableBody.cjs"),s=require("./TableFooter.cjs"),c=require("./TableRow.cjs"),l=require("./TableCell.cjs"),ee=require("./TableHeaderCell.cjs"),u=require("./TablePagination.cjs");let d=require("react"),f=require("@emotion/react/jsx-runtime");var te=(e,t)=>t.render?t.render(e,0):typeof t.accessor==`string`?e[t.accessor]:null,p=(0,d.forwardRef)(({columns:p,data:m,stickyHeader:h=!1,stickyFooter:g=!1,stickyPagination:_=!1,footer:v,virtualized:y=!1,rowHeight:b=48,expandableRows:x=!1,renderExpandedContent:S,pagination:C=!1,pageSize:w=r.DEFAULT_PAGE_SIZES[0],pageSizes:T=r.DEFAULT_PAGE_SIZES,minVisibleRange:E=20,onPageChange:D,onPageSizeChange:O,renderHeader:k,emptyState:A,loading:ne=!1,loadingState:j,...M},N)=>{let{theme:P}=n.useTheme(),F=t.useLogger(),I=(0,d.useRef)(null),L=(0,d.useRef)(null),R=(0,d.useRef)(null),[z,B]=(0,d.useState)(0),[V,H]=(0,d.useState)(w),[U,re]=(0,d.useState)(new Set),[W,G]=(0,d.useState)({start:0,end:0}),K=(0,d.useRef)({start:0,end:0}),q=(0,d.useRef)(0),J=m,ie=(0,d.useMemo)(()=>{if(!C)return J;let e=z*V,t=e+V;return J.slice(e,t)},[J,z,V,C]),Y=y?J:ie;(0,d.useEffect)(()=>{if(!y){G({start:0,end:Y.length});return}let e=()=>{let e=I.current?.parentElement;if(!e){G({start:0,end:Math.min(E,Y.length)});return}let t=e.scrollTop||0,n=e.clientHeight-(h?q.current:0),r=Math.max(0,Math.floor(t/b)-1),i=Math.ceil(n/b),a={start:r,end:Math.min(r+i+3,Y.length)};G(a),K.current=a},t=I.current?.parentElement,n=null;return t&&(e(),t.addEventListener(`scroll`,e),n=new ResizeObserver(e),n.observe(t)),()=>{t?.removeEventListener(`scroll`,e),n?.disconnect()}},[y,Y.length,b,E,h]);let X=(0,d.useCallback)(()=>{if(!h)return 0;let e=R.current||I.current?.querySelector(`thead`);if(!e)return q.current=0,0;let t=e.getBoundingClientRect().height;return q.current=t,t},[h]);(0,d.useEffect)(()=>{X();let e=new ResizeObserver(X),t=R.current||I.current?.querySelector(`thead`);return t&&e.observe(t),()=>{e.disconnect()}},[p,k,X]),(0,d.useImperativeHandle)(N,()=>({ref:I,scrollToRow:e=>{let t=I.current?.parentElement;if(!t){F.debug(`${r.COMPONENT_NAME}: Cannot scroll to row - container not found`,{index:e});return}let n=Math.max(0,e-1),i=Math.max(0,Math.min(n,Y.length-1)),a=L.current;if(!a){F.debug(`${r.COMPONENT_NAME}: Cannot scroll to row - tbody not found`,{index:e});return}let o=X(),s=()=>{let e=Array.from(a.querySelectorAll(`tr`)),t=[];if(e.forEach(e=>{let n=e.querySelectorAll(`td, th`);if(n.length===1){let r=n[0],i=r.hasAttribute(`colspan`),a=window.getComputedStyle(r).padding;i&&(a===`0px`||r.style.padding===`0px`)||t.push(e)}else t.push(e)}),y){let e=K.current.start,n=K.current.end;if(i>=e&&i<n){let n=i-e,r=+(e>0)+n;if(r<t.length)return t[r]}return null}else if(i<t.length)return t[i];return null},c=s();if(c){let e=c.getBoundingClientRect(),n=t.getBoundingClientRect(),a=e.top-n.top+t.scrollTop,s=a-o;t.scrollTo({top:Math.max(0,s),behavior:`smooth`}),F.debug(`${r.COMPONENT_NAME}: Scroll to row (direct)`,{index:i,targetScrollTop:s,rowTopRelativeToContainer:a,headerHeight:o,rowRectTop:e.top,containerRectTop:n.top,containerScrollTop:t.scrollTop})}else{let e=i*b;t.scrollTop=e;let n=(a=0)=>{if(a>20){let n=X(),a=e;t.scrollTo({top:Math.max(0,a),behavior:`smooth`}),F.debug(`${r.COMPONENT_NAME}: Scroll to row (fallback after timeout)`,{index:i,scrollTop:a,headerHeight:n});return}requestAnimationFrame(()=>{requestAnimationFrame(()=>{if(c=s(),c){let e=c.getBoundingClientRect(),n=t.getBoundingClientRect(),o=X(),s=e.top-n.top+t.scrollTop,l=s-o;t.scrollTo({top:Math.max(0,l),behavior:`smooth`}),F.debug(`${r.COMPONENT_NAME}: Scroll to row (after render)`,{index:i,targetScrollTop:l,rowTopRelativeToContainer:s,headerHeight:o,attempts:a})}else n(a+1)})})};setTimeout(()=>{n()},50)}},scrollToTop:()=>{let e=I.current?.parentElement;e&&e.scrollTo({top:0,behavior:`smooth`})},scrollToBottom:()=>{let e=I.current?.parentElement;e&&e.scrollTo({top:e.scrollHeight,behavior:`smooth`})}}));let ae=(0,d.useCallback)(e=>{F.debug(`${r.COMPONENT_NAME}: Page change`,{page:e}),B(e),D?.(e)},[D,F]),oe=(0,d.useCallback)(e=>{F.debug(`${r.COMPONENT_NAME}: Page size change`,{pageSize:e}),H(e),B(0),O?.(e)},[O,F]),Z=(0,d.useCallback)(e=>{let t=new Set(U);t.has(e)?t.delete(e):t.add(e),re(t),F.debug(`${r.COMPONENT_NAME}: Row expand/collapse`,{rowId:e,expanded:t.has(e)})},[U,F]),Q=(0,d.useCallback)((e,t)=>{let n=e.id;return(0,f.jsx)(c.TableRow,{expanded:U.has(n),expandable:x,onExpand:()=>Z(n),children:p.map(t=>{let n=t.width?typeof t.width==`number`?`${t.width}px`:t.width:void 0;return(0,f.jsx)(l.TableCell,{styles:n?{width:n,minWidth:n,maxWidth:n}:void 0,children:te(e,t)},`column-${t.id}`)})},n??`row-${t}`)},[p,U,x,Z]),$=(0,d.useCallback)((e,t)=>{if(!S)return null;let n=e.id;return U.has(n)?(0,f.jsx)(c.TableRow,{children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,children:S(e,t)})},`${n}-expanded`):null},[p,U,x,S]);return ne&&j?j:m.length===0&&A?A:(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(i.TableStyled,{ref:I,theme:P,"data-testid":r.COMPONENT_NAME,...e.convertToInlineBoxStyles(M),children:[(0,f.jsx)(a.TableHead,{ref:R,sticky:h,children:k?k(p):(0,f.jsx)(c.TableRow,{isHeader:!0,children:p.map(e=>{let t=e.width?typeof e.width==`number`?`${e.width}px`:e.width:void 0;return(0,f.jsx)(ee.TableHeaderCell,{styles:t?{width:t,minWidth:t,maxWidth:t}:void 0,children:e.label},e.id)})})}),y?(0,f.jsxs)(o.TableBody,{ref:L,children:[W.start>0&&(0,f.jsx)(c.TableRow,{children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,styles:{height:`${W.start*b}px`,padding:0}})}),Y.slice(W.start,W.end).map((e,t)=>{let n=W.start+t;return(0,f.jsxs)(d.Fragment,{children:[Q(e,n),$(e,n)]},`virtualized-visible-row-${n}-${t}`)}),W.end<Y.length&&(0,f.jsx)(c.TableRow,{children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,styles:{height:`${(Y.length-W.end)*b}px`,padding:0}})})]}):(0,f.jsx)(o.TableBody,{ref:L,children:Y.map((e,t)=>(0,f.jsxs)(d.Fragment,{children:[Q(e,t),$(e,t)]},`visible-row-${t}`))}),v&&(0,f.jsx)(s.TableFooter,{sticky:g,children:(0,f.jsx)(c.TableRow,{isFooter:!0,children:(0,f.jsx)(l.TableCell,{colSpan:p.length+ +!!x,children:v})})})]}),C&&(0,f.jsx)(u.TablePagination,{page:z,pageSize:V,totalItems:J.length,pageSizes:T,sticky:_,onPageChange:ae,onPageSizeChange:oe})]})});p.displayName=r.COMPONENT_NAME,exports.Table=p;

package/components/molecules/Table/Table.d.cts

@@ -0,0 +1,2 @@
+import { TableProps, TableRef } from './Table.types.js';
+export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<TableRef>>;

package/components/molecules/Table/Table.d.ts

@@ -1,2 +1,2 @@
-import { TableProps, TableRef } from './Table.types';
+import { TableProps, TableRef } from './Table.types.js';
 export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<TableRef>>;

package/components/molecules/Table/Table.types.d.cts

@@ -0,0 +1,98 @@
+import { ReactNode, Ref, PropsWithChildren } from 'react';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps } from '../../index.js';
+export interface TableProps extends BoxCssComponentProps, PropsWithChildren {
+    columns: TableColumn[];
+    data: TableRowData[];
+    stickyHeader?: boolean;
+    stickyFooter?: boolean;
+    stickyPagination?: boolean;
+    virtualized?: boolean;
+    rowHeight?: number;
+    minVisibleRange?: number;
+    expandableRows?: boolean;
+    renderExpandedContent?: (row: any, index: number) => ReactNode;
+    footer?: ReactNode;
+    pagination?: boolean;
+    pageSize?: number;
+    pageSizes?: number[];
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    renderHeader?: (columns: TableColumn[]) => ReactNode;
+    emptyState?: ReactNode;
+    loading?: boolean;
+    loadingState?: ReactNode;
+}
+export interface TableHeaderCellProps extends BoxCssComponentProps<HTMLTableCellElement>, PropsWithChildren {
+    colSpan?: number;
+}
+export interface TableRowProps extends BoxCssComponentProps<HTMLTableRowElement>, PropsWithChildren {
+    rowSpan?: number;
+    expanded?: boolean;
+    isHeader?: boolean;
+    isFooter?: boolean;
+    expandable?: boolean;
+    onExpand?: () => void;
+    onClick?: () => void;
+}
+export interface TableCellProps extends BoxCssComponentProps, PropsWithChildren {
+    colSpan?: number;
+}
+export interface TableColumn {
+    id: string;
+    label: ReactNode;
+    render?: (row: any, index: number) => ReactNode;
+    accessor?: string;
+    width?: string | number;
+}
+export interface BaseTableRowData {
+    id: string | number;
+}
+export type TableRowData<T extends Record<string, unknown> = Record<string, unknown>> = BaseTableRowData & Partial<T>;
+export interface TableRef {
+    ref: Ref<HTMLTableElement>;
+    scrollToRow?: (index: number) => void;
+    scrollToTop?: () => void;
+    scrollToBottom?: () => void;
+}
+export interface TableHeadProps extends BoxCssComponentProps, PropsWithChildren {
+    sticky?: boolean;
+}
+export interface TableBodyProps extends BoxCssComponentProps, PropsWithChildren {
+    virtualized?: boolean;
+    rowHeight?: number;
+    itemCount?: number;
+}
+export interface TableFooterProps extends BoxCssComponentProps, PropsWithChildren {
+    sticky?: boolean;
+}
+type Translations = Record<'perPage' | 'total', string>;
+export interface TablePaginationProps {
+    page: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizes?: number[];
+    translations?: Translations;
+    sticky?: boolean;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+}
+export type TableStyledProps = CommonCssComponentStyledProps;
+export type TableHeadStyledProps = CommonCssComponentStyledProps & {
+    $sticky?: boolean;
+};
+export type TableBodyStyledProps = CommonCssComponentStyledProps;
+export type TableFooterStyledProps = CommonCssComponentStyledProps & {
+    $sticky?: boolean;
+};
+export type TablePaginationStyledProps = CommonCssComponentStyledProps & {
+    $sticky?: boolean;
+};
+export type TableCellStyledProps = CommonCssComponentStyledProps;
+export type TableHeaderCellStyledProps = BoxCssComponentStyledProps<HTMLTableCellElement>;
+export interface TableRowStyledProps extends BoxCssComponentStyledProps<HTMLTableCellElement> {
+    $isHeader?: boolean;
+    $isFooter?: boolean;
+    $expanded?: boolean;
+    $expandable?: boolean;
+}
+export {};

package/components/molecules/Table/Table.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, Ref, PropsWithChildren } from 'react';
-import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps } from '../..';
+import { BoxCssComponentProps, BoxCssComponentStyledProps, CommonCssComponentStyledProps } from '../../index.js';
 export interface TableProps extends BoxCssComponentProps, PropsWithChildren {
     columns: TableColumn[];
     data: TableRowData[];

package/components/molecules/Table/TableBody.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TableStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:i,styles:o={},...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableBodyStyled,{ref:c,theme:l,"data-testid":n.TABLE_BODY_COMPONENT,styles:o,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_BODY_COMPONENT,exports.TableBody=o;
+const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TableStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:i,styles:o={},...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableBodyStyled,{ref:c,theme:l,"data-testid":n.TABLE_BODY_COMPONENT,styles:o,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_BODY_COMPONENT,exports.TableBody=o;

package/components/molecules/Table/TableBody.d.cts

@@ -0,0 +1,2 @@
+import { TableBodyProps } from './Table.types.js';
+export declare const TableBody: import('react').ForwardRefExoticComponent<TableBodyProps & import('react').RefAttributes<HTMLTableSectionElement>>;

package/components/molecules/Table/TableBody.d.ts

@@ -1,2 +1,2 @@
-import { TableBodyProps } from './Table.types';
+import { TableBodyProps } from './Table.types.js';
 export declare const TableBody: import('react').ForwardRefExoticComponent<TableBodyProps & import('react').RefAttributes<HTMLTableSectionElement>>;

package/components/molecules/Table/TableCell.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TableStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:i,styles:o={},...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableCellStyled,{ref:c,theme:l,"data-testid":n.TABLE_CELL_COMPONENT,styles:o,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_CELL_COMPONENT,exports.TableCell=o;
+const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TableStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:i,styles:o={},...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableCellStyled,{ref:c,theme:l,"data-testid":n.TABLE_CELL_COMPONENT,styles:o,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_CELL_COMPONENT,exports.TableCell=o;

package/components/molecules/Table/TableCell.d.cts

@@ -0,0 +1,2 @@
+import { TableCellProps } from './Table.types.js';
+export declare const TableCell: import('react').ForwardRefExoticComponent<TableCellProps & import('react').RefAttributes<HTMLTableCellElement>>;

package/components/molecules/Table/TableCell.d.ts

@@ -1,2 +1,2 @@
-import { TableCellProps } from './Table.types';
+import { TableCellProps } from './Table.types.js';
 export declare const TableCell: import('react').ForwardRefExoticComponent<TableCellProps & import('react').RefAttributes<HTMLTableCellElement>>;

package/components/molecules/Table/TableFooter.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TableStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:i,sticky:o=!1,styles:s={},...c},l)=>{let{theme:u}=t.useTheme();return(0,a.jsx)(r.TableFooterStyled,{ref:l,theme:u,$sticky:o,"data-testid":n.TABLE_FOOTER_COMPONENT,styles:s,...e.convertToInlineBoxStyles(c),children:i})});o.displayName=n.TABLE_FOOTER_COMPONENT,exports.TableFooter=o;
+const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TableStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:i,sticky:o=!1,styles:s={},...c},l)=>{let{theme:u}=t.useTheme();return(0,a.jsx)(r.TableFooterStyled,{ref:l,theme:u,$sticky:o,"data-testid":n.TABLE_FOOTER_COMPONENT,styles:s,...e.convertToInlineBoxStyles(c),children:i})});o.displayName=n.TABLE_FOOTER_COMPONENT,exports.TableFooter=o;

package/components/molecules/Table/TableFooter.d.cts

@@ -0,0 +1,2 @@
+import { TableFooterProps } from './Table.types.js';
+export declare const TableFooter: import('react').ForwardRefExoticComponent<TableFooterProps & import('react').RefAttributes<HTMLTableSectionElement>>;

package/components/molecules/Table/TableFooter.d.ts

@@ -1,2 +1,2 @@
-import { TableFooterProps } from './Table.types';
+import { TableFooterProps } from './Table.types.js';
 export declare const TableFooter: import('react').ForwardRefExoticComponent<TableFooterProps & import('react').RefAttributes<HTMLTableSectionElement>>;

package/components/molecules/Table/TableHead.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TableStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:i,sticky:o=!1,...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableHeadStyled,{ref:c,theme:l,$sticky:o,"data-testid":n.TABLE_HEAD_COMPONENT,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_HEAD_COMPONENT,exports.TableHead=o;
+const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TableStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:i,sticky:o=!1,...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableHeadStyled,{ref:c,theme:l,$sticky:o,"data-testid":n.TABLE_HEAD_COMPONENT,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_HEAD_COMPONENT,exports.TableHead=o;

package/components/molecules/Table/TableHead.d.cts

@@ -0,0 +1,2 @@
+import { TableHeadProps } from './/index.js';
+export declare const TableHead: import('react').ForwardRefExoticComponent<TableHeadProps & import('react').RefAttributes<HTMLTableSectionElement>>;

package/components/molecules/Table/TableHead.d.ts

@@ -1,2 +1,2 @@
-import { TableHeadProps } from './';
+import { TableHeadProps } from './/index.js';
 export declare const TableHead: import('react').ForwardRefExoticComponent<TableHeadProps & import('react').RefAttributes<HTMLTableSectionElement>>;

package/components/molecules/Table/TableHeaderCell.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TableStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:i,styles:o={},...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableHeaderCellStyled,{ref:c,theme:l,"data-testid":n.TABLE_HEADER_CELL_COMPONENT,styles:o,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_HEADER_CELL_COMPONENT,exports.TableHeaderCell=o;
+const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TableStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:i,styles:o={},...s},c)=>{let{theme:l}=t.useTheme();return(0,a.jsx)(r.TableHeaderCellStyled,{ref:c,theme:l,"data-testid":n.TABLE_HEADER_CELL_COMPONENT,styles:o,...e.convertToInlineBoxStyles(s),children:i})});o.displayName=n.TABLE_HEADER_CELL_COMPONENT,exports.TableHeaderCell=o;

package/components/molecules/Table/TableHeaderCell.d.cts

@@ -0,0 +1,2 @@
+import { TableHeaderCellProps } from './/index.js';
+export declare const TableHeaderCell: import('react').ForwardRefExoticComponent<TableHeaderCellProps & import('react').RefAttributes<HTMLTableCellElement>>;

package/components/molecules/Table/TableHeaderCell.d.ts

@@ -1,2 +1,2 @@
-import { TableHeaderCellProps } from './';
+import { TableHeaderCellProps } from './/index.js';
 export declare const TableHeaderCell: import('react').ForwardRefExoticComponent<TableHeaderCellProps & import('react').RefAttributes<HTMLTableCellElement>>;

package/components/molecules/Table/TablePagination.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`../../atoms/Button/Button.cjs`),r=require(`../../atoms/Icon/Icon.cjs`),i=require(`./constants.cjs`),a=require(`./TableStyled.cjs`);let o=require(`@emotion/react/jsx-runtime`);var s=({page:s,pageSize:c,totalItems:l,pageSizes:u=i.DEFAULT_PAGE_SIZES,onPageChange:d,translations:f={perPage:`Rows per page`,total:`Showing {startItem}–{endItem} of {totalItems}`},onPageSizeChange:p,sticky:m=!1})=>{let{theme:h}=t.useTheme(),g=Math.ceil(l/c),_=s*c+1,v=Math.min((s+1)*c,l),y=e=>{p(e),d(0)},b=(()=>{let e=[],t=s+1;if(g<=3)for(let t=1;t<=g;t++)e.push(t);else t===1?e.push(1,2,3):t===g?e.push(g-2,g-1,g):e.push(t-1,t,t+1);return e})(),x=e.get(e.get(h,`table.pagination`,{}),`pagePrevNext`,{}),S=e.get(x,`attrs`,{}),C=e.get(x,`icons`,{}),w=f.total.replace(`{totalItems}`,l.toString()).replace(`{startItem}`,_.toString()).replace(`{endItem}`,v.toString());return(0,o.jsxs)(a.TablePaginationStyled,{theme:h,$sticky:m,"data-testid":i.TABLE_PAGINATION_COMPONENT,children:[(0,o.jsxs)(a.TablePaginationLeftSectionStyled,{theme:h,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-left-section`,children:[f.perPage,u.map(e=>(0,o.jsx)(a.ButtonPerPageStyled,{theme:h,onClick:()=>y(e),className:e===c?`hover`:``,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-per-page`,children:e},`per-page-${e}`))]}),(0,o.jsxs)(a.TablePaginationRightSectionStyled,{theme:h,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-right-section`,children:[(0,o.jsx)(n.Button,{disabled:s===0,onClick:()=>d(s-1),iconStart:(0,o.jsx)(r.Icon,{...e.get(C,`prev`,{name:`arrowLeft`})}),"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-page-prev`,"aria-label":`Previous page`,...S}),b.map(e=>(0,o.jsx)(a.ButtonPageStyled,{theme:h,onClick:()=>d(e-1),className:e===s+1?`active`:``,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-page`,children:e},`page-${e}`)),w,(0,o.jsx)(n.Button,{disabled:s>=g-1,onClick:()=>d(s+1),iconStart:(0,o.jsx)(r.Icon,{...e.get(C,`next`,{name:`arrowRight`})}),"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-page-next`,"aria-label":`Next page`,...S})]})]})};exports.TablePagination=s;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("../../atoms/Button/Button.cjs"),r=require("../../atoms/Icon/Icon.cjs"),i=require("./constants.cjs"),a=require("./TableStyled.cjs");let o=require("@emotion/react/jsx-runtime");var s=({page:s,pageSize:c,totalItems:l,pageSizes:u=i.DEFAULT_PAGE_SIZES,onPageChange:d,translations:f={perPage:`Rows per page`,total:`Showing {startItem}–{endItem} of {totalItems}`},onPageSizeChange:p,sticky:m=!1})=>{let{theme:h}=t.useTheme(),g=Math.ceil(l/c),_=s*c+1,v=Math.min((s+1)*c,l),y=e=>{p(e),d(0)},b=(()=>{let e=[],t=s+1;if(g<=3)for(let t=1;t<=g;t++)e.push(t);else t===1?e.push(1,2,3):t===g?e.push(g-2,g-1,g):e.push(t-1,t,t+1);return e})(),x=e.get(e.get(h,`table.pagination`,{}),`pagePrevNext`,{}),S=e.get(x,`attrs`,{}),C=e.get(x,`icons`,{}),w=f.total.replace(`{totalItems}`,l.toString()).replace(`{startItem}`,_.toString()).replace(`{endItem}`,v.toString());return(0,o.jsxs)(a.TablePaginationStyled,{theme:h,$sticky:m,"data-testid":i.TABLE_PAGINATION_COMPONENT,children:[(0,o.jsxs)(a.TablePaginationLeftSectionStyled,{theme:h,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-left-section`,children:[f.perPage,u.map(e=>(0,o.jsx)(a.ButtonPerPageStyled,{theme:h,onClick:()=>y(e),className:e===c?`hover`:``,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-per-page`,children:e},`per-page-${e}`))]}),(0,o.jsxs)(a.TablePaginationRightSectionStyled,{theme:h,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-right-section`,children:[(0,o.jsx)(n.Button,{disabled:s===0,onClick:()=>d(s-1),iconStart:(0,o.jsx)(r.Icon,{...e.get(C,`prev`,{name:`arrowLeft`})}),"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-page-prev`,"aria-label":`Previous page`,...S}),b.map(e=>(0,o.jsx)(a.ButtonPageStyled,{theme:h,onClick:()=>d(e-1),className:e===s+1?`active`:``,"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-page`,children:e},`page-${e}`)),w,(0,o.jsx)(n.Button,{disabled:s>=g-1,onClick:()=>d(s+1),iconStart:(0,o.jsx)(r.Icon,{...e.get(C,`next`,{name:`arrowRight`})}),"data-testid":`${i.TABLE_PAGINATION_COMPONENT}-btn-page-next`,"aria-label":`Next page`,...S})]})]})};exports.TablePagination=s;

package/components/molecules/Table/TablePagination.d.cts

@@ -0,0 +1,2 @@
+import { TablePaginationProps } from './/index.js';
+export declare const TablePagination: ({ page, pageSize, totalItems, pageSizes, onPageChange, translations, onPageSizeChange, sticky, }: TablePaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/Table/TablePagination.d.ts

@@ -1,2 +1,2 @@
-import { TablePaginationProps } from './';
+import { TablePaginationProps } from './/index.js';
 export declare const TablePagination: ({ page, pageSize, totalItems, pageSizes, onPageChange, translations, onPageSizeChange, sticky, }: TablePaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/molecules/Table/TableRow.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../tokens/utils.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TableStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)(({children:i,expanded:o=!1,expandable:s=!1,isFooter:c,isHeader:l,onExpand:u,onClick:d,styles:f={},...p},m)=>{let{theme:h}=t.useTheme();return(0,a.jsx)(r.TableRowStyled,{ref:m,theme:h,$expanded:o,$expandable:s,$isHeader:l,$isFooter:c,"data-testid":n.TABLE_ROW_COMPONENT,"data-expanded":o,onClick:()=>{s&&u&&u(),d&&d()},styles:f,...e.convertToInlineBoxStyles(p),children:i})});o.displayName=n.TABLE_ROW_COMPONENT,exports.TableRow=o;
+const e=require("../../../tokens/utils.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TableStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)(({children:i,expanded:o=!1,expandable:s=!1,isFooter:c,isHeader:l,onExpand:u,onClick:d,styles:f={},...p},m)=>{let{theme:h}=t.useTheme();return(0,a.jsx)(r.TableRowStyled,{ref:m,theme:h,$expanded:o,$expandable:s,$isHeader:l,$isFooter:c,"data-testid":n.TABLE_ROW_COMPONENT,"data-expanded":o,onClick:()=>{s&&u&&u(),d&&d()},styles:f,...e.convertToInlineBoxStyles(p),children:i})});o.displayName=n.TABLE_ROW_COMPONENT,exports.TableRow=o;

package/components/molecules/Table/TableRow.d.cts

@@ -0,0 +1,2 @@
+import { TableRowProps } from './Table.types.js';
+export declare const TableRow: import('react').ForwardRefExoticComponent<TableRowProps & import('react').RefAttributes<HTMLTableRowElement>>;

package/components/molecules/Table/TableRow.d.ts

@@ -1,2 +1,2 @@
-import { TableRowProps } from './Table.types';
+import { TableRowProps } from './Table.types.js';
 export declare const TableRow: import('react').ForwardRefExoticComponent<TableRowProps & import('react').RefAttributes<HTMLTableRowElement>>;

package/components/molecules/Table/TableStyled.cjs

@@ -1 +1 @@
-require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../atoms/Button/Button.cjs`);let r=require(`react`),i=require(`@emotion/react/jsx-runtime`);var a=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`table`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),l,s],...u,ref:r})}),o=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},$sticky:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(a||{},t.tokensHandler(o)),`header`,{});return(0,i.jsx)(`thead`,{css:[e.get(f,`default`,{}),e.get(f,c?`sticky`:`base`,{}),u,s],...d,ref:r})}),s=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},$expanded:c,$expandable:l,$isHeader:u,$isFooter:d,...f}=n,{boxStyles:p,restProps:m}=t.getBoxStyles(f),h=e.get(new Proxy(a||{},t.tokensHandler(o)),`row`,{});return(0,i.jsx)(`tr`,{css:[e.get(h,`default`,{}),u&&e.get(h,`header`,{}),d&&e.get(h,`footer`,{}),!(u||d)&&e.get(h,`body`,{}),l&&e.get(h,`expandable`,{}),c&&e.get(h,`expanded`,{}),p,s],...m,ref:r})}),c=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`th`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`headerCell.default`,{}),l,s],...u,ref:r})}),l=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`td`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`cell.default`,{}),l,s],...u,ref:r})}),u=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`tbody`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`body.default`,{}),l,s],...u,ref:r})}),d=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},$sticky:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(a||{},t.tokensHandler(o)),`footer`,{});return(0,i.jsx)(`tfoot`,{css:[e.get(f,`default`,{}),e.get(f,c?`sticky`:`base`,{}),u,s],...d,ref:r})}),f=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},$sticky:s,...c}=n,l=e.get(new Proxy(a||{},t.tokensHandler(o)),`pagination`,{});return(0,i.jsx)(`div`,{css:[e.get(l,`default`,{}),s&&e.get(l,`sticky`,{})],...c,ref:r})}),p=(0,r.forwardRef)((r,a)=>{let{theme:{table:o,...s}={},...c}=r,l=e.get(new Proxy(o||{},t.tokensHandler(s)),`pagination.buttonPerPage`,{});return(0,i.jsx)(n.Button,{css:e.get(l,`default`,{}),...e.get(l,`attrs`,{}),...c,ref:a})}),m=(0,r.forwardRef)((r,a)=>{let{theme:{table:o,...s}={},...c}=r,l=e.get(new Proxy(o||{},t.tokensHandler(s)),`pagination.buttonPage`,{});return(0,i.jsx)(n.Button,{css:e.get(l,`default`,{}),...e.get(l,`attrs`,{}),...c,ref:a})}),h=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},...s}=n;return(0,i.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`pagination.leftSection`,{})],...s,ref:r})}),g=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},...s}=n;return(0,i.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`pagination.rightSection`,{}),...s,ref:r})});exports.ButtonPageStyled=m,exports.ButtonPerPageStyled=p,exports.TableBodyStyled=u,exports.TableCellStyled=l,exports.TableFooterStyled=d,exports.TableHeadStyled=o,exports.TableHeaderCellStyled=c,exports.TablePaginationLeftSectionStyled=h,exports.TablePaginationRightSectionStyled=g,exports.TablePaginationStyled=f,exports.TableRowStyled=s,exports.TableStyled=a;
+const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../atoms/Button/Button.cjs");let r=require("react"),i=require("@emotion/react/jsx-runtime");var a=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`table`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`default`,{}),l,s],...u,ref:r})}),o=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},$sticky:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(a||{},t.tokensHandler(o)),`header`,{});return(0,i.jsx)(`thead`,{css:[e.get(f,`default`,{}),e.get(f,c?`sticky`:`base`,{}),u,s],...d,ref:r})}),s=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},$expanded:c,$expandable:l,$isHeader:u,$isFooter:d,...f}=n,{boxStyles:p,restProps:m}=t.getBoxStyles(f),h=e.get(new Proxy(a||{},t.tokensHandler(o)),`row`,{});return(0,i.jsx)(`tr`,{css:[e.get(h,`default`,{}),u&&e.get(h,`header`,{}),d&&e.get(h,`footer`,{}),!(u||d)&&e.get(h,`body`,{}),l&&e.get(h,`expandable`,{}),c&&e.get(h,`expanded`,{}),p,s],...m,ref:r})}),c=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`th`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`headerCell.default`,{}),l,s],...u,ref:r})}),l=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`td`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`cell.default`,{}),l,s],...u,ref:r})}),u=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},...c}=n,{boxStyles:l,restProps:u}=t.getBoxStyles(c);return(0,i.jsx)(`tbody`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`body.default`,{}),l,s],...u,ref:r})}),d=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},styles:s={},$sticky:c,...l}=n,{boxStyles:u,restProps:d}=t.getBoxStyles(l),f=e.get(new Proxy(a||{},t.tokensHandler(o)),`footer`,{});return(0,i.jsx)(`tfoot`,{css:[e.get(f,`default`,{}),e.get(f,c?`sticky`:`base`,{}),u,s],...d,ref:r})}),f=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},$sticky:s,...c}=n,l=e.get(new Proxy(a||{},t.tokensHandler(o)),`pagination`,{});return(0,i.jsx)(`div`,{css:[e.get(l,`default`,{}),s&&e.get(l,`sticky`,{})],...c,ref:r})}),p=(0,r.forwardRef)((r,a)=>{let{theme:{table:o,...s}={},...c}=r,l=e.get(new Proxy(o||{},t.tokensHandler(s)),`pagination.buttonPerPage`,{});return(0,i.jsx)(n.Button,{css:e.get(l,`default`,{}),...e.get(l,`attrs`,{}),...c,ref:a})}),m=(0,r.forwardRef)((r,a)=>{let{theme:{table:o,...s}={},...c}=r,l=e.get(new Proxy(o||{},t.tokensHandler(s)),`pagination.buttonPage`,{});return(0,i.jsx)(n.Button,{css:e.get(l,`default`,{}),...e.get(l,`attrs`,{}),...c,ref:a})}),h=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},...s}=n;return(0,i.jsx)(`div`,{css:[e.get(new Proxy(a||{},t.tokensHandler(o)),`pagination.leftSection`,{})],...s,ref:r})}),g=(0,r.forwardRef)((n,r)=>{let{theme:{table:a,...o}={},...s}=n;return(0,i.jsx)(`div`,{css:e.get(new Proxy(a||{},t.tokensHandler(o)),`pagination.rightSection`,{}),...s,ref:r})});exports.ButtonPageStyled=m,exports.ButtonPerPageStyled=p,exports.TableBodyStyled=u,exports.TableCellStyled=l,exports.TableFooterStyled=d,exports.TableHeadStyled=o,exports.TableHeaderCellStyled=c,exports.TablePaginationLeftSectionStyled=h,exports.TablePaginationRightSectionStyled=g,exports.TablePaginationStyled=f,exports.TableRowStyled=s,exports.TableStyled=a;

package/components/molecules/Table/TableStyled.d.cts

@@ -0,0 +1,15 @@
+import { ButtonProps } from '../../index.js';
+import { CommonCssComponentStyledProps } from '../../index.types.js';
+import { TableStyledProps, TableHeadStyledProps, TableBodyStyledProps, TableFooterStyledProps, TableRowStyledProps, TableCellStyledProps, TableHeaderCellStyledProps, TablePaginationStyledProps } from './/index.js';
+export declare const TableStyled: import('react').ForwardRefExoticComponent<Omit<TableStyledProps, "ref"> & import('react').RefAttributes<HTMLTableElement>>;
+export declare const TableHeadStyled: import('react').ForwardRefExoticComponent<Omit<TableHeadStyledProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRowStyled: import('react').ForwardRefExoticComponent<Omit<TableRowStyledProps, "ref"> & import('react').RefAttributes<HTMLTableRowElement>>;
+export declare const TableHeaderCellStyled: import('react').ForwardRefExoticComponent<Omit<TableHeaderCellStyledProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;
+export declare const TableCellStyled: import('react').ForwardRefExoticComponent<Omit<TableCellStyledProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>;
+export declare const TableBodyStyled: import('react').ForwardRefExoticComponent<Omit<TableBodyStyledProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooterStyled: import('react').ForwardRefExoticComponent<Omit<TableFooterStyledProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
+export declare const TablePaginationStyled: import('react').ForwardRefExoticComponent<Omit<TablePaginationStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const ButtonPerPageStyled: import('react').ForwardRefExoticComponent<Omit<ButtonProps & CommonCssComponentStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const ButtonPageStyled: import('react').ForwardRefExoticComponent<Omit<ButtonProps & CommonCssComponentStyledProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const TablePaginationLeftSectionStyled: import('react').ForwardRefExoticComponent<Omit<TablePaginationStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const TablePaginationRightSectionStyled: import('react').ForwardRefExoticComponent<Omit<TablePaginationStyledProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Table/TableStyled.d.ts

@@ -1,6 +1,6 @@
-import { ButtonProps } from '../..';
-import { CommonCssComponentStyledProps } from '../../index.types';
-import { TableStyledProps, TableHeadStyledProps, TableBodyStyledProps, TableFooterStyledProps, TableRowStyledProps, TableCellStyledProps, TableHeaderCellStyledProps, TablePaginationStyledProps } from './';
+import { ButtonProps } from '../../index.js';
+import { CommonCssComponentStyledProps } from '../../index.types.js';
+import { TableStyledProps, TableHeadStyledProps, TableBodyStyledProps, TableFooterStyledProps, TableRowStyledProps, TableCellStyledProps, TableHeaderCellStyledProps, TablePaginationStyledProps } from './/index.js';
 export declare const TableStyled: import('react').ForwardRefExoticComponent<Omit<TableStyledProps, "ref"> & import('react').RefAttributes<HTMLTableElement>>;
 export declare const TableHeadStyled: import('react').ForwardRefExoticComponent<Omit<TableHeadStyledProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>;
 export declare const TableRowStyled: import('react').ForwardRefExoticComponent<Omit<TableRowStyledProps, "ref"> & import('react').RefAttributes<HTMLTableRowElement>>;

package/components/molecules/Table/constants.d.cts

@@ -0,0 +1,9 @@
+export declare const COMPONENT_NAME = "Table";
+export declare const TABLE_HEAD_COMPONENT = "TableHead";
+export declare const TABLE_BODY_COMPONENT = "TableBody";
+export declare const TABLE_FOOTER_COMPONENT = "TableFooter";
+export declare const TABLE_ROW_COMPONENT = "TableRow";
+export declare const TABLE_CELL_COMPONENT = "TableCell";
+export declare const TABLE_HEADER_CELL_COMPONENT = "TableHeaderCell";
+export declare const TABLE_PAGINATION_COMPONENT = "TablePagination";
+export declare const DEFAULT_PAGE_SIZES: number[];

package/components/molecules/Table/index.d.cts

@@ -0,0 +1,9 @@
+export * from './Table.js';
+export * from './Table.types.js';
+export * from './TableHead.js';
+export * from './TableBody.js';
+export * from './TableFooter.js';
+export * from './TableRow.js';
+export * from './TableCell.js';
+export * from './TableHeaderCell.js';
+export * from './TablePagination.js';

package/components/molecules/Table/index.d.ts

@@ -1,9 +1,9 @@
-export * from './Table';
-export * from './Table.types';
-export * from './TableHead';
-export * from './TableBody';
-export * from './TableFooter';
-export * from './TableRow';
-export * from './TableCell';
-export * from './TableHeaderCell';
-export * from './TablePagination';
+export * from './Table.js';
+export * from './Table.types.js';
+export * from './TableHead.js';
+export * from './TableBody.js';
+export * from './TableFooter.js';
+export * from './TableRow.js';
+export * from './TableCell.js';
+export * from './TableHeaderCell.js';
+export * from './TablePagination.js';

package/components/molecules/Tabs/Tabs.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/uniqueKeys.cjs`),t=require(`../../../hooks/useTheme/useTheme.cjs`),n=require(`./constants.cjs`),r=require(`./TabsStyled.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((o,s)=>{let{activeTab:c=0,tabs:l=[],ariaLabel:u,onTabChange:d,...f}=o,{theme:p}=t.useTheme(),[m,h]=(0,i.useState)(c),g=(0,i.useCallback)(e=>()=>{h(e),d&&d(e)},[d]),_=(0,i.useCallback)((t,r)=>e.generateUniqueId(r,`${n.COMPONENT_NAME}-${t}`),[]);return(0,a.jsxs)(r.TabsStyled,{ref:s,theme:p,"data-testid":n.COMPONENT_NAME,...u?{"aria-label":u}:{},...f,children:[(0,a.jsx)(r.TabsHeaderStyled,{theme:p,"data-testid":`${n.COMPONENT_NAME}-header`,role:n.TabRoles.TabList,children:l.map(({isDisabled:e,noticeCounter:t,label:i,id:o},s)=>{let c=s===m;return(0,a.jsx)(r.TabLabelStyled,{theme:p,$isDisabled:e,$isActive:c,"data-testid":`${n.COMPONENT_NAME}-${n.TabRoles.Tab}`,children:(0,a.jsx)(r.TextButtonStyled,{onClick:g(s),disabled:e,id:_(`${n.TabRoles.Tab}-${s}`,o),theme:p,iconEnd:t!==void 0&&(0,a.jsx)(r.NoticeCounterStyled,{className:`Tabs__noticeCounter`,theme:p,$isActive:c,$isDisabled:e,"data-testid":`Tabs-noticeCounter`,children:t}),"aria-selected":c,"aria-controls":_(`${n.TabRoles.TabPanel}-${s}`,o),children:i})},_(`tab-${s}`,o))})}),(0,a.jsx)(r.TabPanelsWrapperStyled,{theme:p,"data-testid":`${n.COMPONENT_NAME}-wrapper`,children:l.map(({content:e,id:t},i)=>(0,a.jsx)(r.TabPanelStyled,{id:_(`${n.TabRoles.TabPanel}-${i}`,t),"aria-labelledby":_(`${n.TabRoles.Tab}-${i}`,t),role:n.TabRoles.TabPanel,hidden:i!==m,"data-testid":`${n.COMPONENT_NAME}-${n.TabRoles.TabPanel}`,children:e},_(`${n.TabRoles.TabPanel}-${i}`,t)))})]})});exports.Tabs=o;
+"use client";const e=require("../../../utils/uniqueKeys.cjs"),t=require("../../../hooks/useTheme/useTheme.cjs"),n=require("./constants.cjs"),r=require("./TabsStyled.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((o,s)=>{let{activeTab:c=0,tabs:l=[],ariaLabel:u,onTabChange:d,...f}=o,{theme:p}=t.useTheme(),[m,h]=(0,i.useState)(c),g=(0,i.useCallback)(e=>()=>{h(e),d&&d(e)},[d]),_=(0,i.useCallback)((t,r)=>e.generateUniqueId(r,`${n.COMPONENT_NAME}-${t}`),[]);return(0,a.jsxs)(r.TabsStyled,{ref:s,theme:p,"data-testid":n.COMPONENT_NAME,...u?{"aria-label":u}:{},...f,children:[(0,a.jsx)(r.TabsHeaderStyled,{theme:p,"data-testid":`${n.COMPONENT_NAME}-header`,role:n.TabRoles.TabList,children:l.map(({isDisabled:e,noticeCounter:t,label:i,id:o},s)=>{let c=s===m;return(0,a.jsx)(r.TabLabelStyled,{theme:p,$isDisabled:e,$isActive:c,"data-testid":`${n.COMPONENT_NAME}-${n.TabRoles.Tab}`,children:(0,a.jsx)(r.TextButtonStyled,{onClick:g(s),disabled:e,id:_(`${n.TabRoles.Tab}-${s}`,o),theme:p,iconEnd:t!==void 0&&(0,a.jsx)(r.NoticeCounterStyled,{className:`Tabs__noticeCounter`,theme:p,$isActive:c,$isDisabled:e,"data-testid":`Tabs-noticeCounter`,children:t}),"aria-selected":c,"aria-controls":_(`${n.TabRoles.TabPanel}-${s}`,o),children:i})},_(`tab-${s}`,o))})}),(0,a.jsx)(r.TabPanelsWrapperStyled,{theme:p,"data-testid":`${n.COMPONENT_NAME}-wrapper`,children:l.map(({content:e,id:t},i)=>(0,a.jsx)(r.TabPanelStyled,{id:_(`${n.TabRoles.TabPanel}-${i}`,t),"aria-labelledby":_(`${n.TabRoles.Tab}-${i}`,t),role:n.TabRoles.TabPanel,hidden:i!==m,"data-testid":`${n.COMPONENT_NAME}-${n.TabRoles.TabPanel}`,children:e},_(`${n.TabRoles.TabPanel}-${i}`,t)))})]})});exports.Tabs=o;

package/components/molecules/Tabs/Tabs.d.cts

@@ -0,0 +1,2 @@
+import { TabsProps } from './Tabs.types.js';
+export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Tabs/Tabs.d.ts

@@ -1,2 +1,2 @@
-import { TabsProps } from './Tabs.types';
+import { TabsProps } from './Tabs.types.js';
 export declare const Tabs: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;

package/components/molecules/Tabs/Tabs.types.d.cts

@@ -0,0 +1,26 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
+import { ButtonProps } from '../../index.js';
+import { Theme } from '../../../hooks/index.js';
+export interface TabProps {
+    id?: string | number;
+    label: ReactNode;
+    content: ReactNode;
+    isDisabled?: boolean;
+    noticeCounter?: number | string;
+}
+export interface TabsProps extends CommonCssComponentProps {
+    tabs?: (TabProps | never)[];
+    activeTab?: number;
+    ariaLabel?: string;
+    onTabChange?: (index: number) => void;
+}
+export interface TabsStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+}
+export interface TabLabelStyledProps extends CommonCssComponentStyledProps, PropsWithChildren {
+    $isActive?: boolean;
+    $isDisabled?: boolean;
+}
+export interface StyledTextButtonProps extends ButtonProps {
+    theme?: Theme;
+}

package/components/molecules/Tabs/Tabs.types.d.ts

@@ -1,7 +1,7 @@
 import { PropsWithChildren, ReactNode } from 'react';
-import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types';
-import { ButtonProps } from '../..';
-import { Theme } from '../../../hooks';
+import { CommonCssComponentProps, CommonCssComponentStyledProps } from '../../index.types.js';
+import { ButtonProps } from '../../index.js';
+import { Theme } from '../../../hooks/index.js';
 export interface TabProps {
     id?: string | number;
     label: ReactNode;

package/components/molecules/Tabs/TabsStyled.cjs

@@ -1 +1 @@
-"use client";require(`../../../_virtual/_rolldown/runtime.cjs`);const e=require(`../../../utils/helpers.cjs`),t=require(`../../../tokens/utils.cjs`),n=require(`../../../types/button.cjs`),r=require(`../../atoms/Button/Button.cjs`);let i=require(`react`),a=require(`@emotion/react/jsx-runtime`);var o=(0,i.forwardRef)((n,r)=>{let{theme:{tabs:i,...o}={},styles:s={},...c}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(o)),`default`,{}),s],...c,ref:r})}),s=n=>{let{theme:{tabs:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`header.default`,{})],...o})},c=n=>{let{theme:{tabs:r,...i}={},$isDisabled:o,$isActive:s,...c}=n,l=e.get(new Proxy(r||{},t.tokensHandler(i)),`label`,{}),u=e.get(l,`disabled`,{});return(0,a.jsx)(`div`,{css:[e.get(l,`default`,{}),s?e.get(l,`active`,{}):{},o?e.get(u,`default`,{}):{},o&&s?e.get(u,`active`,{}):{}],...c})},l=n=>{let{theme:{tabs:r,...i}={},styles:o={},...s}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`panelsWrapper.default`,{}),o],...s})},u=n=>{let{theme:{tabs:r,...i}={},styles:o={},...s}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`panel.default`,{}),o],...s})},d=n=>{let{theme:{tabs:r,...i}={},$isDisabled:o,$isActive:s,...c}=n,l=e.get(new Proxy(r||{},t.tokensHandler(i)),`noticeCounter`,{});return(0,a.jsx)(`span`,{css:[e.get(l,`default`,{}),s?e.get(l,`active`,{}):{},o?e.get(l,`disabled`,{}):{}],...c})},f=i=>{let{theme:{tabs:o,...s}={},...c}=i;return(0,a.jsx)(r.Button,{css:[e.get(new Proxy(o||{},t.tokensHandler(s)),`tabButton.default`,{})],variant:n.ButtonVariant.Text,role:n.ButtonRole.Tab,...c})};exports.NoticeCounterStyled=d,exports.TabLabelStyled=c,exports.TabPanelStyled=u,exports.TabPanelsWrapperStyled=l,exports.TabsHeaderStyled=s,exports.TabsStyled=o,exports.TextButtonStyled=f;
+"use client";const e=require("../../../utils/helpers.cjs"),t=require("../../../tokens/utils.cjs"),n=require("../../../types/button.cjs"),r=require("../../atoms/Button/Button.cjs");let i=require("react"),a=require("@emotion/react/jsx-runtime");var o=(0,i.forwardRef)((n,r)=>{let{theme:{tabs:i,...o}={},styles:s={},...c}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(i||{},t.tokensHandler(o)),`default`,{}),s],...c,ref:r})}),s=n=>{let{theme:{tabs:r,...i}={},...o}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`header.default`,{})],...o})},c=n=>{let{theme:{tabs:r,...i}={},$isDisabled:o,$isActive:s,...c}=n,l=e.get(new Proxy(r||{},t.tokensHandler(i)),`label`,{}),u=e.get(l,`disabled`,{});return(0,a.jsx)(`div`,{css:[e.get(l,`default`,{}),s?e.get(l,`active`,{}):{},o?e.get(u,`default`,{}):{},o&&s?e.get(u,`active`,{}):{}],...c})},l=n=>{let{theme:{tabs:r,...i}={},styles:o={},...s}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`panelsWrapper.default`,{}),o],...s})},u=n=>{let{theme:{tabs:r,...i}={},styles:o={},...s}=n;return(0,a.jsx)(`div`,{css:[e.get(new Proxy(r||{},t.tokensHandler(i)),`panel.default`,{}),o],...s})},d=n=>{let{theme:{tabs:r,...i}={},$isDisabled:o,$isActive:s,...c}=n,l=e.get(new Proxy(r||{},t.tokensHandler(i)),`noticeCounter`,{});return(0,a.jsx)(`span`,{css:[e.get(l,`default`,{}),s?e.get(l,`active`,{}):{},o?e.get(l,`disabled`,{}):{}],...c})},f=i=>{let{theme:{tabs:o,...s}={},...c}=i;return(0,a.jsx)(r.Button,{css:[e.get(new Proxy(o||{},t.tokensHandler(s)),`tabButton.default`,{})],variant:n.ButtonVariant.Text,role:n.ButtonRole.Tab,...c})};exports.NoticeCounterStyled=d,exports.TabLabelStyled=c,exports.TabPanelStyled=u,exports.TabPanelsWrapperStyled=l,exports.TabsHeaderStyled=s,exports.TabsStyled=o,exports.TextButtonStyled=f;