@flipdish/ui-library 0.2.2 → 0.3.0

package/dist/components/organisms/DatePicker/components/range-calendar.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var inputDate = require('@flipdish/ui-library/components/organisms/DatePicker/components/input-date');
+var useBreakpoints = require('@flipdish/ui-library/hooks/useBreakpoints');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var i18n = require('@react-aria/i18n');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var cell = require('./cell.cjs');
+
+const RangeCalendarContextProvider = ({ children }) => {
+    const [value, onChange] = React.useState(null);
+    const [focusedValue, onFocusChange] = React.useState();
+    return jsxRuntime.jsx(reactAriaComponents.RangeCalendarContext.Provider, { value: { value, onChange, focusedValue, onFocusChange }, children: children });
+};
+const RangeCalendarTitle = ({ part }) => {
+    const context = React.useContext(reactAriaComponents.RangeCalendarStateContext);
+    if (!context) {
+        throw new Error('<RangeCalendarTitle /> must be used within a <RangeCalendar /> component.');
+    }
+    const formatter = i18n.useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        calendar: context.visibleRange.start.calendar.identifier,
+        timeZone: context.timeZone,
+    });
+    return part === 'start'
+        ? formatter.format(context.visibleRange.start.toDate(context.timeZone))
+        : formatter.format(context.visibleRange.end.toDate(context.timeZone));
+};
+const MobilePresetButton = ({ value, children, ...props }) => {
+    const context = React.useContext(reactAriaComponents.RangeCalendarStateContext);
+    return (jsxRuntime.jsx(Button.Button, { ...props, slot: null, size: "sm", color: "link-color", onClick: () => {
+            context?.setValue(value);
+            context?.setFocusedDate(value.start);
+        }, children: children }));
+};
+const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, ...props }) => {
+    const isDesktop = useBreakpoints.useBreakpoint('md');
+    const context = reactAriaComponents.useSlottedContext(reactAriaComponents.RangeCalendarContext);
+    const ContextWrapper = context ? React.Fragment : RangeCalendarContextProvider;
+    const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
+    return (jsxRuntime.jsx(ContextWrapper, { children: jsxRuntime.jsxs(reactAriaComponents.RangeCalendar, { ...props, className: (state) => cx.cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
+                months: visibleDurationMonths,
+            }, children: [jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxRuntime.jsxs("header", { className: cx.cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsxRuntime.jsx(Button.Button, { slot: "previous", iconLeading: uiIcons.ChevronLeft, size: "sm", color: "tertiary", className: "size-8" }), jsxRuntime.jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsxRuntime.jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), !isDesktop && (jsxRuntime.jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsxRuntime.jsx(inputDate.InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsxRuntime.jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsxRuntime.jsx(inputDate.InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsxRuntime.jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsxRuntime.jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsxRuntime.jsx(cell.CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxRuntime.jsxs("header", { className: "relative flex items-center justify-end", children: [jsxRuntime.jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsxRuntime.jsx(RangeCalendarTitle, { part: "end" }) }), jsxRuntime.jsx(Button.Button, { slot: "next", iconLeading: uiIcons.ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), jsxRuntime.jsxs(reactAriaComponents.CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsxRuntime.jsx(reactAriaComponents.CalendarGridHeader, { children: (day) => (jsxRuntime.jsx(reactAriaComponents.CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsxRuntime.jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsxRuntime.jsx(reactAriaComponents.CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsxRuntime.jsx(cell.CalendarCell, { date: date }) })] })] }))] }) }));
+};
+
+exports.RangeCalendar = RangeCalendar;
+exports.RangeCalendarContextProvider = RangeCalendarContextProvider;
+//# sourceMappingURL=range-calendar.cjs.map

package/dist/components/organisms/DatePicker/components/range-calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.cjs","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["useState","_jsx","RangeCalendarContext","useContext","RangeCalendarStateContext","useDateFormatter","Button","useBreakpoint","useSlottedContext","Fragment","_jsxs","AriaRangeCalendar","cx","ChevronLeft","ChevronRight","InputDateBase","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody","CalendarCell"],"mappings":"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"}

package/dist/components/organisms/DatePicker/components/range-calendar.d.ts

@@ -0,0 +1,29 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import type { RangeCalendarProps as AriaRangeCalendarProps, DateValue } from 'react-aria-components';
+export declare const RangeCalendarContextProvider: ({ children }: PropsWithChildren) => import("react").JSX.Element;
+interface RangePresetButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    value: {
+        start: DateValue;
+        end: DateValue;
+    };
+}
+export declare const RangePresetButton: ({ value, className, children, ...props }: RangePresetButtonProps) => import("react").JSX.Element;
+interface RangeCalendarProps extends AriaRangeCalendarProps<DateValue> {
+    /** The dates to highlight. */
+    highlightedDates?: DateValue[];
+    /** The date presets to display. */
+    presets?: Record<string, {
+        label: string;
+        value: {
+            start: DateValue;
+            end: DateValue;
+        };
+    }>;
+    /** Whether to show out of range dates. */
+    showOutOfRangeDates?: boolean;
+    /** Whether to show presets on desktop. */
+    showPresetsOnDesktop?: boolean;
+}
+export declare const RangeCalendar: ({ presets, visibleDuration, showOutOfRangeDates, showPresetsOnDesktop, ...props }: RangeCalendarProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=range-calendar.d.ts.map

package/dist/components/organisms/DatePicker/components/range-calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,kBAAkB,IAAI,sBAAsB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAarG,eAAO,MAAM,4BAA4B,GAAI,cAAc,iBAAiB,gCAK3E,CAAC;AAqBF,UAAU,sBAAuB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,KAAK,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,GAAG,EAAE,SAAS,CAAA;KAAE,CAAC;CAC7C;AAED,eAAO,MAAM,iBAAiB,GAAI,0CAA0C,sBAAsB,gCAmBjG,CAAC;AAyBF,UAAU,kBAAmB,SAAQ,sBAAsB,CAAC,SAAS,CAAC;IACpE,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,SAAS,EAAE,CAAC;IAC/B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE;YAAE,KAAK,EAAE,SAAS,CAAC;YAAC,GAAG,EAAE,SAAS,CAAA;SAAE,CAAA;KAAE,CAAC,CAAC;IACzF,0CAA0C;IAC1C,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,aAAa,GAAI,mFAM3B,kBAAkB,gCAuFpB,CAAC"}

package/dist/components/organisms/DatePicker/components/range-calendar.js

@@ -0,0 +1,50 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronLeft, ChevronRight } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { InputDateBase } from '@flipdish/ui-library/components/organisms/DatePicker/components/input-date';
+import { useBreakpoint } from '@flipdish/ui-library/hooks/useBreakpoints';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { useDateFormatter } from '@react-aria/i18n';
+import { Fragment, useState, useContext } from 'react';
+import { useSlottedContext, RangeCalendarContext, RangeCalendar as RangeCalendar$1, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, RangeCalendarStateContext } from 'react-aria-components';
+import { CalendarCell } from './cell.js';
+
+const RangeCalendarContextProvider = ({ children }) => {
+    const [value, onChange] = useState(null);
+    const [focusedValue, onFocusChange] = useState();
+    return jsx(RangeCalendarContext.Provider, { value: { value, onChange, focusedValue, onFocusChange }, children: children });
+};
+const RangeCalendarTitle = ({ part }) => {
+    const context = useContext(RangeCalendarStateContext);
+    if (!context) {
+        throw new Error('<RangeCalendarTitle /> must be used within a <RangeCalendar /> component.');
+    }
+    const formatter = useDateFormatter({
+        month: 'long',
+        year: 'numeric',
+        calendar: context.visibleRange.start.calendar.identifier,
+        timeZone: context.timeZone,
+    });
+    return part === 'start'
+        ? formatter.format(context.visibleRange.start.toDate(context.timeZone))
+        : formatter.format(context.visibleRange.end.toDate(context.timeZone));
+};
+const MobilePresetButton = ({ value, children, ...props }) => {
+    const context = useContext(RangeCalendarStateContext);
+    return (jsx(Button, { ...props, slot: null, size: "sm", color: "link-color", onClick: () => {
+            context?.setValue(value);
+            context?.setFocusedDate(value.start);
+        }, children: children }));
+};
+const RangeCalendar = ({ presets, visibleDuration, showOutOfRangeDates = false, showPresetsOnDesktop = false, ...props }) => {
+    const isDesktop = useBreakpoint('md');
+    const context = useSlottedContext(RangeCalendarContext);
+    const ContextWrapper = context ? Fragment : RangeCalendarContextProvider;
+    const visibleDurationMonths = visibleDuration?.months || (isDesktop ? 2 : 1);
+    return (jsx(ContextWrapper, { children: jsxs(RangeCalendar$1, { ...props, className: (state) => cx('flex items-start', typeof props.className === 'function' ? props.className(state) : props.className), visibleDuration: {
+                months: visibleDurationMonths,
+            }, children: [jsxs("div", { className: "flex flex-col gap-3 px-6 py-5 md:gap-2", children: [jsxs("header", { className: cx('relative flex items-center', visibleDurationMonths > 1 ? 'justify-start' : 'justify-between'), children: [jsx(Button, { slot: "previous", iconLeading: ChevronLeft, size: "sm", color: "tertiary", className: "size-8" }), jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "start" }) }), visibleDurationMonths === 1 && jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), !isDesktop && (jsxs("div", { className: "flex items-center gap-2 md:hidden", children: [jsx(InputDateBase, { slot: "start", size: "sm", className: "flex-1" }), jsx("div", { className: "text-md text-quaternary", children: "\u2013" }), jsx(InputDateBase, { slot: "end", size: "sm", className: "flex-1" })] })), (showPresetsOnDesktop || !isDesktop) && presets && (jsx("div", { className: "mt-1 flex justify-between gap-3 px-2", children: Object.values(presets).map((preset) => (jsx(MobilePresetButton, { value: preset.value, children: preset.label }, preset.label))) })), jsxs(CalendarGrid, { weekdayStyle: "short", className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date, showOutOfRangeDates: showOutOfRangeDates }) })] })] }), visibleDurationMonths > 1 && (jsxs("div", { className: "flex flex-col gap-3 border-l border-secondary px-6 py-5", children: [jsxs("header", { className: "relative flex items-center justify-end", children: [jsx("h2", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-sm font-semibold text-fg-secondary", children: jsx(RangeCalendarTitle, { part: "end" }) }), jsx(Button, { slot: "next", iconLeading: ChevronRight, size: "sm", color: "tertiary", className: "size-8" })] }), jsxs(CalendarGrid, { weekdayStyle: "short", offset: { months: 1 }, className: "w-max", children: [jsx(CalendarGridHeader, { children: (day) => (jsx(CalendarHeaderCell, { className: "border-b-4 border-transparent p-0", children: jsx("div", { className: "flex size-10 items-center justify-center text-sm font-medium text-secondary", children: day.slice(0, 2) }) })) }), jsx(CalendarGridBody, { className: "[&_td]:p-0 [&_tr]:border-b-4 [&_tr]:border-transparent [&_tr:last-of-type]:border-none", children: (date) => jsx(CalendarCell, { date: date }) })] })] }))] }) }));
+};
+
+export { RangeCalendar, RangeCalendarContextProvider };
+//# sourceMappingURL=range-calendar.js.map

package/dist/components/organisms/DatePicker/components/range-calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range-calendar.js","sources":["../../../../../src/components/organisms/DatePicker/components/range-calendar.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","AriaRangeCalendar","AriaCalendarGrid","AriaCalendarGridHeader","AriaCalendarHeaderCell","AriaCalendarGridBody"],"mappings":"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"}

package/dist/components/organisms/DatePicker/index.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var date = require('@internationalized/date');
+var i18n = require('@react-aria/i18n');
+var utils = require('@react-stately/utils');
+var reactAriaComponents = require('react-aria-components');
+var calendar = require('./components/calendar.cjs');
+var rangeCalendar = require('./components/range-calendar.cjs');
+
+const highlightedDates = [date.today(date.getLocalTimeZone())];
+const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', ...props }) => {
+    const formatter = i18n.useDateFormatter({
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+    const [value, setValue] = utils.useControlledState(valueProp, defaultValue || null, onChange);
+    const formattedDate = value ? formatter.format(value.toDate(date.getLocalTimeZone())) : 'Select date';
+    return (jsxRuntime.jsxs(reactAriaComponents.DatePicker, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, children: [jsxRuntime.jsx(reactAriaComponents.Group, { children: jsxRuntime.jsx(Button.Button, { size: size, color: "secondary", iconLeading: uiIcons.Calendar, children: formattedDate }) }), jsxRuntime.jsx(reactAriaComponents.Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx.cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+                    'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+                    'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsxRuntime.jsx(reactAriaComponents.Dialog, { "aria-label": "Date picker", className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: "flex px-6 py-5", children: jsxRuntime.jsx(calendar.Calendar, { highlightedDates: highlightedDates }) }), jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsxRuntime.jsx(Button.Button, { size: "md", color: "secondary", onClick: () => {
+                                            onCancel?.();
+                                            close();
+                                        }, children: "Cancel" }), jsxRuntime.jsx(Button.Button, { size: "md", color: "primary", onClick: () => {
+                                            onApply?.();
+                                            close();
+                                        }, children: "Apply" })] })] })) }) })] }));
+};
+
+exports.RangeCalendar = rangeCalendar.RangeCalendar;
+exports.DatePicker = DatePicker;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/DatePicker/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["today","getLocalTimeZone","useDateFormatter","useControlledState","_jsxs","AriaDatePicker","_jsx","AriaGroup","Button","CalendarIcon","AriaPopover","cx","AriaDialog","Calendar"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,gBAAgB,GAAG,CAACA,UAAK,CAACC,qBAAgB,EAAE,CAAC,CAAC;AAU7C,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAmB,KAAI;IACpI,MAAM,SAAS,GAAGC,qBAAgB,CAAC;AACjC,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,wBAAkB,CAAC,SAAS,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,CAAC;IAEvF,MAAM,aAAa,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAACF,qBAAgB,EAAE,CAAC,CAAC,GAAG,aAAa;AAEhG,IAAA,QACEG,eAAA,CAACC,8BAAc,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,mBAAmB,EAAE,KAAK,EAAA,GAAM,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAC9GC,cAAA,CAACC,yBAAS,cACRD,cAAA,CAACE,aAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEC,gBAAY,EAAA,QAAA,EAC5D,aAAa,EAAA,CACP,GACC,EACZH,cAAA,CAACI,2BAAW,EAAA,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnCC,KAAE,CACA,uDAAuD,EACvD,UAAU;AACR,oBAAA,+JAA+J,EACjK,SAAS;oBACP,6JAA6J,CAChK,EAAA,QAAA,EAGHL,cAAA,CAACM,0BAAU,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACtG,CAAC,EAAE,KAAK,EAAE,MACTR,kDACEE,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7BA,cAAA,CAACO,iBAAQ,EAAA,EAAC,gBAAgB,EAAE,gBAAgB,EAAA,CAAI,EAAA,CAC5C,EACNT,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEE,cAAA,CAACE,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,MAAK;4CACZ,QAAQ,IAAI;AACZ,4CAAA,KAAK,EAAE;AACT,wCAAA,CAAC,uBAGM,EACTF,cAAA,CAACE,aAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAK;4CACZ,OAAO,IAAI;AACX,4CAAA,KAAK,EAAE;wCACT,CAAC,EAAA,QAAA,EAAA,OAAA,EAAA,CAGM,IACL,CAAA,EAAA,CACL,CACJ,GACU,EAAA,CACD,CAAA,EAAA,CACC;AAErB;;;;;"}

package/dist/components/organisms/DatePicker/index.d.ts

@@ -0,0 +1,12 @@
+import { type ButtonProps } from '@flipdish/ui-library/components/atoms/Button';
+import type { DatePickerProps as AriaDatePickerProps, DateValue } from 'react-aria-components';
+export { RangeCalendar } from './components/range-calendar';
+interface DatePickerProps extends AriaDatePickerProps<DateValue> {
+    /** The function to call when the apply button is clicked. */
+    onApply?: () => void;
+    /** The function to call when the cancel button is clicked. */
+    onCancel?: () => void;
+    size?: ButtonProps['size'];
+}
+export declare const DatePicker: ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size, ...props }: DatePickerProps) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8CAA8C,CAAC;AAKxF,OAAO,KAAK,EAAE,eAAe,IAAI,mBAAmB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAI/F,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAI5D,UAAU,eAAgB,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IAC9D,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,GAAI,iFAAwF,eAAe,gCAgEjI,CAAC"}

