npm - @atom-learning/components - Versions diffs - 6.3.1 → 6.4.0 - Mend

@atom-learning/components 6.3.1 → 6.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

package/dist/components/data-table/DataTable.d.ts CHANGED Viewed

@@ -187,19 +187,11 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
      * If you need more customisation, you can compose your own implentation, `asyncDataState`
      * can be retrieved from `useDataTable`
      */
-    Loading: (props: React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-    } & {
-        as?: import("react").ElementType;
-    } & {
+    Loading: (props: React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
         message?: string;
         size?: "sm" | "md" | "lg";
+    }, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }, never> & {
         as?: import("react").ElementType;
     }>>) => import("react").JSX.Element | null;
@@ -221,16 +213,8 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
      *
      * Extends the EmptyState component
      */
-    EmptyState: ({ children, ...rest }: Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    EmptyState: ({ children, ...rest }: Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-    } & {
-        as?: import("react").ElementType;
     }, "size"> & {
         size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
     } & {
@@ -282,16 +266,8 @@ export declare const DataTable: (({ columns, data: dataProp, getAsyncData, defau
      *
      * Renders a toolbar with actions that can be applied to all selected rows
      */
-    BulkActionsFloating: (({ children, ...rest }: React.PropsWithChildren<React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    BulkActionsFloating: (({ children, ...rest }: React.PropsWithChildren<React.ComponentProps<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-        direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-        wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-        justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-        align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-        gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-    } & {
-        as?: import("react").ElementType;
     }, never> & {
         as?: import("react").ElementType;
     }>>>) => import("react").JSX.Element | null) & {

package/dist/components/data-table/DataTableBulkActions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{Button as i}from"../button/Button.js";import{Divider as m}from"../divider/Divider.js";import{styled as s}from"../../styled.js";import{Flex as a}from"../flex/Flex.js";import{useDataTable as o}from"./DataTableContext.js";import{DataTableMetaData as u}from"./DataTableMetaData.js";const d=s(a,{base:["p-2","w-full","mb-2","justify-between","items-center","min-h-16","rounded-t-sm"],variants:{isRowSelected:{true:["bg-primary-100"]}}}),b=({children:l})=>{const{rowSelection:t}=o();return Object.keys(t||{}).length>0?null:l},f=({cancelLabel:l="Cancel",children:t})=>{const{toggleAllPageRowsSelected:n,rowSelection:r}=o(),c=()=>n(!1);return Object.keys(r||{}).length===0?null:e.createElement(e.Fragment,null,t,e.Children.count(t)>0&&e.createElement(m,{orientation:"vertical",className:"mx-4"}),e.createElement(i,{theme:"neutral",onClick:c},l))},p=Object.assign(({children:l,...t})=>{const{rowSelection:n}=o(),r=Object.keys(n||{}).length>0;return e.createElement(d,{isRowSelected:r,...t},e.createElement(u,null),e.createElement(a,{className:"items-center justify-end"},l))},{DefaultActions:b,SelectedRowActions:f});export{p as DataTableBulkActions};
+import*as e from"react";import{Button as a}from"../button/Button.js";import{Divider as i}from"../divider/Divider.js";import{styled as s}from"../../styled.js";import{useDataTable as c}from"./DataTableContext.js";import{DataTableMetaData as m}from"./DataTableMetaData.js";const u=s("div",{base:["flex","p-2","w-full","mb-2","justify-between","items-center","min-h-16","rounded-t-sm"],variants:{isRowSelected:{true:["bg-primary-100"]}}}),d=({children:l})=>{const{rowSelection:t}=c();return Object.keys(t||{}).length>0?null:l},f=({cancelLabel:l="Cancel",children:t})=>{const{toggleAllPageRowsSelected:n,rowSelection:r}=c(),o=()=>n(!1);return Object.keys(r||{}).length===0?null:e.createElement(e.Fragment,null,t,e.Children.count(t)>0&&e.createElement(i,{orientation:"vertical",className:"mx-4"}),e.createElement(a,{theme:"neutral",onClick:o},l))},b=Object.assign(({children:l,...t})=>{const{rowSelection:n}=c(),r=Object.keys(n||{}).length>0;return e.createElement(u,{isRowSelected:r,...t},e.createElement(m,null),e.createElement("div",{className:"flex items-center justify-end"},l))},{DefaultActions:d,SelectedRowActions:f});export{b as DataTableBulkActions};
 //# sourceMappingURL=DataTableBulkActions.js.map

package/dist/components/data-table/DataTableBulkActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTableBulkActions.js","sources":["../../../src/components/data-table/DataTableBulkActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '~/components/button/Button'\nimport { Divider } from '~/components/divider/Divider'\nimport { styled } from '~/styled'\n\nimport { ~~Flex } from '../flex/Flex'\nimport {~~ useDataTable } from './DataTableContext'\nimport { DataTableMetaData } from './DataTableMetaData'\n\nconst StyledContainer = styled(~~Flex~~, {\n base: [\n 'p-2',\n 'w-full',\n 'mb-2',\n 'justify-between',\n 'items-center',\n 'min-h-16',\n 'rounded-t-sm'\n ],\n variants: {\n isRowSelected: {\n true: ['bg-primary-100']\n }\n }\n})\n\nconst BulkActionsDefaultActions = ({\n children\n}: {\n children: React.ReactElement\n}): React.ReactElement \| null => {\n const { rowSelection } = useDataTable()\n\n if (Object.keys(rowSelection \|\| {}).length > 0) return null\n\n return children\n}\n\nconst BulkActionsSelectedRowActions = ({\n cancelLabel = 'Cancel',\n children\n}: {\n cancelLabel?: string\n children: React.ReactNode\n}) => {\n const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n if (Object.keys(rowSelection \|\| {}).length === 0) return null\n\n return (\n <>\n {children}\n {React.Children.count(children) > 0 && (\n <Divider orientation=\"vertical\" className=\"mx-4\" />\n )}\n <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n {cancelLabel}\n </Button>\n </>\n )\n}\n\nexport const DataTableBulkActions = Object.assign(\n ({\n children,\n ...rest\n }: {\n children:\n \| React.ReactElement<\n React.ComponentProps<typeof BulkActionsDefaultActions>\n >\n \| React.ReactElement<\n React.ComponentProps<typeof BulkActionsSelectedRowActions>\n >\n \| [\n React.ReactElement<\n React.ComponentProps<typeof BulkActionsDefaultActions>\n >,\n React.ReactElement<\n React.ComponentProps<typeof BulkActionsSelectedRowActions>\n >\n ]\n }) => {\n const { rowSelection } = useDataTable()\n\n const isRowSelected = Object.keys(rowSelection \|\| {}).length > 0\n\n return (\n <StyledContainer isRowSelected={isRowSelected} {...rest}>\n <DataTableMetaData />\n\n <~~Flex~~ className=\"items-center justify-end\">{children}</~~Flex~~>\n </StyledContainer>\n )\n },\n {\n DefaultActions: BulkActionsDefaultActions,\n SelectedRowActions: BulkActionsSelectedRowActions\n }\n)\n"],"names":["StyledContainer","styled","~~Flex","~~BulkActionsDefaultActions","children","rowSelection","useDataTable","BulkActionsSelectedRowActions","cancelLabel","toggleAllPageRowsSelected","handleDeselectAllPageRows","React","Divider","Button","DataTableBulkActions","rest","isRowSelected","DataTableMetaData"],"mappings":"~~qTAUA~~,MAAMA,EAAkBC,~~EAAOC~~,~~EAAM~~,~~CACnC~~,KAAM,CACJ,MACA,SACA,OACA,kBACA,eACA,WACA,cACF,EACA,SAAU,CACR,cAAe,CACb,KAAM,CAAC,gBAAgB,CACzB,CACF,CACF,CAAC,EAEKC,EAA4B,CAAC,CACjC,SAAAC,CACF,IAEiC,CAC/B,KAAM,CAAE,aAAAC,CAAa,EAAIC,~~EAEzB~~,~~EAAA,~~OAAI,OAAO,KAAKD,GAAgB,~~EAAE~~,EAAE,OAAS,EAAU,KAEhDD,CACT,EAEMG,EAAgC,CAAC,CACrC,YAAAC,EAAc,SACd,SAAAJ,CACF,IAGM,CACJ,KAAM,CAAE,0BAAAK,EAA2B,aAAAJ,CAAa,EAAIC,~~EAAAA~~,~~EAE9CI~~,EAA4B,IAAMD,EAA0B,EAAK,EAEvE,OAAI,OAAO,KAAKJ,GAAgB,CAAA,~~CAAE,~~EAAE,SAAW,EAAU,KAGvDM,EAAA,cAAAA,EAAA,~~cACGP~~,EACAO,EAAM,SAAS,MAAMP,CAAQ,EAAI,GAChCO,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,~~MAAA~~,~~CAAO~~,EAEnDD,EAAA,cAACE,EAAA,CAAO,MAAM,UAAU,QAASH,CAC9BF,EAAAA,CACH,CACF,CAEJ,EAEaM,EAAuB,OAAO,OACzC,CAAC,CACC,SAAAV,EACA,GAAGW,CACL,IAgBM,CACJ,KAAM,CAAE,aAAAV,CAAa,EAAIC,~~EAAAA~~,~~EAEnBU~~,EAAgB,OAAO,KAAKX,GAAgB,EAAE,EAAE,OAAS,EAE/D,OACEM,EAAA,~~cAACX~~,EAAA,CAAgB,~~cAAegB~~,EAAgB,GAAGD,~~GACjDJ~~,EAAA,cAACM,EAAA,IAAkB,~~EAEnBN~~,EAAA,~~cAACT~~,~~EAAA~~,~~CAAK~~,UAAU,~~0BAA4BE,~~EAAAA,CAAS,~~CACvD~~,CAEJ,EACA,CACE,eAAgBD,EAChB,mBAAoBI,CACtB,CACF"}
1	+ {"version":3,"file":"DataTableBulkActions.js","sources":["../../../src/components/data-table/DataTableBulkActions.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Button } from '~/components/button/Button'\nimport { Divider } from '~/components/divider/Divider'\nimport { styled } from '~/styled'\n\nimport { useDataTable } from './DataTableContext'\nimport { DataTableMetaData } from './DataTableMetaData'\n\nconst StyledContainer = styled('div', {\n base: [\n 'flex',\n 'p-2',\n 'w-full',\n 'mb-2',\n 'justify-between',\n 'items-center',\n 'min-h-16',\n 'rounded-t-sm'\n ],\n variants: {\n isRowSelected: {\n true: ['bg-primary-100']\n }\n }\n})\n\nconst BulkActionsDefaultActions = ({\n children\n}: {\n children: React.ReactElement\n}): React.ReactElement \| null => {\n const { rowSelection } = useDataTable()\n\n if (Object.keys(rowSelection \|\| {}).length > 0) return null\n\n return children\n}\n\nconst BulkActionsSelectedRowActions = ({\n cancelLabel = 'Cancel',\n children\n}: {\n cancelLabel?: string\n children: React.ReactNode\n}) => {\n const { toggleAllPageRowsSelected, rowSelection } = useDataTable()\n\n const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n if (Object.keys(rowSelection \|\| {}).length === 0) return null\n\n return (\n <>\n {children}\n {React.Children.count(children) > 0 && (\n <Divider orientation=\"vertical\" className=\"mx-4\" />\n )}\n <Button theme=\"neutral\" onClick={handleDeselectAllPageRows}>\n {cancelLabel}\n </Button>\n </>\n )\n}\n\nexport const DataTableBulkActions = Object.assign(\n ({\n children,\n ...rest\n }: {\n children:\n \| React.ReactElement<\n React.ComponentProps<typeof BulkActionsDefaultActions>\n >\n \| React.ReactElement<\n React.ComponentProps<typeof BulkActionsSelectedRowActions>\n >\n \| [\n React.ReactElement<\n React.ComponentProps<typeof BulkActionsDefaultActions>\n >,\n React.ReactElement<\n React.ComponentProps<typeof BulkActionsSelectedRowActions>\n >\n ]\n }) => {\n const { rowSelection } = useDataTable()\n\n const isRowSelected = Object.keys(rowSelection \|\| {}).length > 0\n\n return (\n <StyledContainer isRowSelected={isRowSelected} {...rest}>\n <DataTableMetaData />\n <div className=\"flex items-center justify-end\">{children}</div>\n </StyledContainer>\n )\n },\n {\n DefaultActions: BulkActionsDefaultActions,\n SelectedRowActions: BulkActionsSelectedRowActions\n }\n)\n"],"names":["StyledContainer","styled","BulkActionsDefaultActions","children","rowSelection","useDataTable","BulkActionsSelectedRowActions","cancelLabel","toggleAllPageRowsSelected","handleDeselectAllPageRows","React","Divider","Button","DataTableBulkActions","rest","isRowSelected","DataTableMetaData"],"mappings":"8QASA,MAAMA,EAAkBC,EAAO,MAAO,CACpC,KAAM,CACJ,OACA,MACA,SACA,OACA,kBACA,eACA,WACA,cACF,EACA,SAAU,CACR,cAAe,CACb,KAAM,CAAC,gBAAgB,CACzB,CACF,CACF,CAAC,EAEKC,EAA4B,CAAC,CACjC,SAAAC,CACF,IAEiC,CAC/B,KAAM,CAAE,aAAAC,CAAa,EAAIC,IAEzB,OAAI,OAAO,KAAKD,GAAgB,CAAA,CAAE,EAAE,OAAS,EAAU,KAEhDD,CACT,EAEMG,EAAgC,CAAC,CACrC,YAAAC,EAAc,SACd,SAAAJ,CACF,IAGM,CACJ,KAAM,CAAE,0BAAAK,EAA2B,aAAAJ,CAAa,EAAIC,EAAa,EAE3DI,EAA4B,IAAMD,EAA0B,EAAK,EAEvE,OAAI,OAAO,KAAKJ,GAAgB,CAAE,CAAA,EAAE,SAAW,EAAU,KAGvDM,EAAA,cAAAA,EAAA,SAAA,KACGP,EACAO,EAAM,SAAS,MAAMP,CAAQ,EAAI,GAChCO,EAAA,cAACC,EAAA,CAAQ,YAAY,WAAW,UAAU,MAAO,CAAA,EAEnDD,EAAA,cAACE,EAAA,CAAO,MAAM,UAAU,QAASH,CAC9BF,EAAAA,CACH,CACF,CAEJ,EAEaM,EAAuB,OAAO,OACzC,CAAC,CACC,SAAAV,EACA,GAAGW,CACL,IAgBM,CACJ,KAAM,CAAE,aAAAV,CAAa,EAAIC,EAAa,EAEhCU,EAAgB,OAAO,KAAKX,GAAgB,EAAE,EAAE,OAAS,EAE/D,OACEM,EAAA,cAACV,EAAA,CAAgB,cAAee,EAAgB,GAAGD,CACjDJ,EAAAA,EAAA,cAACM,EAAA,IAAkB,EACnBN,EAAA,cAAC,MAAA,CAAI,UAAU,+BAAiCP,EAAAA,CAAS,CAC3D,CAEJ,EACA,CACE,eAAgBD,EAChB,mBAAoBI,CACtB,CACF"}

package/dist/components/data-table/DataTableBulkActionsFloating.d.ts CHANGED Viewed

@@ -1,14 +1,6 @@
 import * as React from 'react';
-declare const StyledContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const StyledContainer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
-    as?: React.ElementType;
 }, never> & {
     as?: React.ElementType;
 }>;

package/dist/components/data-table/DataTableBulkActionsFloating.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Close as i}from"@atom-learning/icons";import*as e from"react";import{styled as c}from"../../styled.js";import{ActionIcon as p}from"../action-icon/ActionIcon.js";import{Badge as f}from"../badge/Badge.js";import{Flex as t}from"../flex/Flex.js";import{Icon as g}from"../icon/Icon.js";import{Text as u}from"../text/Text.js";import{BulkActionsSelectedRowActions as x}from"./DataTableBulkActionsSelectedRowActions.js";import{useDataTable as w}from"./DataTableContext.js";const b=c(t,{base:["pl-3","pr-1","py-2","mb-4","mt-2","justify-between","items-center","rounded-lg","bg-primary-800","pointer-events-auto","z-2","w-full","mx-4","shadow-lg","sm:max-w-200","lg:max-w-250","lg:mb-8","lg:pl-4","lg:pr-1","lg:py-3","xl:max-w-350","xl:mb-8","xl:pl-6","xl:pr-2","xl:py-4"]}),d=Object.assign(({children:s,...m})=>{const{rowSelection:l,toggleAllPageRowsSelected:r}=w(),a=e.useRef(null),o=e.useMemo(()=>Object.keys(l||{}).length,[l]),n=()=>r(!1);return o===0?null:e.createElement("section",{ref:a,className:"pointer-events-none sticky bottom-0 left-0 flex justify-center"},e.createElement(b,{...m},e.createElement(t,{justify:"flex-start",align:"center",gap:2,className:"flex-auto"},e.createElement(f,{theme:"success",size:"xs",emphasis:"subtle",className:"h-6 min-w-6"},o),e.createElement(u,{size:"sm",weight:"bold",className:"text-white"},"selected")),e.createElement(t,{justify:"flex-end",align:"center",gap:3,className:"flex-auto"},s,e.createElement(p,{appearance:"simple",theme:"white",size:"md",onClick:n,label:"close"},e.createElement(g,{is:i})))))},{SelectedRowActions:x});export{d as DataTableBulkActionsFloating};
+import{Close as i}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../styled.js";import{ActionIcon as c}from"../action-icon/ActionIcon.js";import{Badge as p}from"../badge/Badge.js";import{Icon as f}from"../icon/Icon.js";import{Text as x}from"../text/Text.js";import{BulkActionsSelectedRowActions as u}from"./DataTableBulkActionsSelectedRowActions.js";import{useDataTable as g}from"./DataTableContext.js";const d=n("div",{base:["flex","pl-3","pr-1","py-2","mb-4","mt-2","justify-between","items-center","rounded-lg","bg-primary-800","pointer-events-auto","z-2","w-full","mx-4","shadow-lg","sm:max-w-200","lg:max-w-250","lg:mb-8","lg:pl-4","lg:pr-1","lg:py-3","xl:max-w-350","xl:mb-8","xl:pl-6","xl:pr-2","xl:py-4"]}),b=Object.assign(({children:s,...m})=>{const{rowSelection:t,toggleAllPageRowsSelected:o}=g(),r=e.useRef(null),l=e.useMemo(()=>Object.keys(t||{}).length,[t]),a=()=>o(!1);return l===0?null:e.createElement("section",{ref:r,className:"pointer-events-none sticky bottom-0 left-0 flex justify-center"},e.createElement(d,{...m},e.createElement("div",{className:"flex flex-auto items-center justify-start gap-2"},e.createElement(p,{theme:"success",size:"xs",emphasis:"subtle",className:"h-6 min-w-6"},l),e.createElement(x,{size:"sm",weight:"bold",className:"text-white"},"selected")),e.createElement("div",{className:"flex flex-auto items-center justify-end gap-3"},s,e.createElement(c,{appearance:"simple",theme:"white",size:"md",onClick:a,label:"close"},e.createElement(f,{is:i})))))},{SelectedRowActions:u});export{b as DataTableBulkActionsFloating};
 //# sourceMappingURL=DataTableBulkActionsFloating.js.map

package/dist/components/data-table/DataTableBulkActionsFloating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTableBulkActionsFloating.js","sources":["../../../src/components/data-table/DataTableBulkActionsFloating.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Badge } from '../badge/Badge'\nimport { ~~Flex } from '../flex/Flex'\nimport {~~ Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { BulkActionsSelectedRowActions } from './DataTableBulkActionsSelectedRowActions'\nimport { useDataTable } from './DataTableContext'\n\nconst StyledContainer = styled(~~Flex~~, {\n base: [\n 'pl-3',\n 'pr-1',\n 'py-2',\n 'mb-4',\n 'mt-2',\n 'justify-between',\n 'items-center',\n 'rounded-lg',\n 'bg-primary-800',\n 'pointer-events-auto',\n 'z-2',\n 'w-full',\n 'mx-4',\n 'shadow-lg',\n 'sm:max-w-200',\n 'lg:max-w-250',\n 'lg:mb-8',\n 'lg:pl-4',\n 'lg:pr-1',\n 'lg:py-3',\n 'xl:max-w-350',\n 'xl:mb-8',\n 'xl:pl-6',\n 'xl:pr-2',\n 'xl:py-4'\n ]\n})\n\nexport const DataTableBulkActionsFloating = Object.assign(\n ({\n children,\n ...rest\n }: React.PropsWithChildren<React.ComponentProps<typeof StyledContainer>>) => {\n const { rowSelection, toggleAllPageRowsSelected } = useDataTable()\n\n const actionBarRef = React.useRef<HTMLDivElement>(null)\n\n const numberOfSelectedRows = React.useMemo(() => {\n return Object.keys(rowSelection \|\| {}).length\n }, [rowSelection])\n\n const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n if (numberOfSelectedRows === 0) return null\n\n return (\n <section\n ref={actionBarRef}\n className=\"pointer-events-none sticky bottom-0 left-0 flex justify-center\"\n >\n <StyledContainer {...rest}>\n <~~Flex\n justify~~=\"flex-start~~\"\n align=\"center\"\n~~ gap={2}\~~n className=\~~"~~flex-auto\"\n~~ >\n <Badge\n theme=\"success\"\n size=\"xs\"\n emphasis=\"subtle\"\n className=\"h-6 min-w-6\"\n >\n {numberOfSelectedRows}\n </Badge>\n <Text size=\"sm\" weight=\"bold\" className=\"text-white\">\n selected\n </Text>\n </~~Flex~~>\n\n <~~Flex~~ ~~justify~~=\"flex-~~end\"~~ ~~align=\"~~center\" gap={3~~} className=\"flex-auto~~\">\n {children}\n\n <ActionIcon\n appearance=\"simple\"\n theme=\"white\"\n size=\"md\"\n onClick={handleDeselectAllPageRows}\n label=\"close\"\n >\n <Icon is={Close} />\n </ActionIcon>\n </~~Flex~~>\n </StyledContainer>\n </section>\n )\n },\n {\n SelectedRowActions: BulkActionsSelectedRowActions\n }\n)\n"],"names":["StyledContainer","styled","~~Flex","~~DataTableBulkActionsFloating","children","rest","rowSelection","toggleAllPageRowsSelected","useDataTable","actionBarRef","React","numberOfSelectedRows","handleDeselectAllPageRows","Badge","Text","ActionIcon","Icon","Close","BulkActionsSelectedRowActions"],"mappings":"~~wdAaA~~,MAAMA,EAAkBC,~~EAAOC~~,~~EAAM~~,~~CACnC~~,KAAM,CACJ,OACA,OACA,OACA,OACA,OACA,kBACA,eACA,aACA,iBACA,sBACA,MACA,SACA,OACA,YACA,eACA,eACA,UACA,UACA,UACA,UACA,eACA,UACA,UACA,UACA,SACF,CACF,CAAC,EAEYC,EAA+B,OAAO,OACjD,CAAC,CACC,SAAAC,EACA,GAAGC,CACL,IAA6E,CAC3E,KAAM,CAAE,aAAAC,EAAc,0BAAAC,CAA0B,EAAIC,~~EAAa~~,~~EAE3DC~~,EAAeC,EAAM,OAAuB,IAAI,EAEhDC,EAAuBD,EAAM,QAAQ,IAClC,OAAO,KAAKJ,GAAgB,CAAE,~~CAAA,~~EAAE,OACtC,CAACA,CAAY,CAAC,EAEXM,EAA4B,IAAML,EAA0B,EAAK,EAEvE,OAAII,IAAyB,EAAU,KAGrCD,EAAA,cAAC,UAAA,CACC,IAAKD,EACL,UAAU,gEAEVC,EAAAA,EAAA,~~cAACV~~,EAAA,CAAiB,~~GAAGK~~,~~GACnBK~~,~~EAAA~~,~~cAACR,~~EAAA,~~CACC~~,~~QAAQ~~,~~aACR~~,~~MAAM,SACN,IAAK,EACL,~~UAAU,~~WAEVQ~~,~~EAAAA~~,EAAA,cAACG,EAAA,CACC,MAAM,UACN,KAAK,KACL,SAAS,SACT,UAAU,aAETF,EAAAA,CACH,EACAD,EAAA,cAACI,EAAA,CAAK,KAAK,KAAK,OAAO,OAAO,UAAU,YAAa,EAAA,UAErD,CACF,~~EAEAJ~~,EAAA,~~cAACR~~,~~EAAA~~,~~CAAK~~,~~QAAQ,WAAW,MAAM,SAAS,IAAK,EAAG,~~UAAU,~~WAAA~~,~~EACvDE~~,~~EAEDM,~~EAAA,cAACK,EAAA,CACC,WAAW,SACX,MAAM,QACN,KAAK,KACL,QAASH,EACT,MAAM,~~OAENF~~,~~EAAAA~~,EAAA,cAACM,EAAA,CAAK,GAAIC,~~CAAAA,~~CAAO,CACnB,CACF,CACF,CACF,CAEJ,EACA,CACE,mBAAoBC,CACtB,CACF"}
1	+ {"version":3,"file":"DataTableBulkActionsFloating.js","sources":["../../../src/components/data-table/DataTableBulkActionsFloating.tsx"],"sourcesContent":["import { Close } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { ActionIcon } from '../action-icon/ActionIcon'\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\nimport { Text } from '../text/Text'\nimport { BulkActionsSelectedRowActions } from './DataTableBulkActionsSelectedRowActions'\nimport { useDataTable } from './DataTableContext'\n\nconst StyledContainer = styled('div', {\n base: [\n 'flex',\n 'pl-3',\n 'pr-1',\n 'py-2',\n 'mb-4',\n 'mt-2',\n 'justify-between',\n 'items-center',\n 'rounded-lg',\n 'bg-primary-800',\n 'pointer-events-auto',\n 'z-2',\n 'w-full',\n 'mx-4',\n 'shadow-lg',\n 'sm:max-w-200',\n 'lg:max-w-250',\n 'lg:mb-8',\n 'lg:pl-4',\n 'lg:pr-1',\n 'lg:py-3',\n 'xl:max-w-350',\n 'xl:mb-8',\n 'xl:pl-6',\n 'xl:pr-2',\n 'xl:py-4'\n ]\n})\n\nexport const DataTableBulkActionsFloating = Object.assign(\n ({\n children,\n ...rest\n }: React.PropsWithChildren<React.ComponentProps<typeof StyledContainer>>) => {\n const { rowSelection, toggleAllPageRowsSelected } = useDataTable()\n\n const actionBarRef = React.useRef<HTMLDivElement>(null)\n\n const numberOfSelectedRows = React.useMemo(() => {\n return Object.keys(rowSelection \|\| {}).length\n }, [rowSelection])\n\n const handleDeselectAllPageRows = () => toggleAllPageRowsSelected(false)\n\n if (numberOfSelectedRows === 0) return null\n\n return (\n <section\n ref={actionBarRef}\n className=\"pointer-events-none sticky bottom-0 left-0 flex justify-center\"\n >\n <StyledContainer {...rest}>\n <div className=\"flex flex-auto items-center justify-start gap-2\">\n <Badge\n theme=\"success\"\n size=\"xs\"\n emphasis=\"subtle\"\n className=\"h-6 min-w-6\"\n >\n {numberOfSelectedRows}\n </Badge>\n <Text size=\"sm\" weight=\"bold\" className=\"text-white\">\n selected\n </Text>\n </div>\n <div className=\"flex flex-auto items-center justify-end gap-3\">\n {children}\n <ActionIcon\n appearance=\"simple\"\n theme=\"white\"\n size=\"md\"\n onClick={handleDeselectAllPageRows}\n label=\"close\"\n >\n <Icon is={Close} />\n </ActionIcon>\n </div>\n </StyledContainer>\n </section>\n )\n },\n {\n SelectedRowActions: BulkActionsSelectedRowActions\n }\n)\n"],"names":["StyledContainer","styled","DataTableBulkActionsFloating","children","rest","rowSelection","toggleAllPageRowsSelected","useDataTable","actionBarRef","React","numberOfSelectedRows","handleDeselectAllPageRows","Badge","Text","ActionIcon","Icon","Close","BulkActionsSelectedRowActions"],"mappings":"ibAYA,MAAMA,EAAkBC,EAAO,MAAO,CACpC,KAAM,CACJ,OACA,OACA,OACA,OACA,OACA,OACA,kBACA,eACA,aACA,iBACA,sBACA,MACA,SACA,OACA,YACA,eACA,eACA,UACA,UACA,UACA,UACA,eACA,UACA,UACA,UACA,SACF,CACF,CAAC,EAEYC,EAA+B,OAAO,OACjD,CAAC,CACC,SAAAC,EACA,GAAGC,CACL,IAA6E,CAC3E,KAAM,CAAE,aAAAC,EAAc,0BAAAC,CAA0B,EAAIC,EAAAA,EAE9CC,EAAeC,EAAM,OAAuB,IAAI,EAEhDC,EAAuBD,EAAM,QAAQ,IAClC,OAAO,KAAKJ,GAAgB,CAAA,CAAE,EAAE,OACtC,CAACA,CAAY,CAAC,EAEXM,EAA4B,IAAML,EAA0B,EAAK,EAEvE,OAAII,IAAyB,EAAU,KAGrCD,EAAA,cAAC,UAAA,CACC,IAAKD,EACL,UAAU,gEAEVC,EAAAA,EAAA,cAACT,EAAA,CAAiB,GAAGI,CACnBK,EAAAA,EAAA,cAAC,MAAA,CAAI,UAAU,iDAAA,EACbA,EAAA,cAACG,EAAA,CACC,MAAM,UACN,KAAK,KACL,SAAS,SACT,UAAU,aAETF,EAAAA,CACH,EACAD,EAAA,cAACI,EAAA,CAAK,KAAK,KAAK,OAAO,OAAO,UAAU,YAAa,EAAA,UAErD,CACF,EACAJ,EAAA,cAAC,MAAI,CAAA,UAAU,iDACZN,EACDM,EAAA,cAACK,EAAA,CACC,WAAW,SACX,MAAM,QACN,KAAK,KACL,QAASH,EACT,MAAM,OAAA,EAENF,EAAA,cAACM,EAAA,CAAK,GAAIC,CAAO,CAAA,CACnB,CACF,CACF,CACF,CAEJ,EACA,CACE,mBAAoBC,CACtB,CACF"}

package/dist/components/data-table/DataTableHeaderCell.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ArrowUp as x,ArrowDown as h}from"@atom-learning/icons";import{flexRender as E}from"@tanstack/react-table";import D from"clsx";import*as t from"react";import{useHover as T}from"react-aria";import{styled as s}from"../../styled.js";import{Flex as c}from"../flex/Flex.js";import{Icon as k}from"../icon/Icon.js";import{Table as C}from"../table/Table.js";import{Text as H}from"../text/Text.js";import{useDataTable as N}from"./DataTableContext.js";const z=s(H,{base:["text-grey-600","whitespace-nowrap","hidden","min-[800px]:block"]}),I=s(C.HeaderCell,{base:[],variants:{isSortable:{true:["*:relative","before:absolute","before:bg-primary-100","before:duration-200","before:ease-in","before:inset-0","before:opacity-0","before:transition-opacity","cursor-pointer","hover:before:opacity-50","relative"]}}}),A={asc:x,desc:h},F=({direction:e})=>t.createElement(k,{is:A[e],size:"sm",className:"stroke-primary-900 absolute left-1"}),K=({header:e,includeTotal:p=!1,totalSuffix:f="items",children:R,className:d,...b})=>{var i,n;const m=e.column.getIsSorted(),{isSortable:o,getRowModel:u}=N(),a=e.column.getCanSort(),g=(n=(i=u())==null?void 0:i.rows)==null?void 0:n.length,{hoverProps:y,isHovered:v}=T({}),S=(r,w)=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),w(r))},l=e.column.getToggleSortingHandler();return t.createElement(I,{isSortable:o&&a,colSpan:e.colSpan,onClick:o&&a&&l?l:void 0,onKeyDown:r=>o&&a&&l&&S(r,l),tabIndex:o&&a?0:-1,...y,className:d,...b},t.createElement(c,{align:"center",gap:1,justify:e.colSpan>1?"center":"flex-start"},E(e.column.columnDef.header,e.getContext()),m&&o&&t.createElement(c,{align:"center",className:D("relative","size-6","ml-2",v?"bg-primary-200":"bg-primary-100","rounded-sm")},t.createElement(F,{direction:m})),p&&t.createElement(z,{size:"sm",weight:"normal"},"(",g," ",f,")")))};export{K as DataTableHeaderCell};
+import{ArrowUp as x,ArrowDown as h}from"@atom-learning/icons";import{flexRender as E}from"@tanstack/react-table";import m from"clsx";import*as t from"react";import{useHover as D}from"react-aria";import{styled as c}from"../../styled.js";import{Icon as N}from"../icon/Icon.js";import{Table as T}from"../table/Table.js";import{Text as k}from"../text/Text.js";import{useDataTable as C}from"./DataTableContext.js";const H=c(k,{base:["text-grey-600","whitespace-nowrap","hidden","min-[800px]:block"]}),z=c(T.HeaderCell,{base:[],variants:{isSortable:{true:["*:relative","before:absolute","before:bg-primary-100","before:duration-200","before:ease-in","before:inset-0","before:opacity-0","before:transition-opacity","cursor-pointer","hover:before:opacity-50","relative"]}}}),I={asc:x,desc:h},j=({direction:e})=>t.createElement(N,{is:I[e],size:"sm",className:"stroke-primary-900 absolute left-1"}),A=({header:e,includeTotal:p=!1,totalSuffix:f="items",children:K,className:d,...b})=>{var l,n;const s=e.column.getIsSorted(),{isSortable:o,getRowModel:u}=C(),a=e.column.getCanSort(),g=(n=(l=u())==null?void 0:l.rows)==null?void 0:n.length,{hoverProps:v,isHovered:y}=D({}),S=(r,w)=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),w(r))},i=e.column.getToggleSortingHandler();return t.createElement(z,{isSortable:o&&a,colSpan:e.colSpan,onClick:o&&a&&i?i:void 0,onKeyDown:r=>o&&a&&i&&S(r,i),tabIndex:o&&a?0:-1,...v,className:d,...b},t.createElement("div",{className:m("flex","gap-1","items-center",e.colSpan>1?"justify-center":"justify-start")},E(e.column.columnDef.header,e.getContext()),s&&o&&t.createElement("div",{className:m("flex","items-center","relative","size-6","ml-2",y?"bg-primary-200":"bg-primary-100","rounded-sm")},t.createElement(j,{direction:s})),p&&t.createElement(H,{size:"sm",weight:"normal"},"(",g," ",f,")")))};export{A as DataTableHeaderCell};
 //# sourceMappingURL=DataTableHeaderCell.js.map

package/dist/components/data-table/DataTableHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTableHeaderCell.js","sources":["../../../src/components/data-table/DataTableHeaderCell.tsx"],"sourcesContent":["import { ArrowDown, ArrowUp } from '@atom-learning/icons'\nimport type { Header } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport clsx from 'clsx'\nimport * as React from 'react'\nimport { useHover } from 'react-aria'\n\nimport { styled } from '~/styled'\n\nimport { ~~Flex } from '../flex/Flex'\nimport {~~ Icon } from '../icon/Icon'\nimport { Table } from '../table/Table'\nimport { Text } from '../text/Text'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableHeaderProps = React.ComponentProps<typeof Table.HeaderCell> & {\n header: Header<Record<string, unknown>, unknown>\n includeTotal?: boolean\n totalSuffix?: string\n}\n\nconst StyledCount = styled(Text, {\n base: ['text-grey-600', 'whitespace-nowrap', 'hidden', 'min-[800px]:block']\n})\n\nconst StyledTableHeaderCell = styled(Table.HeaderCell, {\n base: [],\n variants: {\n isSortable: {\n true: [\n '*:relative',\n 'before:absolute',\n 'before:bg-primary-100',\n 'before:duration-200',\n 'before:ease-in',\n 'before:inset-0',\n 'before:opacity-0',\n 'before:transition-opacity',\n 'cursor-pointer',\n 'hover:before:opacity-50',\n 'relative'\n ]\n }\n }\n})\n\nconst sortIcons = {\n asc: ArrowUp,\n desc: ArrowDown\n}\n\nconst SortIcon = ({ direction }: { direction: 'asc' \| 'desc' }) => (\n <Icon\n is={sortIcons[direction]}\n size=\"sm\"\n className=\"stroke-primary-900 absolute left-1\"\n />\n)\n\nexport const DataTableHeaderCell = ({\n header,\n includeTotal = false,\n totalSuffix = 'items',\n children,\n className,\n ...props\n}: DataTableHeaderProps) => {\n const sortDirection = header.column.getIsSorted()\n const { isSortable: isSortableTable, getRowModel } = useDataTable()\n // false for display columns, e.g. \"Actions\"\n const isDataColumn = header.column.getCanSort()\n\n const totalRows = getRowModel()?.rows?.length\n\n const { hoverProps, isHovered } = useHover({})\n\n const handleKeyDown = (\n event: React.KeyboardEvent<HTMLTableCellElement>,\n callback: (event: unknown) => void \| undefined\n ) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault()\n callback(event as unknown)\n }\n }\n\n const headerSortingHandler = header.column.getToggleSortingHandler()\n\n return (\n <StyledTableHeaderCell\n isSortable={isSortableTable && isDataColumn}\n colSpan={header.colSpan}\n onClick={\n isSortableTable && isDataColumn && headerSortingHandler\n ? headerSortingHandler\n : undefined\n }\n onKeyDown={(event) =>\n isSortableTable &&\n isDataColumn &&\n headerSortingHandler &&\n handleKeyDown(event, headerSortingHandler)\n }\n tabIndex={isSortableTable && isDataColumn ? 0 : -1}\n {...hoverProps}\n className={className}\n {...props}\n >\n <~~Flex~~\n ~~align=\"center~~\"\n gap={1}\n ~~justify={~~header.colSpan > 1 ? 'center' : '~~flex~~-start'}\n >\n {flexRender(header.column.columnDef.header, header.getContext())}\n {sortDirection && isSortableTable && (\n <~~Flex~~\n ~~align=\"center\"\n~~ className={clsx(\n 'relative',\n 'size-6',\n 'ml-2',\n isHovered ? 'bg-primary-200' : 'bg-primary-100',\n 'rounded-sm'\n )}\n >\n <SortIcon direction={sortDirection} />\n </~~Flex~~>\n )}\n {includeTotal && (\n <StyledCount size=\"sm\" weight=\"normal\">\n ({totalRows} {totalSuffix})\n </StyledCount>\n )}\n </~~Flex~~>\n </StyledTableHeaderCell>\n )\n}\n"],"names":["StyledCount","styled","Text","StyledTableHeaderCell","Table","sortIcons","ArrowUp","ArrowDown","SortIcon","direction","React","Icon","DataTableHeaderCell","header","includeTotal","totalSuffix","children","className","props","_a","_b","sortDirection","isSortableTable","getRowModel","useDataTable","isDataColumn","totalRows","hoverProps","isHovered","useHover","handleKeyDown","event","callback","headerSortingHandler","~~Flex~~","flexRender"~~,"clsx"~~],"mappings":"~~gcAqBA~~,MAAMA,EAAcC,EAAOC,EAAM,CAC/B,KAAM,CAAC,gBAAiB,oBAAqB,SAAU,mBAAmB,CAC5E,CAAC,EAEKC,EAAwBF,EAAOG,EAAM,WAAY,CACrD,KAAM,~~CACN~~,~~EAAA,~~SAAU,CACR,WAAY,CACV,KAAM,CACJ,aACA,kBACA,wBACA,sBACA,iBACA,iBACA,mBACA,4BACA,iBACA,0BACA,UACF,CACF,CACF,CACF,CAAC,EAEKC,EAAY,CAChB,IAAKC,EACL,KAAMC,CACR,EAEMC,EAAW,CAAC,CAAE,UAAAC,CAAU,IAC5BC,EAAA,cAACC,EAAA,CACC,GAAIN,EAAUI,CAAS,EACvB,KAAK,KACL,UAAU,~~oCAAA~~,~~CACZ,~~EAGWG,EAAsB,CAAC,CAClC,OAAAC,EACA,aAAAC,EAAe,GACf,YAAAC,EAAc,QACd,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA4B,~~CAlE5B~~,IAAAC,EAAAC,~~EAmEE~~,MAAMC,EAAgBR,EAAO,OAAO,YAAY,EAC1C,CAAE,WAAYS,EAAiB,YAAAC,CAAY,EAAIC,~~EAAa~~,~~EAE5DC,~~EAAeZ,EAAO,OAAO,~~WAAA~~,~~EAE7Ba~~,GAAYN,GAAAD,EAAAI,~~EAAAA~~,IAAA,KAAA,OAAAJ,EAAe,OAAf,~~KAAA~~,~~OAAAC~~,EAAqB,OAEjC,CAAE,WAAAO,EAAY,UAAAC,CAAU,EAAIC,EAAS,CAAA,~~CAAE,~~EAEvCC,EAAgB,CACpBC,EACAC,IACG,EACCD,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACzCA,EAAM,~~eAAe~~,~~EACrBC~~,EAASD,CAAgB,EAE7B,EAEME,EAAuBpB,EAAO,OAAO,~~wBAAwB~~,~~EAEnE~~,OACEH,EAAA,cAACP,EAAA,CACC,WAAYmB,GAAmBG,EAC/B,QAASZ,EAAO,QAChB,QACES,GAAmBG,GAAgBQ,EAC/BA,EACA,OAEN,UAAYF,GACVT,GACAG,GACAQ,GACAH,EAAcC,EAAOE,CAAoB,EAE3C,SAAUX,GAAmBG,EAAe,EAAI,GAC/C,GAAGE,EACJ,UAAWV,EACV,GAAGC,~~CAEJR~~,~~EAAAA~~,EAAA,~~cAACwB~~,~~EAAA~~,~~CACC~~,~~MAAM~~,~~SACN~~,~~IAAK~~,~~EACL~~,~~QAASrB~~,EAAO,QAAU,EAAI,~~SAAW~~,~~YAExCsB~~,EAAAA,EAAWtB,EAAO,OAAO,UAAU,OAAQA,EAAO,YAAY,EAC9DQ,GAAiBC,GAChBZ,EAAA,~~cAACwB~~,~~EAAA~~,CACC,~~MAAM~~,~~SACN~~,~~UAAWE~~,~~EACT~~,WACA,SACA,~~OACAR~~,EAAY,iBAAmB,iBAC/B,YACF,~~CAEAlB~~,~~EAAAA,~~EAAA,cAACF,EAAA,CAAS,UAAWa,~~CAAAA,~~CAAe,CACtC,EAEDP,GACCJ,EAAA,cAACV,EAAA,CAAY,KAAK,KAAK,OAAO,QAAS,EAAA,IACnC0B,EAAU,IAAEX,EAAY,GAC5B,CAEJ,CACF,CAEJ"}
1	+ {"version":3,"file":"DataTableHeaderCell.js","sources":["../../../src/components/data-table/DataTableHeaderCell.tsx"],"sourcesContent":["import { ArrowDown, ArrowUp } from '@atom-learning/icons'\nimport type { Header } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport clsx from 'clsx'\nimport * as React from 'react'\nimport { useHover } from 'react-aria'\n\nimport { styled } from '~/styled'\n\nimport { Icon } from '../icon/Icon'\nimport { Table } from '../table/Table'\nimport { Text } from '../text/Text'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableHeaderProps = React.ComponentProps<typeof Table.HeaderCell> & {\n header: Header<Record<string, unknown>, unknown>\n includeTotal?: boolean\n totalSuffix?: string\n}\n\nconst StyledCount = styled(Text, {\n base: ['text-grey-600', 'whitespace-nowrap', 'hidden', 'min-[800px]:block']\n})\n\nconst StyledTableHeaderCell = styled(Table.HeaderCell, {\n base: [],\n variants: {\n isSortable: {\n true: [\n '*:relative',\n 'before:absolute',\n 'before:bg-primary-100',\n 'before:duration-200',\n 'before:ease-in',\n 'before:inset-0',\n 'before:opacity-0',\n 'before:transition-opacity',\n 'cursor-pointer',\n 'hover:before:opacity-50',\n 'relative'\n ]\n }\n }\n})\n\nconst sortIcons = {\n asc: ArrowUp,\n desc: ArrowDown\n}\n\nconst SortIcon = ({ direction }: { direction: 'asc' \| 'desc' }) => (\n <Icon\n is={sortIcons[direction]}\n size=\"sm\"\n className=\"stroke-primary-900 absolute left-1\"\n />\n)\n\nexport const DataTableHeaderCell = ({\n header,\n includeTotal = false,\n totalSuffix = 'items',\n children,\n className,\n ...props\n}: DataTableHeaderProps) => {\n const sortDirection = header.column.getIsSorted()\n const { isSortable: isSortableTable, getRowModel } = useDataTable()\n // false for display columns, e.g. \"Actions\"\n const isDataColumn = header.column.getCanSort()\n\n const totalRows = getRowModel()?.rows?.length\n\n const { hoverProps, isHovered } = useHover({})\n\n const handleKeyDown = (\n event: React.KeyboardEvent<HTMLTableCellElement>,\n callback: (event: unknown) => void \| undefined\n ) => {\n if (event.key === 'Enter' \|\| event.key === ' ') {\n event.preventDefault()\n callback(event as unknown)\n }\n }\n\n const headerSortingHandler = header.column.getToggleSortingHandler()\n\n return (\n <StyledTableHeaderCell\n isSortable={isSortableTable && isDataColumn}\n colSpan={header.colSpan}\n onClick={\n isSortableTable && isDataColumn && headerSortingHandler\n ? headerSortingHandler\n : undefined\n }\n onKeyDown={(event) =>\n isSortableTable &&\n isDataColumn &&\n headerSortingHandler &&\n handleKeyDown(event, headerSortingHandler)\n }\n tabIndex={isSortableTable && isDataColumn ? 0 : -1}\n {...hoverProps}\n className={className}\n {...props}\n >\n <div\n className={clsx(\n 'flex',\n 'gap-1',\n 'items-center',\n header.colSpan > 1 ? 'justify-center' : 'justify-start'\n )}\n >\n {flexRender(header.column.columnDef.header, header.getContext())}\n {sortDirection && isSortableTable && (\n <div\n className={clsx(\n 'flex',\n 'items-center',\n 'relative',\n 'size-6',\n 'ml-2',\n isHovered ? 'bg-primary-200' : 'bg-primary-100',\n 'rounded-sm'\n )}\n >\n <SortIcon direction={sortDirection} />\n </div>\n )}\n {includeTotal && (\n <StyledCount size=\"sm\" weight=\"normal\">\n ({totalRows} {totalSuffix})\n </StyledCount>\n )}\n </div>\n </StyledTableHeaderCell>\n )\n}\n"],"names":["StyledCount","styled","Text","StyledTableHeaderCell","Table","sortIcons","ArrowUp","ArrowDown","SortIcon","direction","React","Icon","DataTableHeaderCell","header","includeTotal","totalSuffix","children","className","props","_a","_b","sortDirection","isSortableTable","getRowModel","useDataTable","isDataColumn","totalRows","hoverProps","isHovered","useHover","handleKeyDown","event","callback","headerSortingHandler","clsx","flexRender"],"mappings":"yZAoBA,MAAMA,EAAcC,EAAOC,EAAM,CAC/B,KAAM,CAAC,gBAAiB,oBAAqB,SAAU,mBAAmB,CAC5E,CAAC,EAEKC,EAAwBF,EAAOG,EAAM,WAAY,CACrD,KAAM,GACN,SAAU,CACR,WAAY,CACV,KAAM,CACJ,aACA,kBACA,wBACA,sBACA,iBACA,iBACA,mBACA,4BACA,iBACA,0BACA,UACF,CACF,CACF,CACF,CAAC,EAEKC,EAAY,CAChB,IAAKC,EACL,KAAMC,CACR,EAEMC,EAAW,CAAC,CAAE,UAAAC,CAAU,IAC5BC,EAAA,cAACC,EAAA,CACC,GAAIN,EAAUI,CAAS,EACvB,KAAK,KACL,UAAU,qCACZ,EAGWG,EAAsB,CAAC,CAClC,OAAAC,EACA,aAAAC,EAAe,GACf,YAAAC,EAAc,QACd,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA4B,CAjE5B,IAAAC,EAAAC,EAkEE,MAAMC,EAAgBR,EAAO,OAAO,YAAY,EAC1C,CAAE,WAAYS,EAAiB,YAAAC,CAAY,EAAIC,IAE/CC,EAAeZ,EAAO,OAAO,WAE7Ba,EAAAA,GAAYN,GAAAD,EAAAI,EAAA,IAAA,KAAA,OAAAJ,EAAe,OAAf,KAAAC,OAAAA,EAAqB,OAEjC,CAAE,WAAAO,EAAY,UAAAC,CAAU,EAAIC,EAAS,CAAE,CAAA,EAEvCC,EAAgB,CACpBC,EACAC,IACG,EACCD,EAAM,MAAQ,SAAWA,EAAM,MAAQ,OACzCA,EAAM,eACNC,EAAAA,EAASD,CAAgB,EAE7B,EAEME,EAAuBpB,EAAO,OAAO,wBAAA,EAE3C,OACEH,EAAA,cAACP,EAAA,CACC,WAAYmB,GAAmBG,EAC/B,QAASZ,EAAO,QAChB,QACES,GAAmBG,GAAgBQ,EAC/BA,EACA,OAEN,UAAYF,GACVT,GACAG,GACAQ,GACAH,EAAcC,EAAOE,CAAoB,EAE3C,SAAUX,GAAmBG,EAAe,EAAI,GAC/C,GAAGE,EACJ,UAAWV,EACV,GAAGC,CAAAA,EAEJR,EAAA,cAAC,MACC,CAAA,UAAWwB,EACT,OACA,QACA,eACArB,EAAO,QAAU,EAAI,iBAAmB,eAC1C,CAECsB,EAAAA,EAAWtB,EAAO,OAAO,UAAU,OAAQA,EAAO,YAAY,EAC9DQ,GAAiBC,GAChBZ,EAAA,cAAC,MAAA,CACC,UAAWwB,EACT,OACA,eACA,WACA,SACA,OACAN,EAAY,iBAAmB,iBAC/B,YACF,GAEAlB,EAAA,cAACF,EAAA,CAAS,UAAWa,CAAe,CAAA,CACtC,EAEDP,GACCJ,EAAA,cAACV,EAAA,CAAY,KAAK,KAAK,OAAO,QAAS,EAAA,IACnC0B,EAAU,IAAEX,EAAY,GAC5B,CAEJ,CACF,CAEJ"}

