asterui 0.12.77 → 0.12.79

package/dist/components/DateOfBirth.js

@@ -1,189 +1,178 @@
-import { jsxs as y, jsx as n } from "react/jsx-runtime";
-import { useState as Z, useEffect as O, useMemo as B } from "react";
-import { useConfig as K } from "../providers/ConfigProvider.js";
-import { Button as I } from "./Button.js";
-import { Flex as _ } from "./Flex.js";
-import { InputNumber as ee } from "./InputNumber.js";
+import { jsxs as w, jsx as t } from "react/jsx-runtime";
+import { useState as X, useEffect as x, useMemo as N } from "react";
+import { useConfig as Z } from "../providers/ConfigProvider.js";
+import { Button as K } from "./Button.js";
+import { Flex as O } from "./Flex.js";
+import { InputNumber as I } from "./InputNumber.js";
 import { Select as C } from "./Select.js";
-import { Space as te } from "./Space.js";
-const re = Array.from({ length: 12 }, (r, a) => String(a + 1));
-function ne(r = {}) {
-  const a = r.message ?? "Please select a complete date of birth.";
+import { Space as ee } from "./Space.js";
+const re = Array.from({ length: 12 }, (n, o) => String(o + 1));
+function te(n = {}) {
+  const o = n.message ?? "Please select a complete date of birth.";
   return {
     validateTrigger: ["onBlur", "onSubmit"],
-    rules: [({ isSubmitAttempted: d }) => ({
-      validate: (s) => {
-        const i = s ?? {};
-        return !!!(i.month || i.day || i.year) && !d() || i.month && i.day && i.year ? !0 : a;
+    rules: [({ isSubmitAttempted: s }) => ({
+      validate: (h) => {
+        const l = h ?? {};
+        return !!!(l.month || l.day || l.year) && !s() || l.month && l.day && l.year ? !0 : o;
       }
     })]
   };
 }
-function ae(r, a) {
-  const u = new Intl.DateTimeFormat(r, { month: a });
-  return re.map((d, s) => ({
-    value: d,
-    label: u.format(new Date(2020, s, 1))
+function ne(n, o) {
+  const d = new Intl.DateTimeFormat(n, { month: o });
+  return re.map((s, h) => ({
+    value: s,
+    label: d.format(new Date(2020, h, 1))
   }));
 }
-function oe(r, a) {
-  return new Date(r, a, 0).getDate();
+function ae(n, o) {
+  return new Date(n, o, 0).getDate();
 }
-function ie(r, a, u) {
-  if (!r.year || !r.month || !r.day) return !0;
-  const d = Number(r.year), s = Number(r.month) - 1, i = Number(r.day), l = new Date(d, s, i);
-  if (Number.isNaN(l.getTime())) return !1;
-  const c = /* @__PURE__ */ new Date();
-  let f = c.getFullYear() - l.getFullYear();
-  return c.getMonth() > l.getMonth() || c.getMonth() === l.getMonth() && c.getDate() >= l.getDate() || (f -= 1), !(a !== void 0 && f < a || u !== void 0 && f > u);
-}
-const q = ({
-  value: r,
-  defaultValue: a,
-  onChange: u,
-  yearSpan: d = 120,
-  minAge: s = 13,
-  maxAge: i,
-  order: l = "mdy",
-  monthStyle: c = "select",
-  yearStyle: f = "select",
-  monthPlaceholder: F = "Month",
+const _ = ({
+  value: n,
+  defaultValue: o,
+  onChange: d,
+  yearSpan: s = 120,
+  minAge: h,
+  maxAge: l,
+  order: b = "mdy",
+  monthStyle: g = "select",
+  yearStyle: Y = "select",
+  monthPlaceholder: q = "Month",
   dayPlaceholder: E = "Day",
   yearPlaceholder: S = "Year",
-  disabled: p = !1,
-  size: H,
-  className: L = "",
-  "data-testid": o,
-  onBlur: j,
-  onFocus: R,
-  ...U
+  disabled: u = !1,
+  size: L,
+  className: j = "",
+  "data-testid": a,
+  onBlur: R,
+  onFocus: U,
+  ...k
 }) => {
-  const { locale: W, componentSize: k } = K(), v = H ?? k ?? "md", b = r !== void 0, [V, T] = Z(
-    r ?? a ?? {}
+  const { locale: H, componentSize: V } = Z(), p = L ?? V ?? "md", f = n !== void 0, [W, z] = X(
+    n ?? o ?? {}
   );
-  O(() => {
-    b && T(r ?? {});
-  }, [b, r]);
-  const t = b ? r ?? {} : V, z = W?.locale ?? "en-US", A = B(
-    () => ae(z, c === "grid" ? "short" : "long"),
-    [z, c]
-  ), N = B(() => {
+  x(() => {
+    f && z(n ?? {});
+  }, [f, n]);
+  const r = f ? n ?? {} : W, B = H?.locale ?? "en-US", M = N(
+    () => ne(B, g === "grid" ? "short" : "long"),
+    [B, g]
+  ), v = N(() => {
     const e = (/* @__PURE__ */ new Date()).getFullYear();
-    return Array.from({ length: d }, (m, g) => String(e - g));
-  }, [d]), w = B(() => {
-    if (!t.month) return Array.from({ length: 31 }, (D, M) => String(M + 1));
-    const e = Number(t.month), m = t.year ? Number(t.year) : 2e3, g = oe(m, e);
-    return Array.from({ length: g }, (D, M) => String(M + 1));
-  }, [t.month, t.year]);
-  O(() => {
-    t.day && !w.includes(t.day) && h({ ...t, day: void 0 });
-  }, [t.day, w]);
-  const h = (e) => {
-    b || T(e), u?.(e);
-  }, Y = () => c === "grid" ? /* @__PURE__ */ n("div", { className: "grid grid-cols-3 gap-2", children: A.map((e) => {
-    const m = t.month === e.value;
-    return /* @__PURE__ */ n(
-      I,
+    return Array.from({ length: s }, (i, m) => String(e - m));
+  }, [s]), A = N(() => {
+    if (!r.month) return Array.from({ length: 31 }, (y, D) => String(D + 1));
+    const e = Number(r.month), i = r.year ? Number(r.year) : 2e3, m = ae(i, e);
+    return Array.from({ length: m }, (y, D) => String(D + 1));
+  }, [r.month, r.year]);
+  x(() => {
+    r.day && !A.includes(r.day) && c({ ...r, day: void 0 });
+  }, [r.day, A]);
+  const c = (e) => {
+    f || z(e), d?.(e);
+  }, T = () => g === "grid" ? /* @__PURE__ */ t("div", { className: "grid grid-cols-3 gap-2", children: M.map((e) => {
+    const i = r.month === e.value;
+    return /* @__PURE__ */ t(
+      K,
       {
         htmlType: "button",
         size: "sm",
-        color: m ? "primary" : void 0,
-        variant: m ? "solid" : "ghost",
-        disabled: p,
-        onClick: () => h({ ...t, month: e.value }),
-        "data-testid": o ? `${o}-month-${e.value}` : void 0,
+        color: i ? "primary" : void 0,
+        variant: i ? "solid" : "ghost",
+        disabled: u,
+        onClick: () => c({ ...r, month: e.value }),
+        "data-testid": a ? `${a}-month-${e.value}` : void 0,
         children: e.label
       },
       e.value
     );
-  }) }) : /* @__PURE__ */ y(
+  }) }) : /* @__PURE__ */ w(
     C,
     {
-      value: t.month ?? "",
-      onChange: (e) => h({ ...t, month: e.target.value }),
-      disabled: p,
-      size: v,
-      "data-testid": o ? `${o}-month` : void 0,
+      value: r.month ?? "",
+      onChange: (e) => c({ ...r, month: e.target.value }),
+      disabled: u,
+      size: p,
+      "data-testid": a ? `${a}-month` : void 0,
       children: [
-        /* @__PURE__ */ n("option", { value: "", children: F }),
-        A.map((e) => /* @__PURE__ */ n("option", { value: e.value, children: e.label }, e.value))
+        /* @__PURE__ */ t("option", { value: "", children: q }),
+        M.map((e) => /* @__PURE__ */ t("option", { value: e.value, children: e.label }, e.value))
       ]
     }
-  ), G = () => /* @__PURE__ */ y(
+  ), G = () => /* @__PURE__ */ w(
     C,
     {
-      value: t.day ?? "",
-      onChange: (e) => h({ ...t, day: e.target.value }),
-      disabled: p,
-      size: v,
-      "data-testid": o ? `${o}-day` : void 0,
+      value: r.day ?? "",
+      onChange: (e) => c({ ...r, day: e.target.value }),
+      disabled: u,
+      size: p,
+      "data-testid": a ? `${a}-day` : void 0,
       children: [
-        /* @__PURE__ */ n("option", { value: "", children: E }),
-        w.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
+        /* @__PURE__ */ t("option", { value: "", children: E }),
+        A.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
       ]
     }
-  ), J = () => f === "input" ? /* @__PURE__ */ n(
-    ee,
+  ), J = () => Y === "input" ? /* @__PURE__ */ t(
+    I,
     {
-      value: t.year ? Number(t.year) : void 0,
-      min: Number(N[N.length - 1]),
-      max: Number(N[0]),
+      value: r.year ? Number(r.year) : void 0,
+      min: Number(v[v.length - 1]),
+      max: Number(v[0]),
       placeholder: S,
-      disabled: p,
-      size: v,
-      onChange: (e) => h({ ...t, year: e ? String(e) : void 0 }),
-      "data-testid": o ? `${o}-year` : void 0
+      disabled: u,
+      size: p,
+      onChange: (e) => c({ ...r, year: e ? String(e) : void 0 }),
+      "data-testid": a ? `${a}-year` : void 0
     }
-  ) : /* @__PURE__ */ y(
+  ) : /* @__PURE__ */ w(
     C,
     {
-      value: t.year ?? "",
-      onChange: (e) => h({ ...t, year: e.target.value }),
-      disabled: p,
-      size: v,
-      "data-testid": o ? `${o}-year` : void 0,
+      value: r.year ?? "",
+      onChange: (e) => c({ ...r, year: e.target.value }),
+      disabled: u,
+      size: p,
+      "data-testid": a ? `${a}-year` : void 0,
       children: [
-        /* @__PURE__ */ n("option", { value: "", children: S }),
-        N.map((e) => /* @__PURE__ */ n("option", { value: e, children: e }, e))
+        /* @__PURE__ */ t("option", { value: "", children: S }),
+        v.map((e) => /* @__PURE__ */ t("option", { value: e, children: e }, e))
       ]
     }
-  ), $ = {
-    m: Y(),
+  ), F = {
+    m: T(),
     d: G(),
     y: J()
-  }, P = l.split("").map((e) => e), Q = l.split("").filter((e) => e !== "m").map((e) => e), x = {
+  }, P = b.split("").map((e) => e), Q = b.split("").filter((e) => e !== "m").map((e) => e), $ = {
     m: "w-full sm:w-[7rem]",
     d: "w-full sm:w-[5rem]",
     y: "w-full sm:w-[5rem]"
-  }, X = t.year && t.month && t.day && !ie(t, s, i);
-  return /* @__PURE__ */ y(
+  };
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: L,
-      "data-testid": o,
+      className: j,
+      "data-testid": a,
       onBlur: (e) => {
-        const m = e.currentTarget, g = e.relatedTarget;
-        g && m.contains(g) || requestAnimationFrame(() => {
-          const D = document.activeElement;
-          D && m.contains(D) || j?.(e);
+        const i = e.currentTarget, m = e.relatedTarget;
+        m && i.contains(m) || requestAnimationFrame(() => {
+          const y = document.activeElement;
+          y && i.contains(y) || R?.(e);
         });
       },
-      onFocus: R,
-      ...U,
-      children: [
-        c === "grid" ? /* @__PURE__ */ y(te, { direction: "vertical", size: "sm", children: [
-          Y(),
-          /* @__PURE__ */ n(_, { gap: "sm", children: Q.map((e) => /* @__PURE__ */ n("div", { className: x[e], children: $[e] }, e)) })
-        ] }) : /* @__PURE__ */ n(_, { wrap: "wrap", gap: "sm", children: P.map((e) => /* @__PURE__ */ n("div", { className: x[e], children: $[e] }, e)) }),
-        X && /* @__PURE__ */ n("div", { className: "text-xs text-error mt-2", children: s ? `You must be at least ${s} years old.` : "Date of birth is not valid." })
-      ]
+      onFocus: U,
+      ...k,
+      children: g === "grid" ? /* @__PURE__ */ w(ee, { direction: "vertical", size: "sm", children: [
+        T(),
+        /* @__PURE__ */ t(O, { gap: "sm", children: Q.map((e) => /* @__PURE__ */ t("div", { className: $[e], children: F[e] }, e)) })
+      ] }) : /* @__PURE__ */ t(O, { wrap: "wrap", gap: "sm", children: P.map((e) => /* @__PURE__ */ t("div", { className: $[e], children: F[e] }, e)) })
     }
   );
 };
-q.required = ne;
-q.displayName = "DateOfBirth";
+_.required = te;
+_.displayName = "DateOfBirth";
 export {
-  q as DateOfBirth,
-  ne as dateOfBirthRequired
+  _ as DateOfBirth,
+  te as dateOfBirthRequired
 };
 //# sourceMappingURL=DateOfBirth.js.map

package/dist/components/DateOfBirth.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateOfBirth.js","sources":["../../src/components/DateOfBirth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\nimport { Button } from './Button'\nimport { Flex } from './Flex'\nimport { InputNumber } from './InputNumber'\nimport { Select } from './Select'\nimport { Space } from './Space'\nimport type { FormItemProps, FormRuleInput } from './Form'\n\nexport type DateOfBirthOrder = 'mdy' | 'dmy' | 'ymd'\nexport type DateOfBirthMonthStyle = 'select' | 'grid'\nexport type DateOfBirthYearStyle = 'select' | 'input'\n\nexport interface DateOfBirthValue {\n  month?: string\n  day?: string\n  year?: string\n}\n\nexport interface DateOfBirthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: DateOfBirthValue\n  defaultValue?: DateOfBirthValue\n  onChange?: (value: DateOfBirthValue) => void\n  yearSpan?: number\n  minAge?: number\n  maxAge?: number\n  order?: DateOfBirthOrder\n  monthStyle?: DateOfBirthMonthStyle\n  yearStyle?: DateOfBirthYearStyle\n  monthPlaceholder?: string\n  dayPlaceholder?: string\n  yearPlaceholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nconst DEFAULT_MONTHS = Array.from({ length: 12 }, (_, index) => String(index + 1))\n\nexport interface DateOfBirthRequiredOptions {\n  message?: string\n}\n\nexport type DateOfBirthRequiredProps = Pick<FormItemProps, 'rules' | 'validateTrigger'>\n\nexport function dateOfBirthRequired(options: DateOfBirthRequiredOptions = {}): DateOfBirthRequiredProps {\n  const message = options.message ?? 'Please select a complete date of birth.'\n\n  const rules: FormRuleInput[] = [({ isSubmitAttempted }) => ({\n    validate: (value: DateOfBirthValue | undefined) => {\n      const dob = value ?? {}\n      const hasAny = !!(dob.month || dob.day || dob.year)\n      if (!hasAny && !isSubmitAttempted()) {\n        return true\n      }\n      return dob.month && dob.day && dob.year ? true : message\n    },\n  })]\n\n  return {\n    validateTrigger: ['onBlur', 'onSubmit'],\n    rules,\n  }\n}\n\ntype DateOfBirthComponent = React.FC<DateOfBirthProps> & {\n  required: (options?: DateOfBirthRequiredOptions) => DateOfBirthRequiredProps\n}\n\nfunction getMonthLabels(locale: string, format: 'long' | 'short') {\n  const formatter = new Intl.DateTimeFormat(locale, { month: format })\n  return DEFAULT_MONTHS.map((value, index) => ({\n    value,\n    label: formatter.format(new Date(2020, index, 1)),\n  }))\n}\n\nfunction getDaysInMonth(year: number, month: number) {\n  return new Date(year, month, 0).getDate()\n}\n\nfunction validateAge(value: DateOfBirthValue, minAge?: number, maxAge?: number) {\n  if (!value.year || !value.month || !value.day) return true\n  const year = Number(value.year)\n  const month = Number(value.month) - 1\n  const day = Number(value.day)\n  const birthDate = new Date(year, month, day)\n  if (Number.isNaN(birthDate.getTime())) return false\n  const today = new Date()\n  let age = today.getFullYear() - birthDate.getFullYear()\n  const hasHadBirthday =\n    today.getMonth() > birthDate.getMonth() ||\n    (today.getMonth() === birthDate.getMonth() && today.getDate() >= birthDate.getDate())\n  if (!hasHadBirthday) age -= 1\n  if (minAge !== undefined && age < minAge) return false\n  if (maxAge !== undefined && age > maxAge) return false\n  return true\n}\n\nexport const DateOfBirth: DateOfBirthComponent = ({\n  value,\n  defaultValue,\n  onChange,\n  yearSpan = 120,\n  minAge = 13,\n  maxAge,\n  order = 'mdy',\n  monthStyle = 'select',\n  yearStyle = 'select',\n  monthPlaceholder = 'Month',\n  dayPlaceholder = 'Day',\n  yearPlaceholder = 'Year',\n  disabled = false,\n  size,\n  className = '',\n  'data-testid': testId,\n  onBlur,\n  onFocus,\n  ...rest\n}) => {\n  const { locale, componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = useState<DateOfBirthValue>(\n    value ?? defaultValue ?? {}\n  )\n\n  useEffect(() => {\n    if (isControlled) {\n      setInternalValue(value ?? {})\n    }\n  }, [isControlled, value])\n\n  const currentValue = isControlled ? (value ?? {}) : internalValue\n  const localeCode = locale?.locale ?? 'en-US'\n  const monthLabels = useMemo(\n    () => getMonthLabels(localeCode, monthStyle === 'grid' ? 'short' : 'long'),\n    [localeCode, monthStyle]\n  )\n\n  const yearRange = useMemo(() => {\n    const currentYear = new Date().getFullYear()\n    return Array.from({ length: yearSpan }, (_, i) => String(currentYear - i))\n  }, [yearSpan])\n\n  const dayOptions = useMemo(() => {\n    if (!currentValue.month) return Array.from({ length: 31 }, (_, i) => String(i + 1))\n    const month = Number(currentValue.month)\n    const year = currentValue.year ? Number(currentValue.year) : 2000\n    const daysInMonth = getDaysInMonth(year, month)\n    return Array.from({ length: daysInMonth }, (_, i) => String(i + 1))\n  }, [currentValue.month, currentValue.year])\n\n  useEffect(() => {\n    if (currentValue.day && !dayOptions.includes(currentValue.day)) {\n      handleChange({ ...currentValue, day: undefined })\n    }\n  }, [currentValue.day, dayOptions])\n\n  const handleChange = (nextValue: DateOfBirthValue) => {\n    if (!isControlled) {\n      setInternalValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }\n\n  const renderMonth = () => {\n    if (monthStyle === 'grid') {\n      return (\n        <div className=\"grid grid-cols-3 gap-2\">\n          {monthLabels.map((month) => {\n            const isActive = currentValue.month === month.value\n            return (\n              <Button\n                key={month.value}\n                htmlType=\"button\"\n                size=\"sm\"\n                color={isActive ? 'primary' : undefined}\n                variant={isActive ? 'solid' : 'ghost'}\n                disabled={disabled}\n                onClick={() => handleChange({ ...currentValue, month: month.value })}\n                data-testid={testId ? `${testId}-month-${month.value}` : undefined}\n              >\n                {month.label}\n              </Button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.month ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, month: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-month` : undefined}\n      >\n        <option value=\"\">{monthPlaceholder}</option>\n        {monthLabels.map((month) => (\n          <option key={month.value} value={month.value}>\n            {month.label}\n          </option>\n        ))}\n      </Select>\n    )\n  }\n\n  const renderDay = () => (\n    <Select\n      value={currentValue.day ?? ''}\n      onChange={(e) => handleChange({ ...currentValue, day: e.target.value })}\n      disabled={disabled}\n      size={effectiveSize}\n      data-testid={testId ? `${testId}-day` : undefined}\n    >\n      <option value=\"\">{dayPlaceholder}</option>\n      {dayOptions.map((day) => (\n        <option key={day} value={day}>{day}</option>\n      ))}\n    </Select>\n  )\n\n  const renderYear = () => {\n    if (yearStyle === 'input') {\n      return (\n        <InputNumber\n          value={currentValue.year ? Number(currentValue.year) : undefined}\n          min={Number(yearRange[yearRange.length - 1])}\n          max={Number(yearRange[0])}\n          placeholder={yearPlaceholder}\n          disabled={disabled}\n          size={effectiveSize}\n          onChange={(nextValue) => handleChange({ ...currentValue, year: nextValue ? String(nextValue) : undefined })}\n          data-testid={testId ? `${testId}-year` : undefined}\n        />\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.year ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, year: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-year` : undefined}\n      >\n        <option value=\"\">{yearPlaceholder}</option>\n        {yearRange.map((year) => (\n          <option key={year} value={year}>{year}</option>\n        ))}\n      </Select>\n    )\n  }\n\n  const fieldMap = {\n    m: renderMonth(),\n    d: renderDay(),\n    y: renderYear(),\n  }\n\n  const orderedFields = order.split('').map((key) => key as keyof typeof fieldMap)\n  const gridFields = order\n    .split('')\n    .filter((key) => key !== 'm')\n    .map((key) => key as keyof typeof fieldMap)\n  const fieldWidths: Record<'m' | 'd' | 'y', string> = {\n    m: 'w-full sm:w-[7rem]',\n    d: 'w-full sm:w-[5rem]',\n    y: 'w-full sm:w-[5rem]',\n  }\n\n  const showAgeWarning = currentValue.year && currentValue.month && currentValue.day && !validateAge(currentValue, minAge, maxAge)\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    const currentTarget = event.currentTarget\n    const next = event.relatedTarget as Node | null\n    if (next && currentTarget.contains(next)) return\n    requestAnimationFrame(() => {\n      const active = document.activeElement\n      if (active && currentTarget.contains(active)) return\n      onBlur?.(event)\n    })\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={testId}\n      onBlur={handleBlur}\n      onFocus={onFocus}\n      {...rest}\n    >\n      {monthStyle === 'grid' ? (\n        <Space direction=\"vertical\" size=\"sm\">\n          {renderMonth()}\n          <Flex gap=\"sm\">\n            {gridFields.map((fieldKey) => (\n              <div key={fieldKey} className={fieldWidths[fieldKey]}>\n                {fieldMap[fieldKey]}\n              </div>\n            ))}\n          </Flex>\n        </Space>\n      ) : (\n        <Flex wrap=\"wrap\" gap=\"sm\">\n          {orderedFields.map((fieldKey) => (\n            <div key={fieldKey} className={fieldWidths[fieldKey]}>\n              {fieldMap[fieldKey]}\n            </div>\n          ))}\n        </Flex>\n      )}\n\n      {showAgeWarning && (\n        <div className=\"text-xs text-error mt-2\">\n          {minAge ? `You must be at least ${minAge} years old.` : 'Date of birth is not valid.'}\n        </div>\n      )}\n    </div>\n  )\n}\n\nDateOfBirth.required = dateOfBirthRequired\n\nDateOfBirth.displayName = 'DateOfBirth'\n"],"names":["DEFAULT_MONTHS","_","index","dateOfBirthRequired","options","message","isSubmitAttempted","value","dob","getMonthLabels","locale","format","formatter","getDaysInMonth","year","month","validateAge","minAge","maxAge","day","birthDate","today","age","DateOfBirth","defaultValue","onChange","yearSpan","order","monthStyle","yearStyle","monthPlaceholder","dayPlaceholder","yearPlaceholder","disabled","size","className","testId","onBlur","onFocus","rest","componentSize","useConfig","effectiveSize","isControlled","internalValue","setInternalValue","useState","useEffect","currentValue","localeCode","monthLabels","useMemo","yearRange","currentYear","i","dayOptions","daysInMonth","handleChange","nextValue","renderMonth","isActive","jsx","Button","jsxs","Select","renderDay","renderYear","InputNumber","fieldMap","orderedFields","key","gridFields","fieldWidths","showAgeWarning","event","currentTarget","next","active","Space","Flex","fieldKey"],"mappings":"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"}
+{"version":3,"file":"DateOfBirth.js","sources":["../../src/components/DateOfBirth.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\nimport { Button } from './Button'\nimport { Flex } from './Flex'\nimport { InputNumber } from './InputNumber'\nimport { Select } from './Select'\nimport { Space } from './Space'\nimport type { FormItemProps, FormRuleInput } from './Form'\n\nexport type DateOfBirthOrder = 'mdy' | 'dmy' | 'ymd'\nexport type DateOfBirthMonthStyle = 'select' | 'grid'\nexport type DateOfBirthYearStyle = 'select' | 'input'\n\nexport interface DateOfBirthValue {\n  month?: string\n  day?: string\n  year?: string\n}\n\nexport interface DateOfBirthProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: DateOfBirthValue\n  defaultValue?: DateOfBirthValue\n  onChange?: (value: DateOfBirthValue) => void\n  yearSpan?: number\n  minAge?: number\n  maxAge?: number\n  order?: DateOfBirthOrder\n  monthStyle?: DateOfBirthMonthStyle\n  yearStyle?: DateOfBirthYearStyle\n  monthPlaceholder?: string\n  dayPlaceholder?: string\n  yearPlaceholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  className?: string\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nconst DEFAULT_MONTHS = Array.from({ length: 12 }, (_, index) => String(index + 1))\n\nexport interface DateOfBirthRequiredOptions {\n  message?: string\n}\n\nexport type DateOfBirthRequiredProps = Pick<FormItemProps, 'rules' | 'validateTrigger'>\n\nexport function dateOfBirthRequired(options: DateOfBirthRequiredOptions = {}): DateOfBirthRequiredProps {\n  const message = options.message ?? 'Please select a complete date of birth.'\n\n  const rules: FormRuleInput[] = [({ isSubmitAttempted }) => ({\n    validate: (value: DateOfBirthValue | undefined) => {\n      const dob = value ?? {}\n      const hasAny = !!(dob.month || dob.day || dob.year)\n      if (!hasAny && !isSubmitAttempted()) {\n        return true\n      }\n      return dob.month && dob.day && dob.year ? true : message\n    },\n  })]\n\n  return {\n    validateTrigger: ['onBlur', 'onSubmit'],\n    rules,\n  }\n}\n\ntype DateOfBirthComponent = React.FC<DateOfBirthProps> & {\n  required: (options?: DateOfBirthRequiredOptions) => DateOfBirthRequiredProps\n}\n\nfunction getMonthLabels(locale: string, format: 'long' | 'short') {\n  const formatter = new Intl.DateTimeFormat(locale, { month: format })\n  return DEFAULT_MONTHS.map((value, index) => ({\n    value,\n    label: formatter.format(new Date(2020, index, 1)),\n  }))\n}\n\nfunction getDaysInMonth(year: number, month: number) {\n  return new Date(year, month, 0).getDate()\n}\n\nexport const DateOfBirth: DateOfBirthComponent = ({\n  value,\n  defaultValue,\n  onChange,\n  yearSpan = 120,\n  minAge,\n  maxAge,\n  order = 'mdy',\n  monthStyle = 'select',\n  yearStyle = 'select',\n  monthPlaceholder = 'Month',\n  dayPlaceholder = 'Day',\n  yearPlaceholder = 'Year',\n  disabled = false,\n  size,\n  className = '',\n  'data-testid': testId,\n  onBlur,\n  onFocus,\n  ...rest\n}) => {\n  const { locale, componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const isControlled = value !== undefined\n  const [internalValue, setInternalValue] = useState<DateOfBirthValue>(\n    value ?? defaultValue ?? {}\n  )\n\n  useEffect(() => {\n    if (isControlled) {\n      setInternalValue(value ?? {})\n    }\n  }, [isControlled, value])\n\n  const currentValue = isControlled ? (value ?? {}) : internalValue\n  const localeCode = locale?.locale ?? 'en-US'\n  const monthLabels = useMemo(\n    () => getMonthLabels(localeCode, monthStyle === 'grid' ? 'short' : 'long'),\n    [localeCode, monthStyle]\n  )\n\n  const yearRange = useMemo(() => {\n    const currentYear = new Date().getFullYear()\n    return Array.from({ length: yearSpan }, (_, i) => String(currentYear - i))\n  }, [yearSpan])\n\n  const dayOptions = useMemo(() => {\n    if (!currentValue.month) return Array.from({ length: 31 }, (_, i) => String(i + 1))\n    const month = Number(currentValue.month)\n    const year = currentValue.year ? Number(currentValue.year) : 2000\n    const daysInMonth = getDaysInMonth(year, month)\n    return Array.from({ length: daysInMonth }, (_, i) => String(i + 1))\n  }, [currentValue.month, currentValue.year])\n\n  useEffect(() => {\n    if (currentValue.day && !dayOptions.includes(currentValue.day)) {\n      handleChange({ ...currentValue, day: undefined })\n    }\n  }, [currentValue.day, dayOptions])\n\n  const handleChange = (nextValue: DateOfBirthValue) => {\n    if (!isControlled) {\n      setInternalValue(nextValue)\n    }\n    onChange?.(nextValue)\n  }\n\n  const renderMonth = () => {\n    if (monthStyle === 'grid') {\n      return (\n        <div className=\"grid grid-cols-3 gap-2\">\n          {monthLabels.map((month) => {\n            const isActive = currentValue.month === month.value\n            return (\n              <Button\n                key={month.value}\n                htmlType=\"button\"\n                size=\"sm\"\n                color={isActive ? 'primary' : undefined}\n                variant={isActive ? 'solid' : 'ghost'}\n                disabled={disabled}\n                onClick={() => handleChange({ ...currentValue, month: month.value })}\n                data-testid={testId ? `${testId}-month-${month.value}` : undefined}\n              >\n                {month.label}\n              </Button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.month ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, month: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-month` : undefined}\n      >\n        <option value=\"\">{monthPlaceholder}</option>\n        {monthLabels.map((month) => (\n          <option key={month.value} value={month.value}>\n            {month.label}\n          </option>\n        ))}\n      </Select>\n    )\n  }\n\n  const renderDay = () => (\n    <Select\n      value={currentValue.day ?? ''}\n      onChange={(e) => handleChange({ ...currentValue, day: e.target.value })}\n      disabled={disabled}\n      size={effectiveSize}\n      data-testid={testId ? `${testId}-day` : undefined}\n    >\n      <option value=\"\">{dayPlaceholder}</option>\n      {dayOptions.map((day) => (\n        <option key={day} value={day}>{day}</option>\n      ))}\n    </Select>\n  )\n\n  const renderYear = () => {\n    if (yearStyle === 'input') {\n      return (\n        <InputNumber\n          value={currentValue.year ? Number(currentValue.year) : undefined}\n          min={Number(yearRange[yearRange.length - 1])}\n          max={Number(yearRange[0])}\n          placeholder={yearPlaceholder}\n          disabled={disabled}\n          size={effectiveSize}\n          onChange={(nextValue) => handleChange({ ...currentValue, year: nextValue ? String(nextValue) : undefined })}\n          data-testid={testId ? `${testId}-year` : undefined}\n        />\n      )\n    }\n\n    return (\n      <Select\n        value={currentValue.year ?? ''}\n        onChange={(e) => handleChange({ ...currentValue, year: e.target.value })}\n        disabled={disabled}\n        size={effectiveSize}\n        data-testid={testId ? `${testId}-year` : undefined}\n      >\n        <option value=\"\">{yearPlaceholder}</option>\n        {yearRange.map((year) => (\n          <option key={year} value={year}>{year}</option>\n        ))}\n      </Select>\n    )\n  }\n\n  const fieldMap = {\n    m: renderMonth(),\n    d: renderDay(),\n    y: renderYear(),\n  }\n\n  const orderedFields = order.split('').map((key) => key as keyof typeof fieldMap)\n  const gridFields = order\n    .split('')\n    .filter((key) => key !== 'm')\n    .map((key) => key as keyof typeof fieldMap)\n  const fieldWidths: Record<'m' | 'd' | 'y', string> = {\n    m: 'w-full sm:w-[7rem]',\n    d: 'w-full sm:w-[5rem]',\n    y: 'w-full sm:w-[5rem]',\n  }\n\n  const handleBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    const currentTarget = event.currentTarget\n    const next = event.relatedTarget as Node | null\n    if (next && currentTarget.contains(next)) return\n    requestAnimationFrame(() => {\n      const active = document.activeElement\n      if (active && currentTarget.contains(active)) return\n      onBlur?.(event)\n    })\n  }\n\n  return (\n    <div\n      className={className}\n      data-testid={testId}\n      onBlur={handleBlur}\n      onFocus={onFocus}\n      {...rest}\n    >\n      {monthStyle === 'grid' ? (\n        <Space direction=\"vertical\" size=\"sm\">\n          {renderMonth()}\n          <Flex gap=\"sm\">\n            {gridFields.map((fieldKey) => (\n              <div key={fieldKey} className={fieldWidths[fieldKey]}>\n                {fieldMap[fieldKey]}\n              </div>\n            ))}\n          </Flex>\n        </Space>\n      ) : (\n        <Flex wrap=\"wrap\" gap=\"sm\">\n          {orderedFields.map((fieldKey) => (\n            <div key={fieldKey} className={fieldWidths[fieldKey]}>\n              {fieldMap[fieldKey]}\n            </div>\n          ))}\n        </Flex>\n      )}\n    </div>\n  )\n}\n\nDateOfBirth.required = dateOfBirthRequired\n\nDateOfBirth.displayName = 'DateOfBirth'\n"],"names":["DEFAULT_MONTHS","_","index","dateOfBirthRequired","options","message","isSubmitAttempted","value","dob","getMonthLabels","locale","format","formatter","getDaysInMonth","year","month","DateOfBirth","defaultValue","onChange","yearSpan","minAge","maxAge","order","monthStyle","yearStyle","monthPlaceholder","dayPlaceholder","yearPlaceholder","disabled","size","className","testId","onBlur","onFocus","rest","componentSize","useConfig","effectiveSize","isControlled","internalValue","setInternalValue","useState","useEffect","currentValue","localeCode","monthLabels","useMemo","yearRange","currentYear","i","dayOptions","daysInMonth","handleChange","nextValue","renderMonth","isActive","jsx","Button","jsxs","Select","renderDay","day","renderYear","InputNumber","fieldMap","orderedFields","key","gridFields","fieldWidths","event","currentTarget","next","active","Space","Flex","fieldKey"],"mappings":"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"}

package/dist/components/Select.d.ts

@@ -1,4 +1,9 @@
 import { default as React } from 'react';
+export interface SelectOption {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+}
 export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
@@ -12,6 +17,8 @@ export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectE
     addonBefore?: React.ReactNode;
     /** Text/element after select (outside, using DaisyUI label) */
     addonAfter?: React.ReactNode;
+    /** Select options array (recommended for better performance) */
+    options?: SelectOption[];
     className?: string;
     children?: React.ReactNode;
     'data-testid'?: string;

package/dist/components/Select.js

@@ -1,88 +1,89 @@
 import { jsx as c, jsxs as w } from "react/jsx-runtime";
-import { forwardRef as W, useRef as X } from "react";
-import { useConfig as F } from "../providers/ConfigProvider.js";
-const i = "select", f = "select-bordered", G = "select-ghost", M = "select-xs", P = "select-sm", k = "select-md", q = "select-lg", A = "select-xl", D = "select-neutral", H = "select-primary", J = "select-secondary", K = "select-accent", L = "select-info", O = "select-success", y = "select-warning", N = "select-error", Q = "floating-label", U = W(
+import { forwardRef as F, useRef as G } from "react";
+import { useConfig as M } from "../providers/ConfigProvider.js";
+const i = "select", f = "select-bordered", O = "select-ghost", P = "select-xs", k = "select-sm", q = "select-md", A = "select-lg", D = "select-xl", H = "select-neutral", J = "select-primary", K = "select-secondary", L = "select-accent", Q = "select-info", U = "select-success", y = "select-warning", N = "select-error", V = "floating-label", Y = F(
   ({
     size: j,
     color: m,
-    status: S,
-    ghost: v = !1,
-    bordered: R = !0,
+    status: u,
+    ghost: R = !1,
+    bordered: $ = !0,
     floatingLabel: l,
     addonBefore: n,
     addonAfter: o,
-    className: u = "",
-    children: g,
-    "data-testid": e,
-    ...p
-  }, $) => {
-    const { componentSize: z } = F(), s = j ?? z ?? "md", B = X(null), x = $ || B, a = {
-      xs: M,
-      sm: P,
-      md: k,
-      lg: q,
-      xl: A
-    }, C = S ? {
+    options: S,
+    className: g = "",
+    children: z,
+    "data-testid": s,
+    ...h
+  }, B) => {
+    const { componentSize: E } = M(), t = j ?? E ?? "md", p = () => S ? S.map((e) => /* @__PURE__ */ c("option", { value: e.value, disabled: e.disabled, children: e.label }, e.value)) : z, T = G(null), b = B || T, a = {
+      xs: P,
+      sm: k,
+      md: q,
+      lg: A,
+      xl: D
+    }, x = u ? {
       error: N,
       warning: y
-    }[S] : m ? {
-      neutral: D,
-      primary: H,
-      secondary: J,
-      accent: K,
-      info: L,
-      success: O,
+    }[u] : m ? {
+      neutral: H,
+      primary: J,
+      secondary: K,
+      accent: L,
+      info: Q,
+      success: U,
       warning: y,
       error: N
-    }[m] : "", r = n || o, E = r || !!l, d = (t) => e ? `${e}-${t}` : void 0, b = e ? E ? d("select") : e : void 0, T = r ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", u].filter(Boolean).join(" ") : [
+    }[m] : "", r = n || o, W = r || !!l, d = (e) => s ? `${s}-${e}` : void 0, C = s ? W ? d("select") : s : void 0, X = r ? ["grow", "bg-transparent", "border-0", "outline-none", "focus:outline-none", g].filter(Boolean).join(" ") : [
       i,
       "w-full",
-      R && f,
-      v && G,
-      s && a[s],
-      C,
-      u
-    ].filter(Boolean).join(" "), h = /* @__PURE__ */ c("select", { ref: x, className: T, "data-testid": b, ...p, children: g });
+      $ && f,
+      R && O,
+      t && a[t],
+      x,
+      g
+    ].filter(Boolean).join(" "), v = /* @__PURE__ */ c("select", { ref: b, className: X, "data-testid": C, ...h, children: p() });
     if (l) {
-      const t = [
-        Q,
-        s && a[s]
+      const e = [
+        V,
+        t && a[t]
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ w("label", { className: t, "data-testid": e, children: [
+      return /* @__PURE__ */ w("label", { className: e, "data-testid": s, children: [
         /* @__PURE__ */ c(
           "select",
           {
-            ref: x,
+            ref: b,
             className: `${i} ${f} w-full`,
-            "data-testid": b,
-            ...p,
-            children: g
+            "data-testid": C,
+            ...h,
+            children: p()
           }
         ),
         /* @__PURE__ */ c("span", { children: l })
       ] });
     }
     if (r) {
-      const t = [
+      const e = [
         i,
         f,
         "flex",
         "items-center",
         "gap-2",
-        s && a[s],
-        C
+        t && a[t],
+        x
       ].filter(Boolean).join(" ");
-      return /* @__PURE__ */ w("label", { className: t, "data-testid": e, children: [
+      return /* @__PURE__ */ w("label", { className: e, "data-testid": s, children: [
         n && /* @__PURE__ */ c("span", { className: "text-base-content/70", "data-testid": d("addon-before"), children: n }),
-        h,
+        v,
         o && /* @__PURE__ */ c("span", { className: "text-base-content/70", "data-testid": d("addon-after"), children: o })
       ] });
     }
-    return h;
+    return v;
   }
 );
-U.displayName = "Select";
+Y.displayName = "Select";
 export {
-  U as Select
+  Y as Select
 };
 //# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  className?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      className = '',\n      children,\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n    const hasWrapper = hasExternalAddons || !!floatingLabel\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n    const selectTestId = testId ? (hasWrapper ? getTestId('select') : testId) : undefined\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} data-testid={selectTestId} {...props}>\n        {children}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses} data-testid={testId}>\n          <select\n            ref={selectRef}\n            className={`${dSelect} ${dSelectBordered} w-full`}\n            data-testid={selectTestId}\n            {...props}\n          >\n            {children}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses} data-testid={testId}>\n          {addonBefore && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-before')}>\n              {addonBefore}\n            </span>\n          )}\n          {selectElement}\n          {addonAfter && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-after')}>\n              {addonAfter}\n            </span>\n          )}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","className","children","testId","props","ref","componentSize","useConfig","effectiveSize","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","hasWrapper","getTestId","suffix","selectTestId","selectClasses","selectElement","jsx","floatingClasses","jsxs","addonClasses"],"mappings":";;;AAIA,MAAMA,IAAU,UACVC,IAAkB,mBAClBC,IAAe,gBACfC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAmB,oBACnBC,IAAgB,iBAChBC,IAAc,eACdC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAiB,kBAoBVC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,IACX,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,eAAeC;AAAA,IACf,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBf,KAAQa,KAAiB,MAEzCG,IAAWC,EAA0B,IAAI,GACzCC,IAAaN,KAA8CI,GAE3DG,IAAc;AAAA,MAClB,IAAInC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAoBAgC,IAAsBlB,IANN;AAAA,MACpB,OAAON;AAAA,MACP,SAASD;AAAA,IAAA,EAIwCO,CAAM,IAAKD,IAjBzC;AAAA,MACnB,SAASZ;AAAA,MACT,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,MAAMC;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,EAS0EK,CAAK,IAAI,IAGtFoB,IAAoBf,KAAeC,GACnCe,IAAaD,KAAqB,CAAC,CAAChB,GACpCkB,IAAY,CAACC,MAAoBd,IAAS,GAAGA,CAAM,IAAIc,CAAM,KAAK,QAClEC,IAAef,IAAUY,IAAaC,EAAU,QAAQ,IAAIb,IAAU,QAEtEgB,IAAgBL,IAClB,CAAC,QAAQ,kBAAkB,YAAY,gBAAgB,sBAAsBb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAChH;AAAA,MACE3B;AAAA,MACA;AAAA,MACAuB,KAAYtB;AAAA,MACZqB,KAASpB;AAAA,MACTgC,KAAiBI,EAAYJ,CAAa;AAAA,MAC1CK;AAAA,MACAZ;AAAA,IAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG,GAGxBmB,IACJ,gBAAAC,EAAC,UAAA,EAAO,KAAKV,GAAW,WAAWQ,GAAe,eAAaD,GAAe,GAAGd,GAC9E,UAAAF,EAAA,CACH;AAIF,QAAIJ,GAAe;AACjB,YAAMwB,IAAkB;AAAA,QACtBhC;AAAA,QACAkB,KAAiBI,EAAYJ,CAAa;AAAA,MAAA,EAC1C,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE,gBAAAe,EAAC,SAAA,EAAM,WAAWD,GAAiB,eAAanB,GAC9C,UAAA;AAAA,QAAA,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,WAAW,GAAGrC,CAAO,IAAIC,CAAe;AAAA,YACxC,eAAa2C;AAAA,YACZ,GAAGd;AAAA,YAEH,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEH,gBAAAmB,EAAC,UAAM,UAAAvB,EAAA,CAAc;AAAA,MAAA,GACvB;AAAA,IAEJ;AAGA,QAAIgB,GAAmB;AACrB,YAAMU,IAAe;AAAA,QACnBlD;AAAA,QACAC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAiC,KAAiBI,EAAYJ,CAAa;AAAA,QAC1CK;AAAA,MAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,aACE,gBAAAU,EAAC,SAAA,EAAM,WAAWC,GAAc,eAAarB,GAC1C,UAAA;AAAA,QAAAJ,KACC,gBAAAsB,EAAC,UAAK,WAAU,wBAAuB,eAAaL,EAAU,cAAc,GACzE,UAAAjB,EAAA,CACH;AAAA,QAEDqB;AAAA,QACApB,uBACE,QAAA,EAAK,WAAU,wBAAuB,eAAagB,EAAU,aAAa,GACxE,UAAAhB,EAAA,CACH;AAAA,MAAA,GAEJ;AAAA,IAEJ;AAEA,WAAOoB;AAAA,EACT;AACF;AAEA7B,EAAO,cAAc;"}
+{"version":3,"file":"Select.js","sources":["../../src/components/Select.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dSelect = 'select'\nconst dSelectBordered = 'select-bordered'\nconst dSelectGhost = 'select-ghost'\nconst dSelectXs = 'select-xs'\nconst dSelectSm = 'select-sm'\nconst dSelectMd = 'select-md'\nconst dSelectLg = 'select-lg'\nconst dSelectXl = 'select-xl'\nconst dSelectNeutral = 'select-neutral'\nconst dSelectPrimary = 'select-primary'\nconst dSelectSecondary = 'select-secondary'\nconst dSelectAccent = 'select-accent'\nconst dSelectInfo = 'select-info'\nconst dSelectSuccess = 'select-success'\nconst dSelectWarning = 'select-warning'\nconst dSelectError = 'select-error'\nconst dFloatingLabel = 'floating-label'\n\nexport interface SelectOption {\n  label: React.ReactNode\n  value: string | number\n  disabled?: boolean\n}\n\nexport interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  ghost?: boolean\n  bordered?: boolean\n  /** Floating label text (uses DaisyUI floating-label) */\n  floatingLabel?: string\n  /** Text/element before select (outside, using DaisyUI label) */\n  addonBefore?: React.ReactNode\n  /** Text/element after select (outside, using DaisyUI label) */\n  addonAfter?: React.ReactNode\n  /** Select options array (recommended for better performance) */\n  options?: SelectOption[]\n  className?: string\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  (\n    {\n      size,\n      color,\n      status,\n      ghost = false,\n      bordered = true,\n      floatingLabel,\n      addonBefore,\n      addonAfter,\n      options,\n      className = '',\n      children,\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    // Render options from array or use children\n    const renderOptions = () => {\n      if (options) {\n        return options.map((option) => (\n          <option key={option.value} value={option.value} disabled={option.disabled}>\n            {option.label}\n          </option>\n        ))\n      }\n      return children\n    }\n\n    const innerRef = useRef<HTMLSelectElement>(null)\n    const selectRef = (ref as React.RefObject<HTMLSelectElement>) || innerRef\n\n    const sizeClasses = {\n      xs: dSelectXs,\n      sm: dSelectSm,\n      md: dSelectMd,\n      lg: dSelectLg,\n      xl: dSelectXl,\n    }\n\n    const colorClasses = {\n      neutral: dSelectNeutral,\n      primary: dSelectPrimary,\n      secondary: dSelectSecondary,\n      accent: dSelectAccent,\n      info: dSelectInfo,\n      success: dSelectSuccess,\n      warning: dSelectWarning,\n      error: dSelectError,\n    }\n\n    const statusClasses = {\n      error: dSelectError,\n      warning: dSelectWarning,\n    }\n\n    // Status takes precedence over color for validation feedback\n    const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n    // When wrapped with external addons, the wrapper has the styling\n    const hasExternalAddons = addonBefore || addonAfter\n    const hasWrapper = hasExternalAddons || !!floatingLabel\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n    const selectTestId = testId ? (hasWrapper ? getTestId('select') : testId) : undefined\n\n    const selectClasses = hasExternalAddons\n      ? ['grow', 'bg-transparent', 'border-0', 'outline-none', 'focus:outline-none', className].filter(Boolean).join(' ')\n      : [\n          dSelect,\n          'w-full',\n          bordered && dSelectBordered,\n          ghost && dSelectGhost,\n          effectiveSize && sizeClasses[effectiveSize],\n          effectiveColorClass,\n          className,\n        ].filter(Boolean).join(' ')\n\n    // Build the core select element\n    const selectElement = (\n      <select ref={selectRef} className={selectClasses} data-testid={selectTestId} {...props}>\n        {renderOptions()}\n      </select>\n    )\n\n    // Wrap with floating label if specified\n    if (floatingLabel) {\n      const floatingClasses = [\n        dFloatingLabel,\n        effectiveSize && sizeClasses[effectiveSize],\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={floatingClasses} data-testid={testId}>\n          <select\n            ref={selectRef}\n            className={`${dSelect} ${dSelectBordered} w-full`}\n            data-testid={selectTestId}\n            {...props}\n          >\n            {renderOptions()}\n          </select>\n          <span>{floatingLabel}</span>\n        </label>\n      )\n    }\n\n    // Wrap with external addons if specified\n    if (hasExternalAddons) {\n      const addonClasses = [\n        dSelect,\n        dSelectBordered,\n        'flex',\n        'items-center',\n        'gap-2',\n        effectiveSize && sizeClasses[effectiveSize],\n        effectiveColorClass,\n      ].filter(Boolean).join(' ')\n\n      return (\n        <label className={addonClasses} data-testid={testId}>\n          {addonBefore && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-before')}>\n              {addonBefore}\n            </span>\n          )}\n          {selectElement}\n          {addonAfter && (\n            <span className=\"text-base-content/70\" data-testid={getTestId('addon-after')}>\n              {addonAfter}\n            </span>\n          )}\n        </label>\n      )\n    }\n\n    return selectElement\n  }\n)\n\nSelect.displayName = 'Select'\n"],"names":["dSelect","dSelectBordered","dSelectGhost","dSelectXs","dSelectSm","dSelectMd","dSelectLg","dSelectXl","dSelectNeutral","dSelectPrimary","dSelectSecondary","dSelectAccent","dSelectInfo","dSelectSuccess","dSelectWarning","dSelectError","dFloatingLabel","Select","forwardRef","size","color","status","ghost","bordered","floatingLabel","addonBefore","addonAfter","options","className","children","testId","props","ref","componentSize","useConfig","effectiveSize","renderOptions","option","jsx","innerRef","useRef","selectRef","sizeClasses","effectiveColorClass","hasExternalAddons","hasWrapper","getTestId","suffix","selectTestId","selectClasses","selectElement","floatingClasses","jsxs","addonClasses"],"mappings":"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"}

package/dist/index.d.ts

@@ -151,7 +151,7 @@ export type { RatingProps, RatingItemProps } from './components/Rating';
 export { Result } from './components/Result';
 export type { ResultProps, ResultStatus } from './components/Result';
 export { Select } from './components/Select';
-export type { SelectProps } from './components/Select';
+export type { SelectProps, SelectOption } from './components/Select';
 export { Segmented } from './components/Segmented';
 export type { SegmentedProps, SegmentedItemProps, SegmentedValue } from './components/Segmented';
 export { Skeleton } from './components/Skeleton';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asterui",
-  "version": "0.12.77",
+  "version": "0.12.79",
   "description": "React UI component library with DaisyUI",
   "homepage": "https://asterui.com",
   "repository": {