dhanasekar-ui 1.4.0 → 1.5.0

package/dist/chunk-3BPQL6ND.mjs

@@ -0,0 +1,2 @@
+//# sourceMappingURL=chunk-3BPQL6ND.mjs.map
+//# sourceMappingURL=chunk-3BPQL6ND.mjs.map

package/dist/chunk-3BPQL6ND.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-3BPQL6ND.mjs"}

package/dist/chunk-3K6JBWL2.mjs

@@ -0,0 +1,114 @@
+import {a}from'./chunk-HGGQFNUJ.mjs';import {a as a$1}from'./chunk-547MQ4FI.mjs';import {createContext,forwardRef,useContext}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var h=createContext({}),f=createContext(void 0),k=`
+  /* Table Container */
+  .ui-table-container {
+    width: 100%;
+    overflow-x: auto;
+    position: relative;
+    box-sizing: border-box;
+  }
+
+  /* Table */
+  .ui-table {
+    display: table;
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-family: inherit;
+    text-align: left;
+    box-sizing: border-box;
+  }
+
+  /* Table Head, Body, Footer */
+  .ui-table-head {
+    display: table-header-group;
+  }
+  .ui-table-body {
+    display: table-row-group;
+  }
+  .ui-table-footer {
+    display: table-footer-group;
+  }
+
+  /* Table Row */
+  .ui-table-row {
+    color: inherit;
+    display: table-row;
+    vertical-align: middle;
+    outline: 0;
+    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+
+  .ui-table-row--hover:hover {
+    background-color: #f8fafc;
+  }
+
+  .ui-table-row--selected {
+    background-color: rgba(59, 130, 246, 0.08);
+  }
+
+  .ui-table-row--selected:hover {
+    background-color: rgba(59, 130, 246, 0.12);
+  }
+
+  /* Table Cell */
+  .ui-table-cell {
+    display: table-cell;
+    vertical-align: inherit;
+    border-bottom: 1px solid #e2e8f0;
+    text-align: left;
+    color: #0f172a;
+    font-size: 0.875rem;
+    line-height: 1.43;
+    box-sizing: border-box;
+  }
+
+  /* Cell variants */
+  .ui-table-cell--variant-head {
+    color: #475569;
+    font-weight: 600;
+    background-color: #f8fafc;
+  }
+
+  .ui-table-cell--variant-sticky {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+  }
+
+  .ui-table-cell--variant-footer {
+    color: #475569;
+    font-weight: 600;
+    background-color: #f8fafc;
+    border-bottom: 1px solid #cbd5e1;
+  }
+
+  /* Cell alignments */
+  .ui-table-cell--align-center {
+    text-align: center;
+  }
+  .ui-table-cell--align-right {
+    text-align: right;
+  }
+  .ui-table-cell--align-justify {
+    text-align: justify;
+  }
+
+  /* Cell sizes */
+  .ui-table-cell--size-medium {
+    padding: 12px 16px;
+  }
+  .ui-table-cell--size-small {
+    padding: 6px 12px;
+    font-size: 0.8125rem;
+  }
+
+  /* Cell paddings */
+  .ui-table-cell--padding-none {
+    padding: 0;
+  }
+  .ui-table-cell--padding-checkbox {
+    padding: 0 0 0 4px;
+    width: 48px;
+  }
+`,N=forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:k}}),jsx(i||n||"div",{ref:b,className:a$1("ui-table-container",t.root,o),style:{...a(l),...e.style},...e,children:r})]}));N.displayName="TableContainer";var w=forwardRef(({className:o,component:n,as:i,size:l="medium",stickyHeader:t=false,sx:r,classes:e={},children:b,...a$2},m)=>{let p=i||n||"table";return jsx(h.Provider,{value:{size:l,stickyHeader:t},children:jsx(p,{ref:m,className:a$1("ui-table",e.root,o),style:{...a(r),...a$2.style},...a$2,children:b})})});w.displayName="Table";var S=forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>{let a$2=i||n||"thead";return jsx(f.Provider,{value:{variant:"head"},children:jsx(a$2,{ref:b,className:a$1("ui-table-head",t.root,o),style:{...a(l),...e.style},...e,children:r})})});S.displayName="TableHead";var L=forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>{let a$2=i||n||"tbody";return jsx(f.Provider,{value:{variant:"body"},children:jsx(a$2,{ref:b,className:a$1("ui-table-body",t.root,o),style:{...a(l),...e.style},...e,children:r})})});L.displayName="TableBody";var E=forwardRef(({className:o,component:n,as:i,hover:l=false,selected:t=false,sx:r,classes:e={},children:b,...a$2},m)=>jsx(i||n||"tr",{ref:m,className:a$1("ui-table-row",l&&"ui-table-row--hover",t&&"ui-table-row--selected",e.root,o),style:{...a(r),...a$2.style},...a$2,children:b}));E.displayName="TableRow";var M=forwardRef(({className:o,component:n,as:i,align:l="inherit",padding:t="normal",size:r,sortDirection:e,variant:b,sx:a$2,classes:m={},children:p,...T},P)=>{let x=useContext(h),z=useContext(f),y=b||z?.variant||"body",C=r||x.size||"medium",H=y==="head"&&x.stickyHeader;return jsx(i||n||(y==="head"?"th":"td"),{ref:P,"aria-sort":e==="asc"?"ascending":e==="desc"?"descending":void 0,className:a$1("ui-table-cell",`ui-table-cell--variant-${y}`,H&&"ui-table-cell--variant-sticky",l!=="inherit"&&`ui-table-cell--align-${l}`,`ui-table-cell--size-${C}`,t!=="normal"&&`ui-table-cell--padding-${t}`,m.root,o),style:{...a(a$2),...T.style},...T,children:p})});M.displayName="TableCell";var R=w;export{N as a,w as b,S as c,L as d,E as e,M as f,R as g};//# sourceMappingURL=chunk-3K6JBWL2.mjs.map
+//# sourceMappingURL=chunk-3K6JBWL2.mjs.map

