@oneplatformdev/ui 0.1.9-6 → 0.1.9

package/DatePicker/DatePicker.js

@@ -0,0 +1,53 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { format as d } from "date-fns";
+import { Calendar as s } from "lucide-react";
+import { cn as c } from "@oneplatformdev/utils";
+import { Button as f } from "../Button/Button.js";
+import "../Button/buttonVariants.js";
+import { Calendar as p } from "../Calendar/Calendar.js";
+import { Popover as u, PopoverTrigger as h, PopoverContent as y } from "../Popover/Popover.js";
+import { uk as t } from "../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/uk.js";
+const g = i.forwardRef(
+  (a, m) => {
+    const {
+      selectedDate: o,
+      onDateChange: l,
+      disabled: n = !1
+    } = a;
+    return /* @__PURE__ */ e(u, { children: [
+      /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ e(
+        f,
+        {
+          ref: m,
+          disabled: n,
+          variant: "outline-solid",
+          className: c(
+            "w-full justify-start text-left font-normal border h-10",
+            !o && "text-muted-foreground"
+          ),
+          children: [
+            o ? d(o, "LLL dd, y", { locale: t }) : /* @__PURE__ */ r("span", { children: "dd/mm/yyyy" }),
+            /* @__PURE__ */ r(s, { className: "mr-2 h-4 w-4 ml-auto" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(y, { align: "start", className: "w-auto p-0", children: /* @__PURE__ */ r(
+        p,
+        {
+          mode: "single",
+          captionLayout: "dropdown-buttons",
+          selected: o,
+          onSelect: l,
+          fromYear: 1960,
+          toYear: 2030,
+          locale: t
+        }
+      ) })
+    ] });
+  }
+);
+g.displayName = "DatePicker";
+export {
+  g as DatePicker
+};

package/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,6 @@
+export interface DatePickerProps {
+    selectedDate?: Date;
+    onDateChange: (date: Date | undefined) => void;
+    disabled?: boolean;
+}
+//# sourceMappingURL=DatePicker.types.d.ts.map

package/DatePicker/DatePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../src/DatePicker/DatePicker.types.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/DatePicker/DatePicker.types.js

@@ -0,0 +1 @@
+

package/DatePicker/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DatePicker';
+export { DatePicker as default } from './DatePicker';
+export type * from './DatePicker.types';
+//# sourceMappingURL=index.d.ts.map

package/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,mBAAmB,oBAAoB,CAAC"}

package/DatePicker/index.js

@@ -0,0 +1,5 @@
+import { DatePicker as r, DatePicker as t } from "./DatePicker.js";
+export {
+  r as DatePicker,
+  t as default
+};

package/Dialog/Dialog.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: (props: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showCloseButton?: boolean;
+    preventAutoFocus?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=Dialog.d.ts.map

package/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAM1D,QAAA,MAAM,MAAM,GACV,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAInE,CAAC;AAEF,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa;sBAGG,OAAO;uBACN,OAAO;wCAuE7B,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAC"}

package/Dialog/Dialog.js

@@ -0,0 +1,146 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import i, { useState as y, useRef as N } from "react";
+import * as a from "@radix-ui/react-dialog";
+import { XIcon as D } from "lucide-react";
+import { cn as l, composeRefs as h } from "@oneplatformdev/utils";
+import { DialogOverlayScope as b } from "./DialogOverlayScope.js";
+const P = (e) => {
+  const { modal: t, ...s } = e;
+  return /* @__PURE__ */ o(a.Root, { modal: t, ...s });
+}, S = a.Trigger, v = a.Portal, H = a.Close, d = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Overlay,
+  {
+    ref: s,
+    className: l(
+      "fixed inset-0 z-40 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+d.displayName = a.Overlay.displayName;
+const w = i.forwardRef(
+  ({
+    className: e,
+    children: t,
+    showCloseButton: s = !0,
+    onOpenAutoFocus: c,
+    preventAutoFocus: f,
+    ...m
+  }, p) => {
+    const [u, g] = y(null), x = N(null);
+    return /* @__PURE__ */ o(v, { children: /* @__PURE__ */ n(d, { children: [
+      /* @__PURE__ */ o(b, { value: u, children: /* @__PURE__ */ n(
+        a.Content,
+        {
+          ref: (r) => {
+            r && h(p, x)(r);
+          },
+          className: l(
+            "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg",
+            "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+            "max-w-[90%] max-h-[90%] overflow-hidden",
+            "bg-[#FCFCFC] border border-[#E8E9EB] rounded-[16px]",
+            e
+          ),
+          onOpenAutoFocus: (r) => (f && r.preventDefault(), c?.(r)),
+          ...m,
+          children: [
+            t,
+            s && /* @__PURE__ */ n(
+              a.Close,
+              {
+                "aria-label": "Close",
+                className: l(
+                  "absolute right-4 top-4 rounded-sm ring-offset-background w-10 aspect-square",
+                  "flex items-center justify-center",
+                  "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",
+                  "opacity-70 hover:opacity-100",
+                  // 'focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2',
+                  "focus:outline-hidden focus:ring-0 focus:ring-ring focus:ring-offset-2",
+                  "hover:bg-accent",
+                  "disabled:pointer-events-none",
+                  "transition-opacity"
+                ),
+                children: [
+                  /* @__PURE__ */ o(D, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+                ]
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          ref: (r) => {
+            r && g(r);
+          }
+        }
+      )
+    ] }) });
+  }
+);
+w.displayName = a.Content.displayName;
+const C = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: l(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      e
+    ),
+    ...t
+  }
+);
+C.displayName = "DialogHeader";
+const R = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: l(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
+    ...t
+  }
+);
+R.displayName = "DialogFooter";
+const F = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Title,
+  {
+    ref: s,
+    className: l(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+F.displayName = a.Title.displayName;
+const O = i.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
+  a.Description,
+  {
+    ref: s,
+    className: l("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+O.displayName = a.Description.displayName;
+export {
+  P as Dialog,
+  H as DialogClose,
+  w as DialogContent,
+  O as DialogDescription,
+  R as DialogFooter,
+  C as DialogHeader,
+  d as DialogOverlay,
+  v as DialogPortal,
+  F as DialogTitle,
+  S as DialogTrigger
+};

package/Dialog/DialogOverlayScope.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export declare const DialogOverlayContainerContext: import('react').Context<HTMLElement | null>;
+export declare const useDialogOverlayContainer: () => HTMLElement | null;
+interface IDialogOverlayScopeProps extends PropsWithChildren {
+    value: HTMLElement | null;
+}
+export declare const DialogOverlayScope: ({ value, children }: IDialogOverlayScopeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DialogOverlayScope.d.ts.map

package/Dialog/DialogOverlayScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogOverlayScope.d.ts","sourceRoot":"","sources":["../../src/Dialog/DialogOverlayScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAErE,eAAO,MAAM,6BAA6B,6CAEzC,CAAC;AACF,eAAO,MAAM,yBAAyB,0BAAkD,CAAC;AAEzF,UAAU,wBACR,SAAQ,iBAAiB;IACzB,KAAK,EAAE,WAAW,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,kBAAkB,GAAI,qBAAqB,wBAAwB,4CAM/E,CAAA"}

package/Dialog/DialogOverlayScope.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as n, useContext as a } from "react";
+const o = n(
+  null
+), s = () => a(o), c = ({ value: e, children: t }) => /* @__PURE__ */ r(o.Provider, { value: e, children: t });
+export {
+  o as DialogOverlayContainerContext,
+  c as DialogOverlayScope,
+  s as useDialogOverlayContainer
+};

package/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Dialog';
+export * from './DialogOverlayScope';
+//# sourceMappingURL=index.d.ts.map

package/Dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Dialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,sBAAsB,CAAA"}

package/Dialog/index.js

@@ -0,0 +1,17 @@
+import { Dialog as l, DialogClose as e, DialogContent as i, DialogDescription as r, DialogFooter as g, DialogHeader as D, DialogOverlay as t, DialogPortal as n, DialogTitle as C, DialogTrigger as p } from "./Dialog.js";
+import { DialogOverlayContainerContext as y, DialogOverlayScope as O, useDialogOverlayContainer as s } from "./DialogOverlayScope.js";
+export {
+  l as Dialog,
+  e as DialogClose,
+  i as DialogContent,
+  r as DialogDescription,
+  g as DialogFooter,
+  D as DialogHeader,
+  t as DialogOverlay,
+  y as DialogOverlayContainerContext,
+  O as DialogOverlayScope,
+  n as DialogPortal,
+  C as DialogTitle,
+  p as DialogTrigger,
+  s as useDialogOverlayContainer
+};

package/Drawer/Drawer.d.ts

@@ -0,0 +1,23 @@
+import { Drawer as DrawerPrimitive } from 'vaul';
+import * as React from "react";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof import('vaul').Portal;
+declare const DrawerClose: React.ForwardRefExoticComponent<import('@radix-ui/react-dialog').DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-dialog').DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-dialog').DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
+//# sourceMappingURL=Drawer.d.ts.map

package/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAA;AAIhD,QAAA,MAAM,MAAM;0CAGT,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;;CAKnD,CAAA;AAGD,QAAA,MAAM,aAAa,+HAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,8BAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,6HAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,kOASjB,CAAA;AAGF,QAAA,MAAM,aAAa,kOAkBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAA;AAGD,QAAA,MAAM,WAAW,qLAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,+LASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}

package/Drawer/Drawer.js

@@ -0,0 +1,98 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import * as l from "react";
+import { Drawer as a } from "vaul";
+import { cn as s } from "@oneplatformdev/utils";
+const n = ({
+  shouldScaleBackground: e = !0,
+  ...r
+}) => /* @__PURE__ */ t(
+  a.Root,
+  {
+    shouldScaleBackground: e,
+    ...r
+  }
+);
+n.displayName = "Drawer";
+const u = a.Trigger, c = a.Portal, b = a.Close, d = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Overlay,
+  {
+    ref: o,
+    className: s("fixed inset-0 z-50 bg-black/80", e),
+    ...r
+  }
+));
+d.displayName = a.Overlay.displayName;
+const p = l.forwardRef(({ className: e, children: r, ...o }, m) => /* @__PURE__ */ i(c, { children: [
+  /* @__PURE__ */ t(d, {}),
+  /* @__PURE__ */ i(
+    a.Content,
+    {
+      ref: m,
+      className: s(
+        "fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",
+        e
+      ),
+      ...o,
+      children: [
+        /* @__PURE__ */ t("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        r
+      ]
+    }
+  )
+] }));
+p.displayName = "DrawerContent";
+const f = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("grid gap-1.5 p-4 text-center sm:text-left", e),
+    ...r
+  }
+);
+f.displayName = "DrawerHeader";
+const w = ({
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: s("mt-auto flex flex-col gap-2 p-4", e),
+    ...r
+  }
+);
+w.displayName = "DrawerFooter";
+const D = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Title,
+  {
+    ref: o,
+    className: s(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...r
+  }
+));
+D.displayName = a.Title.displayName;
+const x = l.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ t(
+  a.Description,
+  {
+    ref: o,
+    className: s("text-sm text-muted-foreground", e),
+    ...r
+  }
+));
+x.displayName = a.Description.displayName;
+export {
+  n as Drawer,
+  b as DrawerClose,
+  p as DrawerContent,
+  x as DrawerDescription,
+  w as DrawerFooter,
+  f as DrawerHeader,
+  d as DrawerOverlay,
+  c as DrawerPortal,
+  D as DrawerTitle,
+  u as DrawerTrigger
+};

package/Drawer/index.d.ts

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

package/Drawer/index.d.ts.map

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

package/Drawer/index.js

@@ -0,0 +1,13 @@
+import { Drawer as a, DrawerClose as D, DrawerContent as w, DrawerDescription as o, DrawerFooter as t, DrawerHeader as i, DrawerOverlay as l, DrawerPortal as n, DrawerTitle as g, DrawerTrigger as p } from "./Drawer.js";
+export {
+  a as Drawer,
+  D as DrawerClose,
+  w as DrawerContent,
+  o as DrawerDescription,
+  t as DrawerFooter,
+  i as DrawerHeader,
+  l as DrawerOverlay,
+  n as DrawerPortal,
+  g as DrawerTitle,
+  p as DrawerTrigger
+};

package/Dropzone/Dropzone.d.ts

@@ -0,0 +1,22 @@
+import { DropzoneControl, DropzoneProps } from './Dropzone.types';
+/**
+ * Dropzone component - A drag-and-drop file upload area with image previews, error handling, and localization.
+ *
+ * @component
+ * @param {DropzoneProps} props - The props for the Dropzone component.
+ * @param {string[]} [props.acceptTypes=DEFAULT_FILE_TYPES] - Allowed file MIME types.
+ * @param {number} props.maxSizeMB - Maximum allowed file size in megabytes.
+ * @param {number} [props.maxFiles=1] - Maximum number of files that can be uploaded.
+ * @param {DropzoneTranslations} props.translations - Translations for text labels.
+ * @param {(errors: FileRejection[]) => void} [props.onErrors] - Callback triggered when file errors occur.
+ * @param {boolean} [props.hideErrors=false] - Whether to hide error messages.
+ * @param {boolean} [props.disabled=false] - Whether the dropzone is disabled.
+ * @param {DropzoneStyles} [props.classNames] - Custom classNames for different dropzone states.
+ * @param {DropzoneValueItem[]} [props.value=[]] - Current selected files or URLs.
+ * @param {(items: DropzoneValueItem[]) => void} [props.onChangeValue] - Callback triggered when file selection changes.
+ * @param {string} [props.className] - Additional class names for styling.
+ * @param {React.Ref<HTMLDivElement>} ref - Ref for the root dropzone container.
+ * @returns {JSX.Element} The rendered Dropzone component.
+ */
+export declare const Dropzone: import('react').ForwardRefExoticComponent<DropzoneProps & import('react').RefAttributes<DropzoneControl>>;
+//# sourceMappingURL=Dropzone.d.ts.map

package/Dropzone/Dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEL,eAAe,EACf,aAAa,EAEd,MAAM,kBAAkB,CAAC;AAK1B;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,2GA6LpB,CAAC"}

package/Dropzone/Dropzone.js

@@ -0,0 +1,155 @@
+import { jsxs as t, jsx as l, Fragment as j } from "react/jsx-runtime";
+import { X as H } from "lucide-react";
+import { forwardRef as O, useState as g, useImperativeHandle as X } from "react";
+import { useDropzone as Y } from "react-dropzone";
+import { cn as n } from "@oneplatformdev/utils";
+import { Card as q } from "../Card/Card.js";
+import { DEFAULT_FILE_TYPES as G } from "./Dropzone.types.js";
+import { FilePreview as J } from "./DropzoneFilePreview.js";
+import { DropzoneSinglePickPreview as K } from "./DropzoneSinglePickPreview.js";
+import { DefaultFileIcon as Q, isFile as v, extractName as R } from "./DropzoneUtils.js";
+const Z = O(
+  ({
+    acceptTypes: w = G,
+    maxSizeMB: N,
+    maxFiles: x = 1,
+    onErrors: E,
+    hideErrors: y = !1,
+    disabled: a = !1,
+    classNames: m,
+    value: F = [],
+    onChangeValue: h,
+    className: z,
+    labelDropzonePrompt: D = "Drop files here or click to select",
+    labelDropzoneSubPrompt: I = "",
+    labelOrClickToSelect: $ = "Click to select files",
+    labelSelectedFiles: b = "Selected Files",
+    labelUploadErrors: S = "Upload Errors",
+    labelFileTooLarge: C = "File is too large",
+    labelInvalidFileType: W = "Invalid file type",
+    singlePick: i = !1,
+    labelDropzoneClassname: k,
+    labelDropzoneSubClassname: B,
+    ...T
+  }, _) => {
+    const [s, d] = g(F), [p, A] = g([]), L = (e, o) => {
+      A(o), E?.(o);
+      const r = i ? e.slice(0, 1) : [...s, ...e].slice(0, x);
+      d(r), h?.(r);
+    }, u = (e, o) => {
+      if (a) return;
+      e.stopPropagation();
+      const r = s.filter((c, f) => f !== o);
+      d(r), h?.(r);
+    }, { getRootProps: M, getInputProps: P, isDragActive: U } = Y({
+      onDrop: L,
+      accept: w.reduce((e, o) => (e[o] = [], e), {}),
+      maxSize: N * 1024 * 1024,
+      maxFiles: i ? 1 : x,
+      disabled: a
+    });
+    return X(_, () => ({
+      setItems: d
+    }), []), /* @__PURE__ */ t(
+      q,
+      {
+        ...M(),
+        ...T,
+        className: n(
+          "border-dashed p-2 text-center flex flex-col items-center justify-center cursor-pointer",
+          a && "border-[#E4E4E7] pointer-events-none",
+          p.length > 0 ? "border-red-500" : "border-[#E4E4E7]!",
+          U && "bg-gray-100",
+          i && "shadow-none!",
+          i && s.length > 0 && "p-0! shadow-none!",
+          z
+        ),
+        children: [
+          /* @__PURE__ */ l("input", { ...P() }),
+          s.length === 0 && p.length === 0 && /* @__PURE__ */ t(
+            "div",
+            {
+              className: n(
+                "flex flex-col items-center gap-1",
+                m?.idleWrapper
+              ),
+              children: [
+                /* @__PURE__ */ l(Q, {}),
+                !a && /* @__PURE__ */ t(j, { children: [
+                  /* @__PURE__ */ l("span", { className: n("font-medium text-md text-foreground max-w-[200px]", k), children: D }),
+                  /* @__PURE__ */ l("span", { className: n("font-normal text-xs text-foreground max-w-[250px]", B), children: I })
+                ] })
+              ]
+            }
+          ),
+          p.length > 0 && /* @__PURE__ */ t("div", { className: n("w-full mt-4", m?.errorWrapper), children: [
+            /* @__PURE__ */ t("span", { className: "font-semibold text-red-500", children: [
+              S,
+              ":"
+            ] }),
+            /* @__PURE__ */ l("ul", { className: "mt-2 text-sm text-red-500 list-disc list-inside", children: p.map((e, o) => /* @__PURE__ */ t("li", { children: [
+              e.file.name,
+              " (",
+              (e.file.size / (1024 * 1024)).toFixed(2),
+              " MB)",
+              !y && /* @__PURE__ */ l("ul", { className: "ml-4 list-disc list-inside", children: e.errors.map((r, c) => /* @__PURE__ */ t("li", { children: [
+                r.code === "file-too-large" && C,
+                r.code === "file-invalid-type" && W,
+                r.code !== "file-too-large" && r.code !== "file-invalid-type" && r.message
+              ] }, c)) })
+            ] }, o)) })
+          ] }),
+          !!(i && s.length) && /* @__PURE__ */ l(
+            K,
+            {
+              item: s[0],
+              onRemoveClick: (e) => u(e, 0),
+              disabled: a
+            }
+          ),
+          !i && s.length > 0 && /* @__PURE__ */ t("div", { className: n("w-full mt-2", m?.previewWrapper), children: [
+            /* @__PURE__ */ t("pre", { className: "font-semibold text-gray-600", children: [
+              b,
+              ":"
+            ] }),
+            /* @__PURE__ */ l("ul", { className: "mt-2 text-sm text-gray-500 flex flex-wrap gap-4 items-start justify-center", children: s.map((e, o) => {
+              const r = v(e) ? e.name : R(e), c = v(e) ? (e.size / (1024 * 1024)).toFixed(2) + " MB" : "";
+              return /* @__PURE__ */ t(
+                "li",
+                {
+                  className: "flex flex-col items-center gap-2 relative",
+                  children: [
+                    /* @__PURE__ */ t("div", { className: "relative", children: [
+                      /* @__PURE__ */ l(J, { item: e, styles: m }),
+                      /* @__PURE__ */ l(
+                        "div",
+                        {
+                          className: "absolute top-0 right-0 cursor-pointer bg-gray-300 rounded-sm",
+                          onClick: (f) => u(f, o),
+                          children: /* @__PURE__ */ l(H, { size: 16, strokeWidth: 1, color: "black" })
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ t("span", { className: "inline-flex flex-col items-center", children: [
+                      /* @__PURE__ */ l("span", { className: "max-w-[80px] text-ellipsis overflow-hidden whitespace-nowrap", children: r }),
+                      c && /* @__PURE__ */ t("span", { children: [
+                        "(",
+                        c,
+                        ")"
+                      ] })
+                    ] })
+                  ]
+                },
+                o
+              );
+            }) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "Dropzone";
+export {
+  Z as Dropzone
+};