@mieweb/ui 0.2.4 → 0.3.0-dev.100

package/dist/{chunk-CEHWXAAI.js → chunk-ZVPJ2MH6.js}

@@ -1,7 +1,17 @@
 // 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)}`;
@@ -18,5 +28,5 @@ function isPhoneNumberEmpty(value) {
 }
 
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber };
-//# sourceMappingURL=chunk-CEHWXAAI.js.map
-//# sourceMappingURL=chunk-CEHWXAAI.js.map
+//# sourceMappingURL=chunk-ZVPJ2MH6.js.map
+//# sourceMappingURL=chunk-ZVPJ2MH6.js.map

package/dist/chunk-ZVPJ2MH6.js.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-ZVPJ2MH6.js","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-VBHPXSCV.js → chunk-ZVSW2KS6.js}

@@ -16,9 +16,9 @@ var buttonVariants = cva(
     variants: {
       variant: {
         primary: [
-          "bg-primary-700 text-white",
-          "hover:bg-primary-800",
-          "active:bg-primary-900"
+          "bg-primary-800 text-white",
+          "hover:bg-primary-900",
+          "active:bg-primary-950"
         ],
         secondary: [
           "bg-neutral-200 text-neutral-900",
@@ -88,10 +88,16 @@ var Button = React.forwardRef(
     children,
     ...props
   }, ref) => {
+    const resolvedSize = size ?? "md";
     return /* @__PURE__ */ jsx(
       "button",
       {
-        className: cn(buttonVariants({ variant, size, fullWidth }), className),
+        "data-slot": "button",
+        "data-size": resolvedSize,
+        className: cn(
+          buttonVariants({ variant, size: resolvedSize, fullWidth }),
+          className
+        ),
         ref,
         disabled: disabled || isLoading,
         "aria-busy": isLoading,
@@ -144,5 +150,5 @@ function LoadingSpinner() {
 }
 
 export { Button, buttonVariants };
-//# sourceMappingURL=chunk-VBHPXSCV.js.map
-//# sourceMappingURL=chunk-VBHPXSCV.js.map
+//# sourceMappingURL=chunk-ZVSW2KS6.js.map
+//# sourceMappingURL=chunk-ZVSW2KS6.js.map

package/dist/chunk-ZVSW2KS6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":"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","file":"chunk-ZVSW2KS6.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst buttonVariants = cva(\n  // Base styles\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-semibold transition-all duration-200',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'active:scale-[0.98]',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-800 text-white',\n          'hover:bg-primary-900',\n          'active:bg-primary-950',\n        ],\n        secondary: [\n          'bg-neutral-200 text-neutral-900',\n          'hover:bg-neutral-300',\n          'active:bg-neutral-400',\n          'dark:bg-neutral-700 dark:text-neutral-100',\n          'dark:hover:bg-neutral-600',\n          'dark:active:bg-neutral-500',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-600',\n          'hover:bg-neutral-100',\n          'active:bg-neutral-200',\n          'dark:text-neutral-400',\n          'dark:hover:bg-neutral-800',\n          'dark:active:bg-neutral-700',\n        ],\n        outline: [\n          'border-2 border-primary-800 text-primary-800 bg-transparent',\n          'hover:bg-primary-50 hover:text-primary-900',\n          'active:bg-primary-100',\n          'dark:border-primary-400 dark:text-primary-400',\n          'dark:hover:bg-primary-950',\n          'dark:active:bg-primary-900',\n        ],\n        danger: [\n          'bg-red-600 text-white',\n          'hover:bg-red-700',\n          'active:bg-red-800',\n        ],\n        link: [\n          'text-primary-800 underline-offset-4',\n          'hover:underline hover:text-primary-900',\n          'active:text-primary-950',\n          'dark:text-primary-400',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm rounded-md',\n        md: 'h-10 px-4 text-base rounded-lg',\n        lg: 'h-12 px-6 text-lg rounded-xl',\n        icon: 'h-10 w-10 rounded-lg',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n      fullWidth: false,\n    },\n  }\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  /** Optional icon element to render before the button text */\n  leftIcon?: React.ReactElement | null;\n  /** Optional icon element to render after the button text */\n  rightIcon?: React.ReactElement | null;\n  /** Shows a loading spinner and disables the button */\n  isLoading?: boolean;\n  /** Accessible label for the loading state */\n  loadingText?: string;\n}\n\n/**\n * A versatile button component with multiple variants and sizes.\n *\n * @example\n * ```tsx\n * <Button variant=\"primary\" size=\"md\">Click me</Button>\n * <Button variant=\"danger\" leftIcon={<TrashIcon />}>Delete</Button>\n * <Button variant=\"ghost\" isLoading loadingText=\"Saving...\">Save</Button>\n * ```\n */\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      leftIcon,\n      rightIcon,\n      isLoading,\n      loadingText,\n      disabled,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedSize = size ?? 'md';\n    return (\n      <button\n        data-slot=\"button\"\n        data-size={resolvedSize}\n        className={cn(\n          buttonVariants({ variant, size: resolvedSize, fullWidth }),\n          className\n        )}\n        ref={ref}\n        disabled={disabled || isLoading}\n        aria-busy={isLoading}\n        {...props}\n      >\n        {isLoading ? (\n          <>\n            <LoadingSpinner />\n            {loadingText || children}\n          </>\n        ) : (\n          <>\n            {React.isValidElement(leftIcon) && (\n              <span className=\"shrink-0\">{leftIcon}</span>\n            )}\n            {children}\n            {React.isValidElement(rightIcon) && (\n              <span className=\"shrink-0\">{rightIcon}</span>\n            )}\n          </>\n        )}\n      </button>\n    );\n  }\n);\n\nButton.displayName = 'Button';\n\n/**\n * Simple loading spinner for the button\n */\nfunction LoadingSpinner() {\n  return (\n    <svg\n      className=\"h-4 w-4 animate-spin\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"none\"\n      viewBox=\"0 0 24 24\"\n      aria-hidden=\"true\"\n    >\n      <circle\n        className=\"opacity-25\"\n        cx=\"12\"\n        cy=\"12\"\n        r=\"10\"\n        stroke=\"currentColor\"\n        strokeWidth=\"4\"\n      />\n      <path\n        className=\"opacity-75\"\n        fill=\"currentColor\"\n        d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"\n      />\n    </svg>\n  );\n}\n\nexport { Button, buttonVariants };\n"]}

package/dist/components/Alert/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunkIY7UQPDO_cjs = require('../../chunk-IY7UQPDO.cjs');
+var chunkWGPMTW36_cjs = require('../../chunk-WGPMTW36.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.Alert; }
+  get: function () { return chunkWGPMTW36_cjs.Alert; }
 });
 Object.defineProperty(exports, "AlertDescription", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.AlertDescription; }
+  get: function () { return chunkWGPMTW36_cjs.AlertDescription; }
 });
 Object.defineProperty(exports, "AlertTitle", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.AlertTitle; }
+  get: function () { return chunkWGPMTW36_cjs.AlertTitle; }
 });
 Object.defineProperty(exports, "alertVariants", {
   enumerable: true,
-  get: function () { return chunkIY7UQPDO_cjs.alertVariants; }
+  get: function () { return chunkWGPMTW36_cjs.alertVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Alert/index.js

@@ -1,4 +1,4 @@
-export { Alert, AlertDescription, AlertTitle, alertVariants } from '../../chunk-B26RIQ5R.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from '../../chunk-MV3MTHWQ.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/AudioPlayer/index.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunkINFSKLXE_cjs = require('../../chunk-INFSKLXE.cjs');
+var chunkWJU3KLVV_cjs = require('../../chunk-WJU3KLVV.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "AudioPlayer", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.AudioPlayer; }
+  get: function () { return chunkWJU3KLVV_cjs.AudioPlayer; }
 });
 Object.defineProperty(exports, "ProgressBar", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.ProgressBar; }
+  get: function () { return chunkWJU3KLVV_cjs.ProgressBar; }
 });
 Object.defineProperty(exports, "audioPlayerVariants", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.audioPlayerVariants; }
+  get: function () { return chunkWJU3KLVV_cjs.audioPlayerVariants; }
 });
 Object.defineProperty(exports, "formatAudioTime", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.formatTime; }
