shad-m 1.0.0

package/dist/common/forms/switch-field.mjs

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Label } from '@/components/label';
+import { Switch } from '@/components/switch';
+import { cn } from '@/lib/utils';
+import { forwardRef } from 'react';
+
+const SwitchField = forwardRef(
+  ({
+    id,
+    label,
+    checked,
+    onCheckedChange,
+    disabled = false,
+    description,
+    className,
+    containerClassName,
+    switchClassName,
+    labelClassName,
+    descriptionClassName,
+    size = "md",
+    variant = "default",
+    labelPosition = "right",
+    direction = "horizontal",
+    ...props
+  }, ref) => {
+    const sizeVariants = {
+      sm: "space-y-1",
+      md: "space-y-2",
+      lg: "space-y-3"
+    };
+    const variantClasses = {
+      default: "",
+      success: "data-[state=checked]:bg-green-500",
+      warning: "data-[state=checked]:bg-yellow-500",
+      destructive: "data-[state=checked]:bg-red-500"
+    };
+    const directionClasses = {
+      horizontal: "flex items-center space-x-2",
+      vertical: "flex flex-col space-y-2"
+    };
+    const labelOrder = labelPosition === "left" ? "order-2" : "order-1";
+    const switchOrder = labelPosition === "left" ? "order-1" : "order-2";
+    return /* @__PURE__ */ jsxs("div", { className: cn(sizeVariants[size], className), children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            directionClasses[direction],
+            direction === "horizontal" && labelPosition === "left" && "flex-row-reverse justify-end",
+            containerClassName
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                ref,
+                id,
+                checked,
+                onCheckedChange,
+                disabled,
+                className: cn(variantClasses[variant], switchClassName, switchOrder),
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Label,
+              {
+                htmlFor: id,
+                className: cn(
+                  "cursor-pointer select-none",
+                  disabled && "cursor-not-allowed opacity-50",
+                  size === "sm" && "text-sm",
+                  size === "lg" && "text-lg font-medium",
+                  labelClassName,
+                  labelOrder
+                ),
+                children: label
+              }
+            )
+          ]
+        }
+      ),
+      description && /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cn(
+            "text-muted-foreground",
+            size === "sm" && "text-xs",
+            size === "md" && "text-sm",
+            size === "lg" && "text-base",
+            disabled && "opacity-50",
+            descriptionClassName
+          ),
+          children: description
+        }
+      )
+    ] });
+  }
+);
+SwitchField.displayName = "SwitchField";
+
+export { SwitchField };
+//# sourceMappingURL=switch-field.mjs.map
+//# sourceMappingURL=switch-field.mjs.map