package/dist/components/data-table/DataTableLoading.d.ts CHANGED Viewed

@@ -1,17 +1,9 @@
 import * as React from 'react';
-declare const PendingState: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
-    as?: React.ElementType;
-} & {
+declare const PendingState: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
     message?: string;
     size?: "sm" | "md" | "lg";
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, never> & {
     as?: React.ElementType;
 }>;

package/dist/components/dialog/Dialog.d.ts CHANGED Viewed

@@ -14,7 +14,11 @@ export declare const Dialog: import("react").FC<import("@radix-ui/react-dialog")
         showCloseButton?: boolean;
     }) => import("react").JSX.Element;
     Heading: ({ className, ...rest }: React.ComponentProps<typeof import("..").Heading>) => import("react").JSX.Element;
-    Footer: ({ className, ...rest }: React.ComponentProps<typeof import("..").Flex>) => import("react").JSX.Element;
+    Footer: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+        ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+    }, never> & {
+        as?: import("react").ElementType;
+    }>;
     Description: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
     Title: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
     Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/dialog/DialogFooter.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
-import * as React from 'react';
-import { Flex } from '../flex/Flex';
-export declare const DialogFooter: ({ className, ...rest }: React.ComponentProps<typeof Flex>) => React.JSX.Element;
+export declare const DialogFooter: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}, never> & {
+    as?: import("react").ElementType;
+}>;