package/dist/chunk-3K6JBWL2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":["TableContext","createContext","Tablelvl2Context","STYLES","TableContainer","forwardRef","className","component","as","sx","classes","children","props","ref","jsxs","Fragment","jsx","cn","handleSx","Table","size","stickyHeader","Component","TableHead","TableBody","TableRow","hover","selected","TableCell","align","padding","sizeProp","sortDirection","variantProp","tableContext","useContext","tablelvl2Context","variant","isStickyHeader","Table_default"],"mappings":"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","file":"chunk-3K6JBWL2.mjs","sourcesContent":["'use client';\n\nimport { forwardRef, createContext, useContext } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport {\n  TableProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n} from './Table.types';\n\n// Contexts for passing down size, variant and stickyHeader behavior\ninterface TableContextValue {\n  size?: 'small' | 'medium';\n  stickyHeader?: boolean;\n}\n\nconst TableContext = createContext<TableContextValue>({});\n\ninterface Tablelvl2ContextValue {\n  variant: 'head' | 'body' | 'footer';\n}\n\nconst Tablelvl2Context = createContext<Tablelvl2ContextValue | undefined>(undefined);\n\nconst STYLES = `\n  /* Table Container */\n  .ui-table-container {\n    width: 100%;\n    overflow-x: auto;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  /* Table */\n  .ui-table {\n    display: table;\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    font-family: inherit;\n    text-align: left;\n    box-sizing: border-box;\n  }\n\n  /* Table Head, Body, Footer */\n  .ui-table-head {\n    display: table-header-group;\n  }\n  .ui-table-body {\n    display: table-row-group;\n  }\n  .ui-table-footer {\n    display: table-footer-group;\n  }\n\n  /* Table Row */\n  .ui-table-row {\n    color: inherit;\n    display: table-row;\n    vertical-align: middle;\n    outline: 0;\n    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-table-row--hover:hover {\n    background-color: #f8fafc;\n  }\n\n  .ui-table-row--selected {\n    background-color: rgba(59, 130, 246, 0.08);\n  }\n\n  .ui-table-row--selected:hover {\n    background-color: rgba(59, 130, 246, 0.12);\n  }\n\n  /* Table Cell */\n  .ui-table-cell {\n    display: table-cell;\n    vertical-align: inherit;\n    border-bottom: 1px solid #e2e8f0;\n    text-align: left;\n    color: #0f172a;\n    font-size: 0.875rem;\n    line-height: 1.43;\n    box-sizing: border-box;\n  }\n\n  /* Cell variants */\n  .ui-table-cell--variant-head {\n    color: #475569;\n    font-weight: 600;\n    background-color: #f8fafc;\n  }\n\n  .ui-table-cell--variant-sticky {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n  }\n\n  .ui-table-cell--variant-footer {\n    color: #475569;\n    font-weight: 600;\n    background-color: #f8fafc;\n    border-bottom: 1px solid #cbd5e1;\n  }\n\n  /* Cell alignments */\n  .ui-table-cell--align-center {\n    text-align: center;\n  }\n  .ui-table-cell--align-right {\n    text-align: right;\n  }\n  .ui-table-cell--align-justify {\n    text-align: justify;\n  }\n\n  /* Cell sizes */\n  .ui-table-cell--size-medium {\n    padding: 12px 16px;\n  }\n  .ui-table-cell--size-small {\n    padding: 6px 12px;\n    font-size: 0.8125rem;\n  }\n\n  /* Cell paddings */\n  .ui-table-cell--padding-none {\n    padding: 0;\n  }\n  .ui-table-cell--padding-checkbox {\n    padding: 0 0 0 4px;\n    width: 48px;\n  }\n`;\n\n// ==================== TABLE CONTAINER ====================\nexport const TableContainer = forwardRef<HTMLElement, TableContainerProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'div';\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-container', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </>\n    );\n  }\n);\nTableContainer.displayName = 'TableContainer';\n\n// ==================== TABLE ====================\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  ({ className, component, as, size = 'medium', stickyHeader = false, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'table';\n    return (\n      <TableContext.Provider value={{ size, stickyHeader }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </TableContext.Provider>\n    );\n  }\n);\nTable.displayName = 'Table';\n\n// ==================== TABLE HEAD ====================\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'thead';\n    return (\n      <Tablelvl2Context.Provider value={{ variant: 'head' }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-head', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </Tablelvl2Context.Provider>\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\n// ==================== TABLE BODY ====================\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'tbody';\n    return (\n      <Tablelvl2Context.Provider value={{ variant: 'body' }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-body', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </Tablelvl2Context.Provider>\n    );\n  }\n);\nTableBody.displayName = 'TableBody';\n\n// ==================== TABLE ROW ====================\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, component, as, hover = false, selected = false, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'tr';\n    return (\n      <Component\n        ref={ref as any}\n        className={cn(\n          'ui-table-row',\n          hover && 'ui-table-row--hover',\n          selected && 'ui-table-row--selected',\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nTableRow.displayName = 'TableRow';\n\n// ==================== TABLE CELL ====================\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      className,\n      component,\n      as,\n      align = 'inherit',\n      padding = 'normal',\n      size: sizeProp,\n      sortDirection,\n      variant: variantProp,\n      sx,\n      classes = {},\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const tableContext = useContext(TableContext);\n    const tablelvl2Context = useContext(Tablelvl2Context);\n\n    // Resolve variant (inherited from parent if not specified)\n    const variant = variantProp || tablelvl2Context?.variant || 'body';\n    \n    // Resolve size (inherited from table context if not specified)\n    const size = sizeProp || tableContext.size || 'medium';\n\n    // Sticky header\n    const isStickyHeader = variant === 'head' && tableContext.stickyHeader;\n\n    // Component resolves to 'th' if head or footer (for accessibility), else 'td'\n    const Component = as || component || (variant === 'head' ? 'th' : 'td');\n\n    const ariaSort =\n      sortDirection === 'asc'\n        ? 'ascending'\n        : sortDirection === 'desc'\n        ? 'descending'\n        : undefined;\n\n    return (\n      <Component\n        ref={ref as any}\n        aria-sort={ariaSort}\n        className={cn(\n          'ui-table-cell',\n          variant && `ui-table-cell--variant-${variant}`,\n          isStickyHeader && 'ui-table-cell--variant-sticky',\n          align !== 'inherit' && `ui-table-cell--align-${align}`,\n          size && `ui-table-cell--size-${size}`,\n          padding !== 'normal' && `ui-table-cell--padding-${padding}`,\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nTableCell.displayName = 'TableCell';\n\nexport default Table;\n"]}

package/dist/chunk-3WIMLQGG.mjs

