@autoguru/overdrive 4.3.4 → 4.3.5

package/dist/components/Table/TableCell.css.js

@@ -1,30 +1,22 @@
-"use strict";
-
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Table/TableCell.css.ts", "@autoguru/overdrive");
-
 import { style } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
+import { vars } from '../../themes/base/vars.css';
 export const root = style({
-  position: 'relative',
-  ':before': {
-    display: 'block',
-    content: '""',
-    position: 'absolute',
-    zIndex: -1,
-    top: 0,
-    bottom: 0,
-    left: '-1000%',
-    right: '-1000%',
-    transition: "background-color 0.2s ".concat(vars.animation.easing.accelerate)
-  },
-  selectors: {
-    '&:hover:before': {
-      transitionTimingFunction: vars.animation.easing.decelerate,
-      backgroundColor: vars.border.colours.light
-    }
-  }
-}, "root");
-
-__vanilla_filescope__.endFileScope();
+    position: 'relative',
+    ':before': {
+        display: 'block',
+        content: '""',
+        position: 'absolute',
+        zIndex: -1,
+        top: 0,
+        bottom: 0,
+        left: '-1000%',
+        right: '-1000%',
+        transition: `background-color 0.2s ${vars.animation.easing.accelerate}`,
+    },
+    selectors: {
+        '&:hover:before': {
+            transitionTimingFunction: vars.animation.easing.decelerate,
+            backgroundColor: vars.border.colours.light,
+        },
+    },
+});

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

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import * as React from 'react';
+import { AriaAttributes } from 'react';
+import { Tokens } from '../../themes/tokens';
+import type { Alignment } from '../../utils';
+export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>> {
+    align?: Alignment;
+    padding?: keyof Tokens['space'];
+    children?: ReactNode | null;
+}
+export declare const TableCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TableCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQ7C,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACzE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAEhC,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,8EA2CrB,CAAC"}

package/dist/components/Table/TableCell.js

@@ -1,43 +1,13 @@
-"use strict";
-
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { alignmentToFlexAlignment } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Text } from "../Text/index.js";
-import * as styles from "./TableCell.css.js";
-import { useTableContext } from "./context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TableCell = forwardRef((_ref, ref) => {
-  var _ref2;
-
-  let {
-    padding: incomingPadding,
-    align = 'left',
-    'aria-label': ariaLabel,
-    children
-  } = _ref;
-  const tableContext = useTableContext();
-  const padding = (_ref2 = incomingPadding !== null && incomingPadding !== void 0 ? incomingPadding : tableContext === null || tableContext === void 0 ? void 0 : tableContext.padding) !== null && _ref2 !== void 0 ? _ref2 : 'none';
-  return _jsx(Box, {
-    ref: ref,
-    role: "gridcell",
-    scope: "row",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: alignmentToFlexAlignment(align),
-    padding: padding,
-    borderColourBottom: "light",
-    borderWidthBottom: "1",
-    "aria-label": ariaLabel,
-    className: styles.root,
-    children: typeof children === 'string' || typeof children === 'number' ? _jsx(Text, {
-      is: "span",
-      align: align,
-      colour: "dark",
-      display: "block",
-      size: "3",
-      children: children
-    }) : children
-  });
-});
+import { alignmentToFlexAlignment } from '../../utils';
+import { Box } from '../Box';
+import { Text } from '../Text';
+import * as styles from './TableCell.css';
+import { useTableContext } from './context';
+export const TableCell = forwardRef(({ padding: incomingPadding, align = 'left', 'aria-label': ariaLabel, children, }, ref) => {
+    const tableContext = useTableContext();
+    const padding = incomingPadding ?? tableContext?.padding ?? 'none';
+    return (React.createElement(Box, { ref: ref, role: "gridcell", scope: "row", display: "flex", alignItems: "center", justifyContent: alignmentToFlexAlignment(align), padding: padding, borderColourBottom: "light", borderWidthBottom: "1", "aria-label": ariaLabel, className: styles.root }, typeof children === 'string' ||
+        typeof children === 'number' ? (React.createElement(Text, { is: "span", align: align, colour: "dark", display: "block", size: "3" }, children)) : (children)));
+});

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