package/dist/components/dialog/DialogFooter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"clsx";import*as m from"react";import{Flex as r}from"../flex/Flex.js";const a=({className:e,...o})=>m.createElement(r,{justify:"end",gap:3,...o,className:t("pt-4",e)});export{a as DialogFooter};
+import{styled as o}from"../../styled.js";const t=o("footer",{base:["flex","justify-end","gap-3","pt-4"]});export{t as DialogFooter};
 //# sourceMappingURL=DialogFooter.js.map

package/dist/components/dialog/DialogFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DialogFooter.js","sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import ~~clsx from 'clsx'\nimport * as React from 'react'\n\nimport~~ { ~~Flex~~ } from '~~../flex/Flex~~'\n\nexport const DialogFooter = ({\n ~~className,\n ...rest\n}~~: ~~React.ComponentProps<typeof~~ ~~Flex>) => (\n <Flex~~ justify~~=\"~~end\" gap={3} ~~{...rest} className={clsx(~~'pt-4'~~, className)~~} ~~/>\n~~)\n"],"names":["DialogFooter","~~className~~"~~,"rest","React","Flex","clsx"~~],"mappings":"~~mFAKa~~,~~MAAAA~~,~~EAAe~~,~~CAAC~~,~~CAC3B~~,~~UAAAC~~,~~EACA~~,~~GAAGC~~,~~CACL~~,~~IACEC~~,~~EAAA~~,~~cAACC,EAAA,CAAK,QAAQ,~~MAAM,~~IAAK~~,~~EAAI,GAAGF,EAAM,UAAWG,EAAK,OAAQJ,CAAS,CAAG,CAAA~~"}
1	+ {"version":3,"file":"DialogFooter.js","sources":["../../../src/components/dialog/DialogFooter.tsx"],"sourcesContent":["import { styled } from '~/styled'\n\nexport const DialogFooter = styled('footer', {\n base: ['flex', 'justify-end', 'gap-3', 'pt-4']\n})\n"],"names":["DialogFooter","styled"],"mappings":"yCAEO,MAAMA,EAAeC,EAAO,SAAU,CAC3C,KAAM,CAAC,OAAQ,cAAe,QAAS,MAAM,CAC/C,CAAC"}