+  get: function () { return chunkWJU3KLVV_cjs.formatTime; }
 });
 Object.defineProperty(exports, "playButtonVariants", {
   enumerable: true,
-  get: function () { return chunkINFSKLXE_cjs.playButtonVariants; }
+  get: function () { return chunkWJU3KLVV_cjs.playButtonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/AudioPlayer/index.d.cts

@@ -56,6 +56,10 @@ interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
     playbackRates?: number[];
     /** Whether to show playback speed control */
     showPlaybackRate?: boolean;
+    /** Whether to preload audio (set to false for lists with many items) */
+    preload?: boolean;
+    /** Fallback duration in seconds to display before audio metadata is loaded */
+    fallbackDuration?: number;
 }
 declare const audioPlayerVariants: (props?: ({
     variant?: "inline" | "compact" | "waveform" | null | undefined;
@@ -93,9 +97,6 @@ declare function ProgressBar({ currentTime, duration, onSeek, disabled, }: Progr
  * // Then: playerRef.current?.seekTo(30); playerRef.current?.play();
  * ```
  */
-declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & {
-    preload?: boolean;
-    fallbackDuration?: number;
-} & React.RefAttributes<AudioPlayerRef>>;
+declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<AudioPlayerRef>>;
 
 export { AudioPlayer, type AudioPlayerProps, type AudioPlayerRef, type AudioPlayerState, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants };

package/dist/components/AudioPlayer/index.d.ts

@@ -56,6 +56,10 @@ interface AudioPlayerProps extends VariantProps<typeof audioPlayerVariants> {
     playbackRates?: number[];
     /** Whether to show playback speed control */
     showPlaybackRate?: boolean;
+    /** Whether to preload audio (set to false for lists with many items) */
+    preload?: boolean;
+    /** Fallback duration in seconds to display before audio metadata is loaded */
+    fallbackDuration?: number;
 }
 declare const audioPlayerVariants: (props?: ({
     variant?: "inline" | "compact" | "waveform" | null | undefined;
@@ -93,9 +97,6 @@ declare function ProgressBar({ currentTime, duration, onSeek, disabled, }: Progr
  * // Then: playerRef.current?.seekTo(30); playerRef.current?.play();
  * ```
  */
-declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & {
-    preload?: boolean;
-    fallbackDuration?: number;
-} & React.RefAttributes<AudioPlayerRef>>;
+declare const AudioPlayer: React.ForwardRefExoticComponent<AudioPlayerProps & React.RefAttributes<AudioPlayerRef>>;
 
 export { AudioPlayer, type AudioPlayerProps, type AudioPlayerRef, type AudioPlayerState, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants };

package/dist/components/AudioPlayer/index.js

@@ -1,4 +1,4 @@
-export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from '../../chunk-GHRQ3ZJH.js';
+export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from '../../chunk-CJQXWFIW.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/AudioRecorder/index.cjs

@@ -1,29 +1,29 @@
 'use strict';
 
-var chunk53K3KWXQ_cjs = require('../../chunk-53K3KWXQ.cjs');
+var chunkEUUQVDXX_cjs = require('../../chunk-EUUQVDXX.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "AudioRecorder", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.AudioRecorder; }
+  get: function () { return chunkEUUQVDXX_cjs.AudioRecorder; }
 });
 Object.defineProperty(exports, "audioRecorderVariants", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.audioRecorderVariants; }
+  get: function () { return chunkEUUQVDXX_cjs.audioRecorderVariants; }
 });
 Object.defineProperty(exports, "controlButtonVariants", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.controlButtonVariants; }
+  get: function () { return chunkEUUQVDXX_cjs.controlButtonVariants; }
 });
 Object.defineProperty(exports, "formatTime", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.formatTime; }
+  get: function () { return chunkEUUQVDXX_cjs.formatTime; }
 });
 Object.defineProperty(exports, "waveformContainerVariants", {
   enumerable: true,
-  get: function () { return chunk53K3KWXQ_cjs.waveformContainerVariants; }
+  get: function () { return chunkEUUQVDXX_cjs.waveformContainerVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/AudioRecorder/index.js

@@ -1,4 +1,4 @@
-export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from '../../chunk-QZLRB3UG.js';
+export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from '../../chunk-TRZXK57D.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.cjs

@@ -1,25 +1,25 @@
 'use strict';
 
-var chunk2J2V4TMJ_cjs = require('../../chunk-2J2V4TMJ.cjs');
+var chunkWZBCK7KG_cjs = require('../../chunk-WZBCK7KG.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.Avatar; }
+  get: function () { return chunkWZBCK7KG_cjs.Avatar; }
 });
 Object.defineProperty(exports, "AvatarGroup", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.AvatarGroup; }
+  get: function () { return chunkWZBCK7KG_cjs.AvatarGroup; }
 });
 Object.defineProperty(exports, "avatarVariants", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.avatarVariants; }