@@ -0,0 +1,107 @@
+import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var T=`
+  .ui-floating-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);
+    font-family: inherit;
+    font-weight: 500;
+    line-height: 1.75;
+    text-transform: uppercase;
+  }
+
+  .ui-floating-button:hover {
+    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
+  }
+
+  .ui-floating-button:active {
+    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
+  }
+
+  .ui-floating-button:disabled {
+    color: rgba(0, 0, 0, 0.26);
+    box-shadow: none;
+    background-color: rgba(0, 0, 0, 0.12);
+    cursor: default;
+    pointer-events: none;
+  }
+
+  /* Variants */
+  .ui-floating-button--circular {
+    border-radius: 50%;
+  }
+
+  .ui-floating-button--extended {
+    border-radius: 24px;
+    padding: 0 16px;
+    width: auto;
+    min-width: 48px;
+  }
+
+  /* Sizes */
+  .ui-floating-button--small.ui-floating-button--circular {
+    width: 40px;
+    height: 40px;
+  }
+  .ui-floating-button--medium.ui-floating-button--circular {
+    width: 56px;
+    height: 56px;
+  }
+  .ui-floating-button--large.ui-floating-button--circular {
+    width: 72px;
+    height: 72px;
+  }
+
+  .ui-floating-button--small.ui-floating-button--extended {
+    height: 32px;
+    font-size: 0.8125rem;
+  }
+  .ui-floating-button--medium.ui-floating-button--extended {
+    height: 48px;
+    font-size: 0.875rem;
+  }
+  .ui-floating-button--large.ui-floating-button--extended {
+    height: 64px;
+    font-size: 0.9375rem;
+  }
+
+  /* Colors */
+  .ui-floating-button--default {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #e0e0e0;
+  }
+  .ui-floating-button--default:hover {
+    background-color: #d5d5d5;
+  }
+
+  .ui-floating-button--primary {
+    color: #fff;
+    background-color: #1976d2;
+  }
+  .ui-floating-button--primary:hover {
+    background-color: #1565c0;
+  }
+
+  .ui-floating-button--secondary {
+    color: #fff;
+    background-color: #dc004e;
+  }
+  .ui-floating-button--secondary:hover {
+    background-color: #c51162;
+  }
+
+  .ui-floating-button--inherit {
+    color: inherit;
+    background-color: inherit;
+  }
+`,e=forwardRef(({as:r,component:a$1,className:u,classes:l,children:p,color:b="default",disabled:g=false,size:x="medium",variant:c="circular",slotProps:d={},slots:f={},sx:s,...m},h)=>{let y=f.root||r||a$1||"button",w=(k,t={})=>{let o=d[k],v=typeof o=="function"?o(t):o;return {...t,...v}};return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:T}}),jsx(y,{ref:h,disabled:g,className:a("ui-floating-button",`ui-floating-button--${c}`,`ui-floating-button--${x}`,`ui-floating-button--${b}`,u,l?.root),style:{...s},...w("root",m),children:p})]})});e.displayName="FloatingButton";var B=e;export{B as a};//# sourceMappingURL=chunk-3WIMLQGG.mjs.map
+//# sourceMappingURL=chunk-3WIMLQGG.mjs.map

package/dist/chunk-3WIMLQGG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingButton/FloatingButton.tsx"],"names":["STYLES","FloatingButton","forwardRef","as","component","className","classes","children","color","disabled","size","variant","slotProps","slots","sx","props","ref","RootComponent","getSlotProps","slotName","baseProps","customProps","resolvedCustomProps","jsxs","Fragment","jsx","cn","FloatingButton_default"],"mappings":"sHAIA,IAAMA,CAAAA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CA2GFC,CAAAA,CAAiBC,UAAAA,CAAW,CACvC,CACE,EAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,GAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,SAAA,CACR,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,IAAA,CAAAC,CAAAA,CAAO,QAAA,CACP,OAAA,CAAAC,CAAAA,CAAU,UAAA,CACV,SAAA,CAAAC,CAAAA,CAAY,GACZ,KAAA,CAAAC,CAAAA,CAAQ,EAAC,CACT,EAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAgBJ,CAAAA,CAAM,IAAA,EAAQV,CAAAA,EAAMC,KAAa,QAAA,CAEjDc,CAAAA,CAAe,CAACC,CAAAA,CAAkBC,CAAAA,CAAiB,EAAC,GAAM,CAC9D,IAAMC,CAAAA,CAAcT,CAAAA,CAAUO,CAAQ,CAAA,CAChCG,CAAAA,CAAsB,OAAOD,CAAAA,EAAgB,WAAaA,CAAAA,CAAYD,CAAS,CAAA,CAAIC,CAAAA,CACzF,OAAO,CAAE,GAAGD,CAAAA,CAAW,GAAGE,CAAoB,CAChD,CAAA,CAEA,OACEC,IAAAA,CAAAC,QAAAA,CAAA,CACE,UAAAC,GAAAA,CAAC,OAAA,CAAA,CAAM,uBAAA,CAAyB,CAAE,MAAA,CAAQzB,CAAO,CAAA,CAAG,CAAA,CACpDyB,GAAAA,CAACR,CAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,QAAA,CAAUP,CAAAA,CACV,SAAA,CAAWiB,EACT,oBAAA,CACA,CAAA,oBAAA,EAAuBf,CAAO,CAAA,CAAA,CAC9B,CAAA,oBAAA,EAAuBD,CAAI,CAAA,CAAA,CAC3B,CAAA,oBAAA,EAAuBF,CAAK,CAAA,CAAA,CAC5BH,CAAAA,CACAC,CAAAA,EAAS,IACX,CAAA,CACA,KAAA,CAAO,CAAE,GAAGQ,CAAG,CAAA,CACd,GAAGI,CAAAA,CAAa,MAAA,CAAQH,CAAK,CAAA,CAE7B,QAAA,CAAAR,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAC,CAAA,CAEDN,CAAAA,CAAe,WAAA,CAAc,gBAAA,KAEtB0B,CAAAA,CAAQ1B","file":"chunk-3WIMLQGG.mjs","sourcesContent":["import { forwardRef, ElementType } from 'react';\nimport { cn } from '../../utils/cn';\nimport { FloatingButtonProps } from './types';\n\nconst STYLES = `\n  .ui-floating-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: middle;\n    appearance: none;\n    text-decoration: none;\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);\n    font-family: inherit;\n    font-weight: 500;\n    line-height: 1.75;\n    text-transform: uppercase;\n  }\n\n  .ui-floating-button:hover {\n    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);\n  }\n\n  .ui-floating-button:active {\n    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);\n  }\n\n  .ui-floating-button:disabled {\n    color: rgba(0, 0, 0, 0.26);\n    box-shadow: none;\n    background-color: rgba(0, 0, 0, 0.12);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* Variants */\n  .ui-floating-button--circular {\n    border-radius: 50%;\n  }\n\n  .ui-floating-button--extended {\n    border-radius: 24px;\n    padding: 0 16px;\n    width: auto;\n    min-width: 48px;\n  }\n\n  /* Sizes */\n  .ui-floating-button--small.ui-floating-button--circular {\n    width: 40px;\n    height: 40px;\n  }\n  .ui-floating-button--medium.ui-floating-button--circular {\n    width: 56px;\n    height: 56px;\n  }\n  .ui-floating-button--large.ui-floating-button--circular {\n    width: 72px;\n    height: 72px;\n  }\n\n  .ui-floating-button--small.ui-floating-button--extended {\n    height: 32px;\n    font-size: 0.8125rem;\n  }\n  .ui-floating-button--medium.ui-floating-button--extended {\n    height: 48px;\n    font-size: 0.875rem;\n  }\n  .ui-floating-button--large.ui-floating-button--extended {\n    height: 64px;\n    font-size: 0.9375rem;\n  }\n\n  /* Colors */\n  .ui-floating-button--default {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #e0e0e0;\n  }\n  .ui-floating-button--default:hover {\n    background-color: #d5d5d5;\n  }\n\n  .ui-floating-button--primary {\n    color: #fff;\n    background-color: #1976d2;\n  }\n  .ui-floating-button--primary:hover {\n    background-color: #1565c0;\n  }\n\n  .ui-floating-button--secondary {\n    color: #fff;\n    background-color: #dc004e;\n  }\n  .ui-floating-button--secondary:hover {\n    background-color: #c51162;\n  }\n\n  .ui-floating-button--inherit {\n    color: inherit;\n    background-color: inherit;\n  }\n`;\n\nexport const FloatingButton = forwardRef(<T extends ElementType = 'button'>(\n  {\n    as,\n    component,\n    className,\n    classes,\n    children,\n    color = 'default',\n    disabled = false,\n    size = 'medium',\n    variant = 'circular',\n    slotProps = {},\n    slots = {},\n    sx,\n    ...props\n  }: FloatingButtonProps<T>,\n  ref: any\n) => {\n  const RootComponent = slots.root || as || component || 'button';\n\n  const getSlotProps = (slotName: 'root', baseProps: any = {}) => {\n    const customProps = slotProps[slotName];\n    const resolvedCustomProps = typeof customProps === 'function' ? customProps(baseProps) : customProps;\n    return { ...baseProps, ...resolvedCustomProps };\n  };\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <RootComponent\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          'ui-floating-button',\n          `ui-floating-button--${variant}`,\n          `ui-floating-button--${size}`,\n          `ui-floating-button--${color}`,\n          className,\n          classes?.root\n        )}\n        style={{ ...sx }}\n        {...getSlotProps('root', props)}\n      >\n        {children}\n      </RootComponent>\n    </>\n  );\n});\n\nFloatingButton.displayName = 'FloatingButton';\n\nexport default FloatingButton;\n"]}