package/dist/components/drawer/DrawerContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Content as n,Portal as l}from"@radix-ui/react-dialog";import t from"react";import{Flex as a}from"../flex/Flex.js";import{ColorScheme as d}from"../../experiments/color-scheme/ColorScheme.js";import{styled as m}from"../../styled.js";import{DrawerContext as c}from"./Drawer.context.js";import{DrawerOverlay as s}from"./DrawerOverlay.js";const e=m(n,{base:["bg-(--base-1)","shadow-lg","fixed","z-1147483646","motion-safe:data-[state=open]:animate-slide-direction-in","motion-safe:data-[state=closed]:animate-slide-direction-out"],variants:{position:{top:["[--slide-direction-out-y:-100%]","top-0","left-0","w-full","max-h-17/20"],right:["[--slide-direction-out-x:100%]","right-0","top-0","h-full","w-(--drawer-content-width,100%)","max-w-full"],bottom:["[--slide-direction-out-y:100%]","bottom-0","left-0","w-full","max-h-17/20"],left:["[--slide-direction-out-x:-100%]","left-0","top-0","h-full","w-(--drawer-content-width,100%)","max-w-full"]},size:{xs:["[--drawer-content-width:240px]"],sm:["[--drawer-content-width:256px]"],md:["[--drawer-content-width:288px]"],lg:["[--drawer-content-width:304px]"],xl:["[--drawer-content-width:320px]"],"2xl":["[--drawer-content-width:720px]"],"3xl":["[--drawer-content-width:1000px]"]}}}),w=({children:o,...r})=>{const{position:i}=t.useContext(c);return t.createElement(l,null,t.createElement(s,null),t.createElement(d,{base:"grey1",accent:"primary1",asChild:!0},t.createElement(e,{size:"lg",position:i,...r,asChild:!0},t.createElement(a,{direction:"column"},o))))};export{w as DrawerContent,e as StyledContent};
+import{Content as n,Portal as l}from"@radix-ui/react-dialog";import t from"react";import{ColorScheme as a}from"../../experiments/color-scheme/ColorScheme.js";import{styled as d}from"../../styled.js";import{DrawerContext as m}from"./Drawer.context.js";import{DrawerOverlay as s}from"./DrawerOverlay.js";const e=d(n,{base:["bg-(--base-1)","shadow-lg","fixed","z-1147483646","motion-safe:data-[state=open]:animate-slide-direction-in","motion-safe:data-[state=closed]:animate-slide-direction-out"],variants:{position:{top:["[--slide-direction-out-y:-100%]","top-0","left-0","w-full","max-h-17/20"],right:["[--slide-direction-out-x:100%]","right-0","top-0","h-full","w-(--drawer-content-width,100%)","max-w-full"],bottom:["[--slide-direction-out-y:100%]","bottom-0","left-0","w-full","max-h-17/20"],left:["[--slide-direction-out-x:-100%]","left-0","top-0","h-full","w-(--drawer-content-width,100%)","max-w-full"]},size:{xs:["[--drawer-content-width:240px]"],sm:["[--drawer-content-width:256px]"],md:["[--drawer-content-width:288px]"],lg:["[--drawer-content-width:304px]"],xl:["[--drawer-content-width:320px]"],"2xl":["[--drawer-content-width:720px]"],"3xl":["[--drawer-content-width:1000px]"]}}}),c=({children:o,...r})=>{const{position:i}=t.useContext(m);return t.createElement(l,null,t.createElement(s,null),t.createElement(a,{base:"grey1",accent:"primary1",asChild:!0},t.createElement(e,{size:"lg",position:i,...r,asChild:!0},t.createElement("div",{className:"flex flex-col"},o))))};export{c as DrawerContent,e as StyledContent};
 //# sourceMappingURL=DrawerContent.js.map