package/dist/components/organisms/DatePicker/index.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Calendar } from '@flipdish/ui-icons';
+import { Button } from '@flipdish/ui-library/components/atoms/Button';
+import { cx } from '@flipdish/ui-library/utilities/cx';
+import { today, getLocalTimeZone } from '@internationalized/date';
+import { useDateFormatter } from '@react-aria/i18n';
+import { useControlledState } from '@react-stately/utils';
+import { DatePicker as DatePicker$1, Group, Popover, Dialog } from 'react-aria-components';
+import { Calendar as Calendar$1 } from './components/calendar.js';
+export { RangeCalendar } from './components/range-calendar.js';
+
+const highlightedDates = [today(getLocalTimeZone())];
+const DatePicker = ({ value: valueProp, defaultValue, onChange, onApply, onCancel, size = 'sm', ...props }) => {
+    const formatter = useDateFormatter({
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+    const [value, setValue] = useControlledState(valueProp, defaultValue || null, onChange);
+    const formattedDate = value ? formatter.format(value.toDate(getLocalTimeZone())) : 'Select date';
+    return (jsxs(DatePicker$1, { "aria-label": "Date picker", shouldCloseOnSelect: false, ...props, value: value, onChange: setValue, children: [jsx(Group, { children: jsx(Button, { size: size, color: "secondary", iconLeading: Calendar, children: formattedDate }) }), jsx(Popover, { offset: 8, placement: "bottom right", className: ({ isEntering, isExiting }) => cx('origin-(--trigger-anchor-point) will-change-transform', isEntering &&
+                    'duration-150 ease-out animate-in fade-in placement-right:slide-in-from-left-0.5 placement-top:slide-in-from-bottom-0.5 placement-bottom:slide-in-from-top-0.5', isExiting &&
+                    'duration-100 ease-in animate-out fade-out placement-right:slide-out-to-left-0.5 placement-top:slide-out-to-bottom-0.5 placement-bottom:slide-out-to-top-0.5'), children: jsx(Dialog, { "aria-label": "Date picker", className: "rounded-2xl bg-primary shadow-xl ring ring-secondary_alt", children: ({ close }) => (jsxs(Fragment, { children: [jsx("div", { className: "flex px-6 py-5", children: jsx(Calendar$1, { highlightedDates: highlightedDates }) }), jsxs("div", { className: "grid grid-cols-2 gap-3 border-t border-secondary p-4", children: [jsx(Button, { size: "md", color: "secondary", onClick: () => {
+                                            onCancel?.();
+                                            close();
+                                        }, children: "Cancel" }), jsx(Button, { size: "md", color: "primary", onClick: () => {
+                                            onApply?.();
+                                            close();
+                                        }, children: "Apply" })] })] })) }) })] }));
+};
+
+export { DatePicker };
+//# sourceMappingURL=index.js.map

package/dist/components/organisms/DatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/DatePicker/index.tsx"],"sourcesContent":[null],"names":["_jsxs","AriaDatePicker","_jsx","AriaGroup","CalendarIcon","AriaPopover","AriaDialog","Calendar"],"mappings":";;;;;;;;;;;AAcA,MAAM,gBAAgB,GAAG,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAU7C,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAmB,KAAI;IACpI,MAAM,SAAS,GAAG,gBAAgB,CAAC;AACjC,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA,CAAC;AACF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,SAAS,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,CAAC;IAEvF,MAAM,aAAa,GAAG,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,gBAAgB,EAAE,CAAC,CAAC,GAAG,aAAa;AAEhG,IAAA,QACEA,IAAA,CAACC,YAAc,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,mBAAmB,EAAE,KAAK,EAAA,GAAM,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAACC,KAAS,cACRD,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAC,WAAW,EAAC,WAAW,EAAEE,QAAY,EAAA,QAAA,EAC5D,aAAa,EAAA,CACP,GACC,EACZF,GAAA,CAACG,OAAW,EAAA,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAC,cAAc,EACxB,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,KACnC,EAAE,CACA,uDAAuD,EACvD,UAAU;AACR,oBAAA,+JAA+J,EACjK,SAAS;oBACP,6JAA6J,CAChK,EAAA,QAAA,EAGHH,GAAA,CAACI,MAAU,EAAA,EAAA,YAAA,EAAY,aAAa,EAAC,SAAS,EAAC,0DAA0D,EAAA,QAAA,EACtG,CAAC,EAAE,KAAK,EAAE,MACTN,4BACEE,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7BA,GAAA,CAACK,UAAQ,EAAA,EAAC,gBAAgB,EAAE,gBAAgB,EAAA,CAAI,EAAA,CAC5C,EACNP,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,CACnEE,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,MAAK;4CACZ,QAAQ,IAAI;AACZ,4CAAA,KAAK,EAAE;AACT,wCAAA,CAAC,uBAGM,EACTA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAK;4CACZ,OAAO,IAAI;AACX,4CAAA,KAAK,EAAE;wCACT,CAAC,EAAA,QAAA,EAAA,OAAA,EAAA,CAGM,IACL,CAAA,EAAA,CACL,CACJ,GACU,EAAA,CACD,CAAA,EAAA,CACC;AAErB;;;;"}

package/dist/components/organisms/FileUpload/index.cjs

@@ -0,0 +1,150 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var uiIcons = require('@flipdish/ui-icons');
+var Button = require('@flipdish/ui-library/components/atoms/Button');
+var FeaturedIcon = require('@flipdish/ui-library/components/atoms/FeaturedIcon');
+var ProgressBar = require('@flipdish/ui-library/components/atoms/ProgressBar');
+var UtilityButton = require('@flipdish/ui-library/components/atoms/UtilityButton');
+var cx = require('@flipdish/ui-library/utilities/cx');
+var react = require('motion/react');
+var React = require('react');
+
+/**
+ * Returns a human-readable file size.
+ * @param bytes - The size of the file in bytes.
+ * @returns A string representing the file size in a human-readable format.
+ */
+const getReadableFileSize = (bytes) => {
+    if (bytes === 0)
+        return '0 KB';
+    const suffixes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    return Math.floor(bytes / Math.pow(1024, i)) + ' ' + suffixes[i];
+};
+const FileUploadDropZone = ({ className, hint, isDisabled, accept, allowsMultiple = true, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }) => {
+    const id = React.useId();
+    const inputRef = React.useRef(null);
+    const [isInvalid, setIsInvalid] = React.useState(false);
+    const [isDraggingOver, setIsDraggingOver] = React.useState(false);
+    const isFileTypeAccepted = (file) => {
+        if (!accept)
+            return true;
+        // Split the accept string into individual types
+        const acceptedTypes = accept.split(',').map((type) => type.trim());
+        return acceptedTypes.some((acceptedType) => {
+            // Handle file extensions (e.g., .pdf, .doc)
+            if (acceptedType.startsWith('.')) {
+                const extension = `.${file.name.split('.').pop()?.toLowerCase()}`;
+                return extension === acceptedType.toLowerCase();
+            }
+            // Handle wildcards (e.g., image/*)
+            if (acceptedType.endsWith('/*')) {
+                const typePrefix = acceptedType.split('/')[0];
+                return file.type.startsWith(`${typePrefix}/`);
+            }
+            // Handle exact MIME types (e.g., application/pdf)
+            return file.type === acceptedType;
+        });
+    };
+    const handleDragIn = (event) => {
+        if (isDisabled)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDraggingOver(true);
+    };
+    const handleDragOut = (event) => {
+        if (isDisabled)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDraggingOver(false);
+    };
+    const processFiles = (files) => {
+        // Reset the invalid state when processing files.
+        setIsInvalid(false);
+        const acceptedFiles = [];
+        const unacceptedFiles = [];
+        const oversizedFiles = [];
+        // If multiple files are not allowed, only process the first file
+        const filesToProcess = allowsMultiple ? files : files.slice(0, 1);
+        filesToProcess.forEach((file) => {
+            // Check file size first
+            if (maxSize && file.size > maxSize) {
+                oversizedFiles.push(file);
+                return;
+            }
+            // Then check file type
+            if (isFileTypeAccepted(file)) {
+                acceptedFiles.push(file);
+            }
+            else {
+                unacceptedFiles.push(file);
+            }
+        });
+        // Handle oversized files
+        if (oversizedFiles.length > 0 && typeof onSizeLimitExceed === 'function') {
+            const dataTransfer = new DataTransfer();
+            // biome-ignore lint/suspicious/useIterableCallbackReturn: We need to return a value from the callback to satisfy the type checker
+            oversizedFiles.forEach((file) => dataTransfer.items.add(file));
+            setIsInvalid(true);
+            onSizeLimitExceed(dataTransfer.files);
+        }
+        // Handle accepted files
+        if (acceptedFiles.length > 0 && typeof onDropFiles === 'function') {
+            const dataTransfer = new DataTransfer();
+            // biome-ignore lint/suspicious/useIterableCallbackReturn: We need to return a value from the callback to satisfy the type checker
+            acceptedFiles.forEach((file) => dataTransfer.items.add(file));
+            onDropFiles(dataTransfer.files);
+        }
+        // Handle unaccepted files
+        if (unacceptedFiles.length > 0 && typeof onDropUnacceptedFiles === 'function') {
+            const unacceptedDataTransfer = new DataTransfer();
+            // biome-ignore lint/suspicious/useIterableCallbackReturn: We need to return a value from the callback to satisfy the type checker
+            unacceptedFiles.forEach((file) => unacceptedDataTransfer.items.add(file));
+            setIsInvalid(true);
+            onDropUnacceptedFiles(unacceptedDataTransfer.files);
+        }
+        // Clear the input value to ensure the same file can be selected again
+        if (inputRef.current) {
+            inputRef.current.value = '';
+        }
+    };
+    const handleDrop = (event) => {
+        if (isDisabled)
+            return;
+        handleDragOut(event);
+        processFiles(Array.from(event.dataTransfer.files));
+    };
+    const handleInputFileChange = (event) => {
+        processFiles(Array.from(event.target.files || []));
+    };
+    return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: This is a drag and drop zone
+    jsxRuntime.jsxs("div", { "data-dropzone": true, onDragOver: handleDragIn, onDragEnter: handleDragIn, onDragLeave: handleDragOut, onDragEnd: handleDragOut, onDrop: handleDrop, className: cx.cx('relative flex flex-col items-center gap-3 rounded-xl bg-primary px-6 py-4 text-tertiary ring-1 ring-secondary transition duration-100 ease-linear ring-inset', isDraggingOver && 'ring-2 ring-brand', isDisabled && 'cursor-not-allowed bg-secondary', className), children: [jsxRuntime.jsx(FeaturedIcon.FeaturedIcon, { icon: uiIcons.UploadCloud02, color: "gray", theme: "modern", size: "md", className: cx.cx(isDisabled && 'opacity-50') }), jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 text-center", children: [jsxRuntime.jsxs("div", { className: "flex justify-center gap-1 text-center", children: [jsxRuntime.jsx("input", { ref: inputRef, id: id, type: "file", className: "peer sr-only", disabled: isDisabled, accept: accept, multiple: allowsMultiple, onChange: handleInputFileChange }), jsxRuntime.jsx("label", { htmlFor: id, className: "flex cursor-pointer", children: jsxRuntime.jsxs(Button.Button, { color: "link-color", size: "md", isDisabled: isDisabled, onClick: () => inputRef.current?.click(), children: ["Click to upload ", jsxRuntime.jsx("span", { className: "md:hidden", children: "and attach files" })] }) }), jsxRuntime.jsx("span", { className: "text-sm max-md:hidden", children: "or drag and drop" })] }), jsxRuntime.jsx("p", { className: cx.cx('text-xs transition duration-100 ease-linear', isInvalid && 'text-error-primary'), children: hint || 'SVG, PNG, JPG or GIF (max. 800x400px)' })] })] }));
+};
+const FileListItemProgressBar = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }) => {
+    const isComplete = progress === 100;
+    return (jsxRuntime.jsxs(react.motion.li, { layout: "position", className: cx.cx('relative flex gap-3 rounded-xl bg-primary p-4 ring-1 ring-secondary transition-shadow duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error', className), children: [jsxRuntime.jsx(uiIcons.FileIcon, { className: "size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'default' }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'default' }), jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsxs("div", { className: "flex w-full max-w-full min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsxRuntime.jsx("p", { className: "truncate text-sm whitespace-nowrap text-tertiary", children: getReadableFileSize(size) }), jsxRuntime.jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsxRuntime.jsx(uiIcons.CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), isComplete && jsxRuntime.jsx("p", { className: "text-sm font-medium text-success-primary", children: "Complete" }), !isComplete && !failed && jsxRuntime.jsx(uiIcons.UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), !isComplete && !failed && jsxRuntime.jsx("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." }), failed && jsxRuntime.jsx(uiIcons.XCircle, { className: "size-4 text-fg-error-primary" }), failed && jsxRuntime.jsx("p", { className: "text-sm font-medium text-error-primary", children: "Failed" })] })] })] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: uiIcons.Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] }), !failed && (jsxRuntime.jsx("div", { className: "mt-1 w-full", children: jsxRuntime.jsx(ProgressBar.ProgressBar, { labelPosition: "right", max: 100, min: 0, value: progress }) })), failed && (jsxRuntime.jsx(Button.Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] })] }));
+};
+const FileListItemProgressFill = ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }) => {
+    const isComplete = progress === 100;
+    return (jsxRuntime.jsxs(react.motion.li, { layout: "position", className: cx.cx('relative flex gap-3 overflow-hidden rounded-xl bg-primary p-4', className), children: [jsxRuntime.jsx("div", { style: { transform: `translateX(-${100 - progress}%)` }, className: cx.cx('absolute inset-0 size-full bg-secondary transition duration-75 ease-linear', isComplete && 'opacity-0'), role: "progressbar", "aria-valuenow": progress, "aria-valuemin": 0, "aria-valuemax": 100 }), jsxRuntime.jsx("div", { className: cx.cx('absolute inset-0 size-full rounded-[inherit] ring-1 ring-secondary transition duration-100 ease-linear ring-inset', failed && 'ring-2 ring-error') }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "relative size-10 shrink-0 dark:hidden", type: type ?? 'empty', theme: "light", variant: fileIconVariant ?? 'solid' }), jsxRuntime.jsx(uiIcons.FileIcon, { className: "relative size-10 shrink-0 not-dark:hidden", type: type ?? 'empty', theme: "dark", variant: fileIconVariant ?? 'solid' }), jsxRuntime.jsxs("div", { className: "relative flex min-w-0 flex-1", children: [jsxRuntime.jsxs("div", { className: "relative flex min-w-0 flex-1 flex-col items-start", children: [jsxRuntime.jsxs("div", { className: "w-full min-w-0 flex-1", children: [jsxRuntime.jsx("p", { className: "truncate text-sm font-medium text-secondary", children: name }), jsxRuntime.jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [jsxRuntime.jsx("p", { className: "text-sm text-tertiary", children: failed ? 'Upload failed, please try again' : getReadableFileSize(size) }), !failed && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }), jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [isComplete && jsxRuntime.jsx(uiIcons.CheckCircle, { className: "size-4 stroke-[2.5px] text-fg-success-primary" }), !isComplete && jsxRuntime.jsx(uiIcons.UploadCloud02, { className: "size-4 stroke-[2.5px] text-fg-quaternary" }), jsxRuntime.jsxs("p", { className: "text-sm text-tertiary", children: [progress, "%"] })] })] }))] })] }), failed && (jsxRuntime.jsx(Button.Button, { color: "link-destructive", size: "sm", onClick: onRetry, className: "mt-1.5", children: "Try again" }))] }), jsxRuntime.jsx(UtilityButton.ButtonUtility, { color: "tertiary", tooltip: "Delete", icon: uiIcons.Trash01, size: "xs", className: "-mt-2 -mr-2 self-start", onClick: onDelete })] })] }));
+};
+const FileUploadRoot = (props) => (jsxRuntime.jsx("div", { ...props, className: cx.cx('flex flex-col gap-4', props.className), children: props.children }));
+const FileUploadList = (props) => (jsxRuntime.jsx("ul", { ...props, className: cx.cx('flex flex-col gap-3', props.className), children: jsxRuntime.jsx(react.AnimatePresence, { initial: false, children: props.children }) }));
+const FileUpload = {
+    Root: FileUploadRoot,
+    List: FileUploadList,
+    DropZone: FileUploadDropZone,
+    ListItemProgressBar: FileListItemProgressBar,
+    ListItemProgressFill: FileListItemProgressFill,
+};
+
+exports.FileListItemProgressBar = FileListItemProgressBar;
+exports.FileListItemProgressFill = FileListItemProgressFill;
+exports.FileUpload = FileUpload;
+exports.FileUploadDropZone = FileUploadDropZone;
+exports.getReadableFileSize = getReadableFileSize;
+//# sourceMappingURL=index.cjs.map

