geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/components/organisms/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { Typography } from '../../atoms/typography'\nimport {\n  AlertDialog as _AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './alert-dialog-components'\nimport { AlertDialogProps } from './alert-dialog.types'\nimport React from 'react'\n// import { Button } from '@/components/ui/button'\n\nexport function AlertDialog({\n  trigger,\n  headerText,\n  descriptionText,\n  footer,\n}: AlertDialogProps) {\n  return (\n    <_AlertDialog>\n      <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>\n      <AlertDialogContent className=\"p-0 bg-light-1 rounded-xl border-neutral-1\">\n        <AlertDialogHeader className=\"px-4 pt-3 \">\n          <AlertDialogTitle>\n            <Typography variant={'h3'} className=\"text-light-2 \">\n              {headerText}\n            </Typography>\n          </AlertDialogTitle>\n          <AlertDialogDescription>\n            <Typography variant={'body1'} className=\"text-light-4 \">\n              {descriptionText}\n            </Typography>\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter className=\"px-4 py-3 rounded-b-xl bg-light-3 gap-2.5 border-t border-neutral-2\">\n          {footer}\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </_AlertDialog>\n  )\n}\n"],"names":["AlertDialog","trigger","headerText","descriptionText","footer","React","_AlertDialog","AlertDialogTrigger","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","Typography","AlertDialogDescription","AlertDialogFooter"],"mappings":";;;AAcO,SAASA,EAAY;AAAA,EAC1B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAAC;AACF,GAAqB;AACnB,SACEC,gBAAAA,EAAA,cAACC,SACCD,gBAAAA,EAAA,cAACE,GAAA,EAAmB,SAAO,GAAA,GAAEN,CAAQ,GACrCI,gBAAAA,EAAA,cAACG,GAAA,EAAmB,WAAU,6CAAA,GAC5BH,gBAAAA,EAAA,cAACI,KAAkB,WAAU,aAAA,mCAC1BC,GAAA,MACCL,gBAAAA,EAAA,cAACM,KAAW,SAAS,MAAM,WAAU,gBAAA,GAClCT,CACH,CACF,GACAG,gBAAAA,EAAA,cAACO,SACCP,gBAAAA,EAAA,cAACM,GAAA,EAAW,SAAS,SAAS,WAAU,mBACrCR,CACH,CACF,CACF,GACAE,gBAAAA,EAAA,cAACQ,KAAkB,WAAU,sEAAA,GAC1BT,CACH,CACF,CACF;AAEJ;"}
+{"version":3,"file":"index.es35.js","sources":["../src/components/molecules/toast/toast-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as ToastPrimitives from '@radix-ui/react-toast'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { ToastIconProps } from './toast.types'\n\n//svgs\n\nimport InfoIcon from './assets/svgs/info-icon'\nimport SuccessIcon from './assets/svgs/success-icon'\nimport DangerIcon from './assets/svgs/danger-icon'\nimport WarningIcon from './assets/svgs/warning-icon'\n\nconst ToastProvider = ToastPrimitives.Provider\n\nconst ToastViewport = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Viewport>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'pointer-events-none fixed bottom-0 right-0 z-[100] flex h-fit w-full flex-col p-4 md:max-w-[420px]',\n      className\n    )}\n    {...props}\n  />\n))\nToastViewport.displayName = ToastPrimitives.Viewport.displayName\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-4 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        default: 'bg-light-1 border text-foreground',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nconst ToastPrimitive = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  )\n})\nToastPrimitive.displayName = ToastPrimitives.Root.displayName\n\nconst ToastAction = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Action>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action ref={ref} className={cn(className)} {...props} />\n))\nToastAction.displayName = ToastPrimitives.Action.displayName\n\nconst ToastClose = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Close>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 ',\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"w-4 h-4\" />\n  </ToastPrimitives.Close>\n))\nToastClose.displayName = ToastPrimitives.Close.displayName\n\nconst ToastTitle = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Title>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title ref={ref} className={className} {...props} />\n))\nToastTitle.displayName = ToastPrimitives.Title.displayName\n\nconst ToastDescription = React.forwardRef<\n  React.ElementRef<typeof ToastPrimitives.Description>,\n  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description ref={ref} className={className} {...props} />\n))\nToastDescription.displayName = ToastPrimitives.Description.displayName\n\nconst ToastIcon = ({ icon }: ToastIconProps) => {\n  switch (icon) {\n    case 'success':\n      return <SuccessIcon />\n      break\n\n    case 'info':\n      return <InfoIcon />\n      break\n\n    case 'danger':\n      return <DangerIcon />\n      break\n\n    case 'warning':\n      return <WarningIcon />\n      break\n\n    default:\n      return <div />\n      break\n  }\n}\nToastIcon.displayName = 'ToastIcon'\n\ntype ToastProps = React.ComponentPropsWithoutRef<typeof ToastPrimitive>\n\ntype ToastActionElement = React.ReactElement<typeof ToastAction>\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  ToastPrimitive,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n  ToastIcon,\n}\n"],"names":["ToastProvider","ToastPrimitives","ToastViewport","React","className","props","ref","cn","toastVariants","cva","ToastPrimitive","variant","ToastAction","ToastClose","X","ToastTitle","ToastDescription","ToastIcon","icon","SuccessIcon","InfoIcon","DangerIcon","WarningIcon"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAgBC,EAAgB,UAEhCC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcD,EAAgB,SAAS;AAErD,MAAMO,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEMC,IAAiBP,EAAM,WAI3B,CAAC,EAAE,WAAAC,GAAW,SAAAO,GAAS,GAAGN,EAAA,GAASC,MAEjC,gBAAAH,EAAA;AAAA,EAACF,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC,EAAGC,EAAc,EAAE,SAAAG,EAAA,CAAS,GAAGP,CAAS;AAAA,IAClD,GAAGC;AAAA,EAAA;AAAA,CAGT;AACDK,EAAe,cAAcT,EAAgB,KAAK;AAElD,MAAMW,IAAcT,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,sCACzBL,EAAgB,QAAhB,EAAuB,KAAAK,GAAU,WAAWC,EAAGH,CAAS,GAAI,GAAGC,GAAO,CACxE;AACDO,EAAY,cAAcX,EAAgB,OAAO;AAEjD,MAAMY,IAAaV,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAEF,eAAY;AAAA,IACX,GAAGC;AAAA,EAAA;AAAA,EAEJ,gBAAAF,EAAA,cAACW,GAAA,EAAE,WAAU,UAAA,CAAU;AACzB,CACD;AACDD,EAAW,cAAcZ,EAAgB,MAAM;AAE/C,MAAMc,IAAaZ,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA,cAACF,EAAgB,OAAhB,EAAsB,KAAAK,GAAU,WAAAF,GAAuB,GAAGC,GAAO,CACnE;AACDU,EAAW,cAAcd,EAAgB,MAAM;AAE/C,MAAMe,IAAmBb,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA,cAACF,EAAgB,aAAhB,EAA4B,KAAAK,GAAU,WAAAF,GAAuB,GAAGC,GAAO,CACzE;AACDW,EAAiB,cAAcf,EAAgB,YAAY;AAE3D,MAAMgB,IAAY,CAAC,EAAE,MAAAC,QAA2B;AAC9C,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,6CAAQC,GAAA,IAAY;AAAA,IAGtB,KAAK;AACH,6CAAQC,GAAA,IAAS;AAAA,IAGnB,KAAK;AACH,6CAAQC,GAAA,IAAW;AAAA,IAGrB,KAAK;AACH,6CAAQC,GAAA,IAAY;AAAA,IAGtB;AACE,6CAAQ,OAAA,IAAI;AAAA,EACZ;AAEN;AACAL,EAAU,cAAc;"}

package/dist/index.es36.js

@@ -1,91 +1,53 @@
 import * as e from "react";
-import * as l from "@radix-ui/react-alert-dialog";
-import { cn as s } from "./index.es81.js";
-import "./index.es7.js";
-import { ButtonVariants as i } from "./index.es68.js";
-const D = l.Root, x = l.Trigger, n = l.Portal, r = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
-  l.Overlay,
-  {
-    className: s(
-      "fixed inset-0 z-50 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",
-      a
-    ),
-    ...t,
-    ref: o
-  }
-));
-r.displayName = l.Overlay.displayName;
-const d = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(r, null), /* @__PURE__ */ e.createElement(
-  l.Content,
-  {
-    ref: o,
-    className: s(
-      "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",
-      a
-    ),
-    ...t
-  }
-)));
-d.displayName = l.Content.displayName;
-const m = ({
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.createElement("div", { className: s("flex flex-col space-y-2  ", a), ...t });
-m.displayName = "AlertDialogHeader";
-const c = ({
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: s(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
-    ),
-    ...t
+import { SplitButtonDropdownVariants as d, SplitButtonVariants as f, TitleVariants as E } from "./index.es83.js";
+import { ChevronDown as N, Loader2 as h } from "lucide-react";
+import { Typography as w } from "./index.es19.js";
+import { cn as r } from "./index.es89.js";
+import { Dropdown as y } from "./index.es22.js";
+const S = e.forwardRef(
+  ({
+    variant: n,
+    size: t,
+    title: o,
+    prefixIcon: s,
+    loading: a,
+    id: c,
+    disabled: m,
+    optionGroups: i = [],
+    ...l
+  }, p) => {
+    const u = /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        "aria-haspopup": "true",
+        disabled: m || a,
+        className: r(d({ variant: n, size: t }), "group")
+      },
+      /* @__PURE__ */ e.createElement(N, { className: "group-data-[state=open]:rotate-180 duration-300" })
+    );
+    return /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center select-none" }, /* @__PURE__ */ e.createElement(
+      "button",
+      {
+        className: r(f({ variant: n, size: t })),
+        id: c,
+        ref: p,
+        disabled: m || a,
+        ...l
+      },
+      a ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, { className: "w-4 h-4 mr-2 animate-spin" }), "Please wait...") : o ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center" }, s, /* @__PURE__ */ e.createElement(
+        w,
+        {
+          className: r(E({ titleSize: t })),
+          variant: "body1"
+        },
+        o
+      )) : l.children
+    ), /* @__PURE__ */ e.createElement(y, { header: "", trigger: u, optionGroups: i }));
   }
 );