+  get: function () { return chunkWZBCK7KG_cjs.avatarVariants; }
 });
 Object.defineProperty(exports, "getInitials", {
   enumerable: true,
-  get: function () { return chunk2J2V4TMJ_cjs.getInitials; }
+  get: function () { return chunkWZBCK7KG_cjs.getInitials; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.js

@@ -1,4 +1,4 @@
-export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-NIHESA7O.js';
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from '../../chunk-YDJUUR4Y.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Badge/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkEKIQE524_cjs = require('../../chunk-EKIQE524.cjs');
+var chunk4FALCEJI_cjs = require('../../chunk-4FALCEJI.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkEKIQE524_cjs.Badge; }
+  get: function () { return chunk4FALCEJI_cjs.Badge; }
 });
 Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
-  get: function () { return chunkEKIQE524_cjs.badgeVariants; }
+  get: function () { return chunk4FALCEJI_cjs.badgeVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Badge/index.js

@@ -1,4 +1,4 @@
-export { Badge, badgeVariants } from '../../chunk-3NJ72QU6.js';
+export { Badge, badgeVariants } from '../../chunk-DCER2QQB.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Breadcrumb/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkPEFJAWNR_cjs = require('../../chunk-PEFJAWNR.cjs');
+var chunkBWYYA3LQ_cjs = require('../../chunk-BWYYA3LQ.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
-  get: function () { return chunkPEFJAWNR_cjs.Breadcrumb; }
+  get: function () { return chunkBWYYA3LQ_cjs.Breadcrumb; }
 });
 Object.defineProperty(exports, "BreadcrumbSlash", {
   enumerable: true,
-  get: function () { return chunkPEFJAWNR_cjs.BreadcrumbSlash; }
+  get: function () { return chunkBWYYA3LQ_cjs.BreadcrumbSlash; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Breadcrumb/index.js

@@ -1,4 +1,4 @@
-export { Breadcrumb, BreadcrumbSlash } from '../../chunk-B3L43JGH.js';
+export { Breadcrumb, BreadcrumbSlash } from '../../chunk-HEH3QXOQ.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.cjs

@@ -1,17 +1,17 @@
 'use strict';
 
-var chunkPEH4ZOEM_cjs = require('../../chunk-PEH4ZOEM.cjs');
+var chunkA2QVQF54_cjs = require('../../chunk-A2QVQF54.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkPEH4ZOEM_cjs.Button; }
+  get: function () { return chunkA2QVQF54_cjs.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkPEH4ZOEM_cjs.buttonVariants; }
+  get: function () { return chunkA2QVQF54_cjs.buttonVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../../chunk-VBHPXSCV.js';
+export { Button, buttonVariants } from '../../chunk-ZVSW2KS6.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Card/index.cjs

@@ -1,65 +1,65 @@
 'use strict';
 
-var chunkHRA4FUO6_cjs = require('../../chunk-HRA4FUO6.cjs');
+var chunkIWU7H3YS_cjs = require('../../chunk-IWU7H3YS.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.Card; }
+  get: function () { return chunkIWU7H3YS_cjs.Card; }
 });
 Object.defineProperty(exports, "CardActions", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardActions; }
+  get: function () { return chunkIWU7H3YS_cjs.CardActions; }
 });
 Object.defineProperty(exports, "CardBadge", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardBadge; }
+  get: function () { return chunkIWU7H3YS_cjs.CardBadge; }
 });
 Object.defineProperty(exports, "CardCollapsible", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardCollapsible; }
+  get: function () { return chunkIWU7H3YS_cjs.CardCollapsible; }
 });
 Object.defineProperty(exports, "CardContent", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardContent; }
