@mieweb/ui 0.2.4 → 0.3.0-dev.60

package/dist/chunk-CQCYXHCU.cjs

@@ -1,256 +0,0 @@
-'use strict';
-
-var chunkVV4N4WY6_cjs = require('./chunk-VV4N4WY6.cjs');
-var chunkBTJHYGPI_cjs = require('./chunk-BTJHYGPI.cjs');
-var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
-var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-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);
-
-var PhoneInput = React__namespace.forwardRef(
-  ({
-    value = "",
-    onChange,
-    onFormattedChange,
-    validateOnBlur,
-    className,
-    onBlur,
-    hasError,
-    error,
-    ...props
-  }, ref) => {
-    const [displayValue, setDisplayValue] = React__namespace.useState(
-      () => chunkBTJHYGPI_cjs.formatPhoneNumber(value)
-    );
-    const [localError, setLocalError] = React__namespace.useState();
-    React__namespace.useEffect(() => {
-      setDisplayValue(chunkBTJHYGPI_cjs.formatPhoneNumber(value));
-    }, [value]);
-    const handleChange = (e) => {
-      const formatted = chunkBTJHYGPI_cjs.formatPhoneNumber(e.target.value);
-      setDisplayValue(formatted);
-      const unformatted = chunkBTJHYGPI_cjs.unformatPhoneNumber(formatted);
-      onChange?.(unformatted);
-      onFormattedChange?.(formatted);
-      if (localError) {
-        setLocalError(void 0);
-      }
-    };
-    const handleBlur = (e) => {
-      onBlur?.(e);
-      if (validateOnBlur) {
-        const unformatted = chunkBTJHYGPI_cjs.unformatPhoneNumber(displayValue);
-        if (unformatted.length > 0 && !chunkBTJHYGPI_cjs.isValidPhoneNumber(displayValue)) {
-          setLocalError("Please enter a valid 10-digit phone number");
-        } else {
-          setLocalError(void 0);
-        }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkVV4N4WY6_cjs.Input,
-      {
-        ref,
-        type: "tel",
-        inputMode: "numeric",
-        autoComplete: "tel-national",
-        placeholder: "(555) 555-5555",
-        value: displayValue,
-        onChange: handleChange,
-        onBlur: handleBlur,
-        hasError: hasError || !!localError,
-        error: error || localError,
-        className: chunkOR5DRJCW_cjs.cn(className),
-        ...props
-      }
-    );
-  }
-);
-PhoneInput.displayName = "PhoneInput";
-var PHONE_TYPES = [
-  { value: "cell", label: "Cell" },
-  { value: "landline", label: "Landline" },
-  { value: "home", label: "Home" },
-  { value: "work", label: "Work" },
-  { value: "fax", label: "Fax" }
-];
-function PhoneInputGroup({
-  value,
-  onChange,
-  minEntries = 1,
-  maxEntries = 5,
-  required = false,
-  disabled = false,
-  validateOnBlur = false,
-  label,
-  typeLabels,
-  className
-}) {
-  const phones = React__namespace.useMemo(() => {
-    if (value.length >= minEntries) return value;
-    const padding = Array(minEntries - value.length).fill(null).map(() => ({ number: "", type: "cell" }));
-    return [...value, ...padding];
-  }, [value, minEntries]);
-  const handlePhoneChange = (index, number) => {
-    const updated = [...phones];
-    updated[index] = { ...updated[index], number };
-    onChange(updated);
-  };
-  const handleTypeChange = (index, type) => {
-    const updated = [...phones];
-    updated[index] = { ...updated[index], type };
-    onChange(updated);
-  };
-  const handleAdd = () => {
-    if (phones.length < maxEntries) {
-      onChange([...phones, { number: "", type: "cell" }]);
-    }
-  };
-  const handleRemove = (index) => {
-    if (phones.length > minEntries) {
-      onChange(phones.filter((_, i) => i !== index));
-    }
-  };
-  const getTypeLabel = (type) => {
-    if (typeLabels?.[type]) return typeLabels[type];
-    return PHONE_TYPES.find((t) => t.value === type)?.label || type;
-  };
-  const canAdd = phones.length < maxEntries;
-  const canRemove = phones.length > minEntries;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOR5DRJCW_cjs.cn("space-y-3", className), children: phones.map((phone, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
-      PhoneInput,
-      {
-        label: index === 0 ? label : void 0,
-        value: phone.number,
-        onChange: (num) => handlePhoneChange(index, num),
-        disabled,
-        validateOnBlur,
-        required: required && index === 0
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-32 shrink-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: `phone-type-${index}`, className: "sr-only", children: "Phone type" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "select",
-        {
-          id: `phone-type-${index}`,
-          value: phone.type,
-          onChange: (e) => handleTypeChange(index, e.target.value),
-          disabled,
-          className: chunkOR5DRJCW_cjs.cn(
-            "w-full rounded-md border px-3 py-2 text-sm",
-            "border-gray-300 bg-white text-gray-900",
-            "focus:border-brand-500 focus:ring-brand-500/20 focus:ring-2 focus:outline-none",
-            "disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500",
-            "dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100",
-            "dark:focus:border-brand-400 dark:focus:ring-brand-400/20",
-            index === 0 && label ? "mt-6" : ""
-          ),
-          children: PHONE_TYPES.map((type) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: type.value, children: getTypeLabel(type.value) }, type.value))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkOR5DRJCW_cjs.cn(
-          "flex shrink-0 items-center",
-          index === 0 && label ? "mt-6" : ""
-        ),
-        children: index === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: handleAdd,
-            disabled: disabled || !canAdd,
-            className: chunkOR5DRJCW_cjs.cn(
-              "rounded-full p-2 transition-colors",
-              "text-brand-600 hover:bg-brand-50",
-              "disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent",
-              "dark:text-brand-400 dark:hover:bg-brand-900/20",
-              "dark:disabled:text-gray-600"
-            ),
-            "aria-label": "Add phone number",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: "h-5 w-5",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M12 4v16m8-8H4"
-                  }
-                )
-              }
-            )
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            onClick: () => handleRemove(index),
-            disabled: disabled || !canRemove,
-            className: chunkOR5DRJCW_cjs.cn(
-              "rounded-full p-2 transition-colors",
-              "text-red-600 hover:bg-red-50",
-              "disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent",
-              "dark:text-red-400 dark:hover:bg-red-900/20",
-              "dark:disabled:text-gray-600"
-            ),
-            "aria-label": "Remove phone number",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              "svg",
-              {
-                className: "h-5 w-5",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M20 12H4"
-                  }
-                )
-              }
-            )
-          }
-        )
-      }
-    )
-  ] }, index)) });
-}
-PhoneInputGroup.displayName = "PhoneInputGroup";
-
-exports.PhoneInput = PhoneInput;
-exports.PhoneInputGroup = PhoneInputGroup;
-//# sourceMappingURL=chunk-CQCYXHCU.cjs.map
-//# sourceMappingURL=chunk-CQCYXHCU.cjs.map