-c.displayName = "AlertDialogFooter";
-const f = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
-  l.Title,
-  {
-    ref: o,
-    className: s("text-lg font-semibold", a),
-    ...t
-  }
-));
-f.displayName = l.Title.displayName;
-const p = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
-  l.Description,
-  {
-    ref: o,
-    className: s("text-sm text-muted-foreground", a),
-    ...t
-  }
-));
-p.displayName = l.Description.displayName;
-const g = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
-  l.Action,
-  {
-    ref: o,
-    className: s(i(), a),
-    ...t
-  }
-));
-g.displayName = l.Action.displayName;
-const N = e.forwardRef(({ ...a }, t) => /* @__PURE__ */ e.createElement(l.Cancel, { ref: t, className: "w-full", ...a }));
-N.displayName = l.Cancel.displayName;
+S.displayName = "SplitButton";
 export {
-  D as AlertDialog,
-  g as AlertDialogAction,
-  N as AlertDialogCancel,
-  d as AlertDialogContent,
-  p as AlertDialogDescription,
-  c as AlertDialogFooter,
-  m as AlertDialogHeader,
-  r as AlertDialogOverlay,
-  n as AlertDialogPortal,
-  f as AlertDialogTitle,
-  x as AlertDialogTrigger
+  S as SplitButton,
+  f as SplitButtonVariants
 };
 //# sourceMappingURL=index.es36.js.map