@@ -0,0 +1,10 @@
+export declare const sorterButton: string;
+export declare const text: string;
+export declare const sorter: {
+    none: string;
+    desc: string;
+    asc: string;
+    root: string[];
+};
+export declare const sticky: string;
+//# sourceMappingURL=TableHeadCell.css.d.ts.map

package/dist/components/Table/TableHeadCell.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeadCell.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,QAAgC,CAAC;AAE1D,eAAO,MAAM,IAAI,QAOf,CAAC;AASH,eAAO,MAAM,MAAM;;;;;CAiClB,CAAC;AAEF,eAAO,MAAM,MAAM,QAIjB,CAAC"}

package/dist/components/Table/TableHeadCell.css.js

@@ -1,66 +1,55 @@
-"use strict";
-
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
-
-__vanilla_filescope__.setFileScope("lib/components/Table/TableHeadCell.css.ts", "@autoguru/overdrive");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { style, styleVariants } from '@vanilla-extract/css';
-import { vars } from "../../themes/base/vars.css.js";
-export const sorterButton = style({
-  userSelect: 'text'
-}, "sorterButton");
+import { vars } from '../../themes/base/vars.css';
+export const sorterButton = style({ userSelect: 'text' });
 export const text = style({
-  color: vars.typography.colour.muted,
-  selectors: {
-    ["".concat(sorterButton, ":hover &")]: {
-      color: vars.typography.colour.dark
-    }
-  }
-}, "text");
-const sorterRoot = style({
-  transformOrigin: 'center',
-  transitionProperty: 'transform',
-  transitionDuration: '0.3s',
-  willChange: 'transform'
-}, "sorterRoot");
-export const sorter = _objectSpread({
-  root: [sorterRoot, style({
     color: vars.typography.colour.muted,
-    transitionTimingFunction: vars.animation.easing.standard,
-    selectors: {
-      ["".concat(sorterButton, ":hover &")]: {
-        color: vars.typography.colour.dark
-      }
-    }
-  }, "sorter_root")]
-}, styleVariants({
-  none: {
-    opacity: '0',
-    transform: 'translateY(10%) rotateX(0)',
-    transitionProperty: 'transform, opacity',
     selectors: {
-      ["".concat(sorterButton, ":hover &")]: {
-        opacity: '0.50',
-        transform: 'translateY(0px) rotateX(0)'
-      }
-    }
-  },
-  asc: {
-    transform: 'translateY(0px) rotateY(0)'
-  },
-  desc: {
-    transform: 'translateY(0px) rotateX(180deg)'
-  }
-}, "sorter"));
+        [`${sorterButton}:hover &`]: {
+            color: vars.typography.colour.dark,
+        },
+    },
+});
+const sorterRoot = style({
+    transformOrigin: 'center',
+    transitionProperty: 'transform',
+    transitionDuration: '0.3s',
+    willChange: 'transform',
+});
+export const sorter = {
+    root: [
+        sorterRoot,
+        style({
+            color: vars.typography.colour.muted,
+            transitionTimingFunction: vars.animation.easing.standard,
+            selectors: {
+                [`${sorterButton}:hover &`]: {
+                    color: vars.typography.colour.dark,
+                },
+            },
+        }),
+    ],
+    ...styleVariants({
+        none: {
+            opacity: '0',
+            transform: 'translateY(10%) rotateX(0)',
+            transitionProperty: 'transform, opacity',
+            selectors: {
+                [`${sorterButton}:hover &`]: {
+                    opacity: '0.50',
+                    transform: 'translateY(0px) rotateX(0)',
+                },
+            },
+        },
+        asc: {
+            transform: 'translateY(0px) rotateY(0)',
+        },
+        desc: {
+            transform: 'translateY(0px) rotateX(180deg)',
+        },
+    }),
+};
 export const sticky = style({
-  position: 'sticky',
-  top: 0,
-  zIndex: 1
-}, "sticky");
-
-__vanilla_filescope__.endFileScope();
+    position: 'sticky',
+    top: 0,
+    zIndex: 1,
+});

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