package/dist/chunk-CQCYXHCU.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/PhoneInput/PhoneInput.tsx"],"names":["React","formatPhoneNumber","unformatPhoneNumber","isValidPhoneNumber","jsx","Input","cn","jsxs"],"mappings":"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","file":"chunk-CQCYXHCU.cjs","sourcesContent":["import * as React from 'react';\nimport { cn } from '../../utils/cn';\nimport {\n  formatPhoneNumber,\n  unformatPhoneNumber,\n  isValidPhoneNumber,\n} from '../../utils/phone';\nimport { Input, type InputProps } from '../Input';\n\nexport interface PhoneInputProps extends Omit<\n  InputProps,\n  'type' | 'onChange' | 'value'\n> {\n  /** The phone number value (can be formatted or unformatted) */\n  value?: string;\n  /** Callback fired when the value changes, receives the unformatted value */\n  onChange?: (value: string) => void;\n  /** Callback fired when the formatted value changes */\n  onFormattedChange?: (formattedValue: string) => void;\n  /** Whether to validate and show error state for incomplete phone numbers */\n  validateOnBlur?: boolean;\n}\n\n/**\n * A phone number input that automatically formats to US format: (XXX) XXX-XXXX\n *\n * @example\n * ```tsx\n * const [phone, setPhone] = useState('');\n * <PhoneInput\n *   label=\"Phone Number\"\n *   value={phone}\n *   onChange={setPhone}\n *   validateOnBlur\n * />\n * ```\n */\nconst PhoneInput = React.forwardRef<HTMLInputElement, PhoneInputProps>(\n  (\n    {\n      value = '',\n      onChange,\n      onFormattedChange,\n      validateOnBlur,\n      className,\n      onBlur,\n      hasError,\n      error,\n      ...props\n    },\n    ref\n  ) => {\n    const [displayValue, setDisplayValue] = React.useState(() =>\n      formatPhoneNumber(value)\n    );\n    const [localError, setLocalError] = React.useState<string | undefined>();\n\n    // Sync external value changes\n    React.useEffect(() => {\n      setDisplayValue(formatPhoneNumber(value));\n    }, [value]);\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const formatted = formatPhoneNumber(e.target.value);\n      setDisplayValue(formatted);\n\n      const unformatted = unformatPhoneNumber(formatted);\n      onChange?.(unformatted);\n      onFormattedChange?.(formatted);\n\n      // Clear error when user starts typing again\n      if (localError) {\n        setLocalError(undefined);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      onBlur?.(e);\n\n      if (validateOnBlur) {\n        const unformatted = unformatPhoneNumber(displayValue);\n        if (unformatted.length > 0 && !isValidPhoneNumber(displayValue)) {\n          setLocalError('Please enter a valid 10-digit phone number');\n        } else {\n          setLocalError(undefined);\n        }\n      }\n    };\n\n    return (\n      <Input\n        ref={ref}\n        type=\"tel\"\n        inputMode=\"numeric\"\n        autoComplete=\"tel-national\"\n        placeholder=\"(555) 555-5555\"\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        hasError={hasError || !!localError}\n        error={error || localError}\n        className={cn(className)}\n        {...props}\n      />\n    );\n  }\n);\n\nPhoneInput.displayName = 'PhoneInput';\n\n// =============================================================================\n// Phone Types\n// =============================================================================\n\nexport type PhoneType = 'cell' | 'landline' | 'home' | 'work' | 'fax';\n\nexport interface PhoneEntry {\n  number: string;\n  type: PhoneType;\n}\n\nconst PHONE_TYPES: { value: PhoneType; label: string }[] = [\n  { value: 'cell', label: 'Cell' },\n  { value: 'landline', label: 'Landline' },\n  { value: 'home', label: 'Home' },\n  { value: 'work', label: 'Work' },\n  { value: 'fax', label: 'Fax' },\n];\n\n// =============================================================================\n// PhoneInputGroup\n// =============================================================================\n\nexport interface PhoneInputGroupProps {\n  /** Array of phone entries */\n  value: PhoneEntry[];\n  /** Callback when phone entries change */\n  onChange: (phones: PhoneEntry[]) => void;\n  /** Minimum number of phone entries (default: 1) */\n  minEntries?: number;\n  /** Maximum number of phone entries (default: 5) */\n  maxEntries?: number;\n  /** Whether the first entry is required */\n  required?: boolean;\n  /** Whether all inputs are disabled */\n  disabled?: boolean;\n  /** Validate on blur */\n  validateOnBlur?: boolean;\n  /** Label for the phone input */\n  label?: string;\n  /** Labels for type options (for i18n) */\n  typeLabels?: Record<PhoneType, string>;\n  /** Custom className */\n  className?: string;\n}\n\n/**\n * A group of phone inputs with type selection and add/remove functionality.\n *\n * @example\n * ```tsx\n * const [phones, setPhones] = useState<PhoneEntry[]>([\n *   { number: '', type: 'cell' }\n * ]);\n *\n * <PhoneInputGroup\n *   value={phones}\n *   onChange={setPhones}\n *   required\n * />\n * ```\n */\nfunction PhoneInputGroup({\n  value,\n  onChange,\n  minEntries = 1,\n  maxEntries = 5,\n  required = false,\n  disabled = false,\n  validateOnBlur = false,\n  label,\n  typeLabels,\n  className,\n}: PhoneInputGroupProps) {\n  // Ensure we always have at least minEntries\n  const phones = React.useMemo(() => {\n    if (value.length >= minEntries) return value;\n    const padding: PhoneEntry[] = Array(minEntries - value.length)\n      .fill(null)\n      .map(() => ({ number: '', type: 'cell' as PhoneType }));\n    return [...value, ...padding];\n  }, [value, minEntries]);\n\n  const handlePhoneChange = (index: number, number: string) => {\n    const updated = [...phones];\n    updated[index] = { ...updated[index], number };\n    onChange(updated);\n  };\n\n  const handleTypeChange = (index: number, type: PhoneType) => {\n    const updated = [...phones];\n    updated[index] = { ...updated[index], type };\n    onChange(updated);\n  };\n\n  const handleAdd = () => {\n    if (phones.length < maxEntries) {\n      onChange([...phones, { number: '', type: 'cell' }]);\n    }\n  };\n\n  const handleRemove = (index: number) => {\n    if (phones.length > minEntries) {\n      onChange(phones.filter((_, i) => i !== index));\n    }\n  };\n\n  const getTypeLabel = (type: PhoneType): string => {\n    if (typeLabels?.[type]) return typeLabels[type];\n    return PHONE_TYPES.find((t) => t.value === type)?.label || type;\n  };\n\n  const canAdd = phones.length < maxEntries;\n  const canRemove = phones.length > minEntries;\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {phones.map((phone, index) => (\n        <div key={index} className=\"flex items-start gap-2\">\n          {/* Phone number input */}\n          <div className=\"flex-1\">\n            <PhoneInput\n              label={index === 0 ? label : undefined}\n              value={phone.number}\n              onChange={(num) => handlePhoneChange(index, num)}\n              disabled={disabled}\n              validateOnBlur={validateOnBlur}\n              required={required && index === 0}\n            />\n          </div>\n\n          {/* Type selector */}\n          <div className=\"w-32 shrink-0\">\n            <label htmlFor={`phone-type-${index}`} className=\"sr-only\">\n              Phone type\n            </label>\n            <select\n              id={`phone-type-${index}`}\n              value={phone.type}\n              onChange={(e) =>\n                handleTypeChange(index, e.target.value as PhoneType)\n              }\n              disabled={disabled}\n              className={cn(\n                'w-full rounded-md border px-3 py-2 text-sm',\n                'border-gray-300 bg-white text-gray-900',\n                'focus:border-brand-500 focus:ring-brand-500/20 focus:ring-2 focus:outline-none',\n                'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500',\n                'dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100',\n                'dark:focus:border-brand-400 dark:focus:ring-brand-400/20',\n                index === 0 && label ? 'mt-6' : ''\n              )}\n            >\n              {PHONE_TYPES.map((type) => (\n                <option key={type.value} value={type.value}>\n                  {getTypeLabel(type.value)}\n                </option>\n              ))}\n            </select>\n          </div>\n\n          {/* Add/Remove buttons */}\n          <div\n            className={cn(\n              'flex shrink-0 items-center',\n              index === 0 && label ? 'mt-6' : ''\n            )}\n          >\n            {index === 0 ? (\n              <button\n                type=\"button\"\n                onClick={handleAdd}\n                disabled={disabled || !canAdd}\n                className={cn(\n                  'rounded-full p-2 transition-colors',\n                  'text-brand-600 hover:bg-brand-50',\n                  'disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent',\n                  'dark:text-brand-400 dark:hover:bg-brand-900/20',\n                  'dark:disabled:text-gray-600'\n                )}\n                aria-label=\"Add phone number\"\n              >\n                <svg\n                  className=\"h-5 w-5\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M12 4v16m8-8H4\"\n                  />\n                </svg>\n              </button>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={() => handleRemove(index)}\n                disabled={disabled || !canRemove}\n                className={cn(\n                  'rounded-full p-2 transition-colors',\n                  'text-red-600 hover:bg-red-50',\n                  'disabled:cursor-not-allowed disabled:text-gray-300 disabled:hover:bg-transparent',\n                  'dark:text-red-400 dark:hover:bg-red-900/20',\n                  'dark:disabled:text-gray-600'\n                )}\n                aria-label=\"Remove phone number\"\n              >\n                <svg\n                  className=\"h-5 w-5\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                    strokeWidth={2}\n                    d=\"M20 12H4\"\n                  />\n                </svg>\n              </button>\n            )}\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nPhoneInputGroup.displayName = 'PhoneInputGroup';\n\nexport { PhoneInput, PhoneInputGroup };\n"]}

package/dist/chunk-DMA74PZ7.js

@@ -1,240 +0,0 @@
-import { cn } from './chunk-F3SOEIN2.js';
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var dateButtonVariants = cva(
-  [
-    "flex-shrink-0 rounded-xl border px-3 py-2 text-center transition-colors",
-    "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
-    "dark:focus:ring-offset-neutral-900"
-  ],
-  {
-    variants: {
-      selected: {
-        true: "border-primary-500 bg-primary-50 dark:bg-primary-900/20",
-        false: "border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600"
-      }
-    },
-    defaultVariants: {
-      selected: false
-    }
-  }
-);
-var DateButton = React.forwardRef(
-  ({ className, date, selected, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(dateButtonVariants({ selected }), className),
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: date.toLocaleDateString("en-US", { weekday: "short" }) }),
-          /* @__PURE__ */ jsx("div", { className: "text-lg font-semibold text-neutral-900 dark:text-white", children: date.getDate() }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: date.toLocaleDateString("en-US", { month: "short" }) })
-        ]
-      }
-    );
-  }
-);
-DateButton.displayName = "DateButton";
-var timeButtonVariants = cva(
-  [
-    "rounded-xl border px-2 py-2 text-sm transition-colors",
-    "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
-    "dark:focus:ring-offset-neutral-900"
-  ],
-  {
-    variants: {
-      selected: {
-        true: "border-primary-500 bg-primary-50 dark:bg-primary-900/20",
-        false: "border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600"
-      }
-    },
-    defaultVariants: {
-      selected: false
-    }
-  }
-);
-var TimeButton = React.forwardRef(
-  ({ className, time, selected, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(timeButtonVariants({ selected }), className),
-        ...props,
-        children: time
-      }
-    );
-  }
-);
-TimeButton.displayName = "TimeButton";
-var radioOptionVariants = cva(
-  [
-    "cursor-pointer rounded-xl border bg-card p-4 transition-all",
-    "focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-500"
-  ],
-  {
-    variants: {
-      selected: {
-        true: "border-2 border-primary-500 ring-2 ring-primary-200 dark:ring-primary-800",
-        false: "border-border"
-      }
-    },
-    defaultVariants: {
-      selected: false
-    }
-  }
-);
-var RadioOption = React.forwardRef(
-  ({ className, title, description, selected, children, onClick, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: cn(radioOptionVariants({ selected }), className),
-        onClick,
-        role: "button",
-        tabIndex: 0,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            onClick?.(e);
-          }
-        },
-        ...props,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: cn(
-                  "flex h-5 w-5 items-center justify-center rounded-full border-2",
-                  selected ? "border-primary-500 bg-primary-500" : "border-neutral-300"
-                ),
-                children: selected && /* @__PURE__ */ jsx("div", { className: "h-2 w-2 rounded-full bg-white" })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("div", { className: "font-medium text-neutral-900 dark:text-white", children: title }),
-              description && /* @__PURE__ */ jsx("div", { className: "text-sm text-neutral-500 dark:text-neutral-400", children: description })
-            ] })
-          ] }),
-          children
-        ]
-      }
-    );
-  }
-);
-RadioOption.displayName = "RadioOption";
-var DatePicker = React.forwardRef(
-  ({
-    className,
-    dates,
-    selectedDate,
-    onDateSelect,
-    label = "Select Date",
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
-      /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300", children: label }),
-      /* @__PURE__ */ jsx("div", { className: "-m-1 flex gap-2 overflow-x-auto p-1", children: dates.map((date, index) => /* @__PURE__ */ jsx(
-        DateButton,
-        {
-          date,
-          selected: selectedDate?.toDateString() === date.toDateString(),
-          onClick: (e) => {
-            e.stopPropagation();
-            onDateSelect?.(date);
-          }
-        },
-        index
-      )) })
-    ] });
-  }
-);
-DatePicker.displayName = "DatePicker";
-var TimePicker = React.forwardRef(
-  ({
-    className,
-    times,
-    selectedTime,
-    onTimeSelect,
-    label = "Select Time",
-    columns = 6,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
-      /* @__PURE__ */ jsx("label", { className: "mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300", children: label }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "-m-1 grid gap-2 p-1",
-            columns === 4 ? "grid-cols-4" : "grid-cols-4 sm:grid-cols-6"
-          ),
-          children: times.map((time) => /* @__PURE__ */ jsx(
-            TimeButton,
-            {
-              time,
-              selected: selectedTime === time,
-              onClick: (e) => {
-                e.stopPropagation();
-                onTimeSelect?.(time);
-              }
-            },
-            time
-          ))
-        }
-      )
-    ] });
-  }
-);
-TimePicker.displayName = "TimePicker";
-var SchedulePicker = React.forwardRef(
-  ({
-    className,
-    dates,
-    times,
-    selectedDate,
-    selectedTime,
-    onDateSelect,
-    onTimeSelect,
-    dateLabel = "Select Date",
-    timeLabel = "Select Time",
-    timeColumns = 6,
-    showTimePicker = true,
-    ...props
-  }, ref) => {
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("space-y-4", className), ...props, children: [
-      /* @__PURE__ */ jsx(
-        DatePicker,
-        {
-          dates,
-          selectedDate,
-          onDateSelect,
-          label: dateLabel
-        }
-      ),
-      showTimePicker && selectedDate && /* @__PURE__ */ jsx(
-        TimePicker,
-        {
-          times,
-          selectedTime,
-          onTimeSelect,
-          label: timeLabel,
-          columns: timeColumns
-        }
-      )
-    ] });
-  }
-);
-SchedulePicker.displayName = "SchedulePicker";
-
-export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants };
-//# sourceMappingURL=chunk-DMA74PZ7.js.map
-//# sourceMappingURL=chunk-DMA74PZ7.js.map