package/dist/index.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es36.js","sources":["../src/components/organisms/alert-dialog/alert-dialog-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\n\nimport { cn } from '@/lib/utils'\nimport { ButtonVariants } from '../../atoms/button'\n\nconst AlertDialog = AlertDialogPrimitive.Root\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 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',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        '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',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2  ', className)} {...props} />\n)\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = 'AlertDialogFooter'\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold', className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={cn(ButtonVariants(), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel ref={ref} className=\"w-full\" {...props} />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","ButtonVariants","AlertDialogCancel"],"mappings":";;;;;AAQA,MAAMA,IAAcC,EAAqB,MACnCC,IAAqBD,EAAqB,SAE1CE,IAAoBF,EAAqB,QAEzCG,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,WAAWQ;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAmB,cAAcH,EAAqB,QAAQ;AAE9D,MAAMS,IAAqBL,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA,cAACF,GAAA,MACC,gBAAAE,EAAA,cAACD,OAAmB,GACpB,gBAAAC,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACF,CACD;AACDG,EAAmB,cAAcT,EAAqB,QAAQ;AAE9D,MAAMU,IAAoB,CAAC;AAAA,EACzB,WAAAL;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA,cAAC,SAAI,WAAWI,EAAG,6BAA6BH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzEI,EAAkB,cAAc;AAEhC,MAAMC,IAAoB,CAAC;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFK,EAAkB,cAAc;AAEhC,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,yBAAyBH,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAcZ,EAAqB,MAAM;AAE1D,MAAMa,IAAyBT,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAuB,cACrBb,EAAqB,YAAY;AAEnC,MAAMc,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAGO,EAAA,GAAkBV,CAAS;AAAA,IACxC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAkB,cAAcd,EAAqB,OAAO;AAE5D,MAAMgB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,GAAGE,KAASC,MACf,gBAAAH,EAAA,cAACJ,EAAqB,QAArB,EAA4B,KAAAO,GAAU,WAAU,UAAU,GAAGD,GAAO,CACtE;AACDU,EAAkB,cAAchB,EAAqB,OAAO;"}
+{"version":3,"file":"index.es36.js","sources":["../src/components/molecules/split-button/split-button.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n  SplitButtonDropdownVariants,\n  SplitButtonVariants,\n  TitleVariants,\n} from './split-button.styles'\nimport { SplitButtonProps } from './split-button.types'\nimport { ChevronDown, Loader2 } from 'lucide-react'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { Dropdown } from '../dropdown-menu/dropdown-menu'\n\nconst SplitButton = React.forwardRef<HTMLButtonElement, SplitButtonProps>(\n  (\n    {\n      variant,\n      size,\n      title,\n      prefixIcon,\n      loading,\n      id,\n      disabled,\n      optionGroups = [],\n      ...props\n    },\n    ref\n  ) => {\n    const trigger = (\n      <button\n        aria-haspopup=\"true\"\n        disabled={disabled || loading}\n        className={cn(SplitButtonDropdownVariants({ variant, size }), 'group')}\n      >\n        <ChevronDown className=\"group-data-[state=open]:rotate-180 duration-300\" />\n      </button>\n    )\n\n    return (\n      <div className=\"flex items-center justify-center select-none\">\n        <button\n          className={cn(SplitButtonVariants({ variant, size }))}\n          id={id}\n          ref={ref}\n          disabled={disabled || loading}\n          {...props}\n        >\n          {loading ? (\n            <>\n              <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n              Please wait...\n            </>\n          ) : title ? (\n            <div className=\"flex items-center\">\n              {prefixIcon}\n              <Typography\n                className={cn(TitleVariants({ titleSize: size }))}\n                variant={'body1'}\n              >\n                {title}\n              </Typography>\n            </div>\n          ) : (\n            props.children\n          )}\n        </button>\n        <Dropdown header=\"\" trigger={trigger} optionGroups={optionGroups} />\n      </div>\n    )\n  }\n)\n\nSplitButton.displayName = 'SplitButton'\n\nexport { SplitButton, SplitButtonVariants }\n"],"names":["SplitButton","React","variant","size","title","prefixIcon","loading","id","disabled","optionGroups","props","ref","trigger","cn","SplitButtonDropdownVariants","ChevronDown","SplitButtonVariants","Loader2","Typography","TitleVariants","Dropdown"],"mappings":";;;;;;AAaA,MAAMA,IAAcC,EAAM;AAAA,EACxB,CACE;AAAA,IACE,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,SAAAC;AAAA,IACA,IAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe,CAAA;AAAA,IACf,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IACJ,gBAAAX,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,iBAAc;AAAA,QACd,UAAUO,KAAYF;AAAA,QACtB,WAAWO,EAAGC,EAA4B,EAAE,SAAAZ,GAAS,MAAAC,EAAA,CAAM,GAAG,OAAO;AAAA,MAAA;AAAA,MAErE,gBAAAF,EAAA,cAACc,GAAA,EAAY,WAAU,kDAAA,CAAkD;AAAA,IAAA;AAI7E,WACE,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,+CAAA,GACb,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWY,EAAGG,EAAoB,EAAE,SAAAd,GAAS,MAAAC,EAAA,CAAM,CAAC;AAAA,QACpD,IAAAI;AAAA,QACA,KAAAI;AAAA,QACA,UAAUH,KAAYF;AAAA,QACrB,GAAGI;AAAA,MAAA;AAAA,MAEHJ,IACC,gBAAAL,EAAA,cAAAA,EAAA,UAAA,MACE,gBAAAA,EAAA,cAACgB,GAAA,EAAQ,WAAU,4BAAA,CAA4B,GAAE,gBAEnD,IACEb,IACF,gBAAAH,EAAA,cAAC,OAAA,EAAI,WAAU,uBACZI,GACD,gBAAAJ,EAAA;AAAA,QAACiB;AAAA,QAAA;AAAA,UACC,WAAWL,EAAGM,EAAc,EAAE,WAAWhB,EAAA,CAAM,CAAC;AAAA,UAChD,SAAS;AAAA,QAAA;AAAA,QAERC;AAAA,MAAA,CAEL,IAEAM,EAAM;AAAA,IAAA,GAGV,gBAAAT,EAAA,cAACmB,GAAA,EAAS,QAAO,IAAG,SAAAR,GAAkB,cAAAH,GAA4B,CACpE;AAAA,EAEJ;AACF;AAEAT,EAAY,cAAc;"}

package/dist/index.es37.js