+  get: function () { return chunkIWU7H3YS_cjs.CardContent; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardDescription; }
+  get: function () { return chunkIWU7H3YS_cjs.CardDescription; }
 });
 Object.defineProperty(exports, "CardDivider", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardDivider; }
+  get: function () { return chunkIWU7H3YS_cjs.CardDivider; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardFooter; }
+  get: function () { return chunkIWU7H3YS_cjs.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardHeader; }
+  get: function () { return chunkIWU7H3YS_cjs.CardHeader; }
 });
 Object.defineProperty(exports, "CardMedia", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardMedia; }
+  get: function () { return chunkIWU7H3YS_cjs.CardMedia; }
 });
 Object.defineProperty(exports, "CardStat", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardStat; }
+  get: function () { return chunkIWU7H3YS_cjs.CardStat; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.CardTitle; }
+  get: function () { return chunkIWU7H3YS_cjs.CardTitle; }
 });
 Object.defineProperty(exports, "cardAccentVariants", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.cardAccentVariants; }
+  get: function () { return chunkIWU7H3YS_cjs.cardAccentVariants; }
 });
 Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
-  get: function () { return chunkHRA4FUO6_cjs.cardVariants; }
+  get: function () { return chunkIWU7H3YS_cjs.cardVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.d.cts

@@ -41,7 +41,11 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 /**
  * Title for a Card
  */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+interface CardTitleProps extends React.HTMLAttributes<globalThis.HTMLHeadingElement> {
+    /** Heading level — defaults to `h3` */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 /**
  * Description text for a Card
  */
@@ -116,4 +120,4 @@ interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CardStat: React.ForwardRefExoticComponent<CardStatProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, cardAccentVariants, cardVariants };
+export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, type CardTitleProps, cardAccentVariants, cardVariants };