package/dist/chunk-4SIEQM7G.mjs

@@ -0,0 +1,82 @@
+import {a as a$1}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var D=`
+  .ui-divider {
+    margin: 0;
+    flex-shrink: 0;
+    border-width: 0;
+    border-style: solid;
+    border-color: rgba(0, 0, 0, 0.12);
+  }
+
+  .ui-divider--light {
+    border-color: rgba(0, 0, 0, 0.08);
+  }
+
+  .ui-divider--horizontal {
+    border-bottom-width: 1px;
+    width: 100%;
+  }
+
+  .ui-divider--vertical {
+    border-right-width: 1px;
+    height: 100%;
+    display: inline-flex;
+    vertical-align: middle;
+  }
+
+  /* Variants */
+  .ui-divider--inset.ui-divider--horizontal {
+    margin-left: 72px;
+  }
+
+  .ui-divider--middle.ui-divider--horizontal {
+    margin-left: 16px;
+    margin-right: 16px;
+    width: calc(100% - 32px);
+  }
+
+  .ui-divider--inset.ui-divider--vertical {
+    margin-top: 8px;
+    margin-bottom: 8px;
+    height: calc(100% - 16px);
+  }
+
+  /* With Children */
+  .ui-divider--with-children {
+    display: flex;
+    white-space: nowrap;
+    text-align: center;
+    border: 0;
+    align-items: center;
+  }
+
+  .ui-divider--with-children::before,
+  .ui-divider--with-children::after {
+    content: '';
+    flex-grow: 1;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+  }
+
+  .ui-divider--light.ui-divider--with-children::before,
+  .ui-divider--light.ui-divider--with-children::after {
+    border-color: rgba(0, 0, 0, 0.08);
+  }
+
+  .ui-divider--text-center::before { right: 0.5em; }
+  .ui-divider--text-center::after { left: 0.5em; }
+
+  .ui-divider--text-left::before { flex-grow: 0; min-width: 16px; }
+  .ui-divider--text-left::after { left: 0.5em; }
+
+  .ui-divider--text-right::before { right: 0.5em; }
+  .ui-divider--text-right::after { flex-grow: 0; min-width: 16px; }
+
+  .ui-divider-content {
+    display: inline-block;
+    padding-left: 16px;
+    padding-right: 16px;
+    font-size: 0.875rem;
+    color: rgba(0, 0, 0, 0.6);
+    font-family: inherit;
+  }
+`,a=forwardRef(({as:h,component:f,className:p,classes:u,children:i,orientation:d="horizontal",variant:o="fullWidth",textAlign:v="center",light:s=false,slotProps:m={},slots:c={},sx:g,...x},b)=>{let w=c.root||h||f||(i?"div":"hr"),y=(z,l={})=>{let r=m[z],T=typeof r=="function"?r(l):r;return {...l,...T}},e=!!i&&d==="horizontal";return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:D}}),jsx(w,{ref:b,className:a$1("ui-divider",`ui-divider--${d}`,o!=="fullWidth"&&`ui-divider--${o}`,s&&"ui-divider--light",e&&"ui-divider--with-children",e&&`ui-divider--text-${v}`,p,u?.root),style:{...g},...y("root",x),children:e?jsx("span",{className:"ui-divider-content",children:i}):i})]})});a.displayName="Divider";var P=a;export{P as a};//# sourceMappingURL=chunk-4SIEQM7G.mjs.map
+//# sourceMappingURL=chunk-4SIEQM7G.mjs.map