package/dist/common/forms/switch-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/forms/switch-field.tsx"],"names":[],"mappings":";;;;;;AAyBO,MAAM,WAAA,GAAc,UAAA;AAAA,EACzB,CACE;AAAA,IACE,EAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,WAAA;AAAA,IACA,SAAA;AAAA,IACA,kBAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,IACA,oBAAA;AAAA,IACA,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,aAAA,GAAgB,OAAA;AAAA,IAChB,SAAA,GAAY,YAAA;AAAA,IACZ,GAAG;AAAA,KAEL,GAAA,KACG;AAEH,IAAA,MAAM,YAAA,GAAe;AAAA,MACnB,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI,WAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAGA,IAAA,MAAM,cAAA,GAAiB;AAAA,MACrB,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,mCAAA;AAAA,MACT,OAAA,EAAS,oCAAA;AAAA,MACT,WAAA,EAAa;AAAA,KACf;AAGA,IAAA,MAAM,gBAAA,GAAmB;AAAA,MACvB,UAAA,EAAY,6BAAA;AAAA,MACZ,QAAA,EAAU;AAAA,KACZ;AAGA,IAAA,MAAM,UAAA,GAAa,aAAA,KAAkB,MAAA,GAAS,SAAA,GAAY,SAAA;AAC1D,IAAA,MAAM,WAAA,GAAc,aAAA,KAAkB,MAAA,GAAS,SAAA,GAAY,SAAA;AAE3D,IAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,EAAA,CAAG,aAAa,IAAI,CAAA,EAAG,SAAS,CAAA,EAC9C,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,iBAAiB,SAAS,CAAA;AAAA,YAC1B,SAAA,KAAc,YAAA,IACZ,aAAA,KAAkB,MAAA,IAClB,8BAAA;AAAA,YACF;AAAA,WACF;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,GAAA;AAAA,gBACA,EAAA;AAAA,gBACA,OAAA;AAAA,gBACA,eAAA;AAAA,gBACA,QAAA;AAAA,gBACA,WAAW,EAAA,CAAG,cAAA,CAAe,OAAO,CAAA,EAAG,iBAAiB,WAAW,CAAA;AAAA,gBAClE,GAAG;AAAA;AAAA,aACN;AAAA,4BACA,GAAA;AAAA,cAAC,KAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,EAAA;AAAA,gBACT,SAAA,EAAW,EAAA;AAAA,kBACT,4BAAA;AAAA,kBACA,QAAA,IAAY,+BAAA;AAAA,kBACZ,SAAS,IAAA,IAAQ,SAAA;AAAA,kBACjB,SAAS,IAAA,IAAQ,qBAAA;AAAA,kBACjB,cAAA;AAAA,kBACA;AAAA,iBACF;AAAA,gBAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,OACF;AAAA,MACC,WAAA,oBACC,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,uBAAA;AAAA,YACA,SAAS,IAAA,IAAQ,SAAA;AAAA,YACjB,SAAS,IAAA,IAAQ,SAAA;AAAA,YACjB,SAAS,IAAA,IAAQ,WAAA;AAAA,YACjB,QAAA,IAAY,YAAA;AAAA,YACZ;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA;AAAA,EAEJ;AACF;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"switch-field.mjs","sourcesContent":["'use client';\n\nimport { Label } from '@/components/label';\nimport { Switch } from '@/components/switch';\nimport { cn } from '@/lib/utils';\nimport { forwardRef } from 'react';\n\nexport interface SwitchFieldProps {\n  id: string;\n  label: string;\n  checked?: boolean;\n  onCheckedChange?: (_checked: boolean) => void;\n  disabled?: boolean;\n  description?: string;\n  className?: string;\n  containerClassName?: string;\n  switchClassName?: string;\n  labelClassName?: string;\n  descriptionClassName?: string;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: 'default' | 'success' | 'warning' | 'destructive';\n  labelPosition?: 'left' | 'right';\n  direction?: 'horizontal' | 'vertical';\n}\n\nexport const SwitchField = forwardRef<React.ElementRef<typeof Switch>, SwitchFieldProps>(\n  (\n    {\n      id,\n      label,\n      checked,\n      onCheckedChange,\n      disabled = false,\n      description,\n      className,\n      containerClassName,\n      switchClassName,\n      labelClassName,\n      descriptionClassName,\n      size = 'md',\n      variant = 'default',\n      labelPosition = 'right',\n      direction = 'horizontal',\n      ...props\n    },\n    ref,\n  ) => {\n    // Size variants for the container\n    const sizeVariants = {\n      sm: 'space-y-1',\n      md: 'space-y-2',\n      lg: 'space-y-3',\n    };\n\n    // Variant classes for different states\n    const variantClasses = {\n      default: '',\n      success: 'data-[state=checked]:bg-green-500',\n      warning: 'data-[state=checked]:bg-yellow-500',\n      destructive: 'data-[state=checked]:bg-red-500',\n    };\n\n    // Layout direction classes\n    const directionClasses = {\n      horizontal: 'flex items-center space-x-2',\n      vertical: 'flex flex-col space-y-2',\n    };\n\n    // Label position classes\n    const labelOrder = labelPosition === 'left' ? 'order-2' : 'order-1';\n    const switchOrder = labelPosition === 'left' ? 'order-1' : 'order-2';\n\n    return (\n      <div className={cn(sizeVariants[size], className)}>\n        <div\n          className={cn(\n            directionClasses[direction],\n            direction === 'horizontal' &&\n              labelPosition === 'left' &&\n              'flex-row-reverse justify-end',\n            containerClassName,\n          )}\n        >\n          <Switch\n            ref={ref}\n            id={id}\n            checked={checked}\n            onCheckedChange={onCheckedChange}\n            disabled={disabled}\n            className={cn(variantClasses[variant], switchClassName, switchOrder)}\n            {...props}\n          />\n          <Label\n            htmlFor={id}\n            className={cn(\n              'cursor-pointer select-none',\n              disabled && 'cursor-not-allowed opacity-50',\n              size === 'sm' && 'text-sm',\n              size === 'lg' && 'text-lg font-medium',\n              labelClassName,\n              labelOrder,\n            )}\n          >\n            {label}\n          </Label>\n        </div>\n        {description && (\n          <p\n            className={cn(\n              'text-muted-foreground',\n              size === 'sm' && 'text-xs',\n              size === 'md' && 'text-sm',\n              size === 'lg' && 'text-base',\n              disabled && 'opacity-50',\n              descriptionClassName,\n            )}\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nSwitchField.displayName = 'SwitchField';\n"]}