@@ -0,0 +1,14 @@
+import type { AriaAttributes, ComponentProps } from 'react';
+import * as React from 'react';
+import { Alignment } from '../../utils';
+import { Box } from '../Box';
+declare type Sort = 'asc' | 'desc' | 'none';
+export interface Props extends Partial<Pick<AriaAttributes, 'aria-label'>>, Pick<ComponentProps<typeof Box>, 'padding'> {
+    align?: Alignment;
+    sort?: Sort;
+    onSort?: (event: MouseEvent) => void;
+    children?: string | null;
+}
+export declare const TableHeadCell: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=TableHeadCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeadCell.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableHeadCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAA4B,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAS7B,aAAK,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAEpC,MAAM,WAAW,KAChB,SAAQ,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,EAClD,IAAI,CAAC,cAAc,CAAC,OAAO,GAAG,CAAC,EAAE,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAErC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAUD,eAAO,MAAM,aAAa,8EA2FzB,CAAC"}

package/dist/components/Table/TableHeadCell.js

@@ -1,91 +1,45 @@
-"use strict";
-
 import { ArrowUpIcon } from '@autoguru/icons';
 import clsx from 'clsx';
 import * as React from 'react';
 import { forwardRef, useCallback } from 'react';
-import { alignmentToFlexAlignment } from "../../utils/index.js";
-import { Box } from "../Box/index.js";
-import { Icon } from "../Icon/index.js";
-import { Inline } from "../Inline/index.js";
-import { Text } from "../Text/index.js";
-import { VisuallyHidden } from "../VisuallyHidden/index.js";
-import * as styles from "./TableHeadCell.css.js";
-import { useTableContext } from "./context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-
-const sortToAria = sort => {
-  if (sort === 'asc') return 'ascending';
-  if (sort === 'desc') return 'descending';
-  return 'none';
+import { alignmentToFlexAlignment } from '../../utils';
+import { Box } from '../Box';
+import { Icon } from '../Icon';
+import { Inline } from '../Inline';
+import { Text } from '../Text';
+import { VisuallyHidden } from '../VisuallyHidden';
+import * as styles from './TableHeadCell.css';
+import { useTableContext } from './context';
+const sortToAria = (sort) => {
+    if (sort === 'asc')
+        return 'ascending';
+    if (sort === 'desc')
+        return 'descending';
+    return 'none';
 };
-
-export const TableHeadCell = forwardRef((_ref, ref) => {
-  var _ref2;
-
-  let {
-    align = 'left',
-    onSort,
-    sort,
-    padding: incomingPadding,
-    'aria-label': ariaLabel,
-    children
-  } = _ref;
-  const tableContext = useTableContext();
-  const padding = (_ref2 = incomingPadding !== null && incomingPadding !== void 0 ? incomingPadding : tableContext === null || tableContext === void 0 ? void 0 : tableContext.padding) !== null && _ref2 !== void 0 ? _ref2 : 'none';
-  const sortClickHandler = useCallback(event => {
-    if (typeof onSort === 'function') {
-      onSort(event);
-    }
-  }, [onSort]);
-  const shouldSort = typeof sort === 'string';
-
-  const sorter = _jsx(Icon, {
-    icon: ArrowUpIcon,
-    size: "small",
-    className: clsx([styles.sorter.root, styles.sorter[sort !== null && sort !== void 0 ? sort : 'none']])
-  });
-
-  const child = _jsxs(Inline, {
-    alignY: "center",
-    alignX: alignmentToFlexAlignment(align),
-    space: "1",
-    children: [align === 'right' && shouldSort ? sorter : null, _jsxs(Text, {
-      strong: true,
-      size: "2",
-      is: "span",
-      className: styles.text,
-      children: [children, shouldSort ? _jsxs(VisuallyHidden, {
-        is: "span",
-        children: [' ', "sorted ", sortToAria(sort)]
-      }) : null]
-    }), (align === 'left' || align === 'center') && shouldSort ? sorter : null]
-  });
-
-  return _jsx(Box, {
-    ref: ref,
-    role: "columnheader",
-    scope: "col",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: alignmentToFlexAlignment(align),
-    padding: sort ? undefined : padding,
-    backgroundColour: "gray100",
-    borderColourBottom: "light",
-    borderWidthBottom: "1",
-    "aria-sort": shouldSort ? sortToAria(sort) : undefined,
-    "aria-label": ariaLabel,
-    className: tableContext.stickyHead && styles.sticky,
-    onClick: sort ? sortClickHandler : undefined,
-    children: sort ? _jsx(Box, {
-      is: "button",
-      display: "block",
-      width: "full",
-      padding: padding,
-      tabIndex: -1,
-      className: styles.sorterButton,
-      children: child
-    }) : child
-  });
-});
+export const TableHeadCell = forwardRef(({ align = 'left', onSort, sort, padding: incomingPadding, 'aria-label': ariaLabel, children, }, ref) => {
+    const tableContext = useTableContext();
+    const padding = incomingPadding ?? tableContext?.padding ?? 'none';
+    const sortClickHandler = useCallback((event) => {
+        if (typeof onSort === 'function') {
+            onSort(event);
+        }
+    }, [onSort]);
+    const shouldSort = typeof sort === 'string';
+    const sorter = (React.createElement(Icon, { icon: ArrowUpIcon, size: "small", className: clsx([
+            styles.sorter.root,
+            styles.sorter[sort ?? 'none'],
+        ]) }));
+    const child = (React.createElement(Inline, { alignY: "center", alignX: alignmentToFlexAlignment(align), space: "1" },
+        align === 'right' && shouldSort ? sorter : null,
+        React.createElement(Text, { strong: true, size: "2", is: "span", className: styles.text },
+            children,
+            shouldSort ? (React.createElement(VisuallyHidden, { is: "span" },
+                ' ',
+                "sorted ",
+                sortToAria(sort))) : null),
+        (align === 'left' || align === 'center') && shouldSort
+            ? sorter
+            : null));
+    return (React.createElement(Box, { ref: ref, role: "columnheader", scope: "col", display: "flex", alignItems: "center", justifyContent: alignmentToFlexAlignment(align), padding: sort ? undefined : padding, backgroundColour: "gray100", borderColourBottom: "light", borderWidthBottom: "1", "aria-sort": shouldSort ? sortToAria(sort) : undefined, "aria-label": ariaLabel, className: tableContext.stickyHead && styles.sticky, onClick: sort ? sortClickHandler : undefined }, sort ? (React.createElement(Box, { is: "button", display: "block", width: "full", padding: padding, tabIndex: -1, className: styles.sorterButton }, child)) : (child)));
+});

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { MouseEventHandler, ReactNode } from 'react';
+export interface Props {
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    children: ReactNode | ReactNode[];
+}
+export declare const TableRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TableRow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjE,MAAM,WAAW,KAAK;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,QAAQ,8EAMpB,CAAC"}

package/dist/components/Table/TableRow.js

@@ -1,19 +1,4 @@
-"use strict";
-
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box } from "../Box/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TableRow = forwardRef((_ref, ref) => {
-  let {
-    children,
-    onClick
-  } = _ref;
-  return _jsx(Box, {
-    ref: ref,
-    display: "contents",
-    role: "row",
-    onClick: onClick,
-    children: children
-  });
-});
+import { Box } from '../Box';
+export const TableRow = forwardRef(({ children, onClick }, ref) => (React.createElement(Box, { ref: ref, display: "contents", role: "row", onClick: onClick }, children)));

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+export interface Props {
+    children: ReactNode | ReactNode[];
+}
+export declare const TableRowGroup: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TableRowGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableRowGroup.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/TableRowGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,KAAK;IACrB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,8EAMzB,CAAC"}