package/dist/components/organisms/FileUpload/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/organisms/FileUpload/index.tsx"],"sourcesContent":[null],"names":["useId","useRef","useState","_jsxs","cx","_jsx","FeaturedIcon","UploadCloud02","Button","motion","FileTypeIcon","CheckCircle","XCircle","ButtonUtility","Trash01","ProgressBar","_Fragment","AnimatePresence"],"mappings":"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"}

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

@@ -0,0 +1,81 @@
+import type { FileIcon } from '@flipdish/ui-icons';
+import { FileIcon as FileTypeIcon } from '@flipdish/ui-icons';
+import type { ComponentProps, ComponentPropsWithRef } from 'react';
+/**
+ * Returns a human-readable file size.
+ * @param bytes - The size of the file in bytes.
+ * @returns A string representing the file size in a human-readable format.
+ */
+export declare const getReadableFileSize: (bytes: number) => string;
+interface FileUploadDropZoneProps {
+    /** The class name of the drop zone. */
+    className?: string;
+    /**
+     * A hint text explaining what files can be dropped.
+     */
+    hint?: string;
+    /**
+     * Disables dropping or uploading files.
+     */
+    isDisabled?: boolean;
+    /**
+     * Specifies the types of files that the server accepts.
+     * Examples: "image/*", ".pdf,image/*", "image/*,video/mpeg,application/pdf"
+     */
+    accept?: string;
+    /**
+     * Allows multiple file uploads.
+     */
+    allowsMultiple?: boolean;
+    /**
+     * Maximum file size in bytes.
+     */
+    maxSize?: number;
+    /**
+     * Callback function that is called with the list of dropped files
+     * when files are dropped on the drop zone.
+     */
+    onDropFiles?: (files: FileList) => void;
+    /**
+     * Callback function that is called with the list of unaccepted files
+     * when files are dropped on the drop zone.
+     */
+    onDropUnacceptedFiles?: (files: FileList) => void;
+    /**
+     * Callback function that is called with the list of files that exceed
+     * the size limit when files are dropped on the drop zone.
+     */
+    onSizeLimitExceed?: (files: FileList) => void;
+}
+export declare const FileUploadDropZone: ({ className, hint, isDisabled, accept, allowsMultiple, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }: FileUploadDropZoneProps) => import("react").JSX.Element;
+export interface FileListItemProps {
+    /** The name of the file. */
+    name: string;
+    /** The size of the file. */
+    size: number;
+    /** The upload progress of the file. */
+    progress: number;
+    /** Whether the file failed to upload. */
+    failed?: boolean;
+    /** The type of the file. */
+    type?: ComponentProps<typeof FileIcon>['type'];
+    /** The class name of the file list item. */
+    className?: string;
+    /** The variant of the file icon. */
+    fileIconVariant?: ComponentProps<typeof FileTypeIcon>['variant'];
+    /** The function to call when the file is deleted. */
+    onDelete?: () => void;
+    /** The function to call when the file upload is retried. */
+    onRetry?: () => void;
+}
+export declare const FileListItemProgressBar: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }: FileListItemProps) => import("react").JSX.Element;
+export declare const FileListItemProgressFill: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }: FileListItemProps) => import("react").JSX.Element;
+export declare const FileUpload: {
+    Root: (props: ComponentPropsWithRef<"div">) => import("react").JSX.Element;
+    List: (props: ComponentPropsWithRef<"ul">) => import("react").JSX.Element;
+    DropZone: ({ className, hint, isDisabled, accept, allowsMultiple, maxSize, onDropFiles, onDropUnacceptedFiles, onSizeLimitExceed, }: FileUploadDropZoneProps) => import("react").JSX.Element;
+    ListItemProgressBar: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className }: FileListItemProps) => import("react").JSX.Element;
+    ListItemProgressFill: ({ name, size, progress, failed, type, fileIconVariant, onDelete, onRetry, className, }: FileListItemProps) => import("react").JSX.Element;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/FileUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/FileUpload/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAe,QAAQ,IAAI,YAAY,EAAmC,MAAM,oBAAoB,CAAC;AAO5G,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,WAQhD,CAAC;AAEF,UAAU,uBAAuB;IAC/B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,kBAAkB,GAAI,0HAUhC,uBAAuB,gCAgKzB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,uCAAuC;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/C,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,eAAe,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IACjE,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,GAAI,uFAAuF,iBAAiB,gCAuD/I,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,wFAUtC,iBAAiB,gCAyDnB,CAAC;AAcF,eAAO,MAAM,UAAU;kBAZQ,qBAAqB,CAAC,KAAK,CAAC;kBAM5B,qBAAqB,CAAC,IAAI,CAAC;yIA3TvD,uBAAuB;iHAuLqG,iBAAiB;mHAmE7I,iBAAiB;CA6EnB,CAAC"}