@@ -1,43 +1,74 @@
-import e from "react";
-import { Dialog as D, DialogTrigger as E, DialogContent as u, DialogHeader as x, DialogTitle as d, DialogDescription as f, DialogFooter as h } from "./index.es70.js";
-import { DialogClose as w } from "./index.es70.js";
-import { cn as r } from "./index.es81.js";
-import { Typography as o } from "./index.es17.js";
-function C({
-  trigger: m,
-  body: n,
-  title: a,
-  description: t,
-  footer: l,
-  onOpenChange: i,
-  open: c,
-  footerClassName: g,
-  contentClassName: s,
-  onInteractOutside: p
+import * as e from "react";
+import { cn as g } from "./index.es89.js";
+import { ChevronDown as E, ChevronUp as f, Check as v } from "lucide-react";
+import { Button as b } from "./index.es9.js";
+import { Command as d, CommandInput as y, CommandList as C, CommandEmpty as x, CommandGroup as N, CommandItem as w } from "./index.es60.js";
+import { Popover as k, PopoverTrigger as S, PopoverContent as I } from "./index.es90.js";
+import { Typography as l } from "./index.es19.js";
+function B({
+  options: n,
+  selected: a,
+  onChange: o,
+  className: c,
+  isSearchable: s = !1,
+  icon: i,
+  container: p,
+  ...h
 }) {
-  return /* @__PURE__ */ e.createElement(D, { onOpenChange: i, open: c }, /* @__PURE__ */ e.createElement(E, { asChild: !0 }, m), /* @__PURE__ */ e.createElement(
-    u,
+  const [r, m] = e.useState(!1);
+  return /* @__PURE__ */ e.createElement(k, { open: r, onOpenChange: m, ...h }, /* @__PURE__ */ e.createElement(
+    S,
     {
-      onInteractOutside: p,
-      className: r(
-        "max-w-full border border-neutral-1 bg-white",
-        s
-      )
+      className: `min-h-[42px] h-fit bg-rest-s1 flex gap-1 hover:bg-hover-t1 
+        ${r || a.length > 0 ? "border-primary-1 border-click-p1 bg-click-t1" : "border-0 bg-rest-s1"}
+        ${a.length === 0 && "px-3"}
+       `,
+      asChild: !0
     },
-    (a || t) && /* @__PURE__ */ e.createElement(x, { className: "px-4 py-3" }, a && /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(o, { variant: "h3", className: "text-light-2" }, a)), t && /* @__PURE__ */ e.createElement(f, null, /* @__PURE__ */ e.createElement(o, { variant: "body4", className: "text-light-4" }, t))),
-    /* @__PURE__ */ e.createElement("div", { className: "" }, n),
-    l && /* @__PURE__ */ e.createElement(
-      h,
+    /* @__PURE__ */ e.createElement(
+      b,
       {
-        className: r("rounded-b-xl bg-light-3 px-4 py-3", g)
+        variant: "secondary",
+        role: "combobox",
+        "aria-expanded": r,
+        onClick: () => m(!r)
       },
-      l
+      a.length > 0 && /* @__PURE__ */ e.createElement("span", { className: "w-4" }, " ", a.length),
+      i,
+      /* @__PURE__ */ e.createElement(e.Fragment, null, r ? /* @__PURE__ */ e.createElement(f, { className: "w-4 h-4 opacity-50 shrink-0" }) : /* @__PURE__ */ e.createElement(E, { className: "w-4 h-4 opacity-50 shrink-0" }))
     )
+  ), /* @__PURE__ */ e.createElement(
+    I,
+    {
+      className: "w-full p-0 bg-light-1",
+      onEscapeKeyDown: () => m(!1),
+      container: p
+    },
+    /* @__PURE__ */ e.createElement(d, { className: c }, s && /* @__PURE__ */ e.createElement(y, { showIcon: !0, placeholder: "Search ..." }), /* @__PURE__ */ e.createElement(C, { className: "" }, /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(l, { variant: "body3" }, "No items found")), /* @__PURE__ */ e.createElement(N, { className: "px-0 my-1 overflow-y-auto max-h-64 custom-scrollbar" }, n.map((t) => /* @__PURE__ */ e.createElement("div", { key: t.value, className: "py-0.5 px-1.5 bg-light-1 " }, /* @__PURE__ */ e.createElement(
+      w,
+      {
+        key: t.value,
+        className: `justify-between p-2 rounded-md text-light-2 ${a.indexOf(t.value) !== -1 ? "bg-light-2" : ""}`,
+        onSelect: () => {
+          o(
+            a.includes(t.value) ? a.filter((u) => u !== t.value) : [...a, t.value]
+          ), m(!0);
+        }
+      },
+      /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, t.icon, /* @__PURE__ */ e.createElement(l, { variant: "body2" }, t.label)),
+      /* @__PURE__ */ e.createElement(
+        v,
+        {
+          className: g(
+            "h-5 w-5 stroke-brand",
+            a.includes(t.value) ? "opacity-100" : "opacity-0"
+          )
+        }
+      )
+    ))))))
   ));
 }
 export {
-  w as DialogClose,
-  E as DialogTrigger,
-  C as _Dialog
+  B as ToggleMultiSelect
 };
 //# sourceMappingURL=index.es37.js.map

package/dist/index.es37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es37.js","sources":["../src/components/organisms/dialog/dialog.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  DialogClose,\n} from './dialog-components'\nimport { DialogProps } from './dialog.types'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nfunction _Dialog({\n  trigger,\n  body,\n  title,\n  description,\n  footer,\n  onOpenChange,\n  open,\n  footerClassName,\n  contentClassName,\n  onInteractOutside,\n}: DialogProps) {\n  return (\n    <Dialog onOpenChange={onOpenChange} open={open}>\n      <DialogTrigger asChild>{trigger}</DialogTrigger>\n      <DialogContent\n        onInteractOutside={onInteractOutside}\n        className={cn(\n          'max-w-full border border-neutral-1 bg-white',\n          contentClassName\n        )}\n      >\n        {(title || description) && (\n          <DialogHeader className=\"px-4 py-3\">\n            {title && (\n              <DialogTitle>\n                <Typography variant={'h3'} className=\"text-light-2\">\n                  {title}\n                </Typography>\n              </DialogTitle>\n            )}\n            {description && (\n              <DialogDescription>\n                <Typography variant={'body4'} className=\"text-light-4\">\n                  {description}\n                </Typography>\n              </DialogDescription>\n            )}\n          </DialogHeader>\n        )}\n        <div className=\"\">{body}</div>\n        {footer && (\n          <DialogFooter\n            className={cn('rounded-b-xl bg-light-3 px-4 py-3', footerClassName)}\n          >\n            {footer}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport { _Dialog, DialogClose, DialogTrigger }\n"],"names":["_Dialog","trigger","body","title","description","footer","onOpenChange","open","footerClassName","contentClassName","onInteractOutside","React","Dialog","DialogTrigger","DialogContent","cn","DialogHeader","DialogTitle","Typography","DialogDescription","DialogFooter"],"mappings":";;;;;AAeA,SAASA,EAAQ;AAAA,EACf,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,GAAgB;AACd,SACEC,gBAAAA,EAAA,cAACC,KAAO,cAAAN,GAA4B,MAAAC,EAAA,mCACjCM,GAAA,EAAc,SAAO,GAAA,GAAEZ,CAAQ,GAChCU,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,mBAAAJ;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,IACF;AAAA,KAEEN,KAASC,MACTO,gBAAAA,EAAA,cAACK,GAAA,EAAa,WAAU,eACrBb,KACCQ,gBAAAA,EAAA,cAACM,GAAA,MACCN,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAS,MAAM,WAAU,eAAA,GAClCf,CACH,CACF,GAEDC,KACCO,gBAAAA,EAAA,cAACQ,GAAA,MACCR,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCd,CACH,CACF,CAEJ;AAAA,IAEFO,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,GAAA,GAAIT,CAAK;AAAA,IACvBG,KACCM,gBAAAA,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,WAAWL,EAAG,qCAAqCP,CAAe;AAAA,MAAA;AAAA,MAEjEH;AAAA,IAAA;AAAA,EACH,CAGN;AAEJ;"}
+{"version":3,"file":"index.es37.js","sources":["../src/components/molecules/toggle-multi-select/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '@/lib/utils'\n\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@/components/unstyled/popover/popover-components'\nimport { Typography } from '../../atoms/typography'\nimport { ToggleMultiSelectProps } from './toggle-multi-select.types'\n\nfunction ToggleMultiSelect({\n  options,\n  selected,\n  onChange,\n  className,\n  isSearchable = false,\n  icon,\n  container,\n  ...props\n}: ToggleMultiSelectProps) {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <PopoverTrigger\n        className={`min-h-[42px] h-fit bg-rest-s1 flex gap-1 hover:bg-hover-t1 \n        ${open || selected.length > 0 ? 'border-primary-1 border-click-p1 bg-click-t1' : 'border-0 bg-rest-s1'}\n        ${selected.length === 0 && 'px-3'}\n       `}\n        asChild\n      >\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          {selected.length > 0 && (\n            <span className=\"w-4\"> {selected.length}</span>\n          )}\n          {icon}\n          <>\n            {!open ? (\n              <ChevronDown className=\"w-4 h-4 opacity-50 shrink-0\" />\n            ) : (\n              <ChevronUp className=\"w-4 h-4 opacity-50 shrink-0\" />\n            )}\n          </>\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"w-full p-0 bg-light-1\"\n        onEscapeKeyDown={() => setOpen(false)}\n        container={container}\n      >\n        <Command className={className}>\n          {isSearchable && (\n            <CommandInput showIcon={true} placeholder=\"Search ...\" />\n          )}\n\n          <CommandList className=\"\">\n            <CommandEmpty>\n              <Typography variant={'body3'}>No items found</Typography>\n            </CommandEmpty>\n            <CommandGroup className=\"px-0 my-1 overflow-y-auto max-h-64 custom-scrollbar\">\n              {options.map((option) => (\n                <div key={option.value} className=\"py-0.5 px-1.5 bg-light-1 \">\n                  <CommandItem\n                    key={option.value}\n                    className={`justify-between p-2 rounded-md text-light-2 ${selected.indexOf(option.value) !== -1 ? 'bg-light-2' : ''}`}\n                    onSelect={() => {\n                      onChange(\n                        selected.includes(option.value)\n                          ? selected.filter((item) => item !== option.value)\n                          : [...selected, option.value]\n                      )\n                      setOpen(true)\n                    }}\n                  >\n                    <div className=\"flex items-center gap-1\">\n                      {option.icon}\n                      <Typography variant={'body2'}>{option.label}</Typography>\n                    </div>\n                    <Check\n                      className={cn(\n                        'h-5 w-5 stroke-brand',\n                        selected.includes(option.value)\n                          ? 'opacity-100'\n                          : 'opacity-0'\n                      )}\n                    />\n                  </CommandItem>\n                </div>\n              ))}\n            </CommandGroup>\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { ToggleMultiSelect }\n"],"names":["ToggleMultiSelect","options","selected","onChange","className","isSearchable","icon","container","props","open","setOpen","React","Popover","PopoverTrigger","Button","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","Typography","CommandGroup","option","CommandItem","item","Check","cn"],"mappings":";;;;;;;AAqBA,SAASA,EAAkB;AAAA,EACzB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAA2B;AACzB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK;AAE5C,yCACGC,GAAA,EAAQ,MAAAH,GAAY,cAAcC,GAAU,GAAGF,KAC9C,gBAAAG,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,UACTJ,KAAQP,EAAS,SAAS,IAAI,iDAAiD,qBAAqB;AAAA,UACpGA,EAAS,WAAW,KAAK,MAAM;AAAA;AAAA,MAEjC,SAAO;AAAA,IAAA;AAAA,IAEP,gBAAAS,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,iBAAeL;AAAA,QACf,SAAS,MAAMC,EAAQ,CAACD,CAAI;AAAA,MAAA;AAAA,MAE3BP,EAAS,SAAS,KACjB,gBAAAS,EAAA,cAAC,UAAK,WAAU,MAAA,GAAM,KAAET,EAAS,MAAO;AAAA,MAEzCI;AAAA,MACD,gBAAAK,EAAA,cAAAA,EAAA,UAAA,MACIF,IAGA,gBAAAE,EAAA,cAACI,GAAA,EAAU,WAAU,+BAA8B,IAFnD,gBAAAJ,EAAA,cAACK,GAAA,EAAY,WAAU,8BAAA,CAA8B,CAIzD;AAAA,IAAA;AAAA,EACF,GAEF,gBAAAL,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,iBAAiB,MAAMP,EAAQ,EAAK;AAAA,MACpC,WAAAH;AAAA,IAAA;AAAA,oCAECW,GAAA,EAAQ,WAAAd,EAAA,GACNC,KACC,gBAAAM,EAAA,cAACQ,KAAa,UAAU,IAAM,aAAY,aAAA,CAAa,GAGzD,gBAAAR,EAAA,cAACS,GAAA,EAAY,WAAU,GAAA,GACrB,gBAAAT,EAAA,cAACU,SACC,gBAAAV,EAAA,cAACW,GAAA,EAAW,SAAS,QAAA,GAAS,gBAAc,CAC9C,GACA,gBAAAX,EAAA,cAACY,GAAA,EAAa,WAAU,sDAAA,GACrBtB,EAAQ,IAAI,CAACuB,MACZ,gBAAAb,EAAA,cAAC,OAAA,EAAI,KAAKa,EAAO,OAAO,WAAU,4BAAA,GAChC,gBAAAb,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,KAAKD,EAAO;AAAA,QACZ,WAAW,+CAA+CtB,EAAS,QAAQsB,EAAO,KAAK,MAAM,KAAK,eAAe,EAAE;AAAA,QACnH,UAAU,MAAM;AACd,UAAArB;AAAA,YACED,EAAS,SAASsB,EAAO,KAAK,IAC1BtB,EAAS,OAAO,CAACwB,MAASA,MAASF,EAAO,KAAK,IAC/C,CAAC,GAAGtB,GAAUsB,EAAO,KAAK;AAAA,UAAA,GAEhCd,EAAQ,EAAI;AAAA,QACd;AAAA,MAAA;AAAA,MAEA,gBAAAC,EAAA,cAAC,OAAA,EAAI,WAAU,0BAAA,GACZa,EAAO,MACR,gBAAAb,EAAA,cAACW,GAAA,EAAW,SAAS,QAAA,GAAUE,EAAO,KAAM,CAC9C;AAAA,MACA,gBAAAb,EAAA;AAAA,QAACgB;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACA1B,EAAS,SAASsB,EAAO,KAAK,IAC1B,gBACA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA;AAAA,IACF,CAEJ,CACD,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es38.js

@@ -1,48 +1,57 @@
-import { Typography as l } from "./index.es17.js";
-import { Sheet as S, SheetTrigger as d, SheetContent as g, SheetHeader as f, SheetTitle as y, SheetDescription as N, SheetFooter as v } from "./index.es39.js";
-import { SheetClose as F } from "./index.es39.js";
-import e from "react";
-function w({
-  trigger: m,
-  content: o,
-  triggerProps: c,
-  contentProps: n,
-  title: r,
-  footer: t,
-  titleProps: h,
-  description: a,
-  descriptionProps: s,
-  onOpenChange: i,
-  open: b,
-  onInteractOutside: p,
-  bodyProps: E,
-  container: u
+import { ImageOff as p } from "lucide-react";
+import t, { useState as g } from "react";
+import { cn as o } from "./index.es89.js";
+function E({
+  items: a,
+  value: r,
+  onSelect: i,
+  columns: u = 3,
+  emptyMessage: n,
+  className: d
 }) {
-  return /* @__PURE__ */ e.createElement(S, { onOpenChange: i, open: b }, /* @__PURE__ */ e.createElement(d, { asChild: !0, ...c }, m), /* @__PURE__ */ e.createElement(
-    g,
+  const [m, f] = g(/* @__PURE__ */ new Set());
+  return a.length ? /* @__PURE__ */ t.createElement(
+    "div",
     {
-      onInteractOutside: p,
-      ...n,
-      container: u
+      className: o("grid gap-2", d),
+      style: { gridTemplateColumns: `repeat(${u}, 1fr)` }
     },
-    r && /* @__PURE__ */ e.createElement(f, { className: "border-b border-neutral-1" }, /* @__PURE__ */ e.createElement(y, { ...h }, /* @__PURE__ */ e.createElement(l, { variant: "h3", className: "text-light-2" }, r))),
-    /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        className: "p-3 overflow-y-auto",
-        style: {
-          height: t ? "calc(100vh - 8rem)" : "100%"
+    a.map((e, h) => {
+      const s = r !== void 0 && r === e.value, l = `${e.value}-${h}`, c = e.thumbnail && m.has(l);
+      return /* @__PURE__ */ t.createElement(
+        "button",
+        {
+          key: l,
+          type: "button",
+          title: e.label,
+          "aria-pressed": s,
+          onClick: () => i(e.value),
+          className: o(
+            "flex items-center justify-center rounded-lg border p-2 text-xs transition-colors",
+            s ? "border-rest-p1 bg-rest-p1 text-white" : "border-neutral-1 bg-white text-light-2 hover:border-rest-p1"
+          )
         },
-        ...E
-      },
-      a && /* @__PURE__ */ e.createElement(N, { className: "pb-3", ...s }, /* @__PURE__ */ e.createElement(l, { variant: "body2", className: "text-light-4" }, a)),
-      o
-    ),
-    t && /* @__PURE__ */ e.createElement(v, { className: "absolute bottom-0 flex items-center w-full p-3 border-t bg-light-2 border-neutral-1" }, t)
-  ));
+        e.thumbnail && !c ? /* @__PURE__ */ t.createElement(
+          "img",
+          {
+            src: e.thumbnail,
+            alt: e.label ?? "",
+            className: "h-10 w-full object-contain",
+            onError: () => f((b) => new Set(b).add(l))
+          }
+        ) : c ? /* @__PURE__ */ t.createElement(
+          "span",
+          {
+            title: "Failed to load",
+            className: "flex h-10 w-full items-center justify-center text-light-4"
+          },
+          /* @__PURE__ */ t.createElement(p, { className: "h-5 w-5" })
+        ) : e.icon ? /* @__PURE__ */ t.createElement("span", { className: "flex h-5 w-5 items-center justify-center [&_svg]:h-5 [&_svg]:w-5" }, e.icon) : e.label
+      );
+    })
+  ) : n ? /* @__PURE__ */ t.createElement("p", { className: "text-xs italic text-light-4" }, n) : null;
 }
 export {
-  F as SheetClose,
-  w as SheetPrimary
+  E as SwatchGrid
 };
 //# sourceMappingURL=index.es38.js.map

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/components/organisms/sheet/sheet.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from './sheet-components'\nimport { SheetProps } from './sheet.types'\nimport React from 'react'\n\nexport function SheetPrimary({\n  trigger,\n  content,\n  triggerProps,\n  contentProps,\n  title,\n  footer,\n  titleProps,\n  description,\n  descriptionProps,\n  onOpenChange,\n  open,\n  onInteractOutside,\n  bodyProps,\n  container,\n}: SheetProps) {\n  return (\n    <Sheet onOpenChange={onOpenChange} open={open}>\n      <SheetTrigger asChild {...triggerProps}>\n        {trigger}\n      </SheetTrigger>\n      <SheetContent\n        onInteractOutside={onInteractOutside}\n        {...contentProps}\n        container={container}\n      >\n        {title && (\n          <SheetHeader className=\"border-b border-neutral-1\">\n            <SheetTitle {...titleProps}>\n              <Typography variant={'h3'} className=\"text-light-2\">\n                {title}\n              </Typography>\n            </SheetTitle>\n          </SheetHeader>\n        )}\n        <div\n          className=\"p-3 overflow-y-auto\"\n          style={{\n            height: footer ? `calc(100vh - 8rem)` : '100%',\n          }}\n          {...bodyProps}\n        >\n          {description && (\n            <SheetDescription className=\"pb-3\" {...descriptionProps}>\n              <Typography variant={'body2'} className=\"text-light-4\">\n                {description}\n              </Typography>\n            </SheetDescription>\n          )}\n\n          {content}\n        </div>\n        {footer && (\n          <SheetFooter className=\"absolute bottom-0 flex items-center w-full p-3 border-t bg-light-2 border-neutral-1\">\n            {footer}\n          </SheetFooter>\n        )}\n      </SheetContent>\n    </Sheet>\n  )\n}\n\nexport { SheetClose }\n"],"names":["SheetPrimary","trigger","content","triggerProps","contentProps","title","footer","titleProps","description","descriptionProps","onOpenChange","open","onInteractOutside","bodyProps","container","React","Sheet","SheetTrigger","SheetContent","SheetHeader","SheetTitle","Typography","SheetDescription","SheetFooter"],"mappings":";;;;AAcO,SAASA,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAAe;AACb,SACEC,gBAAAA,EAAA,cAACC,GAAA,EAAM,cAAAN,GAA4B,MAAAC,EAAA,GACjCI,gBAAAA,EAAA,cAACE,GAAA,EAAa,SAAO,IAAE,GAAGd,EAAA,GACvBF,CACH,GACAc,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,mBAAAN;AAAA,MACC,GAAGR;AAAA,MACJ,WAAAU;AAAA,IAAA;AAAA,IAECT,KACCU,gBAAAA,EAAA,cAACI,GAAA,EAAY,WAAU,4BAAA,mCACpBC,GAAA,EAAY,GAAGb,EAAA,GACdQ,gBAAAA,EAAA,cAACM,KAAW,SAAS,MAAM,WAAU,eAAA,GAClChB,CACH,CACF,CACF;AAAA,IAEFU,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQT,IAAS,uBAAuB;AAAA,QAAA;AAAA,QAEzC,GAAGO;AAAA,MAAA;AAAA,MAEHL,KACCO,gBAAAA,EAAA,cAACO,GAAA,EAAiB,WAAU,QAAQ,GAAGb,EAAA,GACrCM,gBAAAA,EAAA,cAACM,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCb,CACH,CACF;AAAA,MAGDN;AAAA,IAAA;AAAA,IAEFI,KACCS,gBAAAA,EAAA,cAACQ,GAAA,EAAY,WAAU,yFACpBjB,CACH;AAAA,EAAA,CAGN;AAEJ;"}
+{"version":3,"file":"index.es38.js","sources":["../src/components/molecules/swatch-grid/swatch-grid.tsx"],"sourcesContent":["import { ImageOff } from 'lucide-react'\nimport React, { useState } from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { SwatchGridProps } from './swatch-grid.types'\n\nexport function SwatchGrid({\n  items,\n  value,\n  onSelect,\n  columns = 3,\n  emptyMessage,\n  className,\n}: SwatchGridProps) {\n  const [failedKeys, setFailedKeys] = useState<Set<string>>(new Set())\n\n  if (!items.length) {\n    return emptyMessage ? (\n      <p className=\"text-xs italic text-light-4\">{emptyMessage}</p>\n    ) : null\n  }\n\n  return (\n    <div\n      className={cn('grid gap-2', className)}\n      style={{ gridTemplateColumns: `repeat(${columns}, 1fr)` }}\n    >\n      {items.map((item, index) => {\n        const active = value !== undefined && value === item.value\n        const key = `${item.value}-${index}`\n        const thumbnailFailed = item.thumbnail && failedKeys.has(key)\n        return (\n          <button\n            key={key}\n            type=\"button\"\n            title={item.label}\n            aria-pressed={active}\n            onClick={() => onSelect(item.value)}\n            className={cn(\n              'flex items-center justify-center rounded-lg border p-2 text-xs transition-colors',\n              active\n                ? 'border-rest-p1 bg-rest-p1 text-white'\n                : 'border-neutral-1 bg-white text-light-2 hover:border-rest-p1'\n            )}\n          >\n            {item.thumbnail && !thumbnailFailed ? (\n              <img\n                src={item.thumbnail}\n                alt={item.label ?? ''}\n                className=\"h-10 w-full object-contain\"\n                onError={() => setFailedKeys((prev) => new Set(prev).add(key))}\n              />\n            ) : thumbnailFailed ? (\n              <span\n                title=\"Failed to load\"\n                className=\"flex h-10 w-full items-center justify-center text-light-4\"\n              >\n                <ImageOff className=\"h-5 w-5\" />\n              </span>\n            ) : item.icon ? (\n              <span className=\"flex h-5 w-5 items-center justify-center [&_svg]:h-5 [&_svg]:w-5\">\n                {item.icon}\n              </span>\n            ) : (\n              item.label\n            )}\n          </button>\n        )\n      })}\n    </div>\n  )\n}\n"],"names":["SwatchGrid","items","value","onSelect","columns","emptyMessage","className","failedKeys","setFailedKeys","useState","React","cn","item","index","active","key","thumbnailFailed","prev","ImageOff"],"mappings":";;;AAOO,SAASA,EAAW;AAAA,EACzB,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,cAAAC;AAAA,EACA,WAAAC;AACF,GAAoB;AAClB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAsB,oBAAI,KAAK;AAEnE,SAAKR,EAAM,SAOTS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,cAAcL,CAAS;AAAA,MACrC,OAAO,EAAE,qBAAqB,UAAUF,CAAO,SAAA;AAAA,IAAS;AAAA,IAEvDH,EAAM,IAAI,CAACW,GAAMC,MAAU;AAC1B,YAAMC,IAASZ,MAAU,UAAaA,MAAUU,EAAK,OAC/CG,IAAM,GAAGH,EAAK,KAAK,IAAIC,CAAK,IAC5BG,IAAkBJ,EAAK,aAAaL,EAAW,IAAIQ,CAAG;AAC5D,aACEL,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAK;AAAA,UACA,MAAK;AAAA,UACL,OAAOH,EAAK;AAAA,UACZ,gBAAcE;AAAA,UACd,SAAS,MAAMX,EAASS,EAAK,KAAK;AAAA,UAClC,WAAWD;AAAA,YACT;AAAA,YACAG,IACI,yCACA;AAAA,UAAA;AAAA,QACN;AAAA,QAECF,EAAK,aAAa,CAACI,IAClBN,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKE,EAAK;AAAA,YACV,KAAKA,EAAK,SAAS;AAAA,YACnB,WAAU;AAAA,YACV,SAAS,MAAMJ,EAAc,CAACS,MAAS,IAAI,IAAIA,CAAI,EAAE,IAAIF,CAAG,CAAC;AAAA,UAAA;AAAA,QAAA,IAE7DC,IACFN,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,WAAU;AAAA,UAAA;AAAA,UAEVA,gBAAAA,EAAA,cAACQ,GAAA,EAAS,WAAU,UAAA,CAAU;AAAA,QAAA,IAE9BN,EAAK,OACPF,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,mEAAA,GACbE,EAAK,IACR,IAEAA,EAAK;AAAA,MAAA;AAAA,IAIb,CAAC;AAAA,EAAA,IAnDIP,IACLK,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8BAAA,GAA+BL,CAAa,IACvD;AAoDR;"}

package/dist/index.es39.js

@@ -1,101 +1,15 @@
-import * as e from "react";
-import * as t from "@radix-ui/react-dialog";
-import { cva as m } from "class-variance-authority";
-import { X as c } from "lucide-react";
-import { cn as r } from "./index.es81.js";
-const v = t.Root, w = t.Trigger, E = t.Close, f = t.Portal, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Overlay,
-  {
-    className: r(
-      "fixed inset-0 z-50 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",
-      a
-    ),
-    ...o,
-    ref: s
-  }
-));
-n.displayName = t.Overlay.displayName;
-const p = m(
-  "fixed z-50 gap-4 bg-background shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
-  {
-    variants: {
-      side: {
-        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
-        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
-        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
-        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
-        custom: ""
-        // custom is to place the sheet anywhere on the screen
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), u = e.forwardRef(({ side: a = "right", className: o, children: s, container: i, ...l }, d) => /* @__PURE__ */ e.createElement(f, { container: i }, /* @__PURE__ */ e.createElement(n, null), /* @__PURE__ */ e.createElement(
-  t.Content,
-  {
-    ref: d,
-    className: r(p({ side: a }), o),
-    ...l
-  },
-  s,
-  /* @__PURE__ */ e.createElement(t.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none" }, /* @__PURE__ */ e.createElement(c, { className: "w-4 h-4" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Close"))
-)));
-u.displayName = t.Content.displayName;
-const g = ({
-  className: a,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: r("flex flex-col p-3 text-center sm:text-left", a),
-    ...o
-  }
-);
-g.displayName = "SheetHeader";
-const h = ({
-  className: a,
-  ...o
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: r(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
-    ),
-    ...o
-  }
-);
-h.displayName = "SheetFooter";
-const y = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Title,
-  {
-    ref: s,
-    className: r("text-foreground text-lg font-semibold", a),
-    ...o
-  }
-));
-y.displayName = t.Title.displayName;
-const x = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
-  t.Description,
-  {
-    ref: s,
-    className: r("text-muted-foreground text-sm", a),
-    ...o
-  }
-));
-x.displayName = t.Description.displayName;
+import { Typography as t } from "./index.es19.js";
+import { AlertDialog as i, AlertDialogTrigger as n, AlertDialogContent as m, AlertDialogHeader as g, AlertDialogTitle as c, AlertDialogDescription as p, AlertDialogFooter as s } from "./index.es40.js";
+import e from "react";
+function A({
+  trigger: l,
+  headerText: r,
+  descriptionText: a,
+  footer: o
+}) {
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(n, { asChild: !0 }, l), /* @__PURE__ */ e.createElement(m, { className: "p-0 bg-light-1 rounded-xl border-neutral-1" }, /* @__PURE__ */ e.createElement(g, { className: "px-4 pt-3 " }, /* @__PURE__ */ e.createElement(c, null, /* @__PURE__ */ e.createElement(t, { variant: "h3", className: "text-light-2 " }, r)), /* @__PURE__ */ e.createElement(p, null, /* @__PURE__ */ e.createElement(t, { variant: "body1", className: "text-light-4 " }, a))), /* @__PURE__ */ e.createElement(s, { className: "px-4 py-3 rounded-b-xl bg-light-3 gap-2.5 border-t border-neutral-2" }, o)));
+}
 export {
-  v as Sheet,
-  E as SheetClose,
-  u as SheetContent,
-  x as SheetDescription,
-  h as SheetFooter,
-  g as SheetHeader,
-  n as SheetOverlay,
-  f as SheetPortal,
-  y as SheetTitle,
-  w as SheetTrigger
+  A as AlertDialog
 };
 //# sourceMappingURL=index.es39.js.map