@mieweb/ui 0.2.4 → 0.3.0-dev.101

package/dist/chunk-KQAXXJ4G.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/QuickAction/QuickAction.tsx"],"names":["cva","React","jsxs","Fragment","jsx","cn"],"mappings":"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","file":"chunk-KQAXXJ4G.cjs","sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst quickActionIconVariants = cva(\n  ['flex items-center justify-center rounded-xl', 'h-10 w-10'],\n  {\n    variants: {\n      color: {\n        primary:\n          'bg-primary-100 text-primary-800 dark:bg-primary-900/50 dark:text-primary-400',\n        green:\n          'bg-emerald-100 text-emerald-600 dark:bg-emerald-900/50 dark:text-emerald-400',\n        purple:\n          'bg-violet-100 text-violet-600 dark:bg-violet-900/50 dark:text-violet-400',\n        orange:\n          'bg-orange-100 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400',\n        blue: 'bg-sky-100 text-sky-600 dark:bg-sky-900/50 dark:text-sky-400',\n        red: 'bg-rose-100 text-rose-600 dark:bg-rose-900/50 dark:text-rose-400',\n        amber:\n          'bg-amber-100 text-amber-600 dark:bg-amber-900/50 dark:text-amber-400',\n        neutral:\n          'bg-neutral-100 text-neutral-600 dark:bg-neutral-800 dark:text-neutral-400',\n      },\n    },\n    defaultVariants: {\n      color: 'primary',\n    },\n  }\n);\n\nconst quickActionVariants = cva(\n  [\n    'flex items-center gap-3 rounded-xl border p-4 text-left',\n    'transition-colors duration-200',\n    'border-neutral-200 bg-white',\n    'hover:border-primary-300 hover:bg-primary-50',\n    'dark:border-neutral-700 dark:bg-neutral-800',\n    'dark:hover:border-primary-700 dark:hover:bg-primary-900/20',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n    'dark:focus-visible:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      disabled: {\n        true: [\n          'opacity-50 cursor-not-allowed',\n          'hover:border-neutral-200 hover:bg-white',\n          'dark:hover:border-neutral-700 dark:hover:bg-neutral-800',\n        ],\n        false: 'cursor-pointer',\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n);\n\nexport type QuickActionColor =\n  | 'primary'\n  | 'green'\n  | 'purple'\n  | 'orange'\n  | 'blue'\n  | 'red'\n  | 'amber'\n  | 'neutral';\n\nexport interface QuickActionProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'color' | 'disabled'\n> {\n  /** The main title text */\n  title: string;\n  /** The subtitle/description text */\n  subtitle: string;\n  /** Icon to display in the colored background */\n  icon: React.ReactNode;\n  /** Color theme for the icon background */\n  color?: QuickActionColor;\n  /** Render as a different element (e.g., 'a' for links) */\n  as?: 'button' | 'a';\n  /** URL when rendered as a link */\n  href?: string;\n  /** Whether the action is disabled */\n  disabled?: boolean;\n}\n\n/**\n * A quick action card component for dashboard navigation.\n * Displays an icon, title, and subtitle in a compact, clickable card.\n *\n * @example\n * ```tsx\n * <QuickAction\n *   title=\"Schedule Exam\"\n *   subtitle=\"Find providers nearby\"\n *   color=\"primary\"\n *   icon={<CalendarIcon className=\"h-5 w-5\" />}\n *   onClick={() => navigate('/schedule')}\n * />\n * ```\n */\nconst QuickAction = React.forwardRef<HTMLButtonElement, QuickActionProps>(\n  (\n    {\n      className,\n      title,\n      subtitle,\n      icon,\n      color = 'primary',\n      disabled,\n      as = 'button',\n      href,\n      ...props\n    },\n    ref\n  ) => {\n    const content = (\n      <>\n        <div\n          data-slot=\"quick-action-icon\"\n          className={cn(quickActionIconVariants({ color }))}\n        >\n          {icon}\n        </div>\n        <div data-slot=\"quick-action-content\">\n          <div\n            data-slot=\"quick-action-title\"\n            className=\"font-medium text-neutral-900 dark:text-white\"\n          >\n            {title}\n          </div>\n          <div\n            data-slot=\"quick-action-subtitle\"\n            className=\"text-muted-foreground text-xs\"\n          >\n            {subtitle}\n          </div>\n        </div>\n      </>\n    );\n\n    if (as === 'a' && href) {\n      return (\n        <a\n          data-slot=\"quick-action\"\n          href={href}\n          className={cn(quickActionVariants({ disabled }), className)}\n          aria-disabled={disabled}\n          {...(props as React.AnchorHTMLAttributes<globalThis.HTMLAnchorElement>)}\n        >\n          {content}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        data-slot=\"quick-action\"\n        ref={ref}\n        type=\"button\"\n        disabled={disabled ?? undefined}\n        className={cn(quickActionVariants({ disabled }), className)}\n        {...props}\n      >\n        {content}\n      </button>\n    );\n  }\n);\n\nQuickAction.displayName = 'QuickAction';\n\n// Predefined icons for common quick actions\nexport const QuickActionIcons = {\n  Calendar: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n      />\n    </svg>\n  ),\n  Clipboard: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n      />\n    </svg>\n  ),\n  User: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"\n      />\n    </svg>\n  ),\n  Document: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n      />\n    </svg>\n  ),\n  Settings: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"\n      />\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\n      />\n    </svg>\n  ),\n  Help: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n      />\n    </svg>\n  ),\n  Search: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n      />\n    </svg>\n  ),\n  Bell: (props: React.SVGProps<globalThis.SVGSVGElement>) => (\n    <svg\n      aria-hidden=\"true\"\n      className=\"h-5 w-5\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n    >\n      <path\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        strokeWidth={2}\n        d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"\n      />\n    </svg>\n  ),\n};\n\n/**\n * A group/container component for displaying multiple QuickAction cards in a grid.\n *\n * @example\n * ```tsx\n * <QuickActionGroup title=\"Quick Actions\">\n *   <QuickAction title=\"Action 1\" ... />\n *   <QuickAction title=\"Action 2\" ... />\n * </QuickActionGroup>\n * ```\n */\nexport interface QuickActionGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Optional title to display above the quick actions */\n  title?: string;\n  /** Number of columns on different screen sizes */\n  columns?: {\n    base?: 1 | 2;\n    sm?: 1 | 2;\n    md?: 2 | 3 | 4;\n    lg?: 2 | 3 | 4;\n  };\n}\n\nconst QuickActionGroup = React.forwardRef<\n  HTMLDivElement,\n  QuickActionGroupProps\n>(\n  (\n    {\n      className,\n      title,\n      columns = { base: 1, sm: 2, md: 2, lg: 4 },\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const gridCols = cn(\n      'grid gap-4',\n      // Base (mobile)\n      columns.base === 1 ? 'grid-cols-1' : 'grid-cols-2',\n      // Small screens\n      columns.sm === 1 ? 'sm:grid-cols-1' : 'sm:grid-cols-2',\n      // Medium screens\n      columns.md === 2\n        ? 'md:grid-cols-2'\n        : columns.md === 3\n          ? 'md:grid-cols-3'\n          : columns.md === 4\n            ? 'md:grid-cols-4'\n            : '',\n      // Large screens\n      columns.lg === 2\n        ? 'lg:grid-cols-2'\n        : columns.lg === 3\n          ? 'lg:grid-cols-3'\n          : 'lg:grid-cols-4'\n    );\n\n    return (\n      <div\n        data-slot=\"quick-action-group\"\n        ref={ref}\n        className={className}\n        {...props}\n      >\n        {title && (\n          <h2\n            data-slot=\"quick-action-group-title\"\n            className=\"mb-4 text-lg font-semibold text-neutral-900 dark:text-white\"\n          >\n            {title}\n          </h2>\n        )}\n        <div data-slot=\"quick-action-group-grid\" className={gridCols}>\n          {children}\n        </div>\n      </div>\n    );\n  }\n);\n\nQuickActionGroup.displayName = 'QuickActionGroup';\n\nexport {\n  QuickAction,\n  QuickActionGroup,\n  quickActionVariants,\n  quickActionIconVariants,\n};\n"]}

package/dist/{chunk-BTJHYGPI.cjs → chunk-L7YQBSEL.cjs}

@@ -2,8 +2,18 @@
 
 // src/utils/phone.ts
 function formatPhoneNumber(value) {
-  const digits = value.replace(/\D/g, "").slice(0, 10);
-  if (digits.length === 0) return "";
+  const allDigits = value.replace(/\D/g, "");
+  if (allDigits.length === 0) return "";
+  if (allDigits.length === 11 && allDigits.startsWith("1")) {
+    const rest = allDigits.slice(1);
+    return `+1 (${rest.slice(0, 3)}) ${rest.slice(3, 6)}-${rest.slice(6)}`;
+  }
+  if (allDigits.length > 11) {
+    const cc = allDigits.slice(0, allDigits.length - 10);
+    const nat = allDigits.slice(-10);
+    return `+${cc} (${nat.slice(0, 3)}) ${nat.slice(3, 6)}-${nat.slice(6)}`;
+  }
+  const digits = allDigits.slice(0, 10);
   if (digits.length <= 3) return `(${digits}`;
   if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;
   return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
@@ -23,5 +33,5 @@ exports.formatPhoneNumber = formatPhoneNumber;
 exports.isPhoneNumberEmpty = isPhoneNumberEmpty;
 exports.isValidPhoneNumber = isValidPhoneNumber;
 exports.unformatPhoneNumber = unformatPhoneNumber;
-//# sourceMappingURL=chunk-BTJHYGPI.cjs.map
-//# sourceMappingURL=chunk-BTJHYGPI.cjs.map
+//# sourceMappingURL=chunk-L7YQBSEL.cjs.map
+//# sourceMappingURL=chunk-L7YQBSEL.cjs.map

package/dist/chunk-L7YQBSEL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/phone.ts"],"names":[],"mappings":";;;AAaO,SAAS,kBAAkB,KAAA,EAAuB;AACvD,EAAA,MAAM,SAAA,GAAY,KAAA,CAAM,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AACzC,EAAA,IAAI,SAAA,CAAU,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAInC,EAAA,IAAI,UAAU,MAAA,KAAW,EAAA,IAAM,SAAA,CAAU,UAAA,CAAW,GAAG,CAAA,EAAG;AACxD,IAAA,MAAM,IAAA,GAAO,SAAA,CAAU,KAAA,CAAM,CAAC,CAAA;AAC9B,IAAA,OAAO,OAAO,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,IAAA,CAAK,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,CAAA,EAAI,IAAA,CAAK,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAAA,EACtE;AAKA,EAAA,IAAI,SAAA,CAAU,SAAS,EAAA,EAAI;AACzB,IAAA,MAAM,KAAK,SAAA,CAAU,KAAA,CAAM,CAAA,EAAG,SAAA,CAAU,SAAS,EAAE,CAAA;AACnD,IAAA,MAAM,GAAA,GAAM,SAAA,CAAU,KAAA,CAAM,GAAG,CAAA;AAC/B,IAAA,OAAO,IAAI,EAAE,CAAA,EAAA,EAAK,IAAI,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,GAAA,CAAI,KAAA,CAAM,GAAG,CAAC,CAAC,IAAI,GAAA,CAAI,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AAAA,EACvE;AAGA,EAAA,MAAM,MAAA,GAAS,SAAA,CAAU,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AACpC,EAAA,IAAI,MAAA,CAAO,MAAA,IAAU,CAAA,EAAG,OAAO,IAAI,MAAM,CAAA,CAAA;AACzC,EAAA,IAAI,MAAA,CAAO,MAAA,IAAU,CAAA,EAAG,OAAO,IAAI,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACzE,EAAA,OAAO,IAAI,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,CAAA,EAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACzE;AAKO,SAAS,oBAAoB,KAAA,EAAuB;AACzD,EAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AAChC;AAKO,SAAS,mBAAmB,KAAA,EAAwB;AACzD,EAAA,MAAM,MAAA,GAAS,oBAAoB,KAAK,CAAA;AACxC,EAAA,OAAO,OAAO,MAAA,KAAW,EAAA;AAC3B;AAKO,SAAS,mBAAmB,KAAA,EAAwB;AACzD,EAAA,OAAO,mBAAA,CAAoB,KAAK,CAAA,CAAE,MAAA,KAAW,CAAA;AAC/C","file":"chunk-L7YQBSEL.cjs","sourcesContent":["/**\n * Phone number formatting utilities\n */\n\n/**\n * Formats a phone number string to US format.\n *\n * Behavior:\n * - 10 digits          → `(XXX) XXX-XXXX`\n * - 11 digits w/ `1`   → `+1 (XXX) XXX-XXXX` (E.164 US/Canada)\n * - 12+ digits         → `+CC (XXX) XXX-XXXX...` (best-effort intl)\n * - partial (typing)   → progressive `(`, `(XXX`, `(XXX) X`, etc.\n */\nexport function formatPhoneNumber(value: string): string {\n  const allDigits = value.replace(/\\D/g, '');\n  if (allDigits.length === 0) return '';\n\n  // E.164 with US/Canada country code (1XXXXXXXXXX). Show the country code\n  // explicitly so phone numbers aren't shifted by one digit when displayed.\n  if (allDigits.length === 11 && allDigits.startsWith('1')) {\n    const rest = allDigits.slice(1);\n    return `+1 (${rest.slice(0, 3)}) ${rest.slice(3, 6)}-${rest.slice(6)}`;\n  }\n\n  // Other international numbers: keep the country code prefix and format the\n  // trailing 10 digits as a US-style block. This isn't locale-perfect but\n  // it's better than silently dropping the country code.\n  if (allDigits.length > 11) {\n    const cc = allDigits.slice(0, allDigits.length - 10);\n    const nat = allDigits.slice(-10);\n    return `+${cc} (${nat.slice(0, 3)}) ${nat.slice(3, 6)}-${nat.slice(6)}`;\n  }\n\n  // Domestic / partial input — progressive formatting as the user types.\n  const digits = allDigits.slice(0, 10);\n  if (digits.length <= 3) return `(${digits}`;\n  if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;\n  return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;\n}\n\n/**\n * Removes formatting from a phone number, returning only digits\n */\nexport function unformatPhoneNumber(value: string): string {\n  return value.replace(/\\D/g, '');\n}\n\n/**\n * Validates if a phone number has exactly 10 digits\n */\nexport function isValidPhoneNumber(value: string): boolean {\n  const digits = unformatPhoneNumber(value);\n  return digits.length === 10;\n}\n\n/**\n * Checks if a phone number string is empty (no digits)\n */\nexport function isPhoneNumberEmpty(value: string): boolean {\n  return unformatPhoneNumber(value).length === 0;\n}\n"]}

package/dist/chunk-LEMY57MI.js

@@ -0,0 +1,3 @@
+export { AlertCircle, ArrowLeft, Bell, Calendar, Camera, Check, CheckCircle, ChevronDown, ClipboardCheck, ClipboardList, ClipboardPlus, Clock, Download, ExternalLink, Eye, FileCheck, FileHeart, FilePlus, FileText, Globe, HeartPulse, Image, Mail, MoreHorizontal, MoreVertical, Paperclip, Pencil, Phone, Pill, Plus, Printer, RefreshCw, Scan, ScanLine, Send, Share, Stethoscope, Trash2, Upload, User, Users, Wheat, X } from 'lucide-react';
+//# sourceMappingURL=chunk-LEMY57MI.js.map
+//# sourceMappingURL=chunk-LEMY57MI.js.map

package/dist/{chunk-3K7QCDSV.js.map → chunk-LEMY57MI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-3K7QCDSV.js","sourcesContent":[]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-LEMY57MI.js","sourcesContent":[]}

package/dist/chunk-MPOWJVV4.js

@@ -0,0 +1,590 @@
+import { inputVariants } from './chunk-PVUDXJAI.js';
+import { useClickOutside } from './chunk-OKBR6PX4.js';
+import { useEscapeKey } from './chunk-T4ME7QCT.js';
+import { cn } from './chunk-F3SOEIN2.js';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var placementStyles = {
+  "bottom-start": "top-full left-0 mt-2",
+  "bottom-end": "top-full right-0 mt-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2"
+};
+var DropdownContext = React.createContext(null);
+function getNodeText(node) {
+  if (typeof node === "string" || typeof node === "number") {
+    return String(node);
+  }
+  if (Array.isArray(node)) {
+    return node.map(getNodeText).join(" ");
+  }
+  if (React.isValidElement(node)) {
+    return getNodeText(node.props.children);
+  }
+  return "";
+}
+function isDropdownElement(node, component) {
+  return React.isValidElement(node) && node.type === component;
+}
+function hasVisibleDropdownContent(node) {
+  if (node == null || typeof node === "boolean") {
+    return false;
+  }
+  if (Array.isArray(node)) {
+    return node.some(hasVisibleDropdownContent);
+  }
+  if (!React.isValidElement(node)) {
+    if (typeof node === "string") {
+      return node.trim().length > 0;
+    }
+    return true;
+  }
+  if (node.type === React.Fragment) {
+    return React.Children.toArray(node.props.children).some(
+      hasVisibleDropdownContent
+    );
+  }
+  if (node.type === DropdownSeparator || node.type === DropdownLabel || node.type === DropdownHeader) {
+    return false;
+  }
+  if (node.type === DropdownContent) {
+    return React.Children.toArray(node.props.children).some(
+      hasVisibleDropdownContent
+    );
+  }
+  return true;
+}
+function normalizeDropdownSiblings(children) {
+  const hasContentBefore = (index) => {
+    for (let current = index - 1; current >= 0; current -= 1) {
+      const child = children[current];
+      if (isDropdownElement(child, DropdownSeparator)) {
+        return false;
+      }
+      if (hasVisibleDropdownContent(child)) {
+        return true;
+      }
+    }
+    return false;
+  };
+  const hasContentAfter = (index) => {
+    for (let current = index + 1; current < children.length; current += 1) {
+      const child = children[current];
+      if (isDropdownElement(child, DropdownSeparator)) {
+        return false;
+      }
+      if (hasVisibleDropdownContent(child)) {
+        return true;
+      }
+    }
+    return false;
+  };
+  return children.filter((child, index) => {
+    if (isDropdownElement(child, DropdownSeparator)) {
+      return hasContentBefore(index) && hasContentAfter(index);
+    }
+    if (isDropdownElement(child, DropdownLabel)) {
+      return hasContentAfter(index);
+    }
+    return true;
+  });
+}
+function filterDropdownChildren(children, query) {
+  const normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) {
+    return React.Children.toArray(children);
+  }
+  const filteredChildren = React.Children.toArray(children).map((child) => {
+    if (!React.isValidElement(child)) {
+      if (typeof child === "string" || typeof child === "number") {
+        return String(child).toLowerCase().includes(normalizedQuery) ? child : null;
+      }
+      return null;
+    }
+    if (child.type === React.Fragment) {
+      const fragmentChildren = filterDropdownChildren(
+        child.props.children,
+        normalizedQuery
+      );
+      return fragmentChildren.length > 0 ? React.cloneElement(child, void 0, fragmentChildren) : null;
+    }
+    if (isDropdownElement(child, DropdownHeader)) {
+      return child;
+    }
+    if (isDropdownElement(child, DropdownItem)) {
+      const searchText = [
+        getNodeText(child.props.children),
+        child.props.searchText
+      ].filter(Boolean).join(" ").toLowerCase();
+      return searchText.includes(normalizedQuery) ? child : null;
+    }
+    if (isDropdownElement(child, DropdownContent)) {
+      const contentChildren = filterDropdownChildren(
+        child.props.children,
+        normalizedQuery
+      );
+      return hasVisibleDropdownContent(contentChildren) ? React.cloneElement(child, void 0, contentChildren) : null;
+    }
+    if (isDropdownElement(child, DropdownSeparator)) {
+      return child;
+    }
+    if (isDropdownElement(child, DropdownLabel)) {
+      return child;
+    }
+    const nestedChildren = child.props.children;
+    if (nestedChildren === void 0) {
+      return child;
+    }
+    const filteredNestedChildren = filterDropdownChildren(
+      nestedChildren,
+      normalizedQuery
+    );
+    return filteredNestedChildren.length > 0 ? React.cloneElement(child, void 0, filteredNestedChildren) : null;
+  }).filter((child) => child !== null);
+  return normalizeDropdownSiblings(filteredChildren);
+}
+function getSelectableValues(children) {
+  return React.Children.toArray(children).flatMap((child) => {
+    if (!React.isValidElement(
+      child
+    )) {
+      return [];
+    }
+    if (child.type === React.Fragment || child.type === DropdownContent) {
+      return getSelectableValues(child.props.children);
+    }
+    if (isDropdownElement(child, DropdownItem)) {
+      return typeof child.props.value === "string" ? [child.props.value] : [];
+    }
+    return child.props.children !== void 0 ? getSelectableValues(child.props.children) : [];
+  });
+}
+function Dropdown({
+  trigger,
+  children,
+  open: controlledOpen,
+  onOpenChange,
+  placement = "bottom-start",
+  className,
+  width = "auto",
+  disabled = false,
+  searchable = false,
+  searchPlaceholder = "Search...",
+  searchAriaLabel = "Search dropdown items",
+  searchEmptyState = "No results found",
+  multiSelect = false,
+  selectedValues: controlledSelectedValues,
+  defaultSelectedValues = [],
+  onSelectedValuesChange,
+  showSelectAll = false,
+  selectAllLabel = "Select all"
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);
+  const [uncontrolledSelectedValues, setUncontrolledSelectedValues] = React.useState(defaultSelectedValues);
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const containerRef = React.useRef(null);
+  const searchInputRef = React.useRef(null);
+  const menuId = React.useId();
+  const isControlled = controlledOpen !== void 0;
+  const isSelectedValuesControlled = controlledSelectedValues !== void 0;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const selectedValues = isSelectedValuesControlled ? controlledSelectedValues : uncontrolledSelectedValues;
+  const setOpen = React.useCallback(
+    (value) => {
+      if (!isControlled) {
+        setUncontrolledOpen(value);
+      }
+      onOpenChange?.(value);
+    },
+    [isControlled, onOpenChange]
+  );
+  const handleToggle = React.useCallback(() => {
+    if (!disabled) {
+      setOpen(!isOpen);
+    }
+  }, [disabled, isOpen, setOpen]);
+  const handleClose = React.useCallback(() => {
+    setOpen(false);
+  }, [setOpen]);
+  const setSelectedValues = React.useCallback(
+    (values) => {
+      if (!isSelectedValuesControlled) {
+        setUncontrolledSelectedValues(values);
+      }
+      onSelectedValuesChange?.(values);
+    },
+    [isSelectedValuesControlled, onSelectedValuesChange]
+  );
+  const toggleSelectedValue = React.useCallback(
+    (value) => {
+      if (!multiSelect) {
+        return;
+      }
+      setSelectedValues(
+        selectedValues.includes(value) ? selectedValues.filter((selectedValue) => selectedValue !== value) : [...selectedValues, value]
+      );
+    },
+    [multiSelect, selectedValues, setSelectedValues]
+  );
+  const dropdownContext = React.useMemo(
+    () => ({
+      multiSelect,
+      selectedValues,
+      toggleSelectedValue
+    }),
+    [multiSelect, selectedValues, toggleSelectedValue]
+  );
+  useClickOutside(containerRef, handleClose, isOpen);
+  useEscapeKey(handleClose, isOpen);
+  React.useEffect(() => {
+    if (!isOpen) {
+      setSearchQuery("");
+      return;
+    }
+    if (searchable) {
+      requestAnimationFrame(() => searchInputRef.current?.focus());
+    }
+  }, [isOpen, searchable]);
+  const triggerElement = React.cloneElement(trigger, {
+    onClick: handleToggle,
+    "aria-haspopup": "menu",
+    "aria-expanded": isOpen,
+    "aria-controls": isOpen ? menuId : void 0,
+    disabled: disabled || trigger.props.disabled
+  });
+  const widthStyle = typeof width === "number" ? { width: `${width}px` } : width === "trigger" ? { minWidth: "100%" } : {};
+  const filteredChildren = React.useMemo(
+    () => filterDropdownChildren(children, searchQuery),
+    [children, searchQuery]
+  );
+  const visibleSelectableValues = React.useMemo(
+    () => getSelectableValues(searchable ? filteredChildren : children),
+    [children, filteredChildren, searchable]
+  );
+  const hasSearchResults = React.useMemo(
+    () => hasVisibleDropdownContent(filteredChildren),
+    [filteredChildren]
+  );
+  const allVisibleSelected = visibleSelectableValues.length > 0 && visibleSelectableValues.every((value) => selectedValues.includes(value));
+  const someVisibleSelected = visibleSelectableValues.some(
+    (value) => selectedValues.includes(value)
+  );
+  const handleSelectAll = React.useCallback(() => {
+    if (!multiSelect || visibleSelectableValues.length === 0) {
+      return;
+    }
+    const visibleValueSet = new Set(visibleSelectableValues);
+    setSelectedValues(
+      allVisibleSelected ? selectedValues.filter((value) => !visibleValueSet.has(value)) : Array.from(/* @__PURE__ */ new Set([...selectedValues, ...visibleSelectableValues]))
+    );
+  }, [
+    allVisibleSelected,
+    multiSelect,
+    selectedValues,
+    setSelectedValues,
+    visibleSelectableValues
+  ]);
+  return /* @__PURE__ */ jsx(DropdownContext.Provider, { value: dropdownContext, children: /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "relative inline-flex", children: [
+    triggerElement,
+    isOpen && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: widthStyle,
+        "data-slot": "dropdown-menu",
+        className: cn(
+          "absolute z-50 min-w-[12rem]",
+          "rounded-xl border border-neutral-200 bg-white shadow-lg",
+          "dark:border-neutral-700 dark:bg-neutral-800",
+          "animate-in fade-in zoom-in-95 duration-100",
+          placementStyles[placement],
+          className
+        ),
+        children: [
+          searchable && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "border-b border-neutral-200 p-2 dark:border-neutral-700",
+              "data-slot": "dropdown-search",
+              children: /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref: searchInputRef,
+                  type: "search",
+                  value: searchQuery,
+                  onChange: (event) => setSearchQuery(event.target.value),
+                  placeholder: searchPlaceholder,
+                  "aria-label": searchAriaLabel,
+                  "aria-controls": menuId,
+                  "aria-autocomplete": "list",
+                  "data-slot": "dropdown-search-input",
+                  className: cn(
+                    inputVariants({ size: "sm" }),
+                    "text-sm",
+                    "dark:border-neutral-600 dark:bg-neutral-700 dark:text-neutral-100"
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { id: menuId, role: "menu", children: [
+            multiSelect && showSelectAll && visibleSelectableValues.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("div", { className: "p-2", "data-slot": "dropdown-select-all", children: /* @__PURE__ */ jsx(
+                DropdownItem,
+                {
+                  checked: allVisibleSelected,
+                  indeterminate: !allVisibleSelected && someVisibleSelected,
+                  onClick: handleSelectAll,
+                  children: selectAllLabel
+                }
+              ) }),
+              /* @__PURE__ */ jsx(DropdownSeparator, {})
+            ] }),
+            searchable ? hasSearchResults ? filteredChildren : /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "text-muted-foreground px-3 py-4 text-center text-sm",
+                "data-slot": "dropdown-empty",
+                children: searchEmptyState
+              }
+            ) : children
+          ] })
+        ]
+      }
+    )
+  ] }) });
+}
+Dropdown.displayName = "Dropdown";
+var DropdownHeader = React.forwardRef(
+  ({ className, avatar, title, subtitle, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "dropdown-header",
+        className: cn(
+          "border-b border-neutral-200 p-4 dark:border-neutral-700",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center gap-3",
+              "data-slot": "dropdown-header-row",
+              children: [
+                avatar,
+                /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "truncate text-sm font-semibold text-neutral-900 dark:text-white",
+                      "data-slot": "dropdown-header-title",
+                      children: title
+                    }
+                  ),
+                  subtitle && /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-muted-foreground truncate text-xs",
+                      "data-slot": "dropdown-header-subtitle",
+                      children: subtitle
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+);
+DropdownHeader.displayName = "DropdownHeader";
+var DropdownContent = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "dropdown-content",
+        className: cn("p-2", className),
+        ...props
+      }
+    );
+  }
+);
+DropdownContent.displayName = "DropdownContent";
+function DropdownItemCheckbox({
+  checked,
+  indeterminate = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "dropdown-checkbox",
+      className: cn(
+        "flex h-4 w-4 shrink-0 items-center justify-center rounded border-2 transition-colors duration-150",
+        checked || indeterminate ? "border-primary-500 bg-primary-800 text-white" : "border-input bg-background text-transparent"
+      ),
+      children: indeterminate ? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-3 w-3",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M4 8h8",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-3 w-3",
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 16 16",
+          fill: "none",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: "M3.5 8.5 6.5 11.5 12.5 4.5",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          )
+        }
+      )
+    }
+  );
+}
+var DropdownItem = React.forwardRef(
+  ({
+    className,
+    icon,
+    variant = "default",
+    children,
+    searchText,
+    checked,
+    indeterminate = false,
+    onCheckedChange,
+    onClick,
+    value,
+    disabled,
+    ...props
+  }, ref) => {
+    const dropdownContext = React.useContext(DropdownContext);
+    const itemValue = typeof value === "string" ? value : void 0;
+    const contextSelectedValues = dropdownContext?.selectedValues ?? [];
+    const isMultiSelectItem = dropdownContext?.multiSelect === true && itemValue !== void 0 || checked !== void 0 || indeterminate;
+    const isChecked = checked ?? (isMultiSelectItem ? itemValue !== void 0 && contextSelectedValues.includes(itemValue) : false);
+    const handleClick = React.useCallback(
+      (event) => {
+        if (dropdownContext && isMultiSelectItem && itemValue !== void 0 && !disabled) {
+          dropdownContext.toggleSelectedValue(itemValue);
+          onCheckedChange?.(!isChecked);
+        }
+        onClick?.(event);
+      },
+      [
+        disabled,
+        dropdownContext,
+        isChecked,
+        isMultiSelectItem,
+        itemValue,
+        onCheckedChange,
+        onClick
+      ]
+    );
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: isMultiSelectItem ? "menuitemcheckbox" : "menuitem",
+        "aria-checked": isMultiSelectItem ? indeterminate ? "mixed" : isChecked : void 0,
+        disabled,
+        "data-slot": "dropdown-item",
+        className: cn(
+          "flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left text-sm",
+          "transition-colors duration-150",
+          "focus:outline-none",
+          variant === "default" && [
+            "text-neutral-700 dark:text-neutral-300",
+            "hover:bg-neutral-100 dark:hover:bg-neutral-700",
+            "focus:bg-neutral-100 dark:focus:bg-neutral-700"
+          ],
+          variant === "danger" && [
+            "text-red-600 dark:text-red-400",
+            "hover:bg-red-50 dark:hover:bg-red-900/20",
+            "focus:bg-red-50 dark:focus:bg-red-900/20"
+          ],
+          className
+        ),
+        "data-search-text": searchText,
+        onClick: handleClick,
+        value,
+        ...props,
+        children: [
+          isMultiSelectItem && /* @__PURE__ */ jsx(
+            DropdownItemCheckbox,
+            {
+              checked: isChecked,
+              indeterminate
+            }
+          ),
+          icon && /* @__PURE__ */ jsx("span", { className: "h-4 w-4 shrink-0", "data-slot": "dropdown-item-icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium", "data-slot": "dropdown-item-label", children })
+        ]
+      }
+    );
+  }
+);
+DropdownItem.displayName = "DropdownItem";
+function DropdownSeparator({ className }) {
+  return /* @__PURE__ */ jsx(
+    "hr",
+    {
+      "data-slot": "dropdown-separator",
+      className: cn(
+        "border-t border-neutral-200 dark:border-neutral-700",
+        className
+      )
+    }
+  );
+}
+DropdownSeparator.displayName = "DropdownSeparator";
+function DropdownLabel({
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dropdown-label",
+      className: cn(
+        "px-3 py-1.5 text-xs font-semibold tracking-wider uppercase",
+        "text-muted-foreground",
+        className
+      ),
+      children
+    }
+  );
+}
+DropdownLabel.displayName = "DropdownLabel";
+
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator };
+//# sourceMappingURL=chunk-MPOWJVV4.js.map
+//# sourceMappingURL=chunk-MPOWJVV4.js.map