package/dist/components/drawer/DrawerContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DrawerContent.js","sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ~~Flex } from '~/components/flex/Flex'\nimport {~~ ColorScheme } from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nexport const StyledContent = styled(Content, {\n base: [\n 'bg-(--base-1)',\n 'shadow-lg',\n 'fixed',\n 'z-1147483646',\n 'motion-safe:data-[state=open]:animate-slide-direction-in',\n 'motion-safe:data-[state=closed]:animate-slide-direction-out'\n ],\n variants: {\n position: {\n top: [\n '[--slide-direction-out-y:-100%]',\n 'top-0',\n 'left-0',\n 'w-full',\n 'max-h-17/20'\n ],\n right: [\n '[--slide-direction-out-x:100%]',\n 'right-0',\n 'top-0',\n 'h-full',\n 'w-(--drawer-content-width,100%)',\n 'max-w-full'\n ],\n bottom: [\n '[--slide-direction-out-y:100%]',\n 'bottom-0',\n 'left-0',\n 'w-full',\n 'max-h-17/20'\n ],\n left: [\n '[--slide-direction-out-x:-100%]',\n 'left-0',\n 'top-0',\n 'h-full',\n 'w-(--drawer-content-width,100%)',\n 'max-w-full'\n ]\n },\n size: {\n xs: ['[--drawer-content-width:240px]'],\n sm: ['[--drawer-content-width:256px]'],\n md: ['[--drawer-content-width:288px]'],\n lg: ['[--drawer-content-width:304px]'],\n xl: ['[--drawer-content-width:320px]'],\n '2xl': ['[--drawer-content-width:720px]'],\n '3xl': ['[--drawer-content-width:1000px]']\n }\n }\n})\n\nexport const DrawerContent = ({\n children,\n ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n const { position } = React.useContext(DrawerContext)\n\n return (\n <Portal>\n <DrawerOverlay />\n <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n <StyledContent size=\"lg\" position={position} {...rest} asChild>\n <~~Flex~~ ~~direction~~=\"~~column~~\">{children}</~~Flex~~>\n </StyledContent>\n </ColorScheme>\n </Portal>\n )\n}\n"],"names":["StyledContent","styled","Content","DrawerContent","children","rest","position","React","DrawerContext","Portal","DrawerOverlay","ColorScheme"~~,"Flex"~~],"mappings":"~~2VAUaA~~,EAAgBC,EAAOC,EAAS,CAC3C,KAAM,CACJ,gBACA,YACA,QACA,eACA,2DACA,6DACF,EACA,SAAU,CACR,SAAU,CACR,IAAK,CACH,kCACA,QACA,SACA,SACA,aACF,EACA,MAAO,CACL,iCACA,UACA,QACA,SACA,kCACA,YACF,EACA,OAAQ,CACN,iCACA,WACA,SACA,SACA,aACF,EACA,KAAM,CACJ,kCACA,SACA,QACA,SACA,kCACA,YACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,MAAO,CAAC,gCAAgC,EACxC,MAAO,CAAC,iCAAiC,CAC3C,CACF,CACF,CAAC,EAEYC,EAAgB,CAAC,CAC5B,SAAAC,EACA,GAAGC,CACL,IAAkD,CAChD,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAM,WAAWC,CAAa,EAEnD,OACED,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAA,IAAc,EACfH,EAAA,cAACI,EAAA,CAAY,KAAK,QAAQ,OAAO,WAAW,QAAO,EAAA,EACjDJ,EAAA,cAACP,GAAc,KAAK,KAAK,SAAUM,EAAW,GAAGD,EAAM,QAAO,EAAA,EAC5DE,EAAA,~~cAACK~~,~~EAAA~~,~~CAAK,~~UAAU,~~QAAA~~,~~EAAUR~~,CAAS,~~CACrC~~,CACF,CACF,CAEJ"}
1	+ {"version":3,"file":"DrawerContent.js","sources":["../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["import { Content, Portal } from '@radix-ui/react-dialog'\nimport React from 'react'\n\nimport { ColorScheme } from '~/experiments/color-scheme/ColorScheme'\nimport { styled } from '~/styled'\n\nimport { DrawerContext } from './Drawer.context'\nimport { DrawerOverlay } from './DrawerOverlay'\n\nexport const StyledContent = styled(Content, {\n base: [\n 'bg-(--base-1)',\n 'shadow-lg',\n 'fixed',\n 'z-1147483646',\n 'motion-safe:data-[state=open]:animate-slide-direction-in',\n 'motion-safe:data-[state=closed]:animate-slide-direction-out'\n ],\n variants: {\n position: {\n top: [\n '[--slide-direction-out-y:-100%]',\n 'top-0',\n 'left-0',\n 'w-full',\n 'max-h-17/20'\n ],\n right: [\n '[--slide-direction-out-x:100%]',\n 'right-0',\n 'top-0',\n 'h-full',\n 'w-(--drawer-content-width,100%)',\n 'max-w-full'\n ],\n bottom: [\n '[--slide-direction-out-y:100%]',\n 'bottom-0',\n 'left-0',\n 'w-full',\n 'max-h-17/20'\n ],\n left: [\n '[--slide-direction-out-x:-100%]',\n 'left-0',\n 'top-0',\n 'h-full',\n 'w-(--drawer-content-width,100%)',\n 'max-w-full'\n ]\n },\n size: {\n xs: ['[--drawer-content-width:240px]'],\n sm: ['[--drawer-content-width:256px]'],\n md: ['[--drawer-content-width:288px]'],\n lg: ['[--drawer-content-width:304px]'],\n xl: ['[--drawer-content-width:320px]'],\n '2xl': ['[--drawer-content-width:720px]'],\n '3xl': ['[--drawer-content-width:1000px]']\n }\n }\n})\n\nexport const DrawerContent = ({\n children,\n ...rest\n}: React.ComponentProps<typeof StyledContent>) => {\n const { position } = React.useContext(DrawerContext)\n\n return (\n <Portal>\n <DrawerOverlay />\n <ColorScheme base=\"grey1\" accent=\"primary1\" asChild>\n <StyledContent size=\"lg\" position={position} {...rest} asChild>\n <div className=\"flex flex-col\">{children}</div>\n </StyledContent>\n </ColorScheme>\n </Portal>\n )\n}\n"],"names":["StyledContent","styled","Content","DrawerContent","children","rest","position","React","DrawerContext","Portal","DrawerOverlay","ColorScheme"],"mappings":"oTASaA,EAAgBC,EAAOC,EAAS,CAC3C,KAAM,CACJ,gBACA,YACA,QACA,eACA,2DACA,6DACF,EACA,SAAU,CACR,SAAU,CACR,IAAK,CACH,kCACA,QACA,SACA,SACA,aACF,EACA,MAAO,CACL,iCACA,UACA,QACA,SACA,kCACA,YACF,EACA,OAAQ,CACN,iCACA,WACA,SACA,SACA,aACF,EACA,KAAM,CACJ,kCACA,SACA,QACA,SACA,kCACA,YACF,CACF,EACA,KAAM,CACJ,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,GAAI,CAAC,gCAAgC,EACrC,MAAO,CAAC,gCAAgC,EACxC,MAAO,CAAC,iCAAiC,CAC3C,CACF,CACF,CAAC,EAEYC,EAAgB,CAAC,CAC5B,SAAAC,EACA,GAAGC,CACL,IAAkD,CAChD,KAAM,CAAE,SAAAC,CAAS,EAAIC,EAAM,WAAWC,CAAa,EAEnD,OACED,EAAA,cAACE,EAAA,KACCF,EAAA,cAACG,EAAA,IAAc,EACfH,EAAA,cAACI,EAAA,CAAY,KAAK,QAAQ,OAAO,WAAW,QAAO,EAAA,EACjDJ,EAAA,cAACP,GAAc,KAAK,KAAK,SAAUM,EAAW,GAAGD,EAAM,QAAO,EAAA,EAC5DE,EAAA,cAAC,OAAI,UAAU,eAAA,EAAiBH,CAAS,CAC3C,CACF,CACF,CAEJ"}

package/dist/components/empty-state/EmptyState.d.ts CHANGED Viewed

@@ -1,14 +1,6 @@
 import * as React from 'react';
-declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const EmptyStateContainer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
-    as?: React.ElementType;
 }, "size"> & {
     size?: ("sm" | "md" | "lg" | "xs" | "xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl">>) | undefined;
 } & {

package/dist/components/empty-state/EmptyState.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{styled as a}from"../../styled.js";import{EmptyStateProvider as p}from"./EmptyState.context.js";import{EmptyStateBody as s}from"./EmptyStateBody.js";import{EmptyStateImage as i}from"./EmptyStateImage.js";import{EmptyStateTitle as l}from"./EmptyStateTitle.js";const n=a(o,{base:["flex-col","items-center","text-center","*:last:mb-0"],variants:{size:{xs:["p-2"],sm:["p-3"],md:["p-4"],lg:["p-8"],xl:["p-10"]}}},{enabledResponsiveVariants:!0}),m=({size:t="sm",...r})=>e.createElement(p,{size:t},e.createElement(n,{size:t,...r})),y=Object.assign(m,{Image:i,Title:l,Body:s});m.displayName="EmptyState";export{y as EmptyState};
+import*as e from"react";import{styled as r}from"../../styled.js";import{EmptyStateProvider as s}from"./EmptyState.context.js";import{EmptyStateBody as i}from"./EmptyStateBody.js";import{EmptyStateImage as o}from"./EmptyStateImage.js";import{EmptyStateTitle as p}from"./EmptyStateTitle.js";const l=r("div",{base:["flex","flex-col","items-center","text-center","*:last:mb-0"],variants:{size:{xs:["p-2"],sm:["p-3"],md:["p-4"],lg:["p-8"],xl:["p-10"]}}},{enabledResponsiveVariants:!0}),m=({size:t="sm",...a})=>e.createElement(s,{size:t},e.createElement(l,{size:t,...a})),n=Object.assign(m,{Image:o,Title:p,Body:i});m.displayName="EmptyState";export{n as EmptyState};
 //# sourceMappingURL=EmptyState.js.map

package/dist/components/empty-state/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { ~~Flex } from '~/components/flex/Flex'\nimport {~~ styled } from '~/styled'\n\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(\n ~~Flex~~,\n {\n base: ['flex-col', 'items-center', 'text-center', '*:last:mb-0'],\n variants: {\n size: {\n xs: ['p-2'],\n sm: ['p-3'],\n md: ['p-4'],\n lg: ['p-8'],\n xl: ['p-10']\n }\n }\n },\n { enabledResponsiveVariants: true }\n)\n\nexport type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nconst EmptyStateComponent = ({ size = 'sm', ...rest }: EmptyStateProps) => (\n <EmptyStateProvider size={size}>\n <EmptyStateContainer size={size} {...rest} />\n </EmptyStateProvider>\n)\n\nexport const EmptyState = Object.assign(EmptyStateComponent, {\n Image: EmptyStateImage,\n Title: EmptyStateTitle,\n Body: EmptyStateBody\n})\n\nEmptyStateComponent.displayName = 'EmptyState'\n"],"names":["EmptyStateContainer","styled","~~Flex","~~EmptyStateComponent","size","rest","React","EmptyStateProvider","EmptyState","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"~~wUAUA~~,MAAMA,EAAsBC,~~EAC1BC~~,~~EACA~~,CACE,KAAM,CAAC,WAAY,eAAgB,cAAe,aAAa,~~EAC/D~~,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,CACb,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIMC,EAAsB,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAClDC,EAAA,cAACC,EAAA,CAAmB,KAAMH,~~CACxBE~~,~~EAAAA,~~EAAA,~~cAACN~~,EAAA,CAAoB,~~KAAMI~~,EAAO,GAAGC,~~CAAAA,~~CAAM,CAC7C,EAGWG,EAAa,OAAO,OAAOL,EAAqB,CAC3D,MAAOM,EACP,MAAOC,EACP,KAAMC,CACR,CAAC,EAEDR,EAAoB,YAAc"}
1	+ {"version":3,"file":"EmptyState.js","sources":["../../../src/components/empty-state/EmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { EmptyStateProvider } from './EmptyState.context'\nimport { EmptyStateBody } from './EmptyStateBody'\nimport { EmptyStateImage } from './EmptyStateImage'\nimport { EmptyStateTitle } from './EmptyStateTitle'\n\nconst EmptyStateContainer = styled(\n 'div',\n {\n base: ['flex', 'flex-col', 'items-center', 'text-center', '*:last:mb-0'],\n variants: {\n size: {\n xs: ['p-2'],\n sm: ['p-3'],\n md: ['p-4'],\n lg: ['p-8'],\n xl: ['p-10']\n }\n }\n },\n { enabledResponsiveVariants: true }\n)\n\nexport type EmptyStateProps = React.ComponentProps<typeof EmptyStateContainer>\n\nconst EmptyStateComponent = ({ size = 'sm', ...rest }: EmptyStateProps) => (\n <EmptyStateProvider size={size}>\n <EmptyStateContainer size={size} {...rest} />\n </EmptyStateProvider>\n)\n\nexport const EmptyState = Object.assign(EmptyStateComponent, {\n Image: EmptyStateImage,\n Title: EmptyStateTitle,\n Body: EmptyStateBody\n})\n\nEmptyStateComponent.displayName = 'EmptyState'\n"],"names":["EmptyStateContainer","styled","EmptyStateComponent","size","rest","React","EmptyStateProvider","EmptyState","EmptyStateImage","EmptyStateTitle","EmptyStateBody"],"mappings":"iSASA,MAAMA,EAAsBC,EAC1B,MACA,CACE,KAAM,CAAC,OAAQ,WAAY,eAAgB,cAAe,aAAa,EACvE,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,KAAK,EACV,GAAI,CAAC,MAAM,CACb,CACF,CACF,EACA,CAAE,0BAA2B,EAAK,CACpC,EAIMC,EAAsB,CAAC,CAAE,KAAAC,EAAO,KAAM,GAAGC,CAAK,IAClDC,EAAA,cAACC,EAAA,CAAmB,KAAMH,GACxBE,EAAA,cAACL,EAAA,CAAoB,KAAMG,EAAO,GAAGC,CAAM,CAAA,CAC7C,EAGWG,EAAa,OAAO,OAAOL,EAAqB,CAC3D,MAAOM,EACP,MAAOC,EACP,KAAMC,CACR,CAAC,EAEDR,EAAoB,YAAc"}

package/dist/components/field-wrapper/FieldWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as f from"@radix-ui/react-visually-hidden";import*as r from"react";import{Flex as b}from"../flex/Flex.js";import{InlineMessage as u}from"../inline-message/InlineMessage.js";import{Label as E}from"../label/Label.js";import{Link as h}from"../link/Link.js";import{Description as k}from"./FieldDescription.js";const i=({children:l,error:t,fieldId:a,label:o,prompt:e,description:m,required:n,hideLabel:p,appearance:c,...s})=>{const d=p?f.Root:b;return r.createElement("div",{...s},r.createElement(d,{className:"mb-3 items-center justify-between"},r.createElement(E,{htmlFor:a,required:n,appearance:c},o),e&&r.createElement(h,{href:e==null?void 0:e.link,onClick:e==null?void 0:e.onClick,size:"sm"},e.label)),m&&r.createElement(k,{className:"mb-3"},m),l,t&&r.createElement(u,{className:"mt-2"},t))};i.displayName="FieldWrapper";export{i as FieldWrapper};
+import*as f from"@radix-ui/react-visually-hidden";import*as r from"react";import{InlineMessage as b}from"../inline-message/InlineMessage.js";import{Label as u}from"../label/Label.js";import{Link as E}from"../link/Link.js";import{Description as h}from"./FieldDescription.js";const l=({children:m,error:t,fieldId:a,label:o,prompt:e,description:i,required:n,hideLabel:p,appearance:c,...s})=>{const d=p?f.Root:"div";return r.createElement("div",{...s},r.createElement(d,{className:"mb-3 flex items-center justify-between"},r.createElement(u,{htmlFor:a,required:n,appearance:c},o),e&&r.createElement(E,{href:e==null?void 0:e.link,onClick:e==null?void 0:e.onClick,size:"sm"},e.label)),i&&r.createElement(h,{className:"mb-3"},i),m,t&&r.createElement(b,{className:"mt-2"},t))};l.displayName="FieldWrapper";export{l as FieldWrapper};
 //# sourceMappingURL=FieldWrapper.js.map

package/dist/components/field-wrapper/FieldWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldWrapper.js","sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { ~~Flex } from '~/components/flex/Flex'\nimport {~~ ValidationOptions } from '~/components/form/validation'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { Link } from '~/components/link/Link'\n\nimport { type LabelProps } from '../label/Label'\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n className?: string\n error?: string\n fieldId: string\n label: string\n prompt?: { link?: string; label: string; onClick?: () => void }\n description?: string\n required?: boolean\n hideLabel?: boolean\n appearance?: LabelProps['appearance']\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n name: string\n validation?: ValidationOptions\n}\n\nexport const FieldWrapper = ({\n children,\n error,\n fieldId,\n label,\n prompt,\n description,\n required,\n hideLabel,\n appearance,\n ...rest\n}: React.PropsWithChildren<FieldWrapperProps>) => {\n const LabelContainer = hideLabel ? VisuallyHidden.Root : ~~Flex~~\n\n return (\n <div {...rest}>\n <LabelContainer className=\"mb-3 items-center justify-between\">\n <Label htmlFor={fieldId} required={required} appearance={appearance}>\n {label}\n </Label>\n {prompt && (\n <Link href={prompt?.link} onClick={prompt?.onClick} size=\"sm\">\n {prompt.label}\n </Link>\n )}\n </LabelContainer>\n {description && <Description className=\"mb-3\">{description}</Description>}\n {children}\n {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n </div>\n )\n}\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"names":["FieldWrapper","children","error","fieldId","label","prompt","description","required","hideLabel","appearance","rest","LabelContainer","VisuallyHidden","~~Flex","~~React","Label","Link","Description","InlineMessage"],"mappings":"~~yTA6BO~~,~~MAAMA~~,EAAe,CAAC,CAC3B,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAkD,CAChD,MAAMC,EAAiBH,EAAYI,EAAe,~~KAAOC~~,~~EAEzD~~,OACEC,EAAA,cAAC,MAAK,CAAA,~~GAAGJ~~,~~CACPI~~,EAAAA,EAAA,~~cAACH~~,EAAA,CAAe,UAAU,~~mCACxBG~~,~~EAAAA~~,EAAA,cAACC,EAAA,CAAM,~~QAASZ~~,EAAS,SAAUI,EAAU,WAAYE,~~CACtDL~~,~~EAAAA~~,CACH,EACCC,~~GACCS~~,EAAA,cAACE,EAAA,CAAK,~~KAAMX~~,GAAA,~~KAAAA~~,OAAAA,EAAQ,KAAM,QAASA,GAAA,~~KAAA~~,OAAAA,EAAQ,QAAS,KAAK,IAAA,EACtDA,EAAO,KACV,CAEJ,EACCC,~~GAAeQ~~,EAAA,cAACG,EAAA,CAAY,UAAU,~~MAAQX~~,EAAAA,CAAY,EAC1DL,EACAC,~~GAASY~~,EAAA,cAACI,EAAA,CAAc,UAAU,~~MAAQhB~~,EAAAA,CAAM,CACnD,CAEJ,EAEAF,EAAa,YAAc"}
1	+ {"version":3,"file":"FieldWrapper.js","sources":["../../../src/components/field-wrapper/FieldWrapper.tsx"],"sourcesContent":["import * as VisuallyHidden from '@radix-ui/react-visually-hidden'\nimport * as React from 'react'\n\nimport { ValidationOptions } from '~/components/form/validation'\nimport { InlineMessage } from '~/components/inline-message/InlineMessage'\nimport { Label } from '~/components/label/Label'\nimport { Link } from '~/components/link/Link'\n\nimport { type LabelProps } from '../label/Label'\nimport { Description } from './FieldDescription'\n\nexport type FieldWrapperProps = {\n className?: string\n error?: string\n fieldId: string\n label: string\n prompt?: { link?: string; label: string; onClick?: () => void }\n description?: string\n required?: boolean\n hideLabel?: boolean\n appearance?: LabelProps['appearance']\n}\n\nexport type FieldElementWrapperProps = Omit<FieldWrapperProps, 'fieldId'> & {\n name: string\n validation?: ValidationOptions\n}\n\nexport const FieldWrapper = ({\n children,\n error,\n fieldId,\n label,\n prompt,\n description,\n required,\n hideLabel,\n appearance,\n ...rest\n}: React.PropsWithChildren<FieldWrapperProps>) => {\n const LabelContainer = hideLabel ? VisuallyHidden.Root : 'div'\n\n return (\n <div {...rest}>\n <LabelContainer className=\"mb-3 flex items-center justify-between\">\n <Label htmlFor={fieldId} required={required} appearance={appearance}>\n {label}\n </Label>\n {prompt && (\n <Link href={prompt?.link} onClick={prompt?.onClick} size=\"sm\">\n {prompt.label}\n </Link>\n )}\n </LabelContainer>\n {description && <Description className=\"mb-3\">{description}</Description>}\n {children}\n {error && <InlineMessage className=\"mt-2\">{error}</InlineMessage>}\n </div>\n )\n}\n\nFieldWrapper.displayName = 'FieldWrapper'\n"],"names":["FieldWrapper","children","error","fieldId","label","prompt","description","required","hideLabel","appearance","rest","LabelContainer","VisuallyHidden","React","Label","Link","Description","InlineMessage"],"mappings":"kRA4Ba,MAAAA,EAAe,CAAC,CAC3B,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAkD,CAChD,MAAMC,EAAiBH,EAAYI,EAAe,KAAO,MAEzD,OACEC,EAAA,cAAC,MAAK,CAAA,GAAGH,CACPG,EAAAA,EAAA,cAACF,EAAA,CAAe,UAAU,wCAAA,EACxBE,EAAA,cAACC,EAAA,CAAM,QAASX,EAAS,SAAUI,EAAU,WAAYE,CAAAA,EACtDL,CACH,EACCC,GACCQ,EAAA,cAACE,EAAA,CAAK,KAAMV,GAAA,KAAA,OAAAA,EAAQ,KAAM,QAASA,GAAA,KAAAA,OAAAA,EAAQ,QAAS,KAAK,IAAA,EACtDA,EAAO,KACV,CAEJ,EACCC,GAAeO,EAAA,cAACG,EAAA,CAAY,UAAU,MAAQV,EAAAA,CAAY,EAC1DL,EACAC,GAASW,EAAA,cAACI,EAAA,CAAc,UAAU,MAAQf,EAAAA,CAAM,CACnD,CAEJ,EAEAF,EAAa,YAAc"}

package/dist/components/file-drop/FileDrop.d.ts CHANGED Viewed

@@ -1,15 +1,13 @@
 import * as React from 'react';
-import { Flex } from '../flex/Flex';
 import { type FileDropContextValue } from './types';
-interface FileDropProps extends Omit<React.ComponentProps<typeof Flex>, 'onDrop'> {
+interface FileDropProps extends Omit<React.ComponentProps<'div'>, 'onDrop' | 'ref'> {
     onDrop: (files: File[]) => void;
     children?: React.ReactNode | ((value: FileDropContextValue) => React.ReactNode);
     accept?: React.InputHTMLAttributes<HTMLInputElement>['accept'];
     multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple'];
-    className?: string;
 }
 export declare const FileDrop: {
-    ({ className, children, accept, multiple, onDrop, ...props }: FileDropProps): JSX.Element;
+    ({ children, accept, multiple, onDrop, ...props }: FileDropProps): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/components/file-drop/FileDrop.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import x from"clsx";import*as r from"react";import{Flex as F}from"../flex/Flex.js";import{FileDropContext as h}from"./FileDropContext.js";const c=({className:p,children:n,accept:s,multiple:u,onDrop:m,...d})=>{const[f,o]=r.useState(!1),[v,D]=r.useState([]),l=r.useRef(null),g=e=>{e.preventDefault(),o(!0)},y=()=>o(!1),i=e=>{if(!e)return;o(!1);const t=Array.from(e);m(t),D(t)},b=e=>{var t;["Space","Enter"].includes(e.key)&&((t=l.current)==null||t.click())},a={isDragging:f,files:v};return r.createElement(h.Provider,{value:a},r.createElement(F,{direction:"column",gap:"24",align:"center",onDragOver:g,onDragLeave:y,onDrop:e=>{e.preventDefault(),i(e.dataTransfer.files)},onClick:()=>{var e;return(e=l.current)==null?void 0:e.click()},role:"button",onKeyDown:b,tabIndex:0,...d,className:x("border","border-dashed","border-grey-500","px-12","py-8","rounded-md","cursor-pointer","**:pointer-events-none",p)},typeof n=="function"?n(a):n,r.createElement("input",{type:"file",ref:l,style:{visibility:"hidden"},accept:s,multiple:u,onChange:e=>{i(e.target.files)}})))};c.displayName="FileDrop";export{c as FileDrop};
+import*as r from"react";import{styled as b}from"../../styled.js";import{FileDropContext as x}from"./FileDropContext.js";const h=b("div",{base:["flex","flex-col","gap-6","items-center","border","border-dashed","border-grey-500","px-12","py-8","rounded-md","cursor-pointer","**:pointer-events-none"]}),c=({children:n,accept:p,multiple:s,onDrop:u,...d})=>{const[f,o]=r.useState(!1),[m,v]=r.useState([]),l=r.useRef(null),y=e=>{e.preventDefault(),o(!0)},D=()=>o(!1),i=e=>{if(!e)return;o(!1);const t=Array.from(e);u(t),v(t)},g=e=>{var t;["Space","Enter"].includes(e.key)&&((t=l.current)==null||t.click())},a={isDragging:f,files:m};return r.createElement(x.Provider,{value:a},r.createElement(h,{onDragOver:y,onDragLeave:D,onDrop:e=>{e.preventDefault(),i(e.dataTransfer.files)},onClick:()=>{var e;return(e=l.current)==null?void 0:e.click()},role:"button",onKeyDown:g,tabIndex:0,...d},typeof n=="function"?n(a):n,r.createElement("input",{type:"file",ref:l,style:{visibility:"hidden"},accept:p,multiple:s,onChange:e=>{i(e.target.files)}})))};c.displayName="FileDrop";export{c as FileDrop};
 //# sourceMappingURL=FileDrop.js.map

package/dist/components/file-drop/FileDrop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileDrop.js","sources":["../../../src/components/file-drop/FileDrop.tsx"],"sourcesContent":["import ~~clsx from 'clsx'\nimport~~ * as React from 'react'\n\nimport { ~~Flex~~ } from '~~../flex/Flex~~'\nimport { FileDropContext } from './FileDropContext'\nimport { type FileDropContextValue } from './types'\n\ninterface FileDropProps extends Omit<\n React.ComponentProps<~~typeof Flex~~>,\n 'onDrop'\n> {\n onDrop: (files: File[]) => void\n children?:\n \| React.ReactNode\n \| ((value: FileDropContextValue) => React.ReactNode)\n accept?: React.InputHTMLAttributes<HTMLInputElement>['accept']\n multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple']\n ~~className?:~~ ~~string~~\n}\n\nexport const FileDrop = ({\n ~~className,\n~~ children,\n accept,\n multiple,\n onDrop,\n ...props\n}: FileDropProps): ~~JSX.Element~~ => {\n const [isDragging, setIsDragging] = React.useState(false)\n const [files, setFiles] = React.useState<File[]>([])\n const fileUploadInputRef = React.useRef<HTMLInputElement>(null)\n\n const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n event.preventDefault()\n setIsDragging(true)\n }\n\n const handleDragLeave = () => setIsDragging(false)\n\n const handleDrop = (fileList: FileList \| null) => {\n if (!fileList) return\n\n setIsDragging(false)\n\n const files = Array.from(fileList)\n onDrop(files)\n setFiles(files)\n }\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (['Space', 'Enter'].includes(event.key)) {\n fileUploadInputRef.current?.click()\n }\n }\n\n const value: FileDropContextValue = { isDragging, files }\n\n return (\n <FileDropContext.Provider value={value}>\n <~~Flex~~\n ~~direction=\"column\"\n gap=\"24\"\n align=\"center\"\n~~ onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={(event) => {\n event.preventDefault()\n handleDrop(event.dataTransfer.files)\n }}\n onClick={() => fileUploadInputRef.current?.click()}\n role=\"button\"\n onKeyDown={handleKeyDown}\n tabIndex={0}\n {...props}\n className={clsx(\n 'border',\n 'border-dashed',\n 'border-grey-500',\n 'px-12',\n 'py-8',\n 'rounded-md',\n 'cursor-pointer',\n '**:pointer-events-none',\n className\n )}\n >\n {typeof children === 'function' ? children(value) : children}\n <input\n type=\"file\"\n ref={fileUploadInputRef}\n style={{ visibility: 'hidden' }}\n accept={accept}\n multiple={multiple}\n onChange={(event) => {\n handleDrop(event.target.files)\n }}\n />\n </~~Flex~~>\n </FileDropContext.Provider>\n )\n}\n\nFileDrop.displayName = 'FileDrop'\n"],"names":["~~FileDrop~~","~~className~~","children","accept","multiple","onDrop","props","isDragging","setIsDragging","React","files","setFiles","fileUploadInputRef","handleDragOver","event","handleDragLeave","handleDrop","fileList","handleKeyDown","_a","value","FileDropContext"~~,"Flex","clsx"~~],"mappings":"~~0IAoBa~~,~~MAAAA~~,EAAW,CAAC,CACvB,~~UAAAC,EACA,~~SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,OAAAC,EACA,GAAGC,CACL,~~IAAkC~~,~~CAChC~~,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAK,EAClD,CAACC,EAAOC,CAAQ,EAAIF,EAAM,SAAiB,~~CAAA~~,~~CAAE,~~EAC7CG,EAAqBH,EAAM,OAAyB,IAAI,EAExDI,EAAkBC,GAA2C,CACjEA,EAAM,~~eACNN~~,~~EAAAA,~~EAAc,EAAI,CACpB,EAEMO,EAAkB,IAAMP,EAAc,EAAK,EAE3CQ,EAAcC,GAA8B,CAChD,GAAI,CAACA,EAAU,OAEfT,EAAc,EAAK,EAEnB,MAAME,EAAQ,MAAM,KAAKO,CAAQ,EACjCZ,EAAOK,CAAK,EACZC,EAASD,CAAK,CAChB,EAEMQ,EAAiBJ,GAA+C,~~CAjDxE~~,IAAAK,~~EAkDQ~~,CAAC,QAAS,OAAO,EAAE,SAASL,EAAM,GAAG,KACvCK,EAAAP,EAAmB,UAAnB,MAAAO,EAA4B,~~MAAA~~,~~EAEhC,~~EAEMC,EAA8B,CAAE,WAAAb,EAAY,MAAAG,CAAM,EAExD,OACED,EAAA,cAACY,EAAgB,SAAhB,CAAyB,MAAOD,CAC/BX,EAAAA,EAAA,~~cAACa~~,EAAA,CACC,~~UAAU~~,~~SACV,IAAI,KACJ,MAAM,SACN,WAAYT,~~EACZ,YAAaE,EACb,OAASD,GAAU,CACjBA,EAAM,eAAA,EACNE,EAAWF,EAAM,aAAa,KAAK,CACrC,EACA,QAAS,IAAG,~~CArEpB~~,IAAAK,~~EAqEuB~~,OAAAA,EAAAP,EAAmB,UAAnB,~~KAAA~~,~~OAAAO,~~EAA4B,MAAA,CAAA,EAC3C,KAAK,SACL,UAAWD,EACX,SAAU,EACT,GAAGZ,~~EACJ~~,~~UAAWiB,EACT,SACA,gBACA,kBACA,QACA,OACA,aACA,iBACA,yBACAtB,CACF,CAEC,~~EAAA,~~OAAOC~~,GAAa,WAAaA,EAASkB,CAAK,EAAIlB,EACpDO,EAAA,cAAC,QAAA,CACC,KAAK,OACL,IAAKG,EACL,MAAO,CAAE,WAAY,QAAS,EAC9B,OAAQT,EACR,SAAUC,EACV,SAAWU,GAAU,CACnBE,EAAWF,EAAM,OAAO,KAAK,CAC/B,CACF,CAAA,CACF,CACF,CAEJ,~~EAEAd~~,EAAS,YAAc"}
1	+ {"version":3,"file":"FileDrop.js","sources":["../../../src/components/file-drop/FileDrop.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { FileDropContext } from './FileDropContext'\nimport { type FileDropContextValue } from './types'\n\ninterface FileDropProps extends Omit<\n React.ComponentProps<'div'>,\n 'onDrop' \| 'ref'\n> {\n onDrop: (files: File[]) => void\n children?:\n \| React.ReactNode\n \| ((value: FileDropContextValue) => React.ReactNode)\n accept?: React.InputHTMLAttributes<HTMLInputElement>['accept']\n multiple?: React.InputHTMLAttributes<HTMLInputElement>['multiple']\n}\n\nconst StyledContainer = styled('div', {\n base: [\n 'flex',\n 'flex-col',\n 'gap-6',\n 'items-center',\n 'border',\n 'border-dashed',\n 'border-grey-500',\n 'px-12',\n 'py-8',\n 'rounded-md',\n 'cursor-pointer',\n '**:pointer-events-none'\n ]\n})\n\nexport const FileDrop = ({\n children,\n accept,\n multiple,\n onDrop,\n ...props\n}: FileDropProps) => {\n const [isDragging, setIsDragging] = React.useState(false)\n const [files, setFiles] = React.useState<File[]>([])\n const fileUploadInputRef = React.useRef<HTMLInputElement>(null)\n\n const handleDragOver = (event: React.DragEvent<HTMLDivElement>) => {\n event.preventDefault()\n setIsDragging(true)\n }\n\n const handleDragLeave = () => setIsDragging(false)\n\n const handleDrop = (fileList: FileList \| null) => {\n if (!fileList) return\n\n setIsDragging(false)\n\n const files = Array.from(fileList)\n onDrop(files)\n setFiles(files)\n }\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (['Space', 'Enter'].includes(event.key)) {\n fileUploadInputRef.current?.click()\n }\n }\n\n const value: FileDropContextValue = { isDragging, files }\n\n return (\n <FileDropContext.Provider value={value}>\n <StyledContainer\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={(event) => {\n event.preventDefault()\n handleDrop(event.dataTransfer.files)\n }}\n onClick={() => fileUploadInputRef.current?.click()}\n role=\"button\"\n onKeyDown={handleKeyDown}\n tabIndex={0}\n {...props}\n >\n {typeof children === 'function' ? children(value) : children}\n <input\n type=\"file\"\n ref={fileUploadInputRef}\n style={{ visibility: 'hidden' }}\n accept={accept}\n multiple={multiple}\n onChange={(event) => {\n handleDrop(event.target.files)\n }}\n />\n </StyledContainer>\n </FileDropContext.Provider>\n )\n}\n\nFileDrop.displayName = 'FileDrop'\n"],"names":["StyledContainer","styled","FileDrop","children","accept","multiple","onDrop","props","isDragging","setIsDragging","React","files","setFiles","fileUploadInputRef","handleDragOver","event","handleDragLeave","handleDrop","fileList","handleKeyDown","_a","value","FileDropContext"],"mappings":"wHAmBA,MAAMA,EAAkBC,EAAO,MAAO,CACpC,KAAM,CACJ,OACA,WACA,QACA,eACA,SACA,gBACA,kBACA,QACA,OACA,aACA,iBACA,wBACF,CACF,CAAC,EAEYC,EAAW,CAAC,CACvB,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,OAAAC,EACA,GAAGC,CACL,IAAqB,CACnB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAM,SAAS,EAAK,EAClD,CAACC,EAAOC,CAAQ,EAAIF,EAAM,SAAiB,EAAE,EAC7CG,EAAqBH,EAAM,OAAyB,IAAI,EAExDI,EAAkBC,GAA2C,CACjEA,EAAM,iBACNN,EAAc,EAAI,CACpB,EAEMO,EAAkB,IAAMP,EAAc,EAAK,EAE3CQ,EAAcC,GAA8B,CAChD,GAAI,CAACA,EAAU,OAEfT,EAAc,EAAK,EAEnB,MAAME,EAAQ,MAAM,KAAKO,CAAQ,EACjCZ,EAAOK,CAAK,EACZC,EAASD,CAAK,CAChB,EAEMQ,EAAiBJ,GAA+C,CAhExE,IAAAK,EAiEQ,CAAC,QAAS,OAAO,EAAE,SAASL,EAAM,GAAG,KACvCK,EAAAP,EAAmB,UAAnB,MAAAO,EAA4B,QAEhC,EAEMC,EAA8B,CAAE,WAAAb,EAAY,MAAAG,CAAM,EAExD,OACED,EAAA,cAACY,EAAgB,SAAhB,CAAyB,MAAOD,CAC/BX,EAAAA,EAAA,cAACV,EAAA,CACC,WAAYc,EACZ,YAAaE,EACb,OAASD,GAAU,CACjBA,EAAM,eAAA,EACNE,EAAWF,EAAM,aAAa,KAAK,CACrC,EACA,QAAS,IAAG,CAjFpB,IAAAK,EAiFuB,OAAAA,EAAAP,EAAmB,UAAnB,YAAAO,EAA4B,MAAA,CAAA,EAC3C,KAAK,SACL,UAAWD,EACX,SAAU,EACT,GAAGZ,CAEH,EAAA,OAAOJ,GAAa,WAAaA,EAASkB,CAAK,EAAIlB,EACpDO,EAAA,cAAC,QAAA,CACC,KAAK,OACL,IAAKG,EACL,MAAO,CAAE,WAAY,QAAS,EAC9B,OAAQT,EACR,SAAUC,EACV,SAAWU,GAAU,CACnBE,EAAWF,EAAM,OAAO,KAAK,CAC/B,CACF,CAAA,CACF,CACF,CAEJ,EAEAb,EAAS,YAAc"}

package/dist/components/flex/Flex.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 export declare const Flex: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
+    direction?: ("row" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "row-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "row-reverse">>) | undefined;
     wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
+    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "normal" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "unsafe" | "safe" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "normal" | "revert" | "revert-layer" | "unset" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start" | "unsafe" | "safe">>) | undefined;
+    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "normal" | "self-start" | "revert" | "revert-layer" | "unset" | "stretch" | "flex-end" | "flex-start" | "self-end" | "unsafe" | "safe" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "normal" | "self-start" | "revert" | "revert-layer" | "unset" | "stretch" | "flex-end" | "flex-start" | "self-end" | "unsafe" | "safe" | "first baseline" | "last baseline">>) | undefined;
     gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
 } & {
     as?: import("react").ElementType;

package/dist/components/index.d.ts CHANGED Viewed

@@ -83,7 +83,6 @@ export { Text } from './text/Text';
 export { Textarea } from './textarea/Textarea';
 export { TextareaField } from './textarea-field/TextareaField';
 export { Tile } from './tile/Tile';
-export { TileGroup } from './tile/TileGroup';
 export { TileInteractive } from './tile-interactive/TileInteractive';
 export { TileToggleGroup } from './tile-toggle-group';
 export { ToastProvider, toast } from './toast/ToastProvider';

package/dist/components/inline-message/InlineMessage.d.ts CHANGED Viewed

@@ -1,14 +1,6 @@
 import * as React from 'react';
-declare const InlineMessageContainer: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const InlineMessageContainer: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "wrap" | "direction" | "align" | "justify"> & {
-    direction?: ("row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "row" | "inherit" | "initial" | "row-reverse" | "column" | "column-reverse" | "revert" | "revert-layer" | "unset">>) | undefined;
-    wrap?: ("wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "wrap" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "nowrap" | "wrap-reverse">>) | undefined;
-    justify?: ("end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "left" | "right" | "start" | "inherit" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>) | undefined;
-    align?: ("end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "end" | "start" | "inherit" | "baseline" | "initial" | "center" | "revert" | "revert-layer" | "unset" | "normal" | "unsafe" | "safe" | "flex-start" | "flex-end" | "stretch" | "self-start" | "self-end" | "first baseline" | "last baseline">>) | undefined;
-    gap?: (0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24 | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", 0 | 1 | "0" | "1" | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "24" | 24>>) | undefined;
-} & {
-    as?: React.ElementType;
 }, "theme"> & {
     theme?: "neutral" | "success" | "warning" | "info" | "error" | undefined;
 } & {

package/dist/components/inline-message/InlineMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";import{Flex as o}from"../flex/Flex.js";import{Icon as i}from"../icon/Icon.js";import{Text as c}from"../text/Text.js";import{styled as l}from"../../styled.js";import{INLINE_MESSAGE_ICONS as x}from"./InlineMessage.config.js";const f=l(o,{base:[],variants:{theme:{success:["text-success"],warning:["[&_svg]:text-warning-dark","text-warning-text"],info:["text-info"],neutral:["text-grey-800"],error:["text-danger"]}}}),p=({className:r,showIcon:s=!0,theme:t="error",size:a="sm",children:m,...n})=>e.createElement(f,{theme:t,className:r,...n},s&&e.createElement(i,{size:"sm",is:x[t],className:"mr-2"}),e.createElement(c,{as:"span",size:a,className:"translate-y-0.5"},m));export{p as InlineMessage};
+import*as e from"react";import{Icon as o}from"../icon/Icon.js";import{Text as i}from"../text/Text.js";import{styled as c}from"../../styled.js";import{INLINE_MESSAGE_ICONS as l}from"./InlineMessage.config.js";const x=c("div",{base:["flex"],variants:{theme:{success:["text-success"],warning:["[&_svg]:text-warning-dark","text-warning-text"],info:["text-info"],neutral:["text-grey-800"],error:["text-danger"]}}}),f=({className:s,showIcon:r=!0,theme:t="error",size:a="sm",children:m,...n})=>e.createElement(x,{theme:t,className:s,...n},r&&e.createElement(o,{size:"sm",is:l[t],className:"mr-2"}),e.createElement(i,{as:"span",size:a,className:"translate-y-0.5"},m));export{f as InlineMessage};
 //# sourceMappingURL=InlineMessage.js.map