package/dist/chunk-4SIEQM7G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"names":["STYLES","Divider","forwardRef","as","component","className","classes","children","orientation","variant","textAlign","light","slotProps","slots","sx","props","ref","RootComponent","getSlotProps","slotName","baseProps","customProps","resolvedCustomProps","hasChildren","jsxs","Fragment","jsx","cn","Divider_default"],"mappings":"6HAIA,IAAMA,CAAAA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAkFFC,CAAAA,CAAUC,UAAAA,CAAW,CAChC,CACE,GAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,QAAA,CAAAC,CAAAA,CACA,YAAAC,CAAAA,CAAc,YAAA,CACd,OAAA,CAAAC,CAAAA,CAAU,YACV,SAAA,CAAAC,CAAAA,CAAY,QAAA,CACZ,KAAA,CAAAC,EAAQ,KAAA,CACR,SAAA,CAAAC,CAAAA,CAAY,GACZ,KAAA,CAAAC,CAAAA,CAAQ,EAAC,CACT,GAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAgBJ,EAAM,IAAA,EAAQV,CAAAA,EAAMC,CAAAA,GAAcG,CAAAA,CAAW,MAAQ,IAAA,CAAA,CAErEW,CAAAA,CAAe,CAACC,CAAAA,CAAkBC,EAAiB,EAAC,GAAM,CAC9D,IAAMC,EAAcT,CAAAA,CAAUO,CAAQ,CAAA,CAChCG,CAAAA,CAAsB,OAAOD,CAAAA,EAAgB,UAAA,CAAaA,CAAAA,CAAYD,CAAS,EAAIC,CAAAA,CACzF,OAAO,CAAE,GAAGD,EAAW,GAAGE,CAAoB,CAChD,CAAA,CAEMC,CAAAA,CAAc,CAAC,CAAChB,CAAAA,EAAYC,IAAgB,YAAA,CAElD,OACEgB,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAC,GAAAA,CAAC,OAAA,CAAA,CAAM,uBAAA,CAAyB,CAAE,MAAA,CAAQ1B,CAAO,CAAA,CAAG,CAAA,CACpD0B,IAACT,CAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,UAAWW,GAAAA,CACT,YAAA,CACA,CAAA,YAAA,EAAenB,CAAW,GAC1BC,CAAAA,GAAY,WAAA,EAAe,CAAA,YAAA,EAAeA,CAAO,GACjDE,CAAAA,EAAS,mBAAA,CACTY,CAAAA,EAAe,2BAAA,CACfA,GAAe,CAAA,iBAAA,EAAoBb,CAAS,CAAA,CAAA,CAC5CL,CAAAA,CACAC,GAAS,IACX,CAAA,CACA,KAAA,CAAO,CAAE,GAAGQ,CAAG,CAAA,CACd,GAAGI,CAAAA,CAAa,OAAQH,CAAK,CAAA,CAE7B,QAAA,CAAAQ,CAAAA,CACCG,IAAC,MAAA,CAAA,CAAK,SAAA,CAAU,oBAAA,CAAsB,QAAA,CAAAnB,EAAS,CAAA,CAE/CA,CAAAA,CAEJ,CAAA,CAAA,CACF,CAEJ,CAAC,CAAA,CAEDN,CAAAA,CAAQ,WAAA,CAAc,SAAA,KAEf2B,CAAAA,CAAQ3B","file":"chunk-4SIEQM7G.mjs","sourcesContent":["import { forwardRef, ElementType } from 'react';\nimport { cn } from '../../utils/cn';\nimport { DividerProps } from './types';\n\nconst STYLES = `\n  .ui-divider {\n    margin: 0;\n    flex-shrink: 0;\n    border-width: 0;\n    border-style: solid;\n    border-color: rgba(0, 0, 0, 0.12);\n  }\n\n  .ui-divider--light {\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .ui-divider--horizontal {\n    border-bottom-width: 1px;\n    width: 100%;\n  }\n\n  .ui-divider--vertical {\n    border-right-width: 1px;\n    height: 100%;\n    display: inline-flex;\n    vertical-align: middle;\n  }\n\n  /* Variants */\n  .ui-divider--inset.ui-divider--horizontal {\n    margin-left: 72px;\n  }\n\n  .ui-divider--middle.ui-divider--horizontal {\n    margin-left: 16px;\n    margin-right: 16px;\n    width: calc(100% - 32px);\n  }\n\n  .ui-divider--inset.ui-divider--vertical {\n    margin-top: 8px;\n    margin-bottom: 8px;\n    height: calc(100% - 16px);\n  }\n\n  /* With Children */\n  .ui-divider--with-children {\n    display: flex;\n    white-space: nowrap;\n    text-align: center;\n    border: 0;\n    align-items: center;\n  }\n\n  .ui-divider--with-children::before,\n  .ui-divider--with-children::after {\n    content: '';\n    flex-grow: 1;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n  }\n\n  .ui-divider--light.ui-divider--with-children::before,\n  .ui-divider--light.ui-divider--with-children::after {\n    border-color: rgba(0, 0, 0, 0.08);\n  }\n\n  .ui-divider--text-center::before { right: 0.5em; }\n  .ui-divider--text-center::after { left: 0.5em; }\n\n  .ui-divider--text-left::before { flex-grow: 0; min-width: 16px; }\n  .ui-divider--text-left::after { left: 0.5em; }\n\n  .ui-divider--text-right::before { right: 0.5em; }\n  .ui-divider--text-right::after { flex-grow: 0; min-width: 16px; }\n\n  .ui-divider-content {\n    display: inline-block;\n    padding-left: 16px;\n    padding-right: 16px;\n    font-size: 0.875rem;\n    color: rgba(0, 0, 0, 0.6);\n    font-family: inherit;\n  }\n`;\n\nexport const Divider = forwardRef(<T extends ElementType = 'hr'>(\n  {\n    as,\n    component,\n    className,\n    classes,\n    children,\n    orientation = 'horizontal',\n    variant = 'fullWidth',\n    textAlign = 'center',\n    light = false,\n    slotProps = {},\n    slots = {},\n    sx,\n    ...props\n  }: DividerProps<T>,\n  ref: any\n) => {\n  const RootComponent = slots.root || as || component || (children ? 'div' : 'hr');\n\n  const getSlotProps = (slotName: 'root', baseProps: any = {}) => {\n    const customProps = slotProps[slotName];\n    const resolvedCustomProps = typeof customProps === 'function' ? customProps(baseProps) : customProps;\n    return { ...baseProps, ...resolvedCustomProps };\n  };\n\n  const hasChildren = !!children && orientation === 'horizontal';\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <RootComponent\n        ref={ref}\n        className={cn(\n          'ui-divider',\n          `ui-divider--${orientation}`,\n          variant !== 'fullWidth' && `ui-divider--${variant}`,\n          light && 'ui-divider--light',\n          hasChildren && 'ui-divider--with-children',\n          hasChildren && `ui-divider--text-${textAlign}`,\n          className,\n          classes?.root\n        )}\n        style={{ ...sx }}\n        {...getSlotProps('root', props)}\n      >\n        {hasChildren ? (\n          <span className=\"ui-divider-content\">{children}</span>\n        ) : (\n          children\n        )}\n      </RootComponent>\n    </>\n  );\n});\n\nDivider.displayName = 'Divider';\n\nexport default Divider;\n"]}

package/dist/chunk-5K26YZCB.js

@@ -0,0 +1,43 @@
+'use strict';var chunkMLURKSJZ_js=require('./chunk-MLURKSJZ.js'),chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var f=`
+  .ui-paper {
+    background-color: #ffffff;
+    color: #0f172a;
+    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+
+  .ui-paper--rounded {
+    border-radius: 8px;
+  }
+
+  .ui-paper--variant-outlined {
+    border: 1px solid #e2e8f0;
+  }
+
+  /* Elevations 0 - 24 */
+  .ui-paper--elevation-0 { box-shadow: none; }
+  .ui-paper--elevation-1 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06); }
+  .ui-paper--elevation-2 { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 3px 6px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-3 { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05), 0px 4px 8px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-4 { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06), 0px 6px 12px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-5 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06), 0px 8px 16px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-6 { box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.07), 0px 10px 20px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-7 { box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.07), 0px 12px 24px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-8 { box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08), 0px 14px 28px rgba(0, 0, 0, 0.08); }
+  .ui-paper--elevation-9 { box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.08), 0px 16px 32px rgba(0, 0, 0, 0.09); }
+  .ui-paper--elevation-10 { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.09), 0px 18px 36px rgba(0, 0, 0, 0.09); }
+  .ui-paper--elevation-11 { box-shadow: 0px 22px 44px rgba(0, 0, 0, 0.09), 0px 20px 40px rgba(0, 0, 0, 0.09); }
+  .ui-paper--elevation-12 { box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.1), 0px 22px 44px rgba(0, 0, 0, 0.09); }
+  .ui-paper--elevation-13 { box-shadow: 0px 26px 52px rgba(0, 0, 0, 0.1), 0px 24px 48px rgba(0, 0, 0, 0.1); }
+  .ui-paper--elevation-14 { box-shadow: 0px 28px 56px rgba(0, 0, 0, 0.1), 0px 26px 52px rgba(0, 0, 0, 0.1); }
+  .ui-paper--elevation-15 { box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.11), 0px 28px 56px rgba(0, 0, 0, 0.1); }
+  .ui-paper--elevation-16 { box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.11), 0px 30px 60px rgba(0, 0, 0, 0.1); }
+  .ui-paper--elevation-17 { box-shadow: 0px 34px 68px rgba(0, 0, 0, 0.11), 0px 32px 64px rgba(0, 0, 0, 0.11); }
+  .ui-paper--elevation-18 { box-shadow: 0px 36px 72px rgba(0, 0, 0, 0.12), 0px 34px 68px rgba(0, 0, 0, 0.11); }
+  .ui-paper--elevation-19 { box-shadow: 0px 38px 76px rgba(0, 0, 0, 0.12), 0px 36px 72px rgba(0, 0, 0, 0.11); }
+  .ui-paper--elevation-20 { box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.13), 0px 38px 76px rgba(0, 0, 0, 0.12); }
+  .ui-paper--elevation-21 { box-shadow: 0px 42px 84px rgba(0, 0, 0, 0.13), 0px 40px 80px rgba(0, 0, 0, 0.12); }
+  .ui-paper--elevation-22 { box-shadow: 0px 44px 88px rgba(0, 0, 0, 0.13), 0px 42px 84px rgba(0, 0, 0, 0.13); }
+  .ui-paper--elevation-23 { box-shadow: 0px 46px 92px rgba(0, 0, 0, 0.14), 0px 44px 88px rgba(0, 0, 0, 0.13); }
+  .ui-paper--elevation-24 { box-shadow: 0px 48px 96px rgba(0, 0, 0, 0.14), 0px 46px 92px rgba(0, 0, 0, 0.13); }
+`,o=react.forwardRef(({className:r,component:b,as:i,elevation:t=1,variant:n="elevation",square:g=false,sx:l,classes:s={},children:d,...p},u)=>{let v=i||b||"div",h=Math.max(0,Math.min(24,t));return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:f}}),jsxRuntime.jsx(v,{ref:u,className:chunkDDGBDWFC_js.a("ui-paper",!g&&"ui-paper--rounded",n==="outlined"?"ui-paper--variant-outlined":`ui-paper--elevation-${h}`,s.root,r),style:{...chunkMLURKSJZ_js.a(l),...p.style},...p,children:d})]})});o.displayName="Paper";var m=o;exports.a=o;exports.b=m;//# sourceMappingURL=chunk-5K26YZCB.js.map
+//# sourceMappingURL=chunk-5K26YZCB.js.map