package/dist/common/interactive/alert-dialog-wrapper.d.ts

@@ -0,0 +1,41 @@
+import * as React from 'react';
+import { AlertDialogContent, alertDialogVariants, type VariantProps } from '../../components/alert-dialog';
+interface AlertDialogWrapperProps extends React.ComponentPropsWithoutRef<typeof AlertDialogContent> {
+    trigger?: React.ReactNode;
+    triggerAsChild?: boolean;
+    triggerClassName?: string;
+    showHeader?: boolean;
+    title?: string;
+    titleClassName?: string;
+    description?: string;
+    descriptionClassName?: string;
+    headerClassName?: string;
+    headerContent?: React.ReactNode;
+    showFooter?: boolean;
+    footerContent?: React.ReactNode;
+    footerClassName?: string;
+    actionLabel?: string;
+    actionVariant?: 'default' | 'destructive';
+    actionClassName?: string;
+    onActionClick?: () => void;
+    cancelLabel?: string;
+    cancelClassName?: string;
+    onCancelClick?: () => void;
+    showDefaultActions?: boolean;
+    children?: React.ReactNode;
+    contentClassName?: string;
+    childrenClassName?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    autoHeight?: boolean;
+    hasCloseButton?: boolean;
+    size?: VariantProps<typeof alertDialogVariants>['size'];
+    trackingNameView?: string;
+    trackingNameClose?: string;
+    trackingData?: Record<string, any>;
+    trackingIndex?: number;
+}
+declare const AlertDialogWrapper: React.ForwardRefExoticComponent<AlertDialogWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export { AlertDialogWrapper, type AlertDialogWrapperProps };
+//# sourceMappingURL=alert-dialog-wrapper.d.ts.map

package/dist/common/interactive/alert-dialog-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog-wrapper.d.ts","sourceRoot":"","sources":["../../../src/common/interactive/alert-dialog-wrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAIL,kBAAkB,EAMlB,mBAAmB,EACnB,KAAK,YAAY,EAClB,MAAM,+BAA+B,CAAC;AAGvC,UAAU,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CACtE,OAAO,kBAAkB,CAC1B;IAEC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAGhC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAG7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAG3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IAGtB,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB,cAAc,CAAC,EAAE,OAAO,CAAC;IAGzB,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAGxD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,kBAAkB,gGAgKvB,CAAC;AAIF,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,CAAC"}

package/dist/common/interactive/alert-dialog-wrapper.js

