@plumile/ui 0.1.55 → 0.1.56

package/lib/components/data-table/DataTable.css.js

@@ -0,0 +1,285 @@
+import { createVar, fallbackVar, style, } from '@vanilla-extract/css';
+import { recipe } from '@vanilla-extract/recipes';
+import { vars } from '../../theme/themeContract.js';
+import { DATA_TABLE_BREAKPOINT_ENTRIES, } from './tableBreakpoints.js';
+import { sprinkles } from '../../theme/sprinkles.css.js';
+export const container = recipe({
+    base: sprinkles({
+        display: 'flex',
+        flexDirection: 'column',
+        width: 'full',
+        containerType: 'inline-size',
+    }),
+    variants: {
+        kind: {
+            default: sprinkles({
+                backgroundColor: 'white',
+                borderColor: 'border',
+                borderRadius: 'lg',
+                borderStyle: 'solid',
+                borderWidth: 'default',
+                overflow: 'hidden',
+            }),
+            brandTable: sprinkles({
+                backgroundColor: 'transparent',
+                borderRadius: 'none',
+                borderStyle: 'none',
+                borderWidth: 0,
+                overflow: 'visible',
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const header = recipe({
+    variants: {
+        kind: {
+            default: sprinkles({
+                borderWidth: 0,
+                borderStyle: 'solid',
+                borderBottomWidth: 'default',
+                borderBottomColor: 'border',
+                backgroundColor: 'surfaceSecondary',
+            }),
+            brandTable: sprinkles({
+                backgroundColor: 'transparent',
+                borderWidth: 0,
+                borderStyle: 'solid',
+                borderBottomWidth: 'default',
+                borderBottomColor: 'brandSecondaryOrange-20',
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const headerRow = sprinkles({
+    display: 'grid',
+    width: 'full',
+    alignItems: 'stretch',
+});
+export const tableCellPaddingVar = createVar();
+export const tableCellFontSizeVar = createVar();
+export const tableEmptyRowPaddingVar = createVar();
+export const headerCell = recipe({
+    base: sprinkles({
+        alignItems: 'center',
+        display: 'flex',
+        flexShrink: 0,
+        gap: 2,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    }),
+    variants: {
+        kind: {
+            default: style([
+                sprinkles({
+                    color: 'text',
+                    fontWeight: 'semibold',
+                }),
+                {
+                    padding: fallbackVar(tableCellPaddingVar, `${vars.spacing[3]} ${vars.spacing[4]}`),
+                    fontSize: fallbackVar(tableCellFontSizeVar, vars.fontSize.sm),
+                    borderRight: `1px solid ${vars.colors.border}`,
+                    selectors: {
+                        '&:last-child': {
+                            borderRight: 'none',
+                        },
+                    },
+                },
+            ]),
+            brandTable: sprinkles({
+                color: 'black-300',
+                fontWeight: 'bold',
+                fontSize: 'xs',
+                letterSpacing: 'caps',
+                textTransform: 'uppercase',
+                paddingY: 4,
+                paddingX: 0,
+                borderRightWidth: 0,
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const body = recipe({
+    base: sprinkles({
+        display: 'flex',
+        flexDirection: 'column',
+    }),
+    variants: {
+        kind: {
+            default: {},
+            brandTable: sprinkles({
+                backgroundColor: 'transparent',
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const row = recipe({
+    base: sprinkles({
+        alignItems: 'stretch',
+        borderStyle: 'solid',
+        borderWidth: 0,
+        display: 'grid',
+        transitionProperty: 'colors',
+        transitionDuration: 150,
+        transitionTimingFunction: 'ease',
+    }),
+    variants: {
+        kind: {
+            default: style([
+                sprinkles({
+                    backgroundColor: 'surface',
+                    borderBottomColor: 'borderLight',
+                    borderBottomWidth: 'default',
+                }),
+                {
+                    selectors: {
+                        '&:last-child': {
+                            borderBottomWidth: 0,
+                        },
+                        '&:hover': {
+                            backgroundColor: vars.colors.surfaceSecondary,
+                        },
+                    },
+                },
+            ]),
+            brandTable: style([
+                sprinkles({
+                    backgroundColor: 'transparent',
+                    borderBottomColor: 'brandSecondaryOrange-20',
+                    borderBottomWidth: 'default',
+                }),
+                {
+                    selectors: {
+                        '&:last-child': {
+                            borderBottomWidth: 0,
+                        },
+                        '&:hover': {
+                            backgroundColor: 'transparent',
+                        },
+                    },
+                },
+            ]),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const rowEven = recipe({
+    variants: {
+        kind: {
+            default: sprinkles({
+                backgroundColor: 'surfaceMuted',
+            }),
+            brandTable: sprinkles({
+                backgroundColor: 'transparent',
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const rowOdd = recipe({
+    variants: {
+        kind: {
+            default: sprinkles({
+                backgroundColor: 'surface',
+            }),
+            brandTable: sprinkles({
+                backgroundColor: 'transparent',
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const cell = recipe({
+    base: sprinkles({
+        alignItems: 'center',
+        display: 'flex',
+        gap: 2,
+        minWidth: 0,
+        overflow: 'hidden',
+    }),
+    variants: {
+        kind: {
+            default: style([
+                sprinkles({
+                    color: 'textSecondary',
+                }),
+                {
+                    padding: fallbackVar(tableCellPaddingVar, `${vars.spacing[3]} ${vars.spacing[4]}`),
+                    fontSize: fallbackVar(tableCellFontSizeVar, vars.fontSize.sm),
+                    borderRight: `1px solid ${vars.colors.borderLight}`,
+                    selectors: {
+                        '&:last-child': {
+                            borderRight: 'none',
+                        },
+                    },
+                },
+            ]),
+            brandTable: sprinkles({
+                color: 'text',
+                fontWeight: 'semibold',
+                fontSize: 'sm',
+                paddingY: 4,
+                paddingX: 0,
+                borderRightWidth: 0,
+            }),
+        },
+    },
+    defaultVariants: {
+        kind: 'default',
+    },
+});
+export const primaryCell = sprinkles({
+    fontWeight: 'semibold',
+    color: 'text',
+});
+export const primaryHeaderCell = sprinkles({
+    color: 'text',
+});
+export const emptyRow = style({
+    padding: fallbackVar(tableEmptyRowPaddingVar, `${vars.spacing[6]} ${vars.spacing[4]}`),
+});
+export const emptyCell = sprinkles({
+    fontSize: 'base',
+    color: 'textSecondary',
+    textAlign: 'center',
+});
+const hideBelowMap = {};
+DATA_TABLE_BREAKPOINT_ENTRIES.forEach(([breakpoint, width]) => {
+    hideBelowMap[breakpoint] = {
+        '@container': {
+            [`(max-width: ${width - 0.5}px)`]: {
+                visibility: 'hidden',
+                opacity: 0,
+                pointerEvents: 'none',
+                paddingInline: 0,
+                paddingBlock: 0,
+                borderRight: 'none',
+                overflow: 'hidden',
+            },
+        },
+    };
+});
+export const hideBelowRecipe = recipe({
+    variants: {
+        minVisibleAt: hideBelowMap,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmNzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RhdGEtdGFibGUvRGF0YVRhYmxlLmNzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEdBRU4sTUFBTSxzQkFBc0IsQ0FBQztBQUM5QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFbEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXBELE9BQU8sRUFDTCw2QkFBNkIsR0FFOUIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQztJQUM5QixJQUFJLEVBQUUsU0FBUyxDQUFDO1FBQ2QsT0FBTyxFQUFFLE1BQU07UUFDZixhQUFhLEVBQUUsUUFBUTtRQUN2QixLQUFLLEVBQUUsTUFBTTtRQUNiLGFBQWEsRUFBRSxhQUFhO0tBQzdCLENBQUM7SUFDRixRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsU0FBUyxDQUFDO2dCQUNqQixlQUFlLEVBQUUsT0FBTztnQkFDeEIsV0FBVyxFQUFFLFFBQVE7Z0JBQ3JCLFlBQVksRUFBRSxJQUFJO2dCQUNsQixXQUFXLEVBQUUsT0FBTztnQkFDcEIsV0FBVyxFQUFFLFNBQVM7Z0JBQ3RCLFFBQVEsRUFBRSxRQUFRO2FBQ25CLENBQUM7WUFDRixVQUFVLEVBQUUsU0FBUyxDQUFDO2dCQUNwQixlQUFlLEVBQUUsYUFBYTtnQkFDOUIsWUFBWSxFQUFFLE1BQU07Z0JBQ3BCLFdBQVcsRUFBRSxNQUFNO2dCQUNuQixXQUFXLEVBQUUsQ0FBQztnQkFDZCxRQUFRLEVBQUUsU0FBUzthQUNwQixDQUFDO1NBQ0g7S0FDRjtJQUNELGVB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SSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUN4QztDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUM7SUFDakMsUUFBUSxFQUFFLE1BQU07SUFDaEIsS0FBSyxFQUFFLGVBQWU7SUFDdEIsU0FBUyxFQUFFLFFBQVE7Q0FDcEIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxZQUFZLEdBQTJDLEVBRzVELENBQUM7QUFFRiw2QkFBNkIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBRSxFQUFFO0lBQzVELFlBQVksQ0FBQyxVQUFVLENBQUMsR0FBRztRQUN6QixZQUFZLEVBQUU7WUFDWixDQUFDLGVBQWUsS0FBSyxHQUFHLEdBQUcsS0FBSyxDQUFDLEVBQUU7Z0JBQ2pDLFVBQVUsRUFBRSxRQUFRO2dCQUNwQixPQUFPLEVBQUUsQ0FBQztnQkFDVixhQUFhLEVBQUUsTUFBTTtnQkFDckIsYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFlBQVksRUFBRSxDQUFDO2dCQUNmLFdBQVcsRUFBRSxNQUFNO2dCQUNuQixRQUFRLEVBQUUsUUFBUTthQUNuQjtTQUNGO0tBQ0YsQ0FBQztBQUNKLENBQUMsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQztJQUNwQyxRQUFRLEVBQUU7UUFDUixZQUFZLEVBQUUsWUFBWTtLQUMzQjtDQUNGLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNyZWF0ZVZhcixcbiAgZmFsbGJhY2tWYXIsXG4gIHN0eWxlLFxuICB0eXBlIFN0eWxlUnVsZSxcbn0gZnJvbSAnQHZhbmlsbGEtZXh0cmFjdC9jc3MnO1xuaW1wb3J0IHsgcmVjaXBlIH0gZnJvbSAnQHZhbmlsbGEtZXh0cmFjdC9yZWNpcGVzJztcblxuaW1wb3J0IHsgdmFycyB9IGZyb20gJy4uLy4uL3RoZW1lL3RoZW1lQ29udHJhY3QuanMnO1xuXG5pbXBvcnQge1xuICBEQVRBX1RBQkxFX0JSRUFLUE9JTlRfRU5UUklFUyxcbiAgdHlwZSBEYXRhVGFibGVCcmVha3BvaW50LFxufSBmcm9tICcuL3RhYmxlQnJlYWtwb2ludHMuanMnO1xuaW1wb3J0IHsgc3ByaW5rbGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3ByaW5rbGVzLmNzcy5qcyc7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSByZWNpcGUoe1xuICBiYXNlOiBzcHJpbmtsZXMoe1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICB3aWR0aDogJ2Z1bGwnLFxuICAgIGNvbnRhaW5lclR5cGU6ICdpbmxpbmUtc2l6ZScsXG4gIH0pLFxuICB2YXJpYW50czoge1xuICAgIGtpbmQ6IHtcbiAgICAgIGRlZmF1bHQ6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3doaXRlJyxcbiAgICAgICAgYm9yZGVyQ29sb3I6ICdib3JkZXInLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICdsZycsXG4gICAgICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgICAgICBib3JkZXJXaWR0aDogJ2RlZmF1bHQnLFxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICB9KSxcbiAgICAgIGJyYW5kVGFibGU6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnbm9uZScsXG4gICAgICAgIGJvcmRlclN0eWxlOiAnbm9uZScsXG4gICAgICAgIGJvcmRlcldpZHRoOiAwLFxuICAgICAgICBvdmVyZmxvdzogJ3Zpc2libGUnLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAga2luZDogJ2RlZmF1bHQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBoZWFkZXIgPSByZWNpcGUoe1xuICB2YXJpYW50czoge1xuICAgIGtpbmQ6IHtcbiAgICAgIGRlZmF1bHQ6IHNwcmlua2xlcyh7XG4gICAgICAgIGJvcmRlcldpZHRoOiAwLFxuICAgICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICAgICAgYm9yZGVyQm90dG9tV2lkdGg6ICdkZWZhdWx0JyxcbiAgICAgICAgYm9yZGVyQm90dG9tQ29sb3I6ICdib3JkZXInLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdzdXJmYWNlU2Vjb25kYXJ5JyxcbiAgICAgIH0pLFxuICAgICAgYnJhbmRUYWJsZTogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICBib3JkZXJXaWR0aDogMCxcbiAgICAgICAgYm9yZGVyU3R5bGU6ICdzb2xpZCcsXG4gICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAnZGVmYXVsdCcsXG4gICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiAnYnJhbmRTZWNvbmRhcnlPcmFuZ2UtMjAnLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAga2luZDogJ2RlZmF1bHQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBoZWFkZXJSb3cgPSBzcHJpbmtsZXMoe1xuICBkaXNwbGF5OiAnZ3JpZCcsXG4gIHdpZHRoOiAnZnVsbCcsXG4gIGFsaWduSXRlbXM6ICdzdHJldGNoJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgdGFibGVDZWxsUGFkZGluZ1ZhciA9IGNyZWF0ZVZhcigpO1xuZXhwb3J0IGNvbnN0IHRhYmxlQ2VsbEZvbnRTaXplVmFyID0gY3JlYXRlVmFyKCk7XG5leHBvcnQgY29uc3QgdGFibGVFbXB0eVJvd1BhZGRpbmdWYXIgPSBjcmVhdGVWYXIoKTtcblxuZXhwb3J0IGNvbnN0IGhlYWRlckNlbGwgPSByZWNpcGUoe1xuICBiYXNlOiBzcHJpbmtsZXMoe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4U2hyaW5rOiAwLFxuICAgIGdhcDogMixcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICB9KSxcbiAgdmFyaWFudHM6IHtcbiAgICBraW5kOiB7XG4gICAgICBkZWZhdWx0OiBzdHlsZShbXG4gICAgICAgIHNwcmlua2xlcyh7XG4gICAgICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgICAgICBmb250V2VpZ2h0OiAnc2VtaWJvbGQnLFxuICAgICAgICB9KSxcbiAgICAgICAge1xuICAgICAgICAgIHBhZGRpbmc6IGZhbGxiYWNrVmFyKFxuICAgICAgICAgICAgdGFibGVDZWxsUGFkZGluZ1ZhcixcbiAgICAgICAgICAgIGAke3ZhcnMuc3BhY2luZ1szXX0gJHt2YXJzLnNwYWNpbmdbNF19YCxcbiAgICAgICAgICApLFxuICAgICAgICAgIGZvbnRTaXplOiBmYWxsYmFja1Zhcih0YWJsZUNlbGxGb250U2l6ZVZhciwgdmFycy5mb250U2l6ZS5zbSksXG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt2YXJzLmNvbG9ycy5ib3JkZXJ9YCxcbiAgICAgICAgICBzZWxlY3RvcnM6IHtcbiAgICAgICAgICAgICcmOmxhc3QtY2hpbGQnOiB7XG4gICAgICAgICAgICAgIGJvcmRlclJpZ2h0OiAnbm9uZScsXG4gICAgICAgICAgICB9LFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICBdKSxcbiAgICAgIGJyYW5kVGFibGU6IHNwcmlua2xlcyh7XG4gICAgICAgIGNvbG9yOiAnYmxhY2stMzAwJyxcbiAgICAgICAgZm9udFdlaWdodDogJ2JvbGQnLFxuICAgICAgICBmb250U2l6ZTogJ3hzJyxcbiAgICAgICAgbGV0dGVyU3BhY2luZzogJ2NhcHMnLFxuICAgICAgICB0ZXh0VHJhbnNmb3JtOiAndXBwZXJjYXNlJyxcbiAgICAgICAgcGFkZGluZ1k6IDQsXG4gICAgICAgIHBhZGRpbmdYOiAwLFxuICAgICAgICBib3JkZXJSaWdodFdpZHRoOiAwLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAga2luZDogJ2RlZmF1bHQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBib2R5ID0gcmVjaXBlKHtcbiAgYmFzZTogc3ByaW5rbGVzKHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXG4gIH0pLFxuICB2YXJpYW50czoge1xuICAgIGtpbmQ6IHtcbiAgICAgIGRlZmF1bHQ6IHt9LFxuICAgICAgYnJhbmRUYWJsZTogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgfSksXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAga2luZDogJ2RlZmF1bHQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCByb3cgPSByZWNpcGUoe1xuICBiYXNlOiBzcHJpbmtsZXMoe1xuICAgIGFsaWduSXRlbXM6ICdzdHJldGNoJyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogMCxcbiAgICBkaXNwbGF5OiAnZ3JpZCcsXG4gICAgdHJhbnNpdGlvblByb3BlcnR5OiAnY29sb3JzJyxcbiAgICB0cmFuc2l0aW9uRHVyYXRpb246IDE1MCxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246ICdlYXNlJyxcbiAgfSksXG4gIHZhcmlhbnRzOiB7XG4gICAga2luZDoge1xuICAgICAgZGVmYXVsdDogc3R5bGUoW1xuICAgICAgICBzcHJpbmtsZXMoe1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3N1cmZhY2UnLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiAnYm9yZGVyTGlnaHQnLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAnZGVmYXVsdCcsXG4gICAgICAgIH0pLFxuICAgICAgICB7XG4gICAgICAgICAgc2VsZWN0b3JzOiB7XG4gICAgICAgICAgICAnJjpsYXN0LWNoaWxkJzoge1xuICAgICAgICAgICAgICBib3JkZXJCb3R0b21XaWR0aDogMCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB2YXJzLmNvbG9ycy5zdXJmYWNlU2Vjb25kYXJ5LFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgXSksXG4gICAgICBicmFuZFRhYmxlOiBzdHlsZShbXG4gICAgICAgIHNwcmlua2xlcyh7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiAnYnJhbmRTZWNvbmRhcnlPcmFuZ2UtMjAnLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiAnZGVmYXVsdCcsXG4gICAgICAgIH0pLFxuICAgICAgICB7XG4gICAgICAgICAgc2VsZWN0b3JzOiB7XG4gICAgICAgICAgICAnJjpsYXN0LWNoaWxkJzoge1xuICAgICAgICAgICAgICBib3JkZXJCb3R0b21XaWR0aDogMCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAnJjpob3Zlcic6IHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgXSksXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAga2luZDogJ2RlZmF1bHQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCByb3dFdmVuID0gcmVjaXBlKHtcbiAgdmFyaWFudHM6IHtcbiAgICBraW5kOiB7XG4gICAgICBkZWZhdWx0OiBzcHJpbmtsZXMoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdzdXJmYWNlTXV0ZWQnLFxuICAgICAgfSksXG4gICAgICBicmFuZFRhYmxlOiBzcHJpbmtsZXMoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICB9KSxcbiAgICB9LFxuICB9LFxuICBkZWZhdWx0VmFyaWFudHM6IHtcbiAgICBraW5kOiAnZGVmYXVsdCcsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IHJvd09kZCA9IHJlY2lwZSh7XG4gIHZhcmlhbnRzOiB7XG4gICAga2luZDoge1xuICAgICAgZGVmYXVsdDogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnc3VyZmFjZScsXG4gICAgICB9KSxcbiAgICAgIGJyYW5kVGFibGU6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0sXG4gIGRlZmF1bHRWYXJpYW50czoge1xuICAgIGtpbmQ6ICdkZWZhdWx0JyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgY2VsbCA9IHJlY2lwZSh7XG4gIGJhc2U6IHNwcmlua2xlcyh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGdhcDogMixcbiAgICBtaW5XaWR0aDogMCxcbiAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIH0pLFxuICB2YXJpYW50czoge1xuICAgIGtpbmQ6IHtcbiAgICAgIGRlZmF1bHQ6IHN0eWxlKFtcbiAgICAgICAgc3ByaW5rbGVzKHtcbiAgICAgICAgICBjb2xvcjogJ3RleHRTZWNvbmRhcnknLFxuICAgICAgICB9KSxcbiAgICAgICAge1xuICAgICAgICAgIHBhZGRpbmc6IGZhbGxiYWNrVmFyKFxuICAgICAgICAgICAgdGFibGVDZWxsUGFkZGluZ1ZhcixcbiAgICAgICAgICAgIGAke3ZhcnMuc3BhY2luZ1szXX0gJHt2YXJzLnNwYWNpbmdbNF19YCxcbiAgICAgICAgICApLFxuICAgICAgICAgIGZvbnRTaXplOiBmYWxsYmFja1Zhcih0YWJsZUNlbGxGb250U2l6ZVZhciwgdmFycy5mb250U2l6ZS5zbSksXG4gICAgICAgICAgYm9yZGVyUmlnaHQ6IGAxcHggc29saWQgJHt2YXJzLmNvbG9ycy5ib3JkZXJMaWdodH1gLFxuICAgICAgICAgIHNlbGVjdG9yczoge1xuICAgICAgICAgICAgJyY6bGFzdC1jaGlsZCc6IHtcbiAgICAgICAgICAgICAgYm9yZGVyUmlnaHQ6ICdub25lJyxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIF0pLFxuICAgICAgYnJhbmRUYWJsZTogc3ByaW5rbGVzKHtcbiAgICAgICAgY29sb3I6ICd0ZXh0JyxcbiAgICAgICAgZm9udFdlaWdodDogJ3NlbWlib2xkJyxcbiAgICAgICAgZm9udFNpemU6ICdzbScsXG4gICAgICAgIHBhZGRpbmdZOiA0LFxuICAgICAgICBwYWRkaW5nWDogMCxcbiAgICAgICAgYm9yZGVyUmlnaHRXaWR0aDogMCxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0sXG4gIGRlZmF1bHRWYXJpYW50czoge1xuICAgIGtpbmQ6ICdkZWZhdWx0JyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgcHJpbWFyeUNlbGwgPSBzcHJpbmtsZXMoe1xuICBmb250V2VpZ2h0OiAnc2VtaWJvbGQnLFxuICBjb2xvcjogJ3RleHQnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBwcmltYXJ5SGVhZGVyQ2VsbCA9IHNwcmlua2xlcyh7XG4gIGNvbG9yOiAndGV4dCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IGVtcHR5Um93ID0gc3R5bGUoe1xuICBwYWRkaW5nOiBmYWxsYmFja1ZhcihcbiAgICB0YWJsZUVtcHR5Um93UGFkZGluZ1ZhcixcbiAgICBgJHt2YXJzLnNwYWNpbmdbNl19ICR7dmFycy5zcGFjaW5nWzRdfWAsXG4gICksXG59KTtcblxuZXhwb3J0IGNvbnN0IGVtcHR5Q2VsbCA9IHNwcmlua2xlcyh7XG4gIGZvbnRTaXplOiAnYmFzZScsXG4gIGNvbG9yOiAndGV4dFNlY29uZGFyeScsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgaGlkZUJlbG93TWFwOiBSZWNvcmQ8RGF0YVRhYmxlQnJlYWtwb2ludCwgU3R5bGVSdWxlPiA9IHt9IGFzIFJlY29yZDxcbiAgRGF0YVRhYmxlQnJlYWtwb2ludCxcbiAgU3R5bGVSdWxlXG4+O1xuXG5EQVRBX1RBQkxFX0JSRUFLUE9JTlRfRU5UUklFUy5mb3JFYWNoKChbYnJlYWtwb2ludCwgd2lkdGhdKSA9PiB7XG4gIGhpZGVCZWxvd01hcFticmVha3BvaW50XSA9IHtcbiAgICAnQGNvbnRhaW5lcic6IHtcbiAgICAgIFtgKG1heC13aWR0aDogJHt3aWR0aCAtIDAuNX1weClgXToge1xuICAgICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgICBwYWRkaW5nSW5saW5lOiAwLFxuICAgICAgICBwYWRkaW5nQmxvY2s6IDAsXG4gICAgICAgIGJvcmRlclJpZ2h0OiAnbm9uZScsXG4gICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgfTtcbn0pO1xuXG5leHBvcnQgY29uc3QgaGlkZUJlbG93UmVjaXBlID0gcmVjaXBlKHtcbiAgdmFyaWFudHM6IHtcbiAgICBtaW5WaXNpYmxlQXQ6IGhpZGVCZWxvd01hcCxcbiAgfSxcbn0pO1xuIl19

package/lib/components/data-table/DataTable.d.ts

@@ -0,0 +1,32 @@
+import { type JSX } from 'react';
+import * as styles from './DataTable.css.js';
+import type { DataTableBreakpoint } from './tableBreakpoints.js';
+import type { SlotClasses } from '../../styles/slots.js';
+export type DataTableColumn<Row> = {
+    id: string;
+    header: JSX.Element | string;
+    cell: (row: Row) => JSX.Element | string | null;
+    minVisibleAt?: DataTableBreakpoint;
+    className?: string;
+    isPrimary?: boolean;
+};
+export type GetRowId<Row> = (row: Row, index: number) => string;
+export type DataTableKind = NonNullable<Parameters<typeof styles.container>[0]>['kind'];
+type DataTableSlot = 'container' | 'header' | 'headerRow' | 'headerCell' | 'primaryHeaderCell' | 'body' | 'row' | 'rowEven' | 'rowOdd' | 'cell' | 'primaryCell' | 'emptyRow' | 'emptyCell';
+export type DataTableProps<Row> = {
+    columns: readonly DataTableColumn<Row>[];
+    rows: readonly Row[];
+    getRowId: GetRowId<Row>;
+    emptyState?: JSX.Element;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    rowClassName?: (row: Row, index: number) => string | null | undefined;
+    gridTemplateClassName?: string;
+    gridTemplateColumns?: string;
+    kind?: DataTableKind;
+    classes?: SlotClasses<DataTableSlot>;
+};
+export declare const DataTable: <Row>({ columns, rows, getRowId, emptyState, className, headerClassName, bodyClassName, rowClassName, gridTemplateClassName, gridTemplateColumns, kind, classes, }: DataTableProps<Row>) => JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/lib/components/data-table/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,KAAK,MAAM,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAGjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,MAAM,eAAe,CAAC,GAAG,IAAI;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC7B,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,WAAW,CACrC,UAAU,CAAC,OAAO,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CACvC,CAAC,MAAM,CAAC,CAAC;AAEV,KAAK,aAAa,GACd,WAAW,GACX,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,mBAAmB,GACnB,MAAM,GACN,KAAK,GACL,SAAS,GACT,QAAQ,GACR,MAAM,GACN,aAAa,GACb,UAAU,GACV,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,CAAC,GAAG,IAAI;IAChC,OAAO,EAAE,SAAS,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;IACzC,IAAI,EAAE,SAAS,GAAG,EAAE,CAAC;IACrB,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IACxB,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;CACtC,CAAC;AA2BF,eAAO,MAAM,SAAS,GAAI,GAAG,EAAG,8JAa7B,cAAc,CAAC,GAAG,CAAC,KAAG,GAAG,CAAC,OA8K5B,CAAC"}

package/lib/components/data-table/DataTable.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as styles from './DataTable.css.js';
+import { cx } from '../../theme/tools.js';
+import { useUiTranslation } from '../../i18n/useUiTranslation.js';
+const DEFAULT_TEMPLATE_CELL = 'minmax(0, 1fr)';
+const getVisibilityClass = (minVisibleAt) => {
+    if (minVisibleAt == null) {
+        return null;
+    }
+    return styles.hideBelowRecipe({ minVisibleAt });
+};
+const buildInlineTemplate = (columnCount, gridTemplateColumns) => {
+    if (typeof gridTemplateColumns === 'string' && gridTemplateColumns !== '') {
+        return { gridTemplateColumns };
+    }
+    return {
+        gridTemplateColumns: `repeat(${columnCount}, ${DEFAULT_TEMPLATE_CELL})`,
+    };
+};
+export const DataTable = ({ columns, rows, getRowId, emptyState, className, headerClassName, bodyClassName, rowClassName, gridTemplateClassName, gridTemplateColumns, kind, classes, }) => {
+    const { t } = useUiTranslation();
+    const resolvedKind = kind ?? 'default';
+    const defaultEmptyState = (_jsx("div", { className: cx(styles.emptyCell, classes?.emptyCell), children: t('common.table.empty') }));
+    const resolvedEmptyState = emptyState ?? defaultEmptyState;
+    const showEmpty = rows.length === 0;
+    let inlineTemplateStyle;
+    if (gridTemplateClassName == null) {
+        inlineTemplateStyle = buildInlineTemplate(columns.length, gridTemplateColumns);
+    }
+    const sharedRowClasses = [];
+    if (gridTemplateClassName != null) {
+        sharedRowClasses.push(gridTemplateClassName);
+    }
+    let rowsContent;
+    if (showEmpty) {
+        rowsContent = (_jsx("div", { className: cx(styles.emptyRow, classes?.emptyRow), role: "row", children: _jsx("div", { role: "cell", children: resolvedEmptyState }) }));
+    }
+    else {
+        rowsContent = (_jsx(_Fragment, { children: rows.map((row, index) => {
+                const rowId = getRowId(row, index);
+                const rowClasses = [styles.row({ kind: resolvedKind }), classes?.row];
+                if (index % 2 === 0) {
+                    rowClasses.push(styles.rowEven({ kind: resolvedKind }), classes?.rowEven);
+                }
+                else {
+                    rowClasses.push(styles.rowOdd({ kind: resolvedKind }), classes?.rowOdd);
+                }
+                for (const sharedClass of sharedRowClasses) {
+                    rowClasses.push(sharedClass);
+                }
+                if (rowClassName != null) {
+                    const customClass = rowClassName(row, index);
+                    if (customClass != null) {
+                        rowClasses.push(customClass);
+                    }
+                }
+                return (_jsx("div", { role: "row", className: cx(...rowClasses), style: inlineTemplateStyle, children: columns.map((column) => {
+                        const cellClasses = [
+                            styles.cell({ kind: resolvedKind }),
+                            classes?.cell,
+                        ];
+                        const visibilityClass = getVisibilityClass(column.minVisibleAt);
+                        if (visibilityClass != null) {
+                            cellClasses.push(visibilityClass);
+                        }
+                        if (column.className != null) {
+                            cellClasses.push(column.className);
+                        }
+                        if (column.isPrimary) {
+                            cellClasses.push(styles.primaryCell, classes?.primaryCell);
+                        }
+                        const content = column.cell(row);
+                        return (_jsx("div", { role: "cell", className: cx(...cellClasses), children: content }, column.id));
+                    }) }, rowId));
+            }) }));
+    }
+    return (_jsxs("div", { className: cx(styles.container({ kind: resolvedKind }), classes?.container, className), role: "table", children: [_jsx("div", { className: cx(styles.header({ kind: resolvedKind }), classes?.header, headerClassName), role: "rowgroup", children: _jsx("div", { className: cx(styles.headerRow, classes?.headerRow, ...sharedRowClasses), role: "row", style: inlineTemplateStyle, children: columns.map((column) => {
+                        const headerClasses = [
+                            styles.headerCell({ kind: resolvedKind }),
+                            classes?.headerCell,
+                        ];
+                        const visibilityClass = getVisibilityClass(column.minVisibleAt);
+                        if (visibilityClass != null) {
+                            headerClasses.push(visibilityClass);
+                        }
+                        if (column.className != null) {
+                            headerClasses.push(column.className);
+                        }
+                        if (column.isPrimary) {
+                            headerClasses.push(styles.primaryHeaderCell, classes?.primaryHeaderCell);
+                        }
+                        return (_jsx("div", { role: "columnheader", className: cx(...headerClasses), children: column.header }, column.id));
+                    }) }) }), _jsx("div", { className: cx(styles.body({ kind: resolvedKind }), classes?.body, bodyClassName), role: "rowgroup", children: rowsContent })] }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvZGF0YS10YWJsZS9EYXRhVGFibGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQSxPQUFPLEtBQUssTUFBTSxNQUFNLG9CQUFvQixDQUFDO0FBRTdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQWdEbEUsTUFBTSxxQkFBcUIsR0FBRyxnQkFBZ0IsQ0FBQztBQUUvQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsWUFBa0MsRUFBRSxFQUFFO0lBQ2hFLElBQUksWUFBWSxJQUFJLElBQUksRUFBRSxDQUFDO1FBQ3pCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELE9BQU8sTUFBTSxDQUFDLGVBQWUsQ0FBQyxFQUFFLFlBQVksRUFBRSxDQUFDLENBQUM7QUFDbEQsQ0FBQyxDQUFDO0FBRUYsTUFBTSxtQkFBbUIsR0FBRyxDQUMxQixXQUFtQixFQUNuQixtQkFBNEIsRUFDYixFQUFFO0lBQ2pCLElBQUksT0FBTyxtQkFBbUIsS0FBSyxRQUFRLElBQUksbUJBQW1CLEtBQUssRUFBRSxFQUFFLENBQUM7UUFDMUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLENBQUM7SUFDakMsQ0FBQztJQUNELE9BQU87UUFDTCxtQkFBbUIsRUFBRSxVQUFVLFdBQVcsS0FBSyxxQkFBcUIsR0FBRztLQUN4RSxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBS0YsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQU8sRUFDOUIsT0FBTyxFQUNQLElBQUksRUFDSixRQUFRLEVBQ1IsVUFBVSxFQUNWLFNBQVMsRUFDVCxlQUFlLEVBQ2YsYUFBYSxFQUNiLFlBQVksRUFDWixxQkFBcUIsRUFDckIsbUJBQW1CLEVBQ25CLElBQUksRUFDSixPQUFPLEdBQ2EsRUFBZSxF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Q0FBQyxNQUFNLElBSlQsTUFBTSxDQUFDLEVBQUUsQ0FLVixDQUNQLENBQUM7b0JBQ0osQ0FBQyxDQUFDLEdBQ0UsR0FDRixFQUVOLGNBQ0UsU0FBUyxFQUFFLEVBQUUsQ0FDWCxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLFlBQVksRUFBRSxDQUFDLEVBQ25DLE9BQU8sRUFBRSxJQUFJLEVBQ2IsYUFBYSxDQUNkLEVBQ0QsSUFBSSxFQUFDLFVBQVUsWUFFZCxXQUFXLEdBQ1IsSUFDRixDQUNQLENBQUM7QUFDSixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIENTU1Byb3BlcnRpZXMsIHR5cGUgSlNYIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSAnLi9EYXRhVGFibGUuY3NzLmpzJztcbmltcG9ydCB0eXBlIHsgRGF0YVRhYmxlQnJlYWtwb2ludCB9IGZyb20gJy4vdGFibGVCcmVha3BvaW50cy5qcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uL3RoZW1lL3Rvb2xzLmpzJztcbmltcG9ydCB7IHVzZVVpVHJhbnNsYXRpb24gfSBmcm9tICcuLi8uLi9pMThuL3VzZVVpVHJhbnNsYXRpb24uanMnO1xuaW1wb3J0IHR5cGUgeyBTbG90Q2xhc3NlcyB9IGZyb20gJy4uLy4uL3N0eWxlcy9zbG90cy5qcyc7XG5cbmV4cG9ydCB0eXBlIERhdGFUYWJsZUNvbHVtbjxSb3c+ID0ge1xuICBpZDogc3RyaW5nO1xuICBoZWFkZXI6IEpTWC5FbGVtZW50IHwgc3RyaW5nO1xuICBjZWxsOiAocm93OiBSb3cpID0+IEpTWC5FbGVtZW50IHwgc3RyaW5nIHwgbnVsbDtcbiAgbWluVmlzaWJsZUF0PzogRGF0YVRhYmxlQnJlYWtwb2ludDtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBpc1ByaW1hcnk/OiBib29sZWFuO1xufTtcblxuZXhwb3J0IHR5cGUgR2V0Um93SWQ8Um93PiA9IChyb3c6IFJvdywgaW5kZXg6IG51bWJlcikgPT4gc3RyaW5nO1xuXG5leHBvcnQgdHlwZSBEYXRhVGFibGVLaW5kID0gTm9uTnVsbGFibGU8XG4gIFBhcmFtZXRlcnM8dHlwZW9mIHN0eWxlcy5jb250YWluZXI+WzBdXG4+WydraW5kJ107XG5cbnR5cGUgRGF0YVRhYmxlU2xvdCA9XG4gIHwgJ2NvbnRhaW5lcidcbiAgfCAnaGVhZGVyJ1xuICB8ICdoZWFkZXJSb3cnXG4gIHwgJ2hlYWRlckNlbGwnXG4gIHwgJ3ByaW1hcnlIZWFkZXJDZWxsJ1xuICB8ICdib2R5J1xuICB8ICdyb3cnXG4gIHwgJ3Jvd0V2ZW4nXG4gIHwgJ3Jvd09kZCdcbiAgfCAnY2VsbCdcbiAgfCAncHJpbWFyeUNlbGwnXG4gIHwgJ2VtcHR5Um93J1xuICB8ICdlbXB0eUNlbGwnO1xuXG5leHBvcnQgdHlwZSBEYXRhVGFibGVQcm9wczxSb3c+ID0ge1xuICBjb2x1bW5zOiByZWFkb25seSBEYXRhVGFibGVDb2x1bW48Um93PltdO1xuICByb3dzOiByZWFkb25seSBSb3dbXTtcbiAgZ2V0Um93SWQ6IEdldFJvd0lkPFJvdz47XG4gIGVtcHR5U3RhdGU/OiBKU1guRWxlbWVudDtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBoZWFkZXJDbGFzc05hbWU/OiBzdHJpbmc7XG4gIGJvZHlDbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJvd0NsYXNzTmFtZT86IChyb3c6IFJvdywgaW5kZXg6IG51bWJlcikgPT4gc3RyaW5nIHwgbnVsbCB8IHVuZGVmaW5lZDtcbiAgZ3JpZFRlbXBsYXRlQ2xhc3NOYW1lPzogc3RyaW5nO1xuICBncmlkVGVtcGxhdGVDb2x1bW5zPzogc3RyaW5nO1xuICBraW5kPzogRGF0YVRhYmxlS2luZDtcbiAgY2xhc3Nlcz86IFNsb3RDbGFzc2VzPERhdGFUYWJsZVNsb3Q+O1xufTtcblxuY29uc3QgREVGQVVMVF9URU1QTEFURV9DRUxMID0gJ21pbm1heCgwLCAxZnIpJztcblxuY29uc3QgZ2V0VmlzaWJpbGl0eUNsYXNzID0gKG1pblZpc2libGVBdD86IERhdGFUYWJsZUJyZWFrcG9pbnQpID0+IHtcbiAgaWYgKG1pblZpc2libGVBdCA9PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gc3R5bGVzLmhpZGVCZWxvd1JlY2lwZSh7IG1pblZpc2libGVBdCB9KTtcbn07XG5cbmNvbnN0IGJ1aWxkSW5saW5lVGVtcGxhdGUgPSAoXG4gIGNvbHVtbkNvdW50OiBudW1iZXIsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM/OiBzdHJpbmcsXG4pOiBDU1NQcm9wZXJ0aWVzID0+IHtcbiAgaWYgKHR5cGVvZiBncmlkVGVtcGxhdGVDb2x1bW5zID09PSAnc3RyaW5nJyAmJiBncmlkVGVtcGxhdGVDb2x1bW5zICE9PSAnJykge1xuICAgIHJldHVybiB7IGdyaWRUZW1wbGF0ZUNvbHVtbnMgfTtcbiAgfVxuICByZXR1cm4ge1xuICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHtjb2x1bW5Db3VudH0sICR7REVGQVVMVF9URU1QTEFURV9DRUxMfSlgLFxuICB9O1xufTtcblxuLyoqXG4gKiBHZW5lcmljIHJlc3BvbnNpdmUgZGF0YSB0YWJsZSBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBjb25zdCBEYXRhVGFibGUgPSA8Um93LD4oe1xuICBjb2x1bW5zLFxuICByb3dzLFxuICBnZXRSb3dJZCxcbiAgZW1wdHlTdGF0ZSxcbiAgY2xhc3NOYW1lLFxuICBoZWFkZXJDbGFzc05hbWUsXG4gIGJvZHlDbGFzc05hbWUsXG4gIHJvd0NsYXNzTmFtZSxcbiAgZ3JpZFRlbXBsYXRlQ2xhc3NOYW1lLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zLFxuICBraW5kLFxuICBjbGFzc2VzLFxufTogRGF0YVRhYmxlUHJvcHM8Um93Pik6IEpTWC5FbGVtZW50ID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VVaVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHJlc29sdmVkS2luZDogRGF0YVRhYmxlS2luZCA9IGtpbmQgPz8gJ2RlZmF1bHQnO1xuICBjb25zdCBkZWZhdWx0RW1wdHlTdGF0ZSA9IChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y3goc3R5bGVzLmVtcHR5Q2VsbCwgY2xhc3Nlcz8uZW1wdHlDZWxsKX0+XG4gICAgICB7dCgnY29tbW9uLnRhYmxlLmVtcHR5Jyl9XG4gICAgPC9kaXY+XG4gICkgYXMgSlNYLkVsZW1lbnQ7XG4gIGNvbnN0IHJlc29sdmVkRW1wdHlTdGF0ZSA9IGVtcHR5U3RhdGUgPz8gZGVmYXVsdEVtcHR5U3RhdGU7XG4gIGNvbnN0IHNob3dFbXB0eSA9IHJvd3MubGVuZ3RoID09PSAwO1xuXG4gIGxldCBpbmxpbmVUZW1wbGF0ZVN0eWxlOiBDU1NQcm9wZXJ0aWVzIHwgdW5kZWZpbmVkO1xuICBpZiAoZ3JpZFRlbXBsYXRlQ2xhc3NOYW1lID09IG51bGwpIHtcbiAgICBpbmxpbmVUZW1wbGF0ZVN0eWxlID0gYnVpbGRJbmxpbmVUZW1wbGF0ZShcbiAgICAgIGNvbHVtbnMubGVuZ3RoLFxuICAgICAgZ3JpZFRlbXBsYXRlQ29sdW1ucyxcbiAgICApO1xuICB9XG5cbiAgY29uc3Qgc2hhcmVkUm93Q2xhc3Nlczogc3RyaW5nW10gPSBbXTtcbiAgaWYgKGdyaWRUZW1wbGF0ZUNsYXNzTmFtZSAhPSBudWxsKSB7XG4gICAgc2hhcmVkUm93Q2xhc3Nlcy5wdXNoKGdyaWRUZW1wbGF0ZUNsYXNzTmFtZSk7XG4gIH1cblxuICBsZXQgcm93c0NvbnRlbnQ6IEpTWC5FbGVtZW50O1xuICBpZiAoc2hvd0VtcHR5KSB7XG4gICAgcm93c0NvbnRlbnQgPSAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y3goc3R5bGVzLmVtcHR5Um93LCBjbGFzc2VzPy5lbXB0eVJvdyl9IHJvbGU9XCJyb3dcIj5cbiAgICAgICAgPGRpdiByb2xlPVwiY2VsbFwiPntyZXNvbHZlZEVtcHR5U3RhdGV9PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICApO1xuICB9IGVsc2Uge1xuICAgIHJvd3NDb250ZW50ID0gKFxuICAgICAgPD5cbiAgICAgICAge3Jvd3MubWFwKChyb3csIGluZGV4KSA9PiB7XG4gICAgICAgICAgY29uc3Qgcm93SWQgPSBnZXRSb3dJZChyb3csIGluZGV4KTtcbiAgICAgICAgICBjb25zdCByb3dDbGFzc2VzID0gW3N0eWxlcy5yb3coeyBraW5kOiByZXNvbHZlZEtpbmQgfSksIGNsYXNzZXM/LnJvd107XG4gICAgICAgICAgaWYgKGluZGV4ICUgMiA9PT0gMCkge1xuICAgICAgICAgICAgcm93Q2xhc3Nlcy5wdXNoKFxuICAgICAgICAgICAgICBzdHlsZXMucm93RXZlbih7IGtpbmQ6IHJlc29sdmVkS2luZCB9KSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm93RXZlbixcbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJvd0NsYXNzZXMucHVzaChcbiAgICAgICAgICAgICAgc3R5bGVzLnJvd09kZCh7IGtpbmQ6IHJlc29sdmVkS2luZCB9KSxcbiAgICAgICAgICAgICAgY2xhc3Nlcz8ucm93T2RkLFxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9XG4gICAgICAgICAgZm9yIChjb25zdCBzaGFyZWRDbGFzcyBvZiBzaGFyZWRSb3dDbGFzc2VzKSB7XG4gICAgICAgICAgICByb3dDbGFzc2VzLnB1c2goc2hhcmVkQ2xhc3MpO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGlmIChyb3dDbGFzc05hbWUgIT0gbnVsbCkge1xuICAgICAgICAgICAgY29uc3QgY3VzdG9tQ2xhc3MgPSByb3dDbGFzc05hbWUocm93LCBpbmRleCk7XG4gICAgICAgICAgICBpZiAoY3VzdG9tQ2xhc3MgIT0gbnVsbCkge1xuICAgICAgICAgICAgICByb3dDbGFzc2VzLnB1c2goY3VzdG9tQ2xhc3MpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGtleT17cm93SWR9XG4gICAgICAgICAgICAgIHJvbGU9XCJyb3dcIlxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2N4KC4uLnJvd0NsYXNzZXMpfVxuICAgICAgICAgICAgICBzdHlsZT17aW5saW5lVGVtcGxhdGVTdHlsZX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge2NvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjZWxsQ2xhc3NlcyA9IFtcbiAgICAgICAgICAgICAgICAgIHN0eWxlcy5jZWxsKHsga2luZDogcmVzb2x2ZWRLaW5kIH0pLFxuICAgICAgICAgICAgICAgICAgY2xhc3Nlcz8uY2VsbCxcbiAgICAgICAgICAgICAgICBdO1xuICAgICAgICAgICAgICAgIGNvbnN0IHZpc2liaWxpdHlDbGFzcyA9IGdldFZpc2liaWxpdHlDbGFzcyhjb2x1bW4ubWluVmlzaWJsZUF0KTtcblxuICAgICAgICAgICAgICAgIGlmICh2aXNpYmlsaXR5Q2xhc3MgIT0gbnVsbCkge1xuICAgICAgICAgICAgICAgICAgY2VsbENsYXNzZXMucHVzaCh2aXNpYmlsaXR5Q2xhc3MpO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGlmIChjb2x1bW4uY2xhc3NOYW1lICE9IG51bGwpIHtcbiAgICAgICAgICAgICAgICAgIGNlbGxDbGFzc2VzLnB1c2goY29sdW1uLmNsYXNzTmFtZSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChjb2x1bW4uaXNQcmltYXJ5KSB7XG4gICAgICAgICAgICAgICAgICBjZWxsQ2xhc3Nlcy5wdXNoKHN0eWxlcy5wcmltYXJ5Q2VsbCwgY2xhc3Nlcz8ucHJpbWFyeUNlbGwpO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIGNvbnN0IGNvbnRlbnQgPSBjb2x1bW4uY2VsbChyb3cpO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAga2V5PXtjb2x1bW4uaWR9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJjZWxsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeCguLi5jZWxsQ2xhc3Nlcyl9XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjb250ZW50fVxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICApO1xuICAgICAgICB9KX1cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgIHN0eWxlcy5jb250YWluZXIoeyBraW5kOiByZXNvbHZlZEtpbmQgfSksXG4gICAgICAgIGNsYXNzZXM/LmNvbnRhaW5lcixcbiAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgKX1cbiAgICAgIHJvbGU9XCJ0YWJsZVwiXG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgIHN0eWxlcy5oZWFkZXIoeyBraW5kOiByZXNvbHZlZEtpbmQgfSksXG4gICAgICAgICAgY2xhc3Nlcz8uaGVhZGVyLFxuICAgICAgICAgIGhlYWRlckNsYXNzTmFtZSxcbiAgICAgICAgKX1cbiAgICAgICAgcm9sZT1cInJvd2dyb3VwXCJcbiAgICAgID5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICBzdHlsZXMuaGVhZGVyUm93LFxuICAgICAgICAgICAgY2xhc3Nlcz8uaGVhZGVyUm93LFxuICAgICAgICAgICAgLi4uc2hhcmVkUm93Q2xhc3NlcyxcbiAgICAgICAgICApfVxuICAgICAgICAgIHJvbGU9XCJyb3dcIlxuICAgICAgICAgIHN0eWxlPXtpbmxpbmVUZW1wbGF0ZVN0eWxlfVxuICAgICAgICA+XG4gICAgICAgICAge2NvbHVtbnMubWFwKChjb2x1bW4pID0+IHtcbiAgICAgICAgICAgIGNvbnN0IGhlYWRlckNsYXNzZXMgPSBbXG4gICAgICAgICAgICAgIHN0eWxlcy5oZWFkZXJDZWxsKHsga2luZDogcmVzb2x2ZWRLaW5kIH0pLFxuICAgICAgICAgICAgICBjbGFzc2VzPy5oZWFkZXJDZWxsLFxuICAgICAgICAgICAgXTtcbiAgICAgICAgICAgIGNvbnN0IHZpc2liaWxpdHlDbGFzcyA9IGdldFZpc2liaWxpdHlDbGFzcyhjb2x1bW4ubWluVmlzaWJsZUF0KTtcbiAgICAgICAgICAgIGlmICh2aXNpYmlsaXR5Q2xhc3MgIT0gbnVsbCkge1xuICAgICAgICAgICAgICBoZWFkZXJDbGFzc2VzLnB1c2godmlzaWJpbGl0eUNsYXNzKTtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgaWYgKGNvbHVtbi5jbGFzc05hbWUgIT0gbnVsbCkge1xuICAgICAgICAgICAgICBoZWFkZXJDbGFzc2VzLnB1c2goY29sdW1uLmNsYXNzTmFtZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpZiAoY29sdW1uLmlzUHJpbWFyeSkge1xuICAgICAgICAgICAgICBoZWFkZXJDbGFzc2VzLnB1c2goXG4gICAgICAgICAgICAgICAgc3R5bGVzLnByaW1hcnlIZWFkZXJDZWxsLFxuICAgICAgICAgICAgICAgIGNsYXNzZXM/LnByaW1hcnlIZWFkZXJDZWxsLFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAga2V5PXtjb2x1bW4uaWR9XG4gICAgICAgICAgICAgICAgcm9sZT1cImNvbHVtbmhlYWRlclwiXG4gICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjeCguLi5oZWFkZXJDbGFzc2VzKX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjb2x1bW4uaGVhZGVyfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY2xhc3NOYW1lPXtjeChcbiAgICAgICAgICBzdHlsZXMuYm9keSh7IGtpbmQ6IHJlc29sdmVkS2luZCB9KSxcbiAgICAgICAgICBjbGFzc2VzPy5ib2R5LFxuICAgICAgICAgIGJvZHlDbGFzc05hbWUsXG4gICAgICAgICl9XG4gICAgICAgIHJvbGU9XCJyb3dncm91cFwiXG4gICAgICA+XG4gICAgICAgIHtyb3dzQ29udGVudH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ==

package/lib/components/data-table/TableCell.css.d.ts

@@ -0,0 +1,26 @@
+import { type RecipeVariants } from '@vanilla-extract/recipes';
+export declare const base: string;
+export declare const alignRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
+    align: {
+        start: {
+            justifyContent: "flex-start";
+            textAlign: "left";
+        };
+        center: {
+            justifyContent: "center";
+            textAlign: "center";
+        };
+        end: {
+            justifyContent: "flex-end";
+            textAlign: "right";
+        };
+    };
+}>;
+export type AlignRecipeVariants = RecipeVariants<typeof alignRecipe>;
+export declare const text: string;
+export declare const number: string;
+export declare const date: string;
+export declare const muted: string;
+export declare const ellipsis: string;
+export declare const summary: string;
+//# sourceMappingURL=TableCell.css.d.ts.map

package/lib/components/data-table/TableCell.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.css.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/TableCell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAIvE,eAAO,MAAM,IAAI,QAMf,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;EAWtB,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAErE,eAAO,MAAM,IAAI,QAEf,CAAC;AAEH,eAAO,MAAM,MAAM,QAGjB,CAAC;AAEH,eAAO,MAAM,IAAI,QAGf,CAAC;AAEH,eAAO,MAAM,KAAK,QAGhB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAInB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC"}

package/lib/components/data-table/TableCell.css.js

@@ -0,0 +1,45 @@
+import { recipe } from '@vanilla-extract/recipes';
+import { sprinkles } from '../../theme/sprinkles.css.js';
+export const base = sprinkles({
+    width: 'full',
+    display: 'flex',
+    alignItems: 'center',
+    gap: 2,
+    color: 'text',
+});
+export const alignRecipe = recipe({
+    variants: {
+        align: {
+            start: { justifyContent: 'flex-start', textAlign: 'left' },
+            center: { justifyContent: 'center', textAlign: 'center' },
+            end: { justifyContent: 'flex-end', textAlign: 'right' },
+        },
+    },
+    defaultVariants: {
+        align: 'start',
+    },
+});
+export const text = sprinkles({
+    color: 'text',
+});
+export const number = sprinkles({
+    color: 'text',
+    whiteSpace: 'nowrap',
+});
+export const date = sprinkles({
+    color: 'text',
+    whiteSpace: 'nowrap',
+});
+export const muted = sprinkles({
+    color: 'textSecondary',
+    fontSize: 'xs',
+});
+export const ellipsis = sprinkles({
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+});
+export const summary = sprinkles({
+    whiteSpace: 'pre-wrap',
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGVDZWxsLmNzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2RhdGEtdGFibGUvVGFibGVDZWxsLmNzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUF1QixNQUFNLDBCQUEwQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUV6RCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsU0FBUyxDQUFDO0lBQzVCLEtBQUssRUFBRSxNQUFNO0lBQ2IsT0FBTyxFQUFFLE1BQU07SUFDZixVQUFVLEVBQUUsUUFBUTtJQUNwQixHQUFHLEVBQUUsQ0FBQztJQUNOLEtBQUssRUFBRSxNQUFNO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQztJQUNoQyxRQUFRLEVBQUU7UUFDUixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsRUFBRSxjQUFjLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUU7WUFDMUQsTUFBTSxFQUFFLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFO1lBQ3pELEdBQUcsRUFBRSxFQUFFLGNBQWMsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRTtTQUN4RDtLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsS0FBSyxFQUFFLE9BQU87S0FDZjtDQUNGLENBQUMsQ0FBQztBQUlILE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBRyxTQUFTLENBQUM7SUFDNUIsS0FBSyxFQUFFLE1BQU07Q0FDZCxDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsU0FBUyxDQUFDO0lBQzlCLEtBQUssRUFBRSxNQUFNO0lBQ2IsVUFBVSxFQUFFLFFBQVE7Q0FDckIsQ0FBQyxDQUFDO0FBRUgsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUFHLFNBQVMsQ0FBQztJQUM1QixLQUFLLEVBQUUsTUFBTTtJQUNiLFVBQVUsRUFBRSxRQUFRO0NBQ3JCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7SUFDN0IsS0FBSyxFQUFFLGVBQWU7SUFDdEIsUUFBUSxFQUFFLElBQUk7Q0FDZixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDO0lBQ2hDLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFlBQVksRUFBRSxVQUFVO0lBQ3hCLFVBQVUsRUFBRSxRQUFRO0NBQ3JCLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDL0IsVUFBVSxFQUFFLFVBQVU7Q0FDdkIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVjaXBlLCB0eXBlIFJlY2lwZVZhcmlhbnRzIH0gZnJvbSAnQHZhbmlsbGEtZXh0cmFjdC9yZWNpcGVzJztcblxuaW1wb3J0IHsgc3ByaW5rbGVzIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3ByaW5rbGVzLmNzcy5qcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gc3ByaW5rbGVzKHtcbiAgd2lkdGg6ICdmdWxsJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgZ2FwOiAyLFxuICBjb2xvcjogJ3RleHQnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBhbGlnblJlY2lwZSA9IHJlY2lwZSh7XG4gIHZhcmlhbnRzOiB7XG4gICAgYWxpZ246IHtcbiAgICAgIHN0YXJ0OiB7IGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsIHRleHRBbGlnbjogJ2xlZnQnIH0sXG4gICAgICBjZW50ZXI6IHsganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLCB0ZXh0QWxpZ246ICdjZW50ZXInIH0sXG4gICAgICBlbmQ6IHsganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsIHRleHRBbGlnbjogJ3JpZ2h0JyB9LFxuICAgIH0sXG4gIH0sXG4gIGRlZmF1bHRWYXJpYW50czoge1xuICAgIGFsaWduOiAnc3RhcnQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCB0eXBlIEFsaWduUmVjaXBlVmFyaWFudHMgPSBSZWNpcGVWYXJpYW50czx0eXBlb2YgYWxpZ25SZWNpcGU+O1xuXG5leHBvcnQgY29uc3QgdGV4dCA9IHNwcmlua2xlcyh7XG4gIGNvbG9yOiAndGV4dCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IG51bWJlciA9IHNwcmlua2xlcyh7XG4gIGNvbG9yOiAndGV4dCcsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBkYXRlID0gc3ByaW5rbGVzKHtcbiAgY29sb3I6ICd0ZXh0JyxcbiAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IG11dGVkID0gc3ByaW5rbGVzKHtcbiAgY29sb3I6ICd0ZXh0U2Vjb25kYXJ5JyxcbiAgZm9udFNpemU6ICd4cycsXG59KTtcblxuZXhwb3J0IGNvbnN0IGVsbGlwc2lzID0gc3ByaW5rbGVzKHtcbiAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBzdW1tYXJ5ID0gc3ByaW5rbGVzKHtcbiAgd2hpdGVTcGFjZTogJ3ByZS13cmFwJyxcbn0pO1xuIl19

package/lib/components/data-table/TableCell.d.ts

@@ -0,0 +1,46 @@
+import { type JSX, type ReactNode } from 'react';
+import { type TableCellBaseProps } from './TableCellBase.js';
+type BadgeTone = 'neutral' | 'info' | 'success' | 'warning' | 'danger' | 'accent';
+type TextCellProps = {
+    value?: string | null | undefined;
+    fallback?: string;
+    children?: ReactNode;
+    ellipsis?: boolean;
+    className?: string;
+};
+type NumberCellProps = {
+    value: number | null | undefined;
+    fallback?: string;
+    locale?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+};
+type StatusCellProps = {
+    label: string;
+    tone: BadgeTone;
+    isLoading?: boolean;
+};
+type DateCellProps = {
+    value: string | null | undefined;
+    fallback?: string;
+    locale?: string;
+    options?: Intl.DateTimeFormatOptions;
+};
+type BadgeCellProps = {
+    label: string;
+    tone: BadgeTone;
+};
+type ActionsCellProps = TableCellBaseProps;
+export declare const TableCell: {
+    Base: ({ children, className, align, ellipsis, }: TableCellBaseProps) => JSX.Element;
+    Text: ({ value, fallback, children, ellipsis, className, }: TextCellProps) => JSX.Element;
+    Number: ({ value, fallback, locale, formatOptions, }: NumberCellProps) => JSX.Element;
+    Status: ({ label, tone, isLoading, }: StatusCellProps) => JSX.Element;
+    Date: ({ value, fallback, locale, options, }: DateCellProps) => JSX.Element;
+    Badge: ({ label, tone }: BadgeCellProps) => JSX.Element;
+    Actions: ({ children, className }: ActionsCellProps) => JSX.Element;
+    Muted: ({ children }: {
+        children: ReactNode;
+    }) => JSX.Element;
+};
+export type { TextCellProps, NumberCellProps, StatusCellProps, DateCellProps };
+//# sourceMappingURL=TableCell.d.ts.map

package/lib/components/data-table/TableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/data-table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAM1D,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG5E,KAAK,SAAS,GACV,SAAS,GACT,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,KAAK,aAAa,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;CAC1C,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;CACtC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;CACjB,CAAC;AAEF,KAAK,gBAAgB,GAAG,kBAAkB,CAAC;AAsH3C,eAAO,MAAM,SAAS;;gEAlGnB,aAAa,KAAG,GAAG,CAAC,OAAO;0DA0B3B,eAAe,KAAG,GAAG,CAAC,OAAO;0CAwB7B,eAAe,KAAG,GAAG,CAAC,OAAO;kDAe7B,aAAa,KAAG,GAAG,CAAC,OAAO;6BAaM,cAAc,KAAG,GAAG,CAAC,OAAO;uCAQtB,gBAAgB,KAAG,GAAG,CAAC,OAAO;0BAQ3C;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAG,GAAG,CAAC,OAAO;CAajE,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}