package/dist/chunk-5K26YZCB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Paper/Paper.tsx"],"names":["STYLES","Paper","forwardRef","className","component","as","elevation","variant","square","sx","classes","children","props","ref","Component","safeElevation","jsxs","Fragment","jsx","cn","handleSx","Paper_default"],"mappings":"gLAOA,IAAMA,CAAAA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CA2CFC,CAAAA,CAAQC,iBACnB,CACE,CACE,UAAAC,CAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,EAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,EAAY,CAAA,CACZ,OAAA,CAAAC,EAAU,WAAA,CACV,MAAA,CAAAC,EAAS,KAAA,CACT,EAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,GACV,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,IACG,CACH,IAAMC,CAAAA,CAAYT,CAAAA,EAAMD,CAAAA,EAAa,KAAA,CAE/BW,EAAgB,IAAA,CAAK,GAAA,CAAI,CAAA,CAAG,IAAA,CAAK,GAAA,CAAI,EAAA,CAAIT,CAAS,CAAC,CAAA,CAEzD,OACEU,eAAAA,CAAAC,mBAAAA,CAAA,CACE,UAAAC,cAAAA,CAAC,OAAA,CAAA,CAAM,wBAAyB,CAAE,MAAA,CAAQlB,CAAO,CAAA,CAAG,CAAA,CACpDkB,cAAAA,CAACJ,CAAAA,CAAA,CACC,GAAA,CAAKD,EACL,SAAA,CAAWM,kBAAAA,CACT,UAAA,CACA,CAACX,CAAAA,EAAU,mBAAA,CACXD,IAAY,UAAA,CAAa,4BAAA,CAA+B,CAAA,oBAAA,EAAuBQ,CAAa,CAAA,CAAA,CAC5FL,CAAAA,CAAQ,KACRP,CACF,CAAA,CACA,MAAO,CAAE,GAAGiB,mBAASX,CAAE,CAAA,CAAG,GAAGG,CAAAA,CAAM,KAAM,CAAA,CACxC,GAAGA,CAAAA,CAEH,QAAA,CAAAD,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CACF,EAEAV,CAAAA,CAAM,WAAA,CAAc,OAAA,CAEpB,IAAOoB,CAAAA,CAAQpB","file":"chunk-5K26YZCB.js","sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { PaperProps } from './Paper.types';\n\nconst STYLES = `\n  .ui-paper {\n    background-color: #ffffff;\n    color: #0f172a;\n    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-paper--rounded {\n    border-radius: 8px;\n  }\n\n  .ui-paper--variant-outlined {\n    border: 1px solid #e2e8f0;\n  }\n\n  /* Elevations 0 - 24 */\n  .ui-paper--elevation-0 { box-shadow: none; }\n  .ui-paper--elevation-1 { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.06); }\n  .ui-paper--elevation-2 { box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05), 0px 3px 6px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-3 { box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.05), 0px 4px 8px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-4 { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06), 0px 6px 12px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-5 { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06), 0px 8px 16px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-6 { box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.07), 0px 10px 20px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-7 { box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.07), 0px 12px 24px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-8 { box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08), 0px 14px 28px rgba(0, 0, 0, 0.08); }\n  .ui-paper--elevation-9 { box-shadow: 0px 18px 36px rgba(0, 0, 0, 0.08), 0px 16px 32px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-10 { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.09), 0px 18px 36px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-11 { box-shadow: 0px 22px 44px rgba(0, 0, 0, 0.09), 0px 20px 40px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-12 { box-shadow: 0px 24px 48px rgba(0, 0, 0, 0.1), 0px 22px 44px rgba(0, 0, 0, 0.09); }\n  .ui-paper--elevation-13 { box-shadow: 0px 26px 52px rgba(0, 0, 0, 0.1), 0px 24px 48px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-14 { box-shadow: 0px 28px 56px rgba(0, 0, 0, 0.1), 0px 26px 52px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-15 { box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.11), 0px 28px 56px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-16 { box-shadow: 0px 32px 64px rgba(0, 0, 0, 0.11), 0px 30px 60px rgba(0, 0, 0, 0.1); }\n  .ui-paper--elevation-17 { box-shadow: 0px 34px 68px rgba(0, 0, 0, 0.11), 0px 32px 64px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-18 { box-shadow: 0px 36px 72px rgba(0, 0, 0, 0.12), 0px 34px 68px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-19 { box-shadow: 0px 38px 76px rgba(0, 0, 0, 0.12), 0px 36px 72px rgba(0, 0, 0, 0.11); }\n  .ui-paper--elevation-20 { box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.13), 0px 38px 76px rgba(0, 0, 0, 0.12); }\n  .ui-paper--elevation-21 { box-shadow: 0px 42px 84px rgba(0, 0, 0, 0.13), 0px 40px 80px rgba(0, 0, 0, 0.12); }\n  .ui-paper--elevation-22 { box-shadow: 0px 44px 88px rgba(0, 0, 0, 0.13), 0px 42px 84px rgba(0, 0, 0, 0.13); }\n  .ui-paper--elevation-23 { box-shadow: 0px 46px 92px rgba(0, 0, 0, 0.14), 0px 44px 88px rgba(0, 0, 0, 0.13); }\n  .ui-paper--elevation-24 { box-shadow: 0px 48px 96px rgba(0, 0, 0, 0.14), 0px 46px 92px rgba(0, 0, 0, 0.13); }\n`;\n\nexport const Paper = forwardRef<HTMLElement, PaperProps>(\n  (\n    {\n      className,\n      component,\n      as,\n      elevation = 1,\n      variant = 'elevation',\n      square = false,\n      sx,\n      classes = {},\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Component = as || component || 'div';\n\n    const safeElevation = Math.max(0, Math.min(24, elevation));\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn(\n            'ui-paper',\n            !square && 'ui-paper--rounded',\n            variant === 'outlined' ? 'ui-paper--variant-outlined' : `ui-paper--elevation-${safeElevation}`,\n            classes.root,\n            className\n          )}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </>\n    );\n  }\n);\n\nPaper.displayName = 'Paper';\n\nexport default Paper;\n"]}