package/dist/components/Table/TableRowGroup.js

@@ -1,17 +1,4 @@
-"use strict";
-
 import * as React from 'react';
 import { forwardRef } from 'react';
-import { Box } from "../Box/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const TableRowGroup = forwardRef((_ref, ref) => {
-  let {
-    children
-  } = _ref;
-  return _jsx(Box, {
-    ref: ref,
-    role: "rowgroup",
-    display: "contents",
-    children: children
-  });
-});
+import { Box } from '../Box';
+export const TableRowGroup = forwardRef(({ children }, ref) => (React.createElement(Box, { ref: ref, role: "rowgroup", display: "contents" }, children)));

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

@@ -0,0 +1,11 @@
+import type { FunctionComponent } from 'react';
+import { ReactNode } from 'react';
+import { Tokens } from '../../themes/tokens';
+export interface TableContext {
+    padding?: keyof Tokens['space'];
+    stickyHead?: boolean;
+    children?: ReactNode;
+}
+export declare const TableContextProvider: FunctionComponent<TableContext>;
+export declare const useTableContext: () => TableContext;
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC5B,OAAO,CAAC,EAAE,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB;AAID,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,YAAY,CAehE,CAAC;AAEF,eAAO,MAAM,eAAe,oBAS3B,CAAC"}