package/dist/chunk-DMA74PZ7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SchedulePicker/SchedulePicker.tsx"],"names":[],"mappings":"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","file":"chunk-DMA74PZ7.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Date Button Component\n// ============================================================================\n\nconst dateButtonVariants = cva(\n  [\n    'flex-shrink-0 rounded-xl border px-3 py-2 text-center transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n    'dark:focus:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-primary-500 bg-primary-50 dark:bg-primary-900/20',\n        false:\n          'border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface DateButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof dateButtonVariants> {\n  /** The date to display */\n  date: Date;\n}\n\n/**\n * A button for selecting a date in the schedule picker.\n */\nconst DateButton = React.forwardRef<HTMLButtonElement, DateButtonProps>(\n  ({ className, date, selected, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={cn(dateButtonVariants({ selected }), className)}\n        {...props}\n      >\n        <div className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {date.toLocaleDateString('en-US', { weekday: 'short' })}\n        </div>\n        <div className=\"text-lg font-semibold text-neutral-900 dark:text-white\">\n          {date.getDate()}\n        </div>\n        <div className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {date.toLocaleDateString('en-US', { month: 'short' })}\n        </div>\n      </button>\n    );\n  }\n);\n\nDateButton.displayName = 'DateButton';\n\n// ============================================================================\n// Time Button Component\n// ============================================================================\n\nconst timeButtonVariants = cva(\n  [\n    'rounded-xl border px-2 py-2 text-sm transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n    'dark:focus:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-primary-500 bg-primary-50 dark:bg-primary-900/20',\n        false:\n          'border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface TimeButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof timeButtonVariants> {\n  /** The time string to display (e.g., \"8:00 AM\") */\n  time: string;\n}\n\n/**\n * A button for selecting a time in the schedule picker.\n */\nconst TimeButton = React.forwardRef<HTMLButtonElement, TimeButtonProps>(\n  ({ className, time, selected, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={cn(timeButtonVariants({ selected }), className)}\n        {...props}\n      >\n        {time}\n      </button>\n    );\n  }\n);\n\nTimeButton.displayName = 'TimeButton';\n\n// ============================================================================\n// Radio Option Component\n// ============================================================================\n\nconst radioOptionVariants = cva(\n  [\n    'cursor-pointer rounded-xl border bg-card p-4 transition-all',\n    'focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-500',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-2 border-primary-500 ring-2 ring-primary-200 dark:ring-primary-800',\n        false: 'border-border',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface RadioOptionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,\n    VariantProps<typeof radioOptionVariants> {\n  /** Title text for the option */\n  title: React.ReactNode;\n  /** Description text for the option */\n  description?: React.ReactNode;\n  /** Whether this option is selected */\n  selected?: boolean;\n}\n\n/**\n * A radio-style option card component.\n */\nconst RadioOption = React.forwardRef<HTMLDivElement, RadioOptionProps>(\n  (\n    { className, title, description, selected, children, onClick, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(radioOptionVariants({ selected }), className)}\n        onClick={onClick}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n          }\n        }}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div\n            className={cn(\n              'flex h-5 w-5 items-center justify-center rounded-full border-2',\n              selected\n                ? 'border-primary-500 bg-primary-500'\n                : 'border-neutral-300'\n            )}\n          >\n            {selected && <div className=\"h-2 w-2 rounded-full bg-white\" />}\n          </div>\n          <div>\n            <div className=\"font-medium text-neutral-900 dark:text-white\">\n              {title}\n            </div>\n            {description && (\n              <div className=\"text-sm text-neutral-500 dark:text-neutral-400\">\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        {children}\n      </div>\n    );\n  }\n);\n\nRadioOption.displayName = 'RadioOption';\n\n// ============================================================================\n// Date Picker Component\n// ============================================================================\n\nexport interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available dates to display */\n  dates: Date[];\n  /** Currently selected date */\n  selectedDate?: Date | null;\n  /** Callback when a date is selected */\n  onDateSelect?: (date: Date) => void;\n  /** Label text above the date picker */\n  label?: string;\n}\n\n/**\n * A horizontal scrollable date picker component.\n */\nconst DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      className,\n      dates,\n      selectedDate,\n      onDateSelect,\n      label = 'Select Date',\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={className} {...props}>\n        <label className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div className=\"-m-1 flex gap-2 overflow-x-auto p-1\">\n          {dates.map((date, index) => (\n            <DateButton\n              key={index}\n              date={date}\n              selected={selectedDate?.toDateString() === date.toDateString()}\n              onClick={(e) => {\n                e.stopPropagation();\n                onDateSelect?.(date);\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\n// ============================================================================\n// Time Picker Component\n// ============================================================================\n\nexport interface TimePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available time strings (e.g., [\"8:00 AM\", \"8:30 AM\"]) */\n  times: string[];\n  /** Currently selected time string */\n  selectedTime?: string | null;\n  /** Callback when a time is selected */\n  onTimeSelect?: (time: string) => void;\n  /** Label text above the time picker */\n  label?: string;\n  /** Number of columns for the time grid */\n  columns?: 4 | 6;\n}\n\n/**\n * A grid-based time picker component.\n */\nconst TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      className,\n      times,\n      selectedTime,\n      onTimeSelect,\n      label = 'Select Time',\n      columns = 6,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={className} {...props}>\n        <label className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div\n          className={cn(\n            '-m-1 grid gap-2 p-1',\n            columns === 4 ? 'grid-cols-4' : 'grid-cols-4 sm:grid-cols-6'\n          )}\n        >\n          {times.map((time) => (\n            <TimeButton\n              key={time}\n              time={time}\n              selected={selectedTime === time}\n              onClick={(e) => {\n                e.stopPropagation();\n                onTimeSelect?.(time);\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nTimePicker.displayName = 'TimePicker';\n\n// ============================================================================\n// Schedule Picker Component (Composite)\n// ============================================================================\n\nexport interface SchedulePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available dates to display */\n  dates: Date[];\n  /** Array of available time strings */\n  times: string[];\n  /** Currently selected date */\n  selectedDate?: Date | null;\n  /** Currently selected time */\n  selectedTime?: string | null;\n  /** Callback when a date is selected */\n  onDateSelect?: (date: Date) => void;\n  /** Callback when a time is selected */\n  onTimeSelect?: (time: string) => void;\n  /** Label for the date picker */\n  dateLabel?: string;\n  /** Label for the time picker */\n  timeLabel?: string;\n  /** Number of columns for time grid */\n  timeColumns?: 4 | 6;\n  /** Whether to show time picker (hidden until date is selected) */\n  showTimePicker?: boolean;\n}\n\n/**\n * A complete schedule picker with date and time selection.\n *\n * @example\n * ```tsx\n * <SchedulePicker\n *   dates={availableDates}\n *   times={availableTimes}\n *   selectedDate={selectedDate}\n *   selectedTime={selectedTime}\n *   onDateSelect={setSelectedDate}\n *   onTimeSelect={setSelectedTime}\n * />\n * ```\n */\nconst SchedulePicker = React.forwardRef<HTMLDivElement, SchedulePickerProps>(\n  (\n    {\n      className,\n      dates,\n      times,\n      selectedDate,\n      selectedTime,\n      onDateSelect,\n      onTimeSelect,\n      dateLabel = 'Select Date',\n      timeLabel = 'Select Time',\n      timeColumns = 6,\n      showTimePicker = true,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={cn('space-y-4', className)} {...props}>\n        <DatePicker\n          dates={dates}\n          selectedDate={selectedDate}\n          onDateSelect={onDateSelect}\n          label={dateLabel}\n        />\n        {showTimePicker && selectedDate && (\n          <TimePicker\n            times={times}\n            selectedTime={selectedTime}\n            onTimeSelect={onTimeSelect}\n            label={timeLabel}\n            columns={timeColumns}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nSchedulePicker.displayName = 'SchedulePicker';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  DateButton,\n  TimeButton,\n  RadioOption,\n  DatePicker,\n  TimePicker,\n  SchedulePicker,\n  dateButtonVariants,\n  timeButtonVariants,\n  radioOptionVariants,\n};\n"]}