package/dist/chunk-6GWOEQFV.js

@@ -0,0 +1,2 @@
+'use strict';//# sourceMappingURL=chunk-6GWOEQFV.js.map
+//# sourceMappingURL=chunk-6GWOEQFV.js.map

package/dist/chunk-6GWOEQFV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-6GWOEQFV.js"}

package/dist/chunk-7IWJZHMP.js

@@ -0,0 +1,114 @@
+'use strict';var chunkMLURKSJZ_js=require('./chunk-MLURKSJZ.js'),chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var h=react.createContext({}),f=react.createContext(void 0),k=`
+  /* Table Container */
+  .ui-table-container {
+    width: 100%;
+    overflow-x: auto;
+    position: relative;
+    box-sizing: border-box;
+  }
+
+  /* Table */
+  .ui-table {
+    display: table;
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-family: inherit;
+    text-align: left;
+    box-sizing: border-box;
+  }
+
+  /* Table Head, Body, Footer */
+  .ui-table-head {
+    display: table-header-group;
+  }
+  .ui-table-body {
+    display: table-row-group;
+  }
+  .ui-table-footer {
+    display: table-footer-group;
+  }
+
+  /* Table Row */
+  .ui-table-row {
+    color: inherit;
+    display: table-row;
+    vertical-align: middle;
+    outline: 0;
+    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+
+  .ui-table-row--hover:hover {
+    background-color: #f8fafc;
+  }
+
+  .ui-table-row--selected {
+    background-color: rgba(59, 130, 246, 0.08);
+  }
+
+  .ui-table-row--selected:hover {
+    background-color: rgba(59, 130, 246, 0.12);
+  }
+
+  /* Table Cell */
+  .ui-table-cell {
+    display: table-cell;
+    vertical-align: inherit;
+    border-bottom: 1px solid #e2e8f0;
+    text-align: left;
+    color: #0f172a;
+    font-size: 0.875rem;
+    line-height: 1.43;
+    box-sizing: border-box;
+  }
+
+  /* Cell variants */
+  .ui-table-cell--variant-head {
+    color: #475569;
+    font-weight: 600;
+    background-color: #f8fafc;
+  }
+
+  .ui-table-cell--variant-sticky {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+  }
+
+  .ui-table-cell--variant-footer {
+    color: #475569;
+    font-weight: 600;
+    background-color: #f8fafc;
+    border-bottom: 1px solid #cbd5e1;
+  }
+
+  /* Cell alignments */
+  .ui-table-cell--align-center {
+    text-align: center;
+  }
+  .ui-table-cell--align-right {
+    text-align: right;
+  }
+  .ui-table-cell--align-justify {
+    text-align: justify;
+  }
+
+  /* Cell sizes */
+  .ui-table-cell--size-medium {
+    padding: 12px 16px;
+  }
+  .ui-table-cell--size-small {
+    padding: 6px 12px;
+    font-size: 0.8125rem;
+  }
+
+  /* Cell paddings */
+  .ui-table-cell--padding-none {
+    padding: 0;
+  }
+  .ui-table-cell--padding-checkbox {
+    padding: 0 0 0 4px;
+    width: 48px;
+  }
+`,N=react.forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:k}}),jsxRuntime.jsx(i||n||"div",{ref:b,className:chunkDDGBDWFC_js.a("ui-table-container",t.root,o),style:{...chunkMLURKSJZ_js.a(l),...e.style},...e,children:r})]}));N.displayName="TableContainer";var w=react.forwardRef(({className:o,component:n,as:i,size:l="medium",stickyHeader:t=false,sx:r,classes:e={},children:b,...a},m)=>{let p=i||n||"table";return jsxRuntime.jsx(h.Provider,{value:{size:l,stickyHeader:t},children:jsxRuntime.jsx(p,{ref:m,className:chunkDDGBDWFC_js.a("ui-table",e.root,o),style:{...chunkMLURKSJZ_js.a(r),...a.style},...a,children:b})})});w.displayName="Table";var S=react.forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>{let a=i||n||"thead";return jsxRuntime.jsx(f.Provider,{value:{variant:"head"},children:jsxRuntime.jsx(a,{ref:b,className:chunkDDGBDWFC_js.a("ui-table-head",t.root,o),style:{...chunkMLURKSJZ_js.a(l),...e.style},...e,children:r})})});S.displayName="TableHead";var L=react.forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>{let a=i||n||"tbody";return jsxRuntime.jsx(f.Provider,{value:{variant:"body"},children:jsxRuntime.jsx(a,{ref:b,className:chunkDDGBDWFC_js.a("ui-table-body",t.root,o),style:{...chunkMLURKSJZ_js.a(l),...e.style},...e,children:r})})});L.displayName="TableBody";var E=react.forwardRef(({className:o,component:n,as:i,hover:l=false,selected:t=false,sx:r,classes:e={},children:b,...a},m)=>jsxRuntime.jsx(i||n||"tr",{ref:m,className:chunkDDGBDWFC_js.a("ui-table-row",l&&"ui-table-row--hover",t&&"ui-table-row--selected",e.root,o),style:{...chunkMLURKSJZ_js.a(r),...a.style},...a,children:b}));E.displayName="TableRow";var M=react.forwardRef(({className:o,component:n,as:i,align:l="inherit",padding:t="normal",size:r,sortDirection:e,variant:b,sx:a,classes:m={},children:p,...T},P)=>{let x=react.useContext(h),z=react.useContext(f),y=b||z?.variant||"body",C=r||x.size||"medium",H=y==="head"&&x.stickyHeader;return jsxRuntime.jsx(i||n||(y==="head"?"th":"td"),{ref:P,"aria-sort":e==="asc"?"ascending":e==="desc"?"descending":void 0,className:chunkDDGBDWFC_js.a("ui-table-cell",`ui-table-cell--variant-${y}`,H&&"ui-table-cell--variant-sticky",l!=="inherit"&&`ui-table-cell--align-${l}`,`ui-table-cell--size-${C}`,t!=="normal"&&`ui-table-cell--padding-${t}`,m.root,o),style:{...chunkMLURKSJZ_js.a(a),...T.style},...T,children:p})});M.displayName="TableCell";var R=w;exports.a=N;exports.b=w;exports.c=S;exports.d=L;exports.e=E;exports.f=M;exports.g=R;//# sourceMappingURL=chunk-7IWJZHMP.js.map
+//# sourceMappingURL=chunk-7IWJZHMP.js.map