package/dist/components/Table/context.js

@@ -1,27 +1,16 @@
-"use strict";
-
 import { invariant } from '@autoguru/utilities';
 import * as React from 'react';
 import { createContext, useContext, useMemo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
 const tableContext = createContext(null);
-export const TableContextProvider = _ref => {
-  let {
-    padding,
-    stickyHead,
-    children
-  } = _ref;
-  const value = useMemo(() => ({
-    padding,
-    stickyHead
-  }), [padding, stickyHead]);
-  return _jsx(tableContext.Provider, {
-    value: value,
-    children: children
-  });
+export const TableContextProvider = ({ padding, stickyHead, children, }) => {
+    const value = useMemo(() => ({
+        padding,
+        stickyHead,
+    }), [padding, stickyHead]);
+    return (React.createElement(tableContext.Provider, { value: value }, children));
 };
 export const useTableContext = () => {
-  const ctx = useContext(tableContext);
-  !(ctx !== null) ? process.env.NODE_ENV !== "production" ? invariant(false, "Make sure you've got a <Table /> component in your tree") : invariant(false) : void 0;
-  return ctx;
-};
+    const ctx = useContext(tableContext);
+    invariant(ctx !== null, "Make sure you've got a <Table /> component in your tree");
+    return ctx;
+};

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

@@ -0,0 +1,6 @@
+export { Table } from './Table';
+export { TableCell } from './TableCell';
+export { TableHeadCell } from './TableHeadCell';
+export { TableRow } from './TableRow';
+export { TableRowGroup } from './TableRowGroup';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Table/index.js

@@ -1,7 +1,5 @@
-"use strict";
-
-export { Table } from "./Table.js";
-export { TableCell } from "./TableCell.js";
-export { TableHeadCell } from "./TableHeadCell.js";
-export { TableRow } from "./TableRow.js";
-export { TableRowGroup } from "./TableRowGroup.js";
+export { Table } from './Table';
+export { TableCell } from './TableCell';
+export { TableHeadCell } from './TableHeadCell';
+export { TableRow } from './TableRow';
+export { TableRowGroup } from './TableRowGroup';

package/dist/components/Tabs/Tab.css.d.ts

@@ -0,0 +1,7 @@
+export declare const root: {
+    default: string;
+    active: string;
+};
+export declare const item: string;
+export declare const indication: Record<"default" | "active", string>;
+//# sourceMappingURL=Tab.css.d.ts.map

package/dist/components/Tabs/Tab.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;;CAsBhB,CAAC;AAEF,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,UAAU,sCAWrB,CAAC"}