package/dist/chunk-EF46XW4Z.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/SchedulePicker/SchedulePicker.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":"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","file":"chunk-EF46XW4Z.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// ============================================================================\n// Date Button Component\n// ============================================================================\n\nconst dateButtonVariants = cva(\n  [\n    'flex-shrink-0 rounded-xl border px-3 py-2 text-center transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n    'dark:focus:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-primary-500 bg-primary-50 dark:bg-primary-900/20',\n        false:\n          'border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface DateButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof dateButtonVariants> {\n  /** The date to display */\n  date: Date;\n}\n\n/**\n * A button for selecting a date in the schedule picker.\n */\nconst DateButton = React.forwardRef<HTMLButtonElement, DateButtonProps>(\n  ({ className, date, selected, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={cn(dateButtonVariants({ selected }), className)}\n        {...props}\n      >\n        <div className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {date.toLocaleDateString('en-US', { weekday: 'short' })}\n        </div>\n        <div className=\"text-lg font-semibold text-neutral-900 dark:text-white\">\n          {date.getDate()}\n        </div>\n        <div className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n          {date.toLocaleDateString('en-US', { month: 'short' })}\n        </div>\n      </button>\n    );\n  }\n);\n\nDateButton.displayName = 'DateButton';\n\n// ============================================================================\n// Time Button Component\n// ============================================================================\n\nconst timeButtonVariants = cva(\n  [\n    'rounded-xl border px-2 py-2 text-sm transition-colors',\n    'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n    'dark:focus:ring-offset-neutral-900',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-primary-500 bg-primary-50 dark:bg-primary-900/20',\n        false:\n          'border-neutral-200 hover:border-neutral-300 dark:border-neutral-700 dark:hover:border-neutral-600',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface TimeButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof timeButtonVariants> {\n  /** The time string to display (e.g., \"8:00 AM\") */\n  time: string;\n}\n\n/**\n * A button for selecting a time in the schedule picker.\n */\nconst TimeButton = React.forwardRef<HTMLButtonElement, TimeButtonProps>(\n  ({ className, time, selected, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        className={cn(timeButtonVariants({ selected }), className)}\n        {...props}\n      >\n        {time}\n      </button>\n    );\n  }\n);\n\nTimeButton.displayName = 'TimeButton';\n\n// ============================================================================\n// Radio Option Component\n// ============================================================================\n\nconst radioOptionVariants = cva(\n  [\n    'cursor-pointer rounded-xl border bg-card p-4 transition-all',\n    'focus-within:outline-none focus-within:ring-2 focus-within:ring-primary-500',\n  ],\n  {\n    variants: {\n      selected: {\n        true: 'border-2 border-primary-500 ring-2 ring-primary-200 dark:ring-primary-800',\n        false: 'border-border',\n      },\n    },\n    defaultVariants: {\n      selected: false,\n    },\n  }\n);\n\nexport interface RadioOptionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,\n    VariantProps<typeof radioOptionVariants> {\n  /** Title text for the option */\n  title: React.ReactNode;\n  /** Description text for the option */\n  description?: React.ReactNode;\n  /** Whether this option is selected */\n  selected?: boolean;\n}\n\n/**\n * A radio-style option card component.\n */\nconst RadioOption = React.forwardRef<HTMLDivElement, RadioOptionProps>(\n  (\n    { className, title, description, selected, children, onClick, ...props },\n    ref\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(radioOptionVariants({ selected }), className)}\n        onClick={onClick}\n        role=\"button\"\n        tabIndex={0}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            onClick?.(e as unknown as React.MouseEvent<HTMLDivElement>);\n          }\n        }}\n        {...props}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div\n            className={cn(\n              'flex h-5 w-5 items-center justify-center rounded-full border-2',\n              selected\n                ? 'border-primary-500 bg-primary-500'\n                : 'border-neutral-300'\n            )}\n          >\n            {selected && <div className=\"h-2 w-2 rounded-full bg-white\" />}\n          </div>\n          <div>\n            <div className=\"font-medium text-neutral-900 dark:text-white\">\n              {title}\n            </div>\n            {description && (\n              <div className=\"text-sm text-neutral-500 dark:text-neutral-400\">\n                {description}\n              </div>\n            )}\n          </div>\n        </div>\n        {children}\n      </div>\n    );\n  }\n);\n\nRadioOption.displayName = 'RadioOption';\n\n// ============================================================================\n// Date Picker Component\n// ============================================================================\n\nexport interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available dates to display */\n  dates: Date[];\n  /** Currently selected date */\n  selectedDate?: Date | null;\n  /** Callback when a date is selected */\n  onDateSelect?: (date: Date) => void;\n  /** Label text above the date picker */\n  label?: string;\n}\n\n/**\n * A horizontal scrollable date picker component.\n */\nconst DatePicker = React.forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      className,\n      dates,\n      selectedDate,\n      onDateSelect,\n      label = 'Select Date',\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={className} {...props}>\n        <label className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div className=\"-m-1 flex gap-2 overflow-x-auto p-1\">\n          {dates.map((date, index) => (\n            <DateButton\n              key={index}\n              date={date}\n              selected={selectedDate?.toDateString() === date.toDateString()}\n              onClick={(e) => {\n                e.stopPropagation();\n                onDateSelect?.(date);\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nDatePicker.displayName = 'DatePicker';\n\n// ============================================================================\n// Time Picker Component\n// ============================================================================\n\nexport interface TimePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available time strings (e.g., [\"8:00 AM\", \"8:30 AM\"]) */\n  times: string[];\n  /** Currently selected time string */\n  selectedTime?: string | null;\n  /** Callback when a time is selected */\n  onTimeSelect?: (time: string) => void;\n  /** Label text above the time picker */\n  label?: string;\n  /** Number of columns for the time grid */\n  columns?: 4 | 6;\n}\n\n/**\n * A grid-based time picker component.\n */\nconst TimePicker = React.forwardRef<HTMLDivElement, TimePickerProps>(\n  (\n    {\n      className,\n      times,\n      selectedTime,\n      onTimeSelect,\n      label = 'Select Time',\n      columns = 6,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={className} {...props}>\n        <label className=\"mb-2 block text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          {label}\n        </label>\n        {/* Negative margin + padding allows focus ring to render without clipping */}\n        <div\n          className={cn(\n            '-m-1 grid gap-2 p-1',\n            columns === 4 ? 'grid-cols-4' : 'grid-cols-4 sm:grid-cols-6'\n          )}\n        >\n          {times.map((time) => (\n            <TimeButton\n              key={time}\n              time={time}\n              selected={selectedTime === time}\n              onClick={(e) => {\n                e.stopPropagation();\n                onTimeSelect?.(time);\n              }}\n            />\n          ))}\n        </div>\n      </div>\n    );\n  }\n);\n\nTimePicker.displayName = 'TimePicker';\n\n// ============================================================================\n// Schedule Picker Component (Composite)\n// ============================================================================\n\nexport interface SchedulePickerProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Array of available dates to display */\n  dates: Date[];\n  /** Array of available time strings */\n  times: string[];\n  /** Currently selected date */\n  selectedDate?: Date | null;\n  /** Currently selected time */\n  selectedTime?: string | null;\n  /** Callback when a date is selected */\n  onDateSelect?: (date: Date) => void;\n  /** Callback when a time is selected */\n  onTimeSelect?: (time: string) => void;\n  /** Label for the date picker */\n  dateLabel?: string;\n  /** Label for the time picker */\n  timeLabel?: string;\n  /** Number of columns for time grid */\n  timeColumns?: 4 | 6;\n  /** Whether to show time picker (hidden until date is selected) */\n  showTimePicker?: boolean;\n}\n\n/**\n * A complete schedule picker with date and time selection.\n *\n * @example\n * ```tsx\n * <SchedulePicker\n *   dates={availableDates}\n *   times={availableTimes}\n *   selectedDate={selectedDate}\n *   selectedTime={selectedTime}\n *   onDateSelect={setSelectedDate}\n *   onTimeSelect={setSelectedTime}\n * />\n * ```\n */\nconst SchedulePicker = React.forwardRef<HTMLDivElement, SchedulePickerProps>(\n  (\n    {\n      className,\n      dates,\n      times,\n      selectedDate,\n      selectedTime,\n      onDateSelect,\n      onTimeSelect,\n      dateLabel = 'Select Date',\n      timeLabel = 'Select Time',\n      timeColumns = 6,\n      showTimePicker = true,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <div ref={ref} className={cn('space-y-4', className)} {...props}>\n        <DatePicker\n          dates={dates}\n          selectedDate={selectedDate}\n          onDateSelect={onDateSelect}\n          label={dateLabel}\n        />\n        {showTimePicker && selectedDate && (\n          <TimePicker\n            times={times}\n            selectedTime={selectedTime}\n            onTimeSelect={onTimeSelect}\n            label={timeLabel}\n            columns={timeColumns}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nSchedulePicker.displayName = 'SchedulePicker';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  DateButton,\n  TimeButton,\n  RadioOption,\n  DatePicker,\n  TimePicker,\n  SchedulePicker,\n  dateButtonVariants,\n  timeButtonVariants,\n  radioOptionVariants,\n};\n"]}