package/dist/chunk-7IWJZHMP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":["TableContext","createContext","Tablelvl2Context","STYLES","TableContainer","forwardRef","className","component","as","sx","classes","children","props","ref","jsxs","Fragment","jsx","cn","handleSx","Table","size","stickyHeader","Component","TableHead","TableBody","TableRow","hover","selected","TableCell","align","padding","sizeProp","sortDirection","variantProp","tableContext","useContext","tablelvl2Context","variant","isStickyHeader","Table_default"],"mappings":"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","file":"chunk-7IWJZHMP.js","sourcesContent":["'use client';\n\nimport { forwardRef, createContext, useContext } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport {\n  TableProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n} from './Table.types';\n\n// Contexts for passing down size, variant and stickyHeader behavior\ninterface TableContextValue {\n  size?: 'small' | 'medium';\n  stickyHeader?: boolean;\n}\n\nconst TableContext = createContext<TableContextValue>({});\n\ninterface Tablelvl2ContextValue {\n  variant: 'head' | 'body' | 'footer';\n}\n\nconst Tablelvl2Context = createContext<Tablelvl2ContextValue | undefined>(undefined);\n\nconst STYLES = `\n  /* Table Container */\n  .ui-table-container {\n    width: 100%;\n    overflow-x: auto;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  /* Table */\n  .ui-table {\n    display: table;\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    font-family: inherit;\n    text-align: left;\n    box-sizing: border-box;\n  }\n\n  /* Table Head, Body, Footer */\n  .ui-table-head {\n    display: table-header-group;\n  }\n  .ui-table-body {\n    display: table-row-group;\n  }\n  .ui-table-footer {\n    display: table-footer-group;\n  }\n\n  /* Table Row */\n  .ui-table-row {\n    color: inherit;\n    display: table-row;\n    vertical-align: middle;\n    outline: 0;\n    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-table-row--hover:hover {\n    background-color: #f8fafc;\n  }\n\n  .ui-table-row--selected {\n    background-color: rgba(59, 130, 246, 0.08);\n  }\n\n  .ui-table-row--selected:hover {\n    background-color: rgba(59, 130, 246, 0.12);\n  }\n\n  /* Table Cell */\n  .ui-table-cell {\n    display: table-cell;\n    vertical-align: inherit;\n    border-bottom: 1px solid #e2e8f0;\n    text-align: left;\n    color: #0f172a;\n    font-size: 0.875rem;\n    line-height: 1.43;\n    box-sizing: border-box;\n  }\n\n  /* Cell variants */\n  .ui-table-cell--variant-head {\n    color: #475569;\n    font-weight: 600;\n    background-color: #f8fafc;\n  }\n\n  .ui-table-cell--variant-sticky {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n  }\n\n  .ui-table-cell--variant-footer {\n    color: #475569;\n    font-weight: 600;\n    background-color: #f8fafc;\n    border-bottom: 1px solid #cbd5e1;\n  }\n\n  /* Cell alignments */\n  .ui-table-cell--align-center {\n    text-align: center;\n  }\n  .ui-table-cell--align-right {\n    text-align: right;\n  }\n  .ui-table-cell--align-justify {\n    text-align: justify;\n  }\n\n  /* Cell sizes */\n  .ui-table-cell--size-medium {\n    padding: 12px 16px;\n  }\n  .ui-table-cell--size-small {\n    padding: 6px 12px;\n    font-size: 0.8125rem;\n  }\n\n  /* Cell paddings */\n  .ui-table-cell--padding-none {\n    padding: 0;\n  }\n  .ui-table-cell--padding-checkbox {\n    padding: 0 0 0 4px;\n    width: 48px;\n  }\n`;\n\n// ==================== TABLE CONTAINER ====================\nexport const TableContainer = forwardRef<HTMLElement, TableContainerProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'div';\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-container', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </>\n    );\n  }\n);\nTableContainer.displayName = 'TableContainer';\n\n// ==================== TABLE ====================\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  ({ className, component, as, size = 'medium', stickyHeader = false, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'table';\n    return (\n      <TableContext.Provider value={{ size, stickyHeader }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </TableContext.Provider>\n    );\n  }\n);\nTable.displayName = 'Table';\n\n// ==================== TABLE HEAD ====================\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'thead';\n    return (\n      <Tablelvl2Context.Provider value={{ variant: 'head' }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-head', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </Tablelvl2Context.Provider>\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\n// ==================== TABLE BODY ====================\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'tbody';\n    return (\n      <Tablelvl2Context.Provider value={{ variant: 'body' }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-body', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </Tablelvl2Context.Provider>\n    );\n  }\n);\nTableBody.displayName = 'TableBody';\n\n// ==================== TABLE ROW ====================\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, component, as, hover = false, selected = false, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'tr';\n    return (\n      <Component\n        ref={ref as any}\n        className={cn(\n          'ui-table-row',\n          hover && 'ui-table-row--hover',\n          selected && 'ui-table-row--selected',\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nTableRow.displayName = 'TableRow';\n\n// ==================== TABLE CELL ====================\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      className,\n      component,\n      as,\n      align = 'inherit',\n      padding = 'normal',\n      size: sizeProp,\n      sortDirection,\n      variant: variantProp,\n      sx,\n      classes = {},\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const tableContext = useContext(TableContext);\n    const tablelvl2Context = useContext(Tablelvl2Context);\n\n    // Resolve variant (inherited from parent if not specified)\n    const variant = variantProp || tablelvl2Context?.variant || 'body';\n    \n    // Resolve size (inherited from table context if not specified)\n    const size = sizeProp || tableContext.size || 'medium';\n\n    // Sticky header\n    const isStickyHeader = variant === 'head' && tableContext.stickyHeader;\n\n    // Component resolves to 'th' if head or footer (for accessibility), else 'td'\n    const Component = as || component || (variant === 'head' ? 'th' : 'td');\n\n    const ariaSort =\n      sortDirection === 'asc'\n        ? 'ascending'\n        : sortDirection === 'desc'\n        ? 'descending'\n        : undefined;\n\n    return (\n      <Component\n        ref={ref as any}\n        aria-sort={ariaSort}\n        className={cn(\n          'ui-table-cell',\n          variant && `ui-table-cell--variant-${variant}`,\n          isStickyHeader && 'ui-table-cell--variant-sticky',\n          align !== 'inherit' && `ui-table-cell--align-${align}`,\n          size && `ui-table-cell--size-${size}`,\n          padding !== 'normal' && `ui-table-cell--padding-${padding}`,\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nTableCell.displayName = 'TableCell';\n\nexport default Table;\n"]}