@@ -0,0 +1,141 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useDevice = require('@/hooks/useDevice');
+var utils = require('@/lib/utils');
+var alertDialog = require('../../components/alert-dialog');
+var scrollArea = require('../../components/scroll-area');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const AlertDialogWrapper = React__namespace.forwardRef(
+  ({
+    // Trigger props
+    trigger,
+    triggerAsChild = false,
+    triggerClassName,
+    // Header props
+    showHeader = true,
+    title,
+    titleClassName,
+    description,
+    descriptionClassName,
+    headerClassName,
+    headerContent,
+    // Footer props
+    showFooter = true,
+    footerContent,
+    footerClassName,
+    // Action buttons
+    actionLabel = "Confirm",
+    actionVariant = "default",
+    actionClassName,
+    onActionClick,
+    cancelLabel = "Cancel",
+    cancelClassName,
+    onCancelClick,
+    showDefaultActions = true,
+    // Content props
+    children,
+    contentClassName,
+    childrenClassName,
+    // AlertDialog behavior props
+    open,
+    onOpenChange,
+    defaultOpen,
+    // ScrollArea props
+    autoHeight = true,
+    // Close button props
+    hasCloseButton = true,
+    // Size variants
+    size = "lg",
+    // Tracking props
+    trackingNameView,
+    trackingNameClose,
+    trackingData,
+    trackingIndex,
+    // Other props
+    className,
+    ...props
+  }, ref) => {
+    const { isDesktop } = useDevice.useDevice();
+    const effectiveAutoHeight = autoHeight && isDesktop;
+    const contentComponent = effectiveAutoHeight ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-full overflow-y-auto px-4 py-2 pb-4", childrenClassName), children }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea, { className: "h-full w-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("h-full px-4", childrenClassName), children }) }) });
+    return /* @__PURE__ */ jsxRuntime.jsxs(alertDialog.AlertDialog, { open, onOpenChange, defaultOpen, children: [
+      trigger && /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTrigger, { asChild: triggerAsChild, className: triggerClassName, children: trigger }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        alertDialog.AlertDialogContent,
+        {
+          ref,
+          hasCloseButton,
+          size,
+          trackingNameView,
+          trackingNameClose,
+          trackingData,
+          trackingIndex,
+          className: utils.cn(
+            "flex flex-col p-0",
+            // For autoHeight dialogs on desktop, handle max-height
+            effectiveAutoHeight && "max-h-full lg:max-h-[88vh]",
+            // Default height for non-full size dialogs or mobile/tablet
+            !effectiveAutoHeight && size !== "full" && "h-full lg:h-[500px]",
+            className,
+            contentClassName
+          ),
+          ...props,
+          children: [
+            showHeader && (title || description || headerContent) && /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogHeader, { className: utils.cn("flex-shrink-0", headerClassName), children: headerContent ? headerContent : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogTitle, { className: titleClassName, children: title }),
+              description && /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogDescription, { className: descriptionClassName, children: description })
+            ] }) }),
+            contentComponent,
+            showFooter && /* @__PURE__ */ jsxRuntime.jsx(
+              alertDialog.AlertDialogFooter,
+              {
+                className: utils.cn("border-border flex-shrink-0 border-t p-4", footerClassName),
+                children: footerContent ? footerContent : showDefaultActions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(alertDialog.AlertDialogCancel, { className: cancelClassName, onClick: onCancelClick, children: cancelLabel }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    alertDialog.AlertDialogAction,
+                    {
+                      className: utils.cn(
+                        actionVariant === "destructive" && "bg-destructive hover:bg-destructive/90",
+                        actionClassName
+                      ),
+                      onClick: onActionClick,
+                      children: actionLabel
+                    }
+                  )
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+AlertDialogWrapper.displayName = "AlertDialogWrapper";
+
+exports.AlertDialogWrapper = AlertDialogWrapper;
+//# sourceMappingURL=alert-dialog-wrapper.js.map
+//# sourceMappingURL=alert-dialog-wrapper.js.map

package/dist/common/interactive/alert-dialog-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/alert-dialog-wrapper.tsx"],"names":["React","useDevice","jsx","cn","ScrollArea","jsxs","AlertDialog","AlertDialogTrigger","AlertDialogContent","AlertDialogHeader","Fragment","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"mappings":"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","file":"alert-dialog-wrapper.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  alertDialogVariants,\n  type VariantProps,\n} from '../../components/alert-dialog';\nimport { ScrollArea } from '../../components/scroll-area';\n\ninterface AlertDialogWrapperProps extends React.ComponentPropsWithoutRef<\n  typeof AlertDialogContent\n> {\n  // Trigger props\n  trigger?: React.ReactNode;\n  triggerAsChild?: boolean;\n  triggerClassName?: string;\n\n  // Header props\n  showHeader?: boolean;\n  title?: string;\n  titleClassName?: string;\n  description?: string;\n  descriptionClassName?: string;\n  headerClassName?: string;\n  headerContent?: React.ReactNode;\n\n  // Footer props\n  showFooter?: boolean;\n  footerContent?: React.ReactNode;\n  footerClassName?: string;\n\n  // Action buttons\n  actionLabel?: string;\n  actionVariant?: 'default' | 'destructive';\n  actionClassName?: string;\n  onActionClick?: () => void;\n\n  cancelLabel?: string;\n  cancelClassName?: string;\n  onCancelClick?: () => void;\n\n  showDefaultActions?: boolean;\n\n  // Content props\n  children?: React.ReactNode;\n  contentClassName?: string;\n  childrenClassName?: string;\n\n  // AlertDialog behavior props\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n\n  // ScrollArea props\n  autoHeight?: boolean;\n\n  // Close button props\n  hasCloseButton?: boolean;\n\n  // Size variants\n  size?: VariantProps<typeof alertDialogVariants>['size'];\n\n  // Tracking props\n  trackingNameView?: string;\n  trackingNameClose?: string;\n  trackingData?: Record<string, any>;\n  trackingIndex?: number;\n}\n\nconst AlertDialogWrapper = React.forwardRef<\n  React.ElementRef<typeof AlertDialogContent>,\n  AlertDialogWrapperProps\n>(\n  (\n    {\n      // Trigger props\n      trigger,\n      triggerAsChild = false,\n      triggerClassName,\n\n      // Header props\n      showHeader = true,\n      title,\n      titleClassName,\n      description,\n      descriptionClassName,\n      headerClassName,\n      headerContent,\n\n      // Footer props\n      showFooter = true,\n      footerContent,\n      footerClassName,\n\n      // Action buttons\n      actionLabel = 'Confirm',\n      actionVariant = 'default',\n      actionClassName,\n      onActionClick,\n\n      cancelLabel = 'Cancel',\n      cancelClassName,\n      onCancelClick,\n\n      showDefaultActions = true,\n\n      // Content props\n      children,\n      contentClassName,\n      childrenClassName,\n\n      // AlertDialog behavior props\n      open,\n      onOpenChange,\n      defaultOpen,\n\n      // ScrollArea props\n      autoHeight = true,\n\n      // Close button props\n      hasCloseButton = true,\n\n      // Size variants\n      size = 'lg',\n\n      // Tracking props\n      trackingNameView,\n      trackingNameClose,\n      trackingData,\n      trackingIndex,\n\n      // Other props\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n\n    // autoHeight only works on desktop, mobile/tablet always use ScrollArea (full screen)\n    const effectiveAutoHeight = autoHeight && isDesktop;\n\n    const contentComponent = effectiveAutoHeight ? (\n      <div className={cn('h-full overflow-y-auto px-4 py-2 pb-4', childrenClassName)}>\n        {children}\n      </div>\n    ) : (\n      <div className=\"h-full min-h-0 flex-1\">\n        <ScrollArea className=\"h-full w-full\">\n          <div className={cn('h-full px-4', childrenClassName)}>{children}</div>\n        </ScrollArea>\n      </div>\n    );\n\n    return (\n      <AlertDialog open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>\n        {trigger && (\n          <AlertDialogTrigger asChild={triggerAsChild} className={triggerClassName}>\n            {trigger}\n          </AlertDialogTrigger>\n        )}\n\n        <AlertDialogContent\n          ref={ref}\n          hasCloseButton={hasCloseButton}\n          size={size}\n          trackingNameView={trackingNameView}\n          trackingNameClose={trackingNameClose}\n          trackingData={trackingData}\n          trackingIndex={trackingIndex}\n          className={cn(\n            'flex flex-col p-0',\n            // For autoHeight dialogs on desktop, handle max-height\n            effectiveAutoHeight && 'max-h-full lg:max-h-[88vh]',\n            // Default height for non-full size dialogs or mobile/tablet\n            !effectiveAutoHeight && size !== 'full' && 'h-full lg:h-[500px]',\n            className,\n            contentClassName,\n          )}\n          {...props}\n        >\n          {showHeader && (title || description || headerContent) && (\n            <AlertDialogHeader className={cn('flex-shrink-0', headerClassName)}>\n              {headerContent ? (\n                headerContent\n              ) : (\n                <>\n                  {title && <AlertDialogTitle className={titleClassName}>{title}</AlertDialogTitle>}\n                  {description && (\n                    <AlertDialogDescription className={descriptionClassName}>\n                      {description}\n                    </AlertDialogDescription>\n                  )}\n                </>\n              )}\n            </AlertDialogHeader>\n          )}\n\n          {contentComponent}\n\n          {showFooter && (\n            <AlertDialogFooter\n              className={cn('border-border flex-shrink-0 border-t p-4', footerClassName)}\n            >\n              {footerContent\n                ? footerContent\n                : showDefaultActions && (\n                    <>\n                      <AlertDialogCancel className={cancelClassName} onClick={onCancelClick}>\n                        {cancelLabel}\n                      </AlertDialogCancel>\n                      <AlertDialogAction\n                        className={cn(\n                          actionVariant === 'destructive' &&\n                            'bg-destructive hover:bg-destructive/90',\n                          actionClassName,\n                        )}\n                        onClick={onActionClick}\n                      >\n                        {actionLabel}\n                      </AlertDialogAction>\n                    </>\n                  )}\n            </AlertDialogFooter>\n          )}\n        </AlertDialogContent>\n      </AlertDialog>\n    );\n  },\n);\n\nAlertDialogWrapper.displayName = 'AlertDialogWrapper';\n\nexport { AlertDialogWrapper, type AlertDialogWrapperProps };\n"]}