package/dist/chunk-EKIQE524.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["cva","React","jsxs","cn","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,aAAA,GAAgBA,0BAAA;AAAA,EACpB;AAAA,IACE,yCAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,2EAAA;AAAA,QACF,SAAA,EACE,2EAAA;AAAA,QACF,OAAA,EACE,mEAAA;AAAA,QACF,OAAA,EACE,uEAAA;AAAA,QACF,MAAA,EAAQ,2DAAA;AAAA,QACR,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAoBA,IAAM,KAAA,GAAcC,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,MAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC/D,IAAA,uBACEC,eAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,qBAAG,aAAA,CAAc,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACxD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,UAC9C;AAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-EKIQE524.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst badgeVariants = cva(\n  [\n    'inline-flex items-center justify-center',\n    'font-medium',\n    'rounded-full',\n    'transition-colors duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          'bg-primary-100 text-primary-900 dark:bg-primary-900 dark:text-primary-100',\n        secondary:\n          'bg-neutral-100 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100',\n        success:\n          'bg-green-100 text-green-900 dark:bg-green-900 dark:text-green-100',\n        warning:\n          'bg-yellow-100 text-yellow-900 dark:bg-yellow-900 dark:text-yellow-100',\n        danger: 'bg-red-100 text-red-900 dark:bg-red-900 dark:text-red-100',\n        outline: 'border border-current bg-transparent',\n      },\n      size: {\n        sm: 'px-2 py-0.5 text-xs',\n        md: 'px-2.5 py-0.5 text-sm',\n        lg: 'px-3 py-1 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends\n    React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Optional icon before the text */\n  icon?: React.ReactNode;\n}\n\n/**\n * A badge component for displaying status, labels, or counts.\n *\n * @example\n * ```tsx\n * <Badge variant=\"success\">Active</Badge>\n * <Badge variant=\"warning\" size=\"sm\">Pending</Badge>\n * <Badge variant=\"danger\" icon={<AlertIcon />}>Error</Badge>\n * ```\n */\nconst Badge = React.forwardRef<HTMLSpanElement, BadgeProps>(\n  ({ className, variant, size, icon, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(badgeVariants({ variant, size }), className)}\n        {...props}\n      >\n        {icon && <span className=\"mr-1 shrink-0\">{icon}</span>}\n        {children}\n      </span>\n    );\n  }\n);\n\nBadge.displayName = 'Badge';\n\nexport { Badge, badgeVariants };\n"]}