package/dist/components/Card/index.d.ts

@@ -41,7 +41,11 @@ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<H
 /**
  * Title for a Card
  */
-declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+interface CardTitleProps extends React.HTMLAttributes<globalThis.HTMLHeadingElement> {
+    /** Heading level — defaults to `h3` */
+    as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+declare const CardTitle: React.ForwardRefExoticComponent<CardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
 /**
  * Description text for a Card
  */
@@ -116,4 +120,4 @@ interface CardStatProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const CardStat: React.ForwardRefExoticComponent<CardStatProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, cardAccentVariants, cardVariants };
+export { Card, CardActions, type CardActionsProps, CardBadge, type CardBadgeProps, CardCollapsible, type CardCollapsibleProps, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, type CardMediaProps, type CardProps, CardStat, type CardStatProps, CardTitle, type CardTitleProps, cardAccentVariants, cardVariants };

package/dist/components/Card/index.js

@@ -1,4 +1,4 @@
-export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from '../../chunk-XXOBTAKA.js';
+export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from '../../chunk-JWUVVPKM.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.cjs

@@ -1,21 +1,21 @@
 'use strict';
 
-var chunkQYJ7RQJ2_cjs = require('../../chunk-QYJ7RQJ2.cjs');
+var chunkDFCZPVG4_cjs = require('../../chunk-DFCZPVG4.cjs');
 require('../../chunk-OR5DRJCW.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkQYJ7RQJ2_cjs.Checkbox; }
+  get: function () { return chunkDFCZPVG4_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
-  get: function () { return chunkQYJ7RQJ2_cjs.CheckboxGroup; }
+  get: function () { return chunkDFCZPVG4_cjs.CheckboxGroup; }
 });
 Object.defineProperty(exports, "checkboxVariants", {
   enumerable: true,
-  get: function () { return chunkQYJ7RQJ2_cjs.checkboxVariants; }
+  get: function () { return chunkDFCZPVG4_cjs.checkboxVariants; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.js

@@ -1,4 +1,4 @@
-export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-G2DOD34H.js';
+export { Checkbox, CheckboxGroup, checkboxVariants } from '../../chunk-XCLQZ4FV.js';
 import '../../chunk-F3SOEIN2.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/CountryCodeDropdown/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunk7BARESXI_cjs = require('../../chunk-7BARESXI.cjs');
+require('../../chunk-IKMR2ADM.cjs');
+require('../../chunk-FHY3K6PL.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "CountryCodeDropdown", {
+  enumerable: true,
+  get: function () { return chunk7BARESXI_cjs.CountryCodeDropdown; }
+});
+Object.defineProperty(exports, "formatE164", {
+  enumerable: true,
+  get: function () { return chunk7BARESXI_cjs.formatE164; }
+});
+Object.defineProperty(exports, "validatePhoneNumber", {
+  enumerable: true,
+  get: function () { return chunk7BARESXI_cjs.validatePhoneNumber; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/CountryCodeDropdown/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}