package/dist/common/interactive/alert-dialog-wrapper.mjs

@@ -0,0 +1,119 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useDevice } from '@/hooks/useDevice';
+import { cn } from '@/lib/utils';
+import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '../../components/alert-dialog';
+import { ScrollArea } from '../../components/scroll-area';
+
+const AlertDialogWrapper = React.forwardRef(
+  ({
+    // Trigger props
+    trigger,
+    triggerAsChild = false,
+    triggerClassName,
+    // Header props
+    showHeader = true,
+    title,
+    titleClassName,
+    description,
+    descriptionClassName,
+    headerClassName,
+    headerContent,
+    // Footer props
+    showFooter = true,
+    footerContent,
+    footerClassName,
+    // Action buttons
+    actionLabel = "Confirm",
+    actionVariant = "default",
+    actionClassName,
+    onActionClick,
+    cancelLabel = "Cancel",
+    cancelClassName,
+    onCancelClick,
+    showDefaultActions = true,
+    // Content props
+    children,
+    contentClassName,
+    childrenClassName,
+    // AlertDialog behavior props
+    open,
+    onOpenChange,
+    defaultOpen,
+    // ScrollArea props
+    autoHeight = true,
+    // Close button props
+    hasCloseButton = true,
+    // Size variants
+    size = "lg",
+    // Tracking props
+    trackingNameView,
+    trackingNameClose,
+    trackingData,
+    trackingIndex,
+    // Other props
+    className,
+    ...props
+  }, ref) => {
+    const { isDesktop } = useDevice();
+    const effectiveAutoHeight = autoHeight && isDesktop;
+    const contentComponent = effectiveAutoHeight ? /* @__PURE__ */ jsx("div", { className: cn("h-full overflow-y-auto px-4 py-2 pb-4", childrenClassName), children }) : /* @__PURE__ */ jsx("div", { className: "h-full min-h-0 flex-1", children: /* @__PURE__ */ jsx(ScrollArea, { className: "h-full w-full", children: /* @__PURE__ */ jsx("div", { className: cn("h-full px-4", childrenClassName), children }) }) });
+    return /* @__PURE__ */ jsxs(AlertDialog, { open, onOpenChange, defaultOpen, children: [
+      trigger && /* @__PURE__ */ jsx(AlertDialogTrigger, { asChild: triggerAsChild, className: triggerClassName, children: trigger }),
+      /* @__PURE__ */ jsxs(
+        AlertDialogContent,
+        {
+          ref,
+          hasCloseButton,
+          size,
+          trackingNameView,
+          trackingNameClose,
+          trackingData,
+          trackingIndex,
+          className: cn(
+            "flex flex-col p-0",
+            // For autoHeight dialogs on desktop, handle max-height
+            effectiveAutoHeight && "max-h-full lg:max-h-[88vh]",
+            // Default height for non-full size dialogs or mobile/tablet
+            !effectiveAutoHeight && size !== "full" && "h-full lg:h-[500px]",
+            className,
+            contentClassName
+          ),
+          ...props,
+          children: [
+            showHeader && (title || description || headerContent) && /* @__PURE__ */ jsx(AlertDialogHeader, { className: cn("flex-shrink-0", headerClassName), children: headerContent ? headerContent : /* @__PURE__ */ jsxs(Fragment, { children: [
+              title && /* @__PURE__ */ jsx(AlertDialogTitle, { className: titleClassName, children: title }),
+              description && /* @__PURE__ */ jsx(AlertDialogDescription, { className: descriptionClassName, children: description })
+            ] }) }),
+            contentComponent,
+            showFooter && /* @__PURE__ */ jsx(
+              AlertDialogFooter,
+              {
+                className: cn("border-border flex-shrink-0 border-t p-4", footerClassName),
+                children: footerContent ? footerContent : showDefaultActions && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(AlertDialogCancel, { className: cancelClassName, onClick: onCancelClick, children: cancelLabel }),
+                  /* @__PURE__ */ jsx(
+                    AlertDialogAction,
+                    {
+                      className: cn(
+                        actionVariant === "destructive" && "bg-destructive hover:bg-destructive/90",
+                        actionClassName
+                      ),
+                      onClick: onActionClick,
+                      children: actionLabel
+                    }
+                  )
+                ] })
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+AlertDialogWrapper.displayName = "AlertDialogWrapper";
+
+export { AlertDialogWrapper };
+//# sourceMappingURL=alert-dialog-wrapper.mjs.map
+//# sourceMappingURL=alert-dialog-wrapper.mjs.map

package/dist/common/interactive/alert-dialog-wrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/common/interactive/alert-dialog-wrapper.tsx"],"names":[],"mappings":"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","file":"alert-dialog-wrapper.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useDevice } from '@/hooks/useDevice';\nimport { cn } from '@/lib/utils';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  alertDialogVariants,\n  type VariantProps,\n} from '../../components/alert-dialog';\nimport { ScrollArea } from '../../components/scroll-area';\n\ninterface AlertDialogWrapperProps extends React.ComponentPropsWithoutRef<\n  typeof AlertDialogContent\n> {\n  // Trigger props\n  trigger?: React.ReactNode;\n  triggerAsChild?: boolean;\n  triggerClassName?: string;\n\n  // Header props\n  showHeader?: boolean;\n  title?: string;\n  titleClassName?: string;\n  description?: string;\n  descriptionClassName?: string;\n  headerClassName?: string;\n  headerContent?: React.ReactNode;\n\n  // Footer props\n  showFooter?: boolean;\n  footerContent?: React.ReactNode;\n  footerClassName?: string;\n\n  // Action buttons\n  actionLabel?: string;\n  actionVariant?: 'default' | 'destructive';\n  actionClassName?: string;\n  onActionClick?: () => void;\n\n  cancelLabel?: string;\n  cancelClassName?: string;\n  onCancelClick?: () => void;\n\n  showDefaultActions?: boolean;\n\n  // Content props\n  children?: React.ReactNode;\n  contentClassName?: string;\n  childrenClassName?: string;\n\n  // AlertDialog behavior props\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  defaultOpen?: boolean;\n\n  // ScrollArea props\n  autoHeight?: boolean;\n\n  // Close button props\n  hasCloseButton?: boolean;\n\n  // Size variants\n  size?: VariantProps<typeof alertDialogVariants>['size'];\n\n  // Tracking props\n  trackingNameView?: string;\n  trackingNameClose?: string;\n  trackingData?: Record<string, any>;\n  trackingIndex?: number;\n}\n\nconst AlertDialogWrapper = React.forwardRef<\n  React.ElementRef<typeof AlertDialogContent>,\n  AlertDialogWrapperProps\n>(\n  (\n    {\n      // Trigger props\n      trigger,\n      triggerAsChild = false,\n      triggerClassName,\n\n      // Header props\n      showHeader = true,\n      title,\n      titleClassName,\n      description,\n      descriptionClassName,\n      headerClassName,\n      headerContent,\n\n      // Footer props\n      showFooter = true,\n      footerContent,\n      footerClassName,\n\n      // Action buttons\n      actionLabel = 'Confirm',\n      actionVariant = 'default',\n      actionClassName,\n      onActionClick,\n\n      cancelLabel = 'Cancel',\n      cancelClassName,\n      onCancelClick,\n\n      showDefaultActions = true,\n\n      // Content props\n      children,\n      contentClassName,\n      childrenClassName,\n\n      // AlertDialog behavior props\n      open,\n      onOpenChange,\n      defaultOpen,\n\n      // ScrollArea props\n      autoHeight = true,\n\n      // Close button props\n      hasCloseButton = true,\n\n      // Size variants\n      size = 'lg',\n\n      // Tracking props\n      trackingNameView,\n      trackingNameClose,\n      trackingData,\n      trackingIndex,\n\n      // Other props\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isDesktop } = useDevice();\n\n    // autoHeight only works on desktop, mobile/tablet always use ScrollArea (full screen)\n    const effectiveAutoHeight = autoHeight && isDesktop;\n\n    const contentComponent = effectiveAutoHeight ? (\n      <div className={cn('h-full overflow-y-auto px-4 py-2 pb-4', childrenClassName)}>\n        {children}\n      </div>\n    ) : (\n      <div className=\"h-full min-h-0 flex-1\">\n        <ScrollArea className=\"h-full w-full\">\n          <div className={cn('h-full px-4', childrenClassName)}>{children}</div>\n        </ScrollArea>\n      </div>\n    );\n\n    return (\n      <AlertDialog open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>\n        {trigger && (\n          <AlertDialogTrigger asChild={triggerAsChild} className={triggerClassName}>\n            {trigger}\n          </AlertDialogTrigger>\n        )}\n\n        <AlertDialogContent\n          ref={ref}\n          hasCloseButton={hasCloseButton}\n          size={size}\n          trackingNameView={trackingNameView}\n          trackingNameClose={trackingNameClose}\n          trackingData={trackingData}\n          trackingIndex={trackingIndex}\n          className={cn(\n            'flex flex-col p-0',\n            // For autoHeight dialogs on desktop, handle max-height\n            effectiveAutoHeight && 'max-h-full lg:max-h-[88vh]',\n            // Default height for non-full size dialogs or mobile/tablet\n            !effectiveAutoHeight && size !== 'full' && 'h-full lg:h-[500px]',\n            className,\n            contentClassName,\n          )}\n          {...props}\n        >\n          {showHeader && (title || description || headerContent) && (\n            <AlertDialogHeader className={cn('flex-shrink-0', headerClassName)}>\n              {headerContent ? (\n                headerContent\n              ) : (\n                <>\n                  {title && <AlertDialogTitle className={titleClassName}>{title}</AlertDialogTitle>}\n                  {description && (\n                    <AlertDialogDescription className={descriptionClassName}>\n                      {description}\n                    </AlertDialogDescription>\n                  )}\n                </>\n              )}\n            </AlertDialogHeader>\n          )}\n\n          {contentComponent}\n\n          {showFooter && (\n            <AlertDialogFooter\n              className={cn('border-border flex-shrink-0 border-t p-4', footerClassName)}\n            >\n              {footerContent\n                ? footerContent\n                : showDefaultActions && (\n                    <>\n                      <AlertDialogCancel className={cancelClassName} onClick={onCancelClick}>\n                        {cancelLabel}\n                      </AlertDialogCancel>\n                      <AlertDialogAction\n                        className={cn(\n                          actionVariant === 'destructive' &&\n                            'bg-destructive hover:bg-destructive/90',\n                          actionClassName,\n                        )}\n                        onClick={onActionClick}\n                      >\n                        {actionLabel}\n                      </AlertDialogAction>\n                    </>\n                  )}\n            </AlertDialogFooter>\n          )}\n        </AlertDialogContent>\n      </AlertDialog>\n    );\n  },\n);\n\nAlertDialogWrapper.displayName = 'AlertDialogWrapper';\n\nexport { AlertDialogWrapper, type AlertDialogWrapperProps };\n"]}

package/dist/common/interactive/autocomplete.d.ts

@@ -0,0 +1,21 @@
+import { Option } from '@/common/interactive/select';
+import { ApiSearchFunction, ApiSearchPaginatedFunction } from '@/common/interactive/select-with-api';
+import * as React from 'react';
+type Props<T extends string> = {
+    label?: string;
+    placeholder?: string;
+    options?: Option[];
+    searchApi?: ApiSearchFunction<Option> | ApiSearchPaginatedFunction<Option>;
+    value?: string;
+    onInputChange?: (value?: string) => void;
+    onSelectChange?: (value?: Option) => void;
+    children?: React.ReactNode;
+    enableAddNewItem?: boolean;
+    newItemOption?: (value: string) => Option | null;
+    renderOption?: (option: Option, isNewItem?: boolean) => React.ReactNode;
+    renderEmpty?: () => React.ReactNode;
+    className?: string;
+};
+export declare function AutoComplete<T extends string>({ label, placeholder, options, searchApi, value, onInputChange, onSelectChange, children, enableAddNewItem, newItemOption, renderOption, className, renderEmpty, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=autocomplete.d.ts.map

package/dist/common/interactive/autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/common/interactive/autocomplete.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,0BAA0B,EAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAU,EACV,WAAgB,EAChB,OAAO,EACP,SAAS,EACT,KAAK,EACL,aAAa,EACb,cAAc,EACd,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,2CAkLV"}