@bspk/ui 1.2.0 → 1.3.0

package/dist/components/Divider/divider.css.js

@@ -9,7 +9,7 @@ style.appendChild(document.createTextNode(`[data-bspk=divider] {
   place-content: stretch stretch;
   margin: 0;
   padding: 0;
-  content: "hello";
+  content: "";
   --length: calc(100% - var(--inset) * 2);
 }
 [data-bspk=divider], [data-bspk=divider][data-thickness=light] {

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,75 @@
+import './drawer.scss';
+import { ReactNode } from 'react';
+import { DialogProps } from '-/components/Dialog';
+export type DrawerProps = Pick<DialogProps, 'container' | 'disableFocusTrap' | 'id' | 'innerRef' | 'owner'> & {
+    /** Drawer header. */
+    header?: string;
+    /**
+     * The content of the drawer.
+     *
+     * @required
+     */
+    children: ReactNode;
+    /**
+     * Controls whether the drawer is open.
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * When true the drawer is temporarily displayed above all other content until closed.
+     *
+     * @default true
+     */
+    modal?: boolean;
+    /**
+     * If true, a close button will be displayed in the drawer header.
+     *
+     * @default false
+     */
+    closeButton?: boolean;
+    /**
+     * The placement of the drawer.
+     *
+     * @default right
+     */
+    placement?: 'bottom' | 'left' | 'right' | 'top';
+    /** Optional callback when the drawer requests to close. */
+    onClose?: () => void;
+};
+/**
+ * Drawer component displays a panel that slides in from the edge of the screen. It can be used to show additional
+ * content or actions without navigating away from the current view.
+ *
+ * @example
+ *     import React from 'react';
+ *
+ *     import { Button } from '@bspk/ui/Button';
+ *     import { Drawer } from '@bspk/ui/Drawer';
+ *
+ *     export function Example() {
+ *         const [open, setOpen] = React.useState(false);
+ *
+ *         return (
+ *             <>
+ *                 <Button label="Open Drawer" onClick={() => setOpen(true)} />
+ *                 <Drawer
+ *                     id="exampleId"
+ *                     onClose={() => setOpen(false)}
+ *                     open={open}
+ *                     placement="right"
+ *                     modal={false}
+ *                     header="Example Drawer"
+ *                     closeButton={true}
+ *                 >
+ *                     Example Drawer
+ *                 </Drawer>
+ *             </>
+ *         );
+ *     }
+ *
+ * @name Drawer
+ * @phase UXReview
+ */
+export declare function Drawer({ header, children, open, modal, closeButton, placement, onClose, disableFocusTrap, ...dialogProps }: DrawerProps): import("react/jsx-runtime").JSX.Element | null;
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './drawer.css.js';
+import { SvgClose } from '@bspk/icons/Close';
+import { Button } from '../Button';
+import { Dialog } from '../Dialog';
+import { Txt } from '../Txt';
+/**
+ * Drawer component displays a panel that slides in from the edge of the screen. It can be used to show additional
+ * content or actions without navigating away from the current view.
+ *
+ * @example
+ *     import React from 'react';
+ *
+ *     import { Button } from '@bspk/ui/Button';
+ *     import { Drawer } from '@bspk/ui/Drawer';
+ *
+ *     export function Example() {
+ *         const [open, setOpen] = React.useState(false);
+ *
+ *         return (
+ *             <>
+ *                 <Button label="Open Drawer" onClick={() => setOpen(true)} />
+ *                 <Drawer
+ *                     id="exampleId"
+ *                     onClose={() => setOpen(false)}
+ *                     open={open}
+ *                     placement="right"
+ *                     modal={false}
+ *                     header="Example Drawer"
+ *                     closeButton={true}
+ *                 >
+ *                     Example Drawer
+ *                 </Drawer>
+ *             </>
+ *         );
+ *     }
+ *
+ * @name Drawer
+ * @phase UXReview
+ */
+export function Drawer({ header, children, open = false, modal = true, closeButton = false, placement = 'right', onClose, disableFocusTrap, ...dialogProps }) {
+    if (!open)
+        return null;
+    const drawerContent = (_jsxs("section", { "aria-modal": modal ? 'true' : undefined, "data-bspk": "drawer", "data-no-portal": modal ? null : true, "data-persistent-placement": modal ? null : placement, role: modal ? 'dialog' : 'complementary', children: [(header || closeButton) && (_jsxs("div", { "data-drawer-close-only": !header, "data-drawer-header": true, children: [header && (_jsx(Txt, { as: "div", "data-drawer-title": true, variant: "heading-h4", children: header })), closeButton && (_jsx(Button, { icon: _jsx(SvgClose, {}), iconOnly: true, label: "close", onClick: onClose, variant: "tertiary" }))] })), children] }));
+    if (!modal)
+        return drawerContent;
+    return (_jsx(Dialog, { ...dialogProps, disableFocusTrap: disableFocusTrap, onClose: onClose || (() => { }), open: open, placement: placement, showScrim: true, widthFull: placement === 'bottom' || placement === 'top', children: drawerContent }));
+}
+//# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAuCvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,MAAM,UAAU,MAAM,CAAC,EACnB,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,KAAK,GAAG,IAAI,EACZ,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,OAAO,EACnB,OAAO,EACP,gBAAgB,EAChB,GAAG,WAAW,EACJ;IACV,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IAEvB,MAAM,aAAa,GAAG,CAClB,iCACgB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,eAC5B,QAAQ,oBACF,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,+BACR,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACnD,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,aAEvC,CAAC,MAAM,IAAI,WAAW,CAAC,IAAI,CACxB,yCAA6B,CAAC,MAAM,yCAC/B,MAAM,IAAI,CACP,KAAC,GAAG,IAAC,EAAE,EAAC,KAAK,6BAAmB,OAAO,EAAC,YAAY,YAC/C,MAAM,GACL,CACT,EACA,WAAW,IAAI,CACZ,KAAC,MAAM,IAAC,IAAI,EAAE,KAAC,QAAQ,KAAG,EAAE,QAAQ,QAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAC,UAAU,GAAG,CAC7F,IACC,CACT,EAEA,QAAQ,IACH,CACb,CAAC;IAEF,IAAI,CAAC,KAAK;QAAE,OAAO,aAAa,CAAC;IAEjC,OAAO,CACH,KAAC,MAAM,OACC,WAAW,EACf,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAC9B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,KAAK,YAEvD,aAAa,GACT,CACZ,CAAC;AACN,CAAC"}

package/dist/components/Drawer/DrawerExample.d.ts

@@ -0,0 +1,4 @@
+import { DrawerProps } from '.';
+import { ComponentExampleFn, Preset } from '-/utils/demo';
+export declare const presets: Preset<DrawerProps>[];
+export declare const DrawerExample: ComponentExampleFn<DrawerProps>;

package/dist/components/Drawer/DrawerExample.js

@@ -0,0 +1,47 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Drawer } from '.';
+import { Button } from '../Button';
+export const presets = [
+    {
+        label: 'Left Responsive',
+        propState: { closeButton: true, modal: false, placement: 'left', children: _jsx(_Fragment, {}) },
+    },
+    {
+        label: 'Right Responsive',
+        propState: { closeButton: true, modal: false, placement: 'right', children: _jsx(_Fragment, {}) },
+    },
+];
+export const DrawerExample = ({ action }) => ({
+    containerStyle: {
+        height: '300px',
+        width: '100%',
+        padding: 0,
+        overflow: 'hidden', // hides box-shadow of drawer
+    },
+    presets,
+    render: ({ props, preset, setState, Component }) => {
+        if (!preset)
+            return null;
+        const label = 'Open Drawer';
+        const handleOnClose = () => {
+            action('Drawer closed');
+            setState({ open: false });
+        };
+        switch (preset.label) {
+            case 'Left Responsive':
+                return (_jsxs(_Fragment, { children: [_jsx(Drawer, { ...props, onClose: handleOnClose, children: _jsxs("div", { style: { width: '280px' }, children: ["Hello, ", _jsx("br", {}), " I am a ", props.placement, ", responsive drawer!"] }) }), _jsx("div", { style: {
+                                transition: 'margin 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
+                                marginLeft: props.open ? `280px` : 0,
+                            }, children: _jsx(Button, { label: label, onClick: () => setState({ open: true }) }) })] }));
+            case 'Right Responsive':
+                return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
+                                transition: 'margin 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
+                                marginRight: props.open ? `280px` : 0,
+                            }, children: _jsx(Button, { label: label, onClick: () => setState({ open: true }) }) }), _jsx(Drawer, { ...props, onClose: handleOnClose, children: _jsxs("div", { style: { width: '280px' }, children: ["Hello, ", _jsx("br", {}), " I am a ", props.placement, ", responsive drawer!"] }) })] }));
+            default:
+                return (_jsxs(_Fragment, { children: [_jsx("div", { style: { display: 'flex', justifyContent: 'center', padding: 'var(--spacing-sizing-04)' }, children: _jsx(Button, { label: label, onClick: () => setState({ open: true }) }) }), _jsx(Component, { "data-example-component": true, ...props, closeButton: props.closeButton ?? false, id: "exampleId", modal: props.modal ?? true, onClose: handleOnClose, open: props.open ?? false, placement: props.placement ?? 'right', children: _jsxs("div", { style: {}, children: ["Hello, I am a (", props.placement, ") drawer!"] }) })] }));
+        }
+    },
+    variants: false,
+});
+//# sourceMappingURL=DrawerExample.js.map

package/dist/components/Drawer/DrawerExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerExample.js","sourceRoot":"","sources":["../../../src/components/Drawer/DrawerExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,GAAG,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC1C;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,mBAAK,EAAE;KACrF;IACD;QACI,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,mBAAK,EAAE;KACtF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3E,cAAc,EAAE;QACZ,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,QAAQ,EAAE,6BAA6B;KACpD;IACD,OAAO;IACP,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;QAC/C,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACzB,MAAM,KAAK,GAAG,aAAa,CAAC;QAC5B,MAAM,aAAa,GAAG,GAAG,EAAE;YACvB,MAAM,CAAC,eAAe,CAAC,CAAC;YACxB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,QAAQ,MAAM,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,iBAAiB;gBAClB,OAAO,CACH,8BACI,KAAC,MAAM,OAAK,KAAK,EAAE,OAAO,EAAE,aAAa,YACrC,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,wBACnB,cAAM,cAAS,KAAK,CAAC,SAAS,4BACnC,GACD,EAET,cACI,KAAK,EAAE;gCACH,UAAU,EAAE,0CAA0C;gCACtD,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;6BACvC,YAED,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAI,GAC/D,IACP,CACN,CAAC;YACN,KAAK,kBAAkB;gBACnB,OAAO,CACH,8BACI,cACI,KAAK,EAAE;gCACH,UAAU,EAAE,0CAA0C;gCACtD,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;6BACxC,YAED,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAI,GAC/D,EACN,KAAC,MAAM,OAAK,KAAK,EAAE,OAAO,EAAE,aAAa,YACrC,eAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,wBACnB,cAAM,cAAS,KAAK,CAAC,SAAS,4BACnC,GACD,IACV,CACN,CAAC;YACN;gBACI,OAAO,CACH,8BACI,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,0BAA0B,EAAE,YAC1F,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,GAAI,GAC/D,EACN,KAAC,SAAS,uCAEF,KAAK,EACT,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,KAAK,EACvC,EAAE,EAAC,WAAW,EACd,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC1B,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,KAAK,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,OAAO,YAErC,eAAK,KAAK,EAAE,EAAE,gCAAkB,KAAK,CAAC,SAAS,iBAAgB,GACvD,IACb,CACN,CAAC;QACV,CAAC;IACL,CAAC;IACD,QAAQ,EAAE,KAAK;CAClB,CAAC,CAAC"}

package/dist/components/Drawer/drawer.css

@@ -0,0 +1,56 @@
+[data-bspk=drawer] {
+  padding: var(--spacing-sizing-03);
+  color: var(--foreground-neutral-on-surface);
+  background: var(--surface-neutral-t1-base);
+}
+[data-bspk=drawer][data-no-portal] {
+  box-shadow: var(--drop-shadow-float);
+  animation-name: var(--box-animation-name);
+  animation-duration: 0.5s;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=top] {
+  --box-animation-name: placement-top;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  border-bottom-left-radius: var(--radius-lg);
+  border-bottom-right-radius: var(--radius-lg);
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=right] {
+  --box-animation-name: placement-right;
+  position: absolute;
+  right: 0;
+  height: 100%;
+  border-top-left-radius: var(--radius-lg);
+  border-bottom-left-radius: var(--radius-lg);
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=bottom] {
+  --box-animation-name: placement-bottom;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top-left-radius: var(--radius-lg);
+  border-top-right-radius: var(--radius-lg);
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=left] {
+  --box-animation-name: placement-left;
+  position: absolute;
+  left: 0;
+  height: 100%;
+  border-top-right-radius: var(--radius-lg);
+  border-bottom-right-radius: var(--radius-lg);
+}
+[data-bspk=drawer] [data-drawer-header] {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-sizing-04);
+}
+[data-bspk=drawer] [data-drawer-header][data-drawer-close-only=true] {
+  justify-content: flex-end;
+}
+
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */

package/dist/components/Drawer/drawer.css.js

@@ -0,0 +1,61 @@
+/** * This file is generated by the build script.
+* Do not edit this file directly. */
+const style = document.createElement('style');
+style.appendChild(document.createTextNode(`[data-bspk=drawer] {
+  padding: var(--spacing-sizing-03);
+  color: var(--foreground-neutral-on-surface);
+  background: var(--surface-neutral-t1-base);
+}
+[data-bspk=drawer][data-no-portal] {
+  box-shadow: var(--drop-shadow-float);
+  animation-name: var(--box-animation-name);
+  animation-duration: 0.5s;
+  animation-iteration-count: 1;
+  animation-fill-mode: forwards;
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=top] {
+  --box-animation-name: placement-top;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  border-bottom-left-radius: var(--radius-lg);
+  border-bottom-right-radius: var(--radius-lg);
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=right] {
+  --box-animation-name: placement-right;
+  position: absolute;
+  right: 0;
+  height: 100%;
+  border-top-left-radius: var(--radius-lg);
+  border-bottom-left-radius: var(--radius-lg);
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=bottom] {
+  --box-animation-name: placement-bottom;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top-left-radius: var(--radius-lg);
+  border-top-right-radius: var(--radius-lg);
+}
+[data-bspk=drawer][data-no-portal][data-persistent-placement=left] {
+  --box-animation-name: placement-left;
+  position: absolute;
+  left: 0;
+  height: 100%;
+  border-top-right-radius: var(--radius-lg);
+  border-bottom-right-radius: var(--radius-lg);
+}
+[data-bspk=drawer] [data-drawer-header] {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+  gap: var(--spacing-sizing-04);
+}
+[data-bspk=drawer] [data-drawer-header][data-drawer-close-only=true] {
+  justify-content: flex-end;
+}
+
+/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
+`));
+document.head.appendChild(style);

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

@@ -0,0 +1 @@
+export * from './Drawer';

package/dist/components/Drawer/index.js

@@ -0,0 +1,2 @@
+export * from './Drawer';
+//# sourceMappingURL=index.js.map

package/dist/components/Drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/EmptyState/EmptyStateExample.d.ts

@@ -1,3 +1,4 @@
 import { EmptyStateProps } from '.';
-import { ComponentExampleFn } from '-/utils/demo';
+import { ComponentExampleFn, Preset } from '-/utils/demo';
+export declare const presets: Preset<EmptyStateProps>[];
 export declare const EmptyStateExample: ComponentExampleFn<EmptyStateProps>;

package/dist/components/EmptyState/EmptyStateExample.js

@@ -1,5 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ExamplePlaceholder } from '../ExamplePlaceholder';
+export const presets = [
+    {
+        label: 'With Custom Content',
+        propState: {
+            callToAction: undefined,
+            body: 'Example body',
+            header: 'Example header',
+            children: (_jsx(ExamplePlaceholder, { style: {
+                    height: '200px',
+                    width: '60%',
+                    minWidth: '250px',
+                } })),
+        },
+    },
+];
 export const EmptyStateExample = ({ action }) => ({
     containerStyle: { width: '100%' },
     render: ({ props: { children, ...props }, Component }) => _jsx(Component, { ...props, children: children }),
@@ -7,6 +22,8 @@ export const EmptyStateExample = ({ action }) => ({
         {
             label: 'With CallToAction',
             propState: {
+                body: 'Example body',
+                header: 'Example header',
                 callToAction: {
                     label: 'Add payment method',
                     onClick: () => action('Add payment method clicked!'),
@@ -14,17 +31,7 @@ export const EmptyStateExample = ({ action }) => ({
                 children: undefined,
             },
         },
-        {
-            label: 'With Custom Content',
-            propState: {
-                callToAction: undefined,
-                children: (_jsx(ExamplePlaceholder, { style: {
-                        height: '200px',
-                        width: '60%',
-                        minWidth: '250px',
-                    } })),
-            },
-        },
+        ...presets,
     ],
 });
 //# sourceMappingURL=EmptyStateExample.js.map

package/dist/components/EmptyState/EmptyStateExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateExample.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyStateExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,CAAC,MAAM,iBAAiB,GAAwC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,YAAG,QAAQ,GAAa;IACtG,OAAO,EAAE;QACL;YACI,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE;gBACP,YAAY,EAAE;oBACV,KAAK,EAAE,oBAAoB;oBAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,6BAA6B,CAAC;iBACvD;gBACD,QAAQ,EAAE,SAAS;aACtB;SACJ;QACD;YACI,KAAK,EAAE,qBAAqB;YAC5B,SAAS,EAAE;gBACP,YAAY,EAAE,SAAS;gBACvB,QAAQ,EAAE,CACN,KAAC,kBAAkB,IACf,KAAK,EAAE;wBACH,MAAM,EAAE,OAAO;wBACf,KAAK,EAAE,KAAK;wBACZ,QAAQ,EAAE,OAAO;qBACpB,GACH,CACL;aACJ;SACJ;KACJ;CACJ,CAAC,CAAC"}
+{"version":3,"file":"EmptyStateExample.js","sourceRoot":"","sources":["../../../src/components/EmptyState/EmptyStateExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAGrE,MAAM,CAAC,MAAM,OAAO,GAA8B;IAC9C;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,YAAY,EAAE,SAAS;YACvB,IAAI,EAAE,cAAc;YACpB,MAAM,EAAE,gBAAgB;YACxB,QAAQ,EAAE,CACN,KAAC,kBAAkB,IACf,KAAK,EAAE;oBACH,MAAM,EAAE,OAAO;oBACf,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,OAAO;iBACpB,GACH,CACL;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAwC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,YAAG,QAAQ,GAAa;IACtG,OAAO,EAAE;QACL;YACI,KAAK,EAAE,mBAAmB;YAC1B,SAAS,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,MAAM,EAAE,gBAAgB;gBACxB,YAAY,EAAE;oBACV,KAAK,EAAE,oBAAoB;oBAC3B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,6BAA6B,CAAC;iBACvD;gBACD,QAAQ,EAAE,SAAS;aACtB;SACJ;QACD,GAAG,OAAO;KACb;CACJ,CAAC,CAAC"}

package/dist/components/Fab/Fab.d.ts

@@ -1,7 +1,7 @@
+import './fab.scss';
 import { AriaAttributes, ElementType } from 'react';
 import { ButtonProps } from '-/components/Button';
 import { ElementProps } from '-/types/common';
-import './fab.scss';
 export type FabVariant = 'neutral' | 'primary' | 'secondary';
 export type FabProps<As extends ElementType = 'button'> = Pick<ButtonProps<As>, 'as' | 'icon' | 'iconOnly' | 'onClick' | 'toolTip'> & Required<Pick<ButtonProps<As>, 'label'>> & {
     /**

package/dist/components/Fab/Fab.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './fab.css.js';
 import { isValidElement } from 'react';
 import { Tooltip } from '../Tooltip';
-import './fab.css.js';
 /**
  * A button that highlights a primary action that is elevated above the body content of a page; normally fixed to the
  * bottom right of a screen.
@@ -21,7 +21,10 @@ export function Fab(props) {
     const { size = 'small', variant = 'primary', iconOnly: iconOnlyProp = false, as: As = 'button', placement = 'bottom-right', container = 'local', label, icon, toolTip, ...otherProps } = props;
     // ignore iconOnly=true if there is no icon
     const iconOnly = iconOnlyProp === true && !!icon;
-    const button = (triggerProps) => (_jsxs(As, { ...otherProps, "aria-describedby": triggerProps['aria-describedby'] || otherProps['aria-describedby'], "aria-label": label, "data-bspk": "fab", "data-container": container, "data-placement": placement, "data-round": iconOnly || undefined, "data-size": size, "data-variant": variant, onFocus: (e) => {
+    const button = (triggerProps) => (_jsxs(As, { ...otherProps, ...triggerProps, "aria-label": label, "data-bspk": "fab", "data-container": container, "data-placement": placement, "data-round": iconOnly || undefined, "data-size": size, "data-variant": variant, onBlur: (e) => {
+            triggerProps.onBlur?.();
+            otherProps.onBlur?.(e);
+        }, onFocus: (e) => {
             triggerProps.onFocus?.();
             otherProps.onFocus?.(e);
         }, onMouseLeave: (e) => {

package/dist/components/Fab/Fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fab.js","sourceRoot":"","sources":["../../../src/components/Fab/Fab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+B,cAAc,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAGpE,OAAO,YAAY,CAAC;AAmCpB;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,GAAG,CAAoC,KAAsD;IACzG,MAAM,EACF,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,SAAS,EACnB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,EAC1B,SAAS,GAAG,OAAO,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EAChB,GAAG,KAAK,CAAC;IAEV,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;IAEjD,MAAM,MAAM,GAAG,CAAC,YAAiC,EAAE,EAAE,CAAC,CAClD,MAAC,EAAE,OACK,UAAU,sBACI,YAAY,CAAC,kBAAkB,CAAC,IAAI,UAAU,CAAC,kBAAkB,CAAC,gBACxE,KAAK,eACP,KAAK,oBACC,SAAS,oBACT,SAAS,gBACb,QAAQ,IAAI,SAAS,eACtB,IAAI,kBACD,OAAO,EACrB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;YACzB,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC;YAC9B,UAAU,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;YAC7B,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,aAEA,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAC/B,8BAAmB,IAAI,mCAClB,IAAI,GACF,CACV,EACA,CAAC,QAAQ,IAAI,iDAAsB,KAAK,GAAQ,IAChD,CACR,CAAC;IAEF,IAAI,OAAO,IAAI,QAAQ;QACnB,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAC,KAAK,YAC5C,MAAM,GACD,CACb,CAAC;IAEN,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;AACtB,CAAC"}
+{"version":3,"file":"Fab.js","sourceRoot":"","sources":["../../../src/components/Fab/Fab.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,EAA+B,cAAc,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,OAAO,EAAuB,MAAM,sBAAsB,CAAC;AAoCpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,GAAG,CAAoC,KAAsD;IACzG,MAAM,EACF,IAAI,GAAG,OAAO,EACd,OAAO,GAAG,SAAS,EACnB,QAAQ,EAAE,YAAY,GAAG,KAAK,EAC9B,EAAE,EAAE,EAAE,GAAG,QAAQ,EACjB,SAAS,GAAG,cAAc,EAC1B,SAAS,GAAG,OAAO,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,GAAG,UAAU,EAChB,GAAG,KAAK,CAAC;IAEV,2CAA2C;IAC3C,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC;IAEjD,MAAM,MAAM,GAAG,CAAC,YAAiC,EAAE,EAAE,CAAC,CAClD,MAAC,EAAE,OACK,UAAU,KACV,YAAY,gBACJ,KAAK,eACP,KAAK,oBACC,SAAS,oBACT,SAAS,gBACb,QAAQ,IAAI,SAAS,eACtB,IAAI,kBACD,OAAO,EACrB,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;YACV,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC;YACxB,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACX,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC;YACzB,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAChB,YAAY,CAAC,YAAY,EAAE,EAAE,CAAC;YAC9B,UAAU,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC;QACjC,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC;YAC7B,UAAU,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,aAEA,CAAC,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAC/B,8BAAmB,IAAI,mCAClB,IAAI,GACF,CACV,EACA,CAAC,QAAQ,IAAI,iDAAsB,KAAK,GAAQ,IAChD,CACR,CAAC;IAEF,IAAI,OAAO,IAAI,QAAQ;QACnB,OAAO,CACH,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,IAAI,KAAK,EAAE,SAAS,EAAC,KAAK,YAC5C,MAAM,GACD,CACb,CAAC;IAEN,OAAO,MAAM,CAAC,EAAE,CAAC,CAAC;AACtB,CAAC"}

package/dist/components/Fab/FabExample.d.ts

@@ -1,2 +1,3 @@
 import { ComponentExample } from '-/utils/demo';
+export declare const presets: import("-/utils/demo").Preset<import("../Button").ButtonProps>[];
 export declare const FabExample: ComponentExample;

package/dist/components/Fab/FabExample.js

@@ -1,6 +1,8 @@
 import { ButtonExample } from '../Button/ButtonExample';
+export const presets = ButtonExample.presets || [];
 export const FabExample = {
-    containerStyle: { width: '100%' },
-    presets: ButtonExample.presets,
+    containerStyle: { display: 'block', height: '152px', width: '100%' },
+    presets,
+    variants: false,
 };
 //# sourceMappingURL=FabExample.js.map

package/dist/components/Fab/FabExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"FabExample.js","sourceRoot":"","sources":["../../../src/components/Fab/FabExample.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,MAAM,CAAC,MAAM,UAAU,GAAqB;IACxC,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,OAAO,EAAE,aAAa,CAAC,OAAO;CACjC,CAAC"}
+{"version":3,"file":"FabExample.js","sourceRoot":"","sources":["../../../src/components/Fab/FabExample.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAGlE,MAAM,CAAC,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,IAAI,EAAE,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAqB;IACxC,cAAc,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;IACpE,OAAO;IACP,QAAQ,EAAE,KAAK;CAClB,CAAC"}

package/dist/components/FileUpload/FileUpload.d.ts

@@ -1,6 +1,6 @@
+import './file-upload.scss';
 import { FileUploadItemProps } from '-/components/FileUploadItem';
 import { FileEntry, MimeType } from '-/utils/fileUploads';
-import './file-upload.scss';
 export type FileEntryUpload = FileEntry & {
     file: File;
 };

package/dist/components/FileUpload/FileUpload.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import './file-upload.css.js';
 import { SvgCloudUpload } from '@bspk/icons/CloudUpload';
 import { useRef, useState, useEffect } from 'react';
 import { Button } from '../Button';
@@ -7,7 +8,6 @@ import { InlineAlert } from '../InlineAlert';
 import { Txt } from '../Txt';
 import { DEFAULT_ERROR_MESSAGE } from '../../utils/fileUploads';
 import { randomString } from '../../utils/random';
-import './file-upload.css.js';
 const MB = 1048576;
 /**
  * A widget that allows customers to upload and attach one or more files.

package/dist/components/FileUpload/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUpload/FileUploadExample.d.ts

@@ -1,3 +1,4 @@
 import { FileUploadProps } from '.';
-import { ComponentExampleFn } from '-/utils/demo';
+import { ComponentExampleFn, Preset } from '-/utils/demo';
+export declare const presets: Preset<FileUploadProps>[];
 export declare const FileUploadExample: ComponentExampleFn<FileUploadProps>;

package/dist/components/FileUpload/FileUploadExample.js

@@ -2,26 +2,27 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { FileUpload } from '.';
 import { randomNumber } from '../../utils/random';
+export const presets = [
+    {
+        label: 'multiple files',
+        propState: {
+            dragAndDrop: false,
+            multipleFiles: true,
+        },
+    },
+    {
+        label: 'Drag and Drop Multiple Files',
+        propState: {
+            dragAndDrop: true,
+            multipleFiles: true,
+        },
+    },
+];
 export const FileUploadExample = ({ action }) => ({
     render: ({ props, preset }) => {
         return _jsx(FileUploadExampleMockUpload, { ...props, action: action }, preset?.label);
     },
-    presets: [
-        {
-            label: 'multiple files',
-            propState: {
-                dragAndDrop: false,
-                multipleFiles: true,
-            },
-        },
-        {
-            label: 'Drag and Drop Multiple Files',
-            propState: {
-                dragAndDrop: true,
-                multipleFiles: true,
-            },
-        },
-    ],
+    presets,
     variants: false,
 });
 function FileUploadExampleMockUpload({ action, files: presetFiles, ...props }) {

package/dist/components/FileUpload/FileUploadExample.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadExample.js","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUploadExample.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FileUploadExample.js","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUploadExample.tsx"],"names":[],"mappings":"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"}

package/dist/components/FileUploadItem/FileUploadItem.d.ts

@@ -1,5 +1,5 @@
-import { FileEntry } from '-/utils/fileUploads';
 import './file-upload-item.scss';
+import { FileEntry } from '-/utils/fileUploads';
 export type FileUploadItemProps = FileEntry & {
     /**
      * The function to call when the Cancel button is clicked.

package/dist/components/FileUploadItem/FileUploadItem.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './file-upload-item.css.js';
 import { SvgDelete } from '@bspk/icons/Delete';
 import { SvgDraft } from '@bspk/icons/Draft';
 import { Button } from '../Button';
@@ -6,7 +7,6 @@ import { InlineAlert } from '../InlineAlert';
 import { ProgressBar } from '../ProgressBar';
 import { Truncated } from '../Truncated';
 import { DEFAULT_ERROR_MESSAGE } from '../../utils/fileUploads';
-import './file-upload-item.css.js';
 /**
  * A component that represents an uploaded item and its status.
  *

package/dist/components/FileUploadItem/FileUploadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/FileUploadItem/FileUploadItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAa,MAAM,qBAAqB,CAAC;AAEvE,OAAO,yBAAyB,CAAC;AAiBjC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC3B,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,iBAAiB,EAAE,eAAe,GAAG,QAAQ,EAC7C,QAAQ,GAAG,CAAC,EACZ,YAAY,GAAG,qBAAqB,GAClB;IAClB,MAAM,OAAO,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE/E,OAAO,CACH,4BAAe,kBAAkB,aAC7B,4CACI,2CACI,KAAC,QAAQ,KAAG,GACV,EACN,6CACI,KAAC,SAAS,sCAAiB,QAAQ,GAAa,EAChD,oDAAyB,OAAO,GAAQ,IACtC,EACN,KAAC,MAAM,IACH,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,QAAQ,QACR,KAAK,EAAE,eAAe,IAAI,QAAQ,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EACrC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GACpB,IACA,EACN,6CACK,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,YAAE,YAAY,GAAe,CAC5D,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,GACH,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,yCAAyC;oBAC9F,GAAG,GACL,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,EAAE,GAAG,IAAI,CAAC;AAChB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AACrB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AAErB;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,QAAiB;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,cAAc,CAAC;IAErC,MAAM,UAAU,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,sBAAsB;IAExD,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAE7D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;AAC7C,CAAC"}
+{"version":3,"file":"FileUploadItem.js","sourceRoot":"","sources":["../../../src/components/FileUploadItem/FileUploadItem.tsx"],"names":[],"mappings":";AAAA,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAa,MAAM,qBAAqB,CAAC;AAiBvE;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,cAAc,CAAC,EAC3B,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,iBAAiB,EAAE,eAAe,GAAG,QAAQ,EAC7C,QAAQ,GAAG,CAAC,EACZ,YAAY,GAAG,qBAAqB,GAClB;IAClB,MAAM,OAAO,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE/E,OAAO,CACH,4BAAe,kBAAkB,aAC7B,4CACI,2CACI,KAAC,QAAQ,KAAG,GACV,EACN,6CACI,KAAC,SAAS,sCAAiB,QAAQ,GAAa,EAChD,oDAAyB,OAAO,GAAQ,IACtC,EACN,KAAC,MAAM,IACH,IAAI,EAAE,KAAC,SAAS,KAAG,EACnB,QAAQ,QACR,KAAK,EAAE,eAAe,IAAI,QAAQ,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC,EACrC,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,GACpB,IACA,EACN,6CACK,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAClB,KAAC,WAAW,IAAC,OAAO,EAAC,OAAO,YAAE,YAAY,GAAe,CAC5D,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,KAAK,EAAC,MAAM,EACZ,UAAU,EAAE,QAAQ,EACpB,KAAK,EAAE,GACH,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,yCAAyC;oBAC9F,GAAG,GACL,CACL,GACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,EAAE,GAAG,IAAI,CAAC;AAChB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AACrB,MAAM,EAAE,GAAG,IAAI,GAAG,EAAE,CAAC;AAErB;;;;;;;;GAQG;AACH,SAAS,cAAc,CAAC,QAAiB;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,cAAc,CAAC;IAErC,MAAM,UAAU,GAAG,QAAQ,GAAG,EAAE,CAAC,CAAC,sBAAsB;IAExD,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IAE7D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,IAAI,UAAU,GAAG,EAAE;QAAE,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;IAC9D,OAAO,GAAG,QAAQ,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC;AAC7C,CAAC"}

package/dist/components/FileUploadItem/FileUploadItemExample.d.ts

@@ -1,3 +1,4 @@
 import { FileUploadItemProps } from '.';
-import { ComponentExampleFn } from '-/utils/demo';
+import { ComponentExampleFn, Preset } from '-/utils/demo';
+export declare const presets: Preset<FileUploadItemProps>[];
 export declare const FileUploadItemExample: ComponentExampleFn<FileUploadItemProps>;