@infonomic/uikit 1.0.0

package/dist/widgets/datepicker/datepicker.js

@@ -0,0 +1,245 @@
+'use client'
+import { jsx, jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { format } from "date-fns";
+import { Popover } from "radix-ui";
+import { useRef, useState } from "react";
+import { Button, IconButton } from "../../components/button/index.js";
+import { Calendar } from "../../components/calendar/calendar.js";
+import { Input, InputAdornment } from "../../components/input/index.js";
+import { ScrollArea } from "../../components/scroll-area/scroll-area.js";
+import { CalendarIcon } from "../../icons/calendar-icon.js";
+import { CloseIcon } from "../../icons/close-icon.js";
+import datepicker_module from "./datepicker.module.js";
+function DatePicker({ id, name, initialValue, mode = 'datetime', yearsInFuture = 1, yearsInPast = 10, variant, intent, inputSize, inputClassName, inputWrapperClassName, containerClassName, onClear = ()=>{}, onDateChange = ()=>{}, validatorFn, helpText, errorText, placeHolderText = 'Date', ariaLabelForSearch = 'date', ariaLabelForClear = 'clear', ...rest }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [time, setTime] = useState('08:00');
+    const [date, setDate] = useState(initialValue ?? new Date());
+    const [month, setMonth] = useState(date);
+    const calendarRef = useRef(null);
+    const inputRef = useRef(null);
+    const handleClear = ()=>{
+        setDate(void 0);
+        if ((null == inputRef ? void 0 : inputRef.current) != null) inputRef.current.value = '';
+        onClear();
+        onDateChange(void 0);
+    };
+    const handleOnDateChange = (value)=>{
+        if (null != onDateChange && 'function' == typeof onDateChange) onDateChange(value);
+    };
+    const handleOnKeyDown = (e)=>{
+        if ('ArrowDown' === e.key) {
+            e.preventDefault();
+            setIsOpen(true);
+        }
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: classnames(datepicker_module.container, containerClassName),
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 'var(--spacing-2)'
+                },
+                children: /*#__PURE__*/ jsx(Input, {
+                    id: id,
+                    readOnly: true,
+                    name: name,
+                    variant: variant,
+                    intent: intent,
+                    inputSize: inputSize,
+                    ref: inputRef,
+                    className: classnames(datepicker_module.input, inputClassName),
+                    inputWrapperClassName: classnames(datepicker_module["input-wrapper"], inputWrapperClassName),
+                    onKeyDown: handleOnKeyDown,
+                    onClick: (e)=>{
+                        e.preventDefault();
+                        e.stopPropagation();
+                        setIsOpen(true);
+                    },
+                    value: date ? `${format(date, 'PP HH:mm')}` : 'Pick a date',
+                    placeHolder: placeHolderText,
+                    helpText: helpText,
+                    disabled: false,
+                    error: false,
+                    endAdornment: /*#__PURE__*/ jsxs(InputAdornment, {
+                        position: "end",
+                        children: [
+                            /*#__PURE__*/ jsx(IconButton, {
+                                role: "button",
+                                intent: "noeffect",
+                                variant: "text",
+                                "arial-label": ariaLabelForClear,
+                                size: "xs",
+                                onClick: ()=>{
+                                    handleClear();
+                                },
+                                children: /*#__PURE__*/ jsx(CloseIcon, {
+                                    width: "14px",
+                                    height: "14px"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(IconButton, {
+                                role: "button",
+                                intent: "noeffect",
+                                variant: "text",
+                                "arial-label": ariaLabelForClear,
+                                size: "xs",
+                                onClick: ()=>{
+                                    setIsOpen(true);
+                                },
+                                children: /*#__PURE__*/ jsx(CalendarIcon, {
+                                    width: "18px",
+                                    height: "18px"
+                                })
+                            })
+                        ]
+                    }),
+                    ...rest
+                })
+            }),
+            /*#__PURE__*/ jsxs(Popover.Root, {
+                open: isOpen,
+                onOpenChange: setIsOpen,
+                children: [
+                    /*#__PURE__*/ jsx(Popover.Trigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx("div", {
+                            style: {
+                                position: 'relative',
+                                height: '1px'
+                            },
+                            children: /*#__PURE__*/ jsx("span", {
+                                className: "sr-only",
+                                children: "Select date"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Popover.Portal, {
+                        children: /*#__PURE__*/ jsxs(Popover.Content, {
+                            sideOffset: 5,
+                            className: datepicker_module.content,
+                            children: [
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: datepicker_module["content-components"],
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            ref: calendarRef,
+                                            children: /*#__PURE__*/ jsx(Calendar, {
+                                                mode: "single",
+                                                required: true,
+                                                captionLayout: "dropdown",
+                                                selected: date,
+                                                month: month,
+                                                onMonthChange: setMonth,
+                                                onSelect: (selectedDate)=>{
+                                                    if (selectedDate) {
+                                                        const [hours, minutes] = time.split(':');
+                                                        selectedDate.setHours(Number.parseInt(hours), Number.parseInt(minutes));
+                                                        setDate(selectedDate);
+                                                        setMonth(selectedDate);
+                                                        handleOnDateChange(selectedDate);
+                                                    }
+                                                },
+                                                startMonth: new Date(new Date().getFullYear() - yearsInPast, 0),
+                                                endMonth: new Date(new Date().getFullYear() + yearsInFuture, 0)
+                                            })
+                                        }),
+                                        'datetime' === mode && /*#__PURE__*/ jsx("div", {
+                                            className: datepicker_module["time-picker-container"],
+                                            children: /*#__PURE__*/ jsx(ScrollArea, {
+                                                className: datepicker_module["time-picker-scroll-area"],
+                                                children: /*#__PURE__*/ jsx("div", {
+                                                    className: datepicker_module["time-picker"],
+                                                    children: Array.from({
+                                                        length: 96
+                                                    }).map((_, i)=>{
+                                                        const hour = Math.floor(i / 4).toString().padStart(2, '0');
+                                                        const minute = (i % 4 * 15).toString().padStart(2, '0');
+                                                        const timeValue = `${hour}:${minute}`;
+                                                        return /*#__PURE__*/ jsx(Button, {
+                                                            size: "sm",
+                                                            className: datepicker_module["time-picker-button"],
+                                                            variant: "outlined",
+                                                            onClick: ()=>{
+                                                                setTime(timeValue);
+                                                                if (date) {
+                                                                    const newDate = new Date(date.getTime());
+                                                                    newDate.setHours(Number.parseInt(hour), Number.parseInt(minute), 0);
+                                                                    setDate(newDate);
+                                                                    handleOnDateChange(newDate);
+                                                                }
+                                                            },
+                                                            children: timeValue
+                                                        }, i);
+                                                    })
+                                                })
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs("div", {
+                                    className: datepicker_module["status-and-actions"],
+                                    children: [
+                                        /*#__PURE__*/ jsx("div", {
+                                            className: datepicker_module["content-status"],
+                                            children: date ? `${format(date, 'PPPp')}` : 'No date selected'
+                                        }),
+                                        /*#__PURE__*/ jsxs("div", {
+                                            className: datepicker_module["content-actions"],
+                                            children: [
+                                                /*#__PURE__*/ jsx("div", {
+                                                    children: /*#__PURE__*/ jsx(Button, {
+                                                        variant: "outlined",
+                                                        size: "sm",
+                                                        className: datepicker_module["content-actions-button"],
+                                                        onClick: ()=>{
+                                                            const today = new Date();
+                                                            setDate(today);
+                                                            setMonth(today);
+                                                            handleOnDateChange(today);
+                                                        },
+                                                        children: "Today"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ jsxs("div", {
+                                                    style: {
+                                                        display: 'flex',
+                                                        gap: 'var(--spacing-3)'
+                                                    },
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Button, {
+                                                            size: "sm",
+                                                            intent: "noeffect",
+                                                            className: datepicker_module["content-actions-button"],
+                                                            onClick: ()=>{
+                                                                setIsOpen(false);
+                                                            },
+                                                            children: "Cancel"
+                                                        }),
+                                                        /*#__PURE__*/ jsx(Button, {
+                                                            variant: "outlined",
+                                                            size: "sm",
+                                                            className: datepicker_module["content-actions-button"],
+                                                            onClick: ()=>{
+                                                                setIsOpen(false);
+                                                                handleOnDateChange(date);
+                                                            },
+                                                            children: "Select"
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}
+export { DatePicker };

package/dist/widgets/datepicker/datepicker.module.js

@@ -0,0 +1,33 @@
+import "./datepicker_module.css";
+const datepicker_module = {
+    container: "container-u5_VUp",
+    input: "input-SaODq9",
+    "input-wrapper": "input-wrapper-qwAckv",
+    inputWrapper: "input-wrapper-qwAckv",
+    content: "content-UK9iLF",
+    slideDownAndFade: "slideDownAndFade-dohHTE",
+    slideLeftAndFade: "slideLeftAndFade-ugM6Hs",
+    slideUpAndFade: "slideUpAndFade-bAwQJS",
+    slideRightAndFade: "slideRightAndFade-o0jl7q",
+    "content-components": "content-components-jcG649",
+    contentComponents: "content-components-jcG649",
+    "status-and-actions": "status-and-actions-Px_b57",
+    statusAndActions: "status-and-actions-Px_b57",
+    "content-status": "content-status-XRGKXg",
+    contentStatus: "content-status-XRGKXg",
+    "content-actions": "content-actions-GVU14S",
+    contentActions: "content-actions-GVU14S",
+    "content-actions-button": "content-actions-button-YCN1ho",
+    contentActionsButton: "content-actions-button-YCN1ho",
+    arrow: "arrow-mhGcHb",
+    close: "close-bJApom",
+    "time-picker-container": "time-picker-container-sVEGKe",
+    timePickerContainer: "time-picker-container-sVEGKe",
+    "time-picker-scroll-area": "time-picker-scroll-area-q5TiRD",
+    timePickerScrollArea: "time-picker-scroll-area-q5TiRD",
+    "time-picker": "time-picker-Xhertk",
+    timePicker: "time-picker-Xhertk",
+    "time-picker-button": "time-picker-button-WA4IUz",
+    timePickerButton: "time-picker-button-WA4IUz"
+};
+export { datepicker_module as default };

package/dist/widgets/datepicker/datepicker_module.css

@@ -0,0 +1,187 @@
+@layer infonomic-base, infonomic-utilities, infonomic-theme;
+
+@layer infonomic-components {
+  .container-u5_VUp {
+    position: relative;
+  }
+
+  .input-SaODq9, .input-wrapper-qwAckv {
+    width: 100%;
+  }
+
+  .content-UK9iLF {
+    width: 100%;
+    padding-top: var(--spacing-4);
+    padding-bottom: var(--spacing-2);
+    padding-left: var(--spacing-2);
+    padding-right: var(--spacing-1);
+    background-color: var(--background);
+    border: 1px solid var(--border-color);
+    box-shadow: var(--shadow-md);
+    will-change: transform, opacity;
+    border-radius: 4px;
+    animation-duration: .4s;
+    animation-timing-function: cubic-bezier(.16, 1, .3, 1);
+  }
+
+  .content-UK9iLF:focus {
+    box-shadow: var(--shadow-md);
+  }
+
+  .content-UK9iLF[data-state="open"][data-side="top"] {
+    animation-name: slideDownAndFade-dohHTE;
+  }
+
+  .content-UK9iLF[data-state="open"][data-side="right"] {
+    animation-name: slideLeftAndFade-ugM6Hs;
+  }
+
+  .content-UK9iLF[data-state="open"][data-side="bottom"] {
+    animation-name: slideUpAndFade-bAwQJS;
+  }
+
+  .content-UK9iLF[data-state="open"][data-side="left"] {
+    animation-name: slideRightAndFade-o0jl7q;
+  }
+
+  .content-UK9iLF:is(.dark *) {
+    background: var(--canvas-800);
+  }
+
+  .content-components-jcG649 {
+    gap: var(--spacing-2);
+    width: 100%;
+    display: flex;
+  }
+
+  .status-and-actions-Px_b57 {
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    display: flex;
+  }
+
+  .content-status-XRGKXg {
+    padding-left: var(--spacing-4);
+    padding-right: var(--spacing-2);
+    font-size: var(--font-size-sm);
+    color: var(--foreground);
+    align-items: center;
+    width: 100%;
+    display: flex;
+  }
+
+  .content-actions-GVU14S {
+    margin-top: var(--spacing-3);
+    padding-left: var(--spacing-4);
+    padding-right: var(--spacing-6);
+    justify-content: space-between;
+    gap: var(--spacing-2);
+    flex-direction: row;
+    width: 100%;
+    display: flex;
+  }
+
+  .content-actions-button-YCN1ho {
+    --ring-color: var(--violet-7);
+  }
+
+  .arrow-mhGcHb {
+    fill: var(--gray-50);
+  }
+
+  .close-bJApom {
+    all: unset;
+    width: 25px;
+    height: 25px;
+    color: var(--violet-11);
+    border-radius: 100%;
+    justify-content: center;
+    align-items: center;
+    font-family: inherit;
+    display: inline-flex;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+  }
+
+  .close-bJApom:hover {
+    background-color: var(--violet-4);
+  }
+
+  .close-bJApom:focus {
+    box-shadow: 0 0 0 2px var(--violet-7);
+  }
+
+  .time-picker-container-sVEGKe {
+    width: 80px;
+    margin: .6rem .5rem 1rem 0;
+  }
+
+  .time-picker-scroll-area-q5TiRD {
+    height: 280px;
+    padding-right: var(--spacing-4);
+  }
+
+  .time-picker-Xhertk {
+    padding-left: var(--spacing-1);
+    padding-right: var(--spacing-1);
+    flex-direction: column;
+    gap: .5rem;
+    display: flex;
+  }
+
+  .time-picker-button-WA4IUz {
+    width: 100%;
+  }
+
+  @keyframes slideUpAndFade-bAwQJS {
+    from {
+      opacity: 0;
+      transform: translateY(2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slideRightAndFade-o0jl7q {
+    from {
+      opacity: 0;
+      transform: translateX(-2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slideDownAndFade-dohHTE {
+    from {
+      opacity: 0;
+      transform: translateY(-2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  @keyframes slideLeftAndFade-ugM6Hs {
+    from {
+      opacity: 0;
+      transform: translateX(2px);
+    }
+
+    to {
+      opacity: 1;
+      transform: translateX(0);
+    }
+  }
+}
+

package/dist/widgets/drawer/drawer-container.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type DrawerContainerIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface DrawerContainerProps extends DrawerContainerIntrinsicProps {
+    className?: string;
+}
+export declare function DrawerContainer({ ref, children, className, ...rest }: DrawerContainerProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=drawer-container.d.ts.map

package/dist/widgets/drawer/drawer-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-container.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACvE,MAAM,WAAW,oBAAqB,SAAQ,6BAA6B;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,eAAe,CAAC,EAC9B,GAAG,EACH,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,qBAMA"}

package/dist/widgets/drawer/drawer-container.js

@@ -0,0 +1,14 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+function DrawerContainer({ ref, children, className, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        role: "dialog",
+        className: classnames(drawer_module["drawer-container"], className),
+        ...rest,
+        children: children
+    });
+}
+export { DrawerContainer };

package/dist/widgets/drawer/drawer-content.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type DrawerContentIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface DrawerContentProps extends DrawerContentIntrinsicProps {
+    className?: string;
+}
+export declare function DrawerContent({ ref, children, className, ...rest }: DrawerContentProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=drawer-content.d.ts.map

package/dist/widgets/drawer/drawer-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-content.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACrE,MAAM,WAAW,kBAAmB,SAAQ,2BAA2B;IACrE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,GAAG,EACH,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG;IACtB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,qBAMA"}

package/dist/widgets/drawer/drawer-content.js

@@ -0,0 +1,13 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+function DrawerContent({ ref, children, className, ...rest }) {
+    return /*#__PURE__*/ jsx("div", {
+        ref: ref,
+        ...rest,
+        className: classnames(drawer_module["drawer-content"], className),
+        children: children
+    });
+}
+export { DrawerContent };

package/dist/widgets/drawer/drawer-context.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { ReactNode } from 'react';
+interface DrawerContextType {
+    drawers: string[];
+    addDrawer: (id: string) => void;
+    removeDrawer: (id: string) => void;
+}
+interface DrawerProviderProps {
+    children: ReactNode;
+}
+export declare const DrawerProvider: React.FC<DrawerProviderProps>;
+export declare function useDrawer(): DrawerContextType;
+export {};
+//# sourceMappingURL=drawer-context.d.ts.map

package/dist/widgets/drawer/drawer-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-context.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,iBAAiB;IACzB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAQD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBxD,CAAA;AAED,wBAAgB,SAAS,IAAI,iBAAiB,CAM7C"}

package/dist/widgets/drawer/drawer-context.js

@@ -0,0 +1,34 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useState } from "react";
+const DrawerContext = /*#__PURE__*/ createContext({
+    drawers: [],
+    addDrawer: ()=>{},
+    removeDrawer: ()=>{}
+});
+const DrawerProvider = ({ children })=>{
+    const [drawers, setDrawers] = useState([]);
+    const addDrawer = useCallback((id)=>{
+        setDrawers((prev)=>[
+                ...prev,
+                id
+            ]);
+    }, []);
+    const removeDrawer = useCallback((id)=>{
+        setDrawers((prev)=>prev.filter((drawerId)=>drawerId !== id));
+    }, []);
+    return /*#__PURE__*/ jsx(DrawerContext.Provider, {
+        value: {
+            drawers,
+            addDrawer,
+            removeDrawer
+        },
+        children: children
+    });
+};
+function useDrawer() {
+    const context = useContext(DrawerContext);
+    if (void 0 === context) throw new Error('useDrawer must be used within a DrawerProvider');
+    return context;
+}
+export { DrawerProvider, useDrawer };

package/dist/widgets/drawer/drawer-header.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type DrawerHeaderIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface DrawerHeaderProps extends DrawerHeaderIntrinsicProps {
+    className?: string;
+}
+export declare const DrawerHeader: ({ ref, children, className, ...rest }: DrawerHeaderProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=drawer-header.d.ts.map

package/dist/widgets/drawer/drawer-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-header.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACpE,MAAM,WAAW,iBAAkB,SAAQ,0BAA0B;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAyB,uCAK/C,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAOA,CAAA"}

package/dist/widgets/drawer/drawer-header.js

@@ -0,0 +1,17 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+const drawer_header_DrawerHeader = function({ ref, children, className, ...rest }) {
+    const classes = classnames(drawer_module["drawer-header"], className);
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            overflowWrap: 'anywhere'
+        },
+        ref: ref,
+        ...rest,
+        className: classes,
+        children: children
+    });
+};
+export { drawer_header_DrawerHeader as DrawerHeader };

package/dist/widgets/drawer/drawer-top-actions.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+type DrawerTopActionIntrinsicProps = React.JSX.IntrinsicElements['div'];
+export interface DrawerTopActionProps extends DrawerTopActionIntrinsicProps {
+    className?: string;
+}
+export declare const DrawerTopActions: ({ ref, children, className, ...rest }: DrawerTopActionProps & {
+    ref?: React.RefObject<HTMLDivElement>;
+}) => React.JSX.Element;
+export {};
+//# sourceMappingURL=drawer-top-actions.d.ts.map

package/dist/widgets/drawer/drawer-top-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-top-actions.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-top-actions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAMnC,KAAK,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAA;AACvE,MAAM,WAAW,oBAAqB,SAAQ,6BAA6B;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAyB,uCAKnD,oBAAoB,GAAG;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;CACtC,sBAOA,CAAA"}

package/dist/widgets/drawer/drawer-top-actions.js

@@ -0,0 +1,17 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import drawer_module from "./drawer.module.js";
+const DrawerTopActions = function({ ref, children, className, ...rest }) {
+    const classes = classnames(drawer_module["drawer-top-actions"], className);
+    return /*#__PURE__*/ jsx("div", {
+        style: {
+            whiteSpace: 'nowrap'
+        },
+        ref: ref,
+        ...rest,
+        className: classes,
+        children: children
+    });
+};
+export { DrawerTopActions };

package/dist/widgets/drawer/drawer-wrapper.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { HTMLMotionProps } from 'motion/react';
+export interface DrawerWrapperProps extends HTMLMotionProps<'div'> {
+    className?: string;
+    children: React.ReactNode;
+    onEscapeKey?: (e: any) => void;
+}
+export declare function DrawerWrapper({ className, children, onEscapeKey, ...rest }: DrawerWrapperProps): React.JSX.Element;
+//# sourceMappingURL=drawer-wrapper.d.ts.map

package/dist/widgets/drawer/drawer-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-wrapper.d.ts","sourceRoot":"","sources":["../../../src/widgets/drawer/drawer-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAInD,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,KAAK,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CAC/B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BxC"}