@gcsa/console-react 0.1.0

package/dist/GcsaDateRangePicker.js

@@ -0,0 +1,222 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useMemo as N, useCallback as b } from "react";
+import { parseDate as T, DatePicker as a } from "@ark-ui/react/date-picker";
+import { Portal as O } from "@ark-ui/react/portal";
+import { getGcsaLocaleMessages as S, getGcsaStartOfWeek as z, createGcsaPopupPositioning as W } from "@gcsa/console-core";
+import { GcsaIcon as k } from "./GcsaIcon.js";
+import { GcsaSelect as B } from "./GcsaSelect.js";
+import { useGcsaLocale as H } from "./hooks/useGcsaLocale.js";
+import { gcsaDateRangeToDateValues as Y, gcsaNormalizeDateBoundary as w, gcsaDatePickerFormat as E, gcsaDatePickerParse as I, gcsaDateValuesToRange as j, gcsaDatePickerCellsToOptions as F } from "./utils/gcsaDateValue.js";
+function x({
+  dp: s,
+  monthOffset: g,
+  weekDays: h,
+  showPrev: r,
+  showNext: m,
+  navLabels: i
+}) {
+  const p = s.getOffset({ months: g }), _ = p.weeks;
+  return /* @__PURE__ */ l("div", { className: "gcsa-date-range-picker__panel", children: [
+    /* @__PURE__ */ l("div", { className: "gcsa-date-range-picker__panel-header", children: [
+      r ? /* @__PURE__ */ e(
+        a.PrevTrigger,
+        {
+          className: "gcsa-date-picker__nav gcsa-focus-ring",
+          "aria-label": i.prevMonth,
+          children: /* @__PURE__ */ e(k, { name: "chevronLeft", size: "sm" })
+        }
+      ) : /* @__PURE__ */ e("span", { className: "gcsa-date-range-picker__nav-spacer", "aria-hidden": "true" }),
+      /* @__PURE__ */ e("div", { className: "gcsa-date-range-picker__panel-label", children: p.visibleRangeText.start }),
+      m ? /* @__PURE__ */ e(
+        a.NextTrigger,
+        {
+          className: "gcsa-date-picker__nav gcsa-focus-ring",
+          "aria-label": i.nextMonth,
+          children: /* @__PURE__ */ e(k, { name: "chevronLeft", size: "sm", className: "gcsa-date-picker__nav-icon--next" })
+        }
+      ) : /* @__PURE__ */ e("span", { className: "gcsa-date-range-picker__nav-spacer", "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ l(a.Table, { className: "gcsa-date-picker__table", children: [
+      /* @__PURE__ */ e(a.TableHead, { children: /* @__PURE__ */ e(a.TableRow, { children: h.map((o, u) => /* @__PURE__ */ e(
+        a.TableHeader,
+        {
+          className: "gcsa-date-picker__weekday",
+          children: o.short
+        },
+        o.short ?? u
+      )) }) }),
+      /* @__PURE__ */ e(a.TableBody, { children: _.map((o, u) => /* @__PURE__ */ e(a.TableRow, { children: o.map((d) => /* @__PURE__ */ e(a.TableCell, { value: d, className: "gcsa-date-picker__cell", children: /* @__PURE__ */ e(a.TableCellTrigger, { className: "gcsa-date-picker__day gcsa-focus-ring", children: d.day }) }, d.toString())) }, u)) })
+    ] })
+  ] });
+}
+function $({
+  dp: s,
+  messages: g
+}) {
+  const h = s.getMonthsGrid({ columns: 3 });
+  return /* @__PURE__ */ l("div", { className: "gcsa-date-range-picker__panel gcsa-date-range-picker__panel--month", children: [
+    /* @__PURE__ */ l("div", { className: "gcsa-date-range-picker__panel-header", children: [
+      /* @__PURE__ */ e(
+        a.PrevTrigger,
+        {
+          className: "gcsa-date-picker__nav gcsa-focus-ring",
+          "aria-label": g.prevYear,
+          children: /* @__PURE__ */ e(k, { name: "chevronLeft", size: "sm" })
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "gcsa-date-picker__selects gcsa-date-range-picker__year-select", children: /* @__PURE__ */ e("div", { className: "gcsa-date-picker__filter gcsa-date-picker__filter--year", children: /* @__PURE__ */ e(
+        B,
+        {
+          value: String(s.focusedValue.year),
+          options: F(s.getYears()),
+          portalled: !1,
+          sameWidth: !1,
+          listMaxHeight: 240,
+          listHintThreshold: 100,
+          onValueChange: (r) => s.focusYear(Number(r))
+        }
+      ) }) }),
+      /* @__PURE__ */ e(
+        a.NextTrigger,
+        {
+          className: "gcsa-date-picker__nav gcsa-focus-ring",
+          "aria-label": g.nextYear,
+          children: /* @__PURE__ */ e(k, { name: "chevronLeft", size: "sm", className: "gcsa-date-picker__nav-icon--next" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(a.Table, { className: "gcsa-date-picker__table gcsa-date-picker__table--month", columns: 3, children: /* @__PURE__ */ e(a.TableBody, { children: h.map((r, m) => /* @__PURE__ */ e(a.TableRow, { children: r.map((i) => /* @__PURE__ */ e(a.TableCell, { value: i.value, className: "gcsa-date-picker__cell", children: /* @__PURE__ */ e(a.TableCellTrigger, { className: "gcsa-date-picker__month gcsa-focus-ring", children: i.label }) }, i.value)) }, m)) }) })
+  ] });
+}
+function ae({
+  value: s,
+  placeholderStart: g,
+  placeholderEnd: h,
+  picker: r = "date",
+  locale: m,
+  disabled: i,
+  invalid: p,
+  min: _,
+  max: o,
+  className: u,
+  onValueChange: d
+}) {
+  const P = H(), f = m ?? P, t = S(f).datePicker, D = z(f), n = r === "month", M = g ?? (n ? t.placeholderStartMonth : t.placeholderStart), y = h ?? (n ? t.placeholderEndMonth : t.placeholderEnd), V = N(() => Y(s, r), [s, r]), C = N(
+    () => _ ? T(w(_, r)) : void 0,
+    [_, r]
+  ), G = N(
+    () => o ? T(w(o, r)) : void 0,
+    [o, r]
+  ), L = b(
+    (c, v) => E(c, v, r),
+    [r]
+  ), R = b(
+    (c, v) => I(c, v, r),
+    [r]
+  );
+  return /* @__PURE__ */ l(
+    a.Root,
+    {
+      value: V,
+      locale: f,
+      startOfWeek: D,
+      positioning: W({ fitViewport: !0 }),
+      selectionMode: "range",
+      numOfMonths: n ? 1 : 2,
+      openOnClick: !0,
+      closeOnSelect: !0,
+      disabled: i,
+      invalid: p,
+      min: C,
+      max: G,
+      minView: n ? "month" : void 0,
+      maxView: n ? "month" : void 0,
+      defaultView: n ? "month" : void 0,
+      format: L,
+      parse: R,
+      className: u,
+      onValueChange: (c) => {
+        d == null || d(j(c.value, r));
+      },
+      children: [
+        /* @__PURE__ */ l(
+          a.Control,
+          {
+            className: "gcsa-date-range-picker__control gcsa-date-picker__control",
+            "data-invalid": p || void 0,
+            children: [
+              /* @__PURE__ */ e(
+                a.Input,
+                {
+                  index: 0,
+                  className: "gcsa-date-picker__input gcsa-input",
+                  placeholder: M
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "gcsa-date-range-picker__separator", "aria-hidden": "true", children: t.rangeSeparator }),
+              /* @__PURE__ */ e(
+                a.Input,
+                {
+                  index: 1,
+                  className: "gcsa-date-picker__input gcsa-input",
+                  placeholder: y
+                }
+              ),
+              /* @__PURE__ */ e(
+                a.Trigger,
+                {
+                  className: "gcsa-date-picker__trigger gcsa-focus-ring",
+                  "aria-label": t.openCalendar,
+                  children: /* @__PURE__ */ l("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+                    /* @__PURE__ */ e("rect", { x: "2", y: "3", width: "12", height: "11", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }),
+                    /* @__PURE__ */ e(
+                      "path",
+                      {
+                        d: "M2 6.5h12M5.5 1.5v2M10.5 1.5v2",
+                        stroke: "currentColor",
+                        strokeWidth: "1.2",
+                        strokeLinecap: "round"
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(a.Positioner, { className: "gcsa-date-picker__positioner", children: /* @__PURE__ */ e(
+          a.Content,
+          {
+            className: `gcsa-date-range-picker__content gcsa-date-picker__content gcsa-ui-surface${n ? " gcsa-date-range-picker__content--month" : ""}`,
+            children: /* @__PURE__ */ e(a.View, { view: n ? "month" : "day", children: /* @__PURE__ */ e(a.Context, { children: (c) => n ? /* @__PURE__ */ e($, { dp: c, messages: t }) : /* @__PURE__ */ l("div", { className: "gcsa-date-range-picker__panels", children: [
+              /* @__PURE__ */ e(
+                x,
+                {
+                  dp: c,
+                  monthOffset: 0,
+                  weekDays: c.weekDays,
+                  showPrev: !0,
+                  navLabels: t
+                }
+              ),
+              /* @__PURE__ */ e(
+                x,
+                {
+                  dp: c,
+                  monthOffset: 1,
+                  weekDays: c.weekDays,
+                  showNext: !0,
+                  navLabels: t
+                }
+              )
+            ] }) }) })
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+export {
+  ae as GcsaDateRangePicker
+};
+//# sourceMappingURL=GcsaDateRangePicker.js.map

package/dist/GcsaDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDateRangePicker.js","sources":["../src/GcsaDateRangePicker.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { DatePicker, parseDate, type UseDatePickerContext } from '@ark-ui/react/date-picker';\nimport { Portal } from '@ark-ui/react/portal';\nimport {\n  getGcsaLocaleMessages,\n  getGcsaStartOfWeek,\n  createGcsaPopupPositioning,\n  type GcsaConsoleLocale,\n  type GcsaDatePickerMode,\n  type GcsaDateRangeValue,\n  type GcsaMonthRangeValue\n} from '@gcsa/console-core';\nimport { GcsaIcon } from './GcsaIcon';\nimport { GcsaSelect } from './GcsaSelect';\nimport { useGcsaLocale } from './hooks/useGcsaLocale';\nimport {\n  gcsaDatePickerCellsToOptions,\n  gcsaDatePickerFormat,\n  gcsaDatePickerParse,\n  gcsaDateRangeToDateValues,\n  gcsaDateValuesToRange,\n  gcsaNormalizeDateBoundary\n} from './utils/gcsaDateValue';\n\nexport type GcsaDateRangePickerProps = {\n  value?: GcsaDateRangeValue | GcsaMonthRangeValue;\n  placeholderStart?: string;\n  placeholderEnd?: string;\n  /** 选择粒度：`date` 为 YYYY-MM-DD，`month` 为 YYYY-MM */\n  picker?: GcsaDatePickerMode;\n  /** 语言；未传时读取 GcsaConfigProvider */\n  locale?: GcsaConsoleLocale;\n  disabled?: boolean;\n  invalid?: boolean;\n  min?: string;\n  max?: string;\n  className?: string;\n  onValueChange?: (value: GcsaDateRangeValue | GcsaMonthRangeValue) => void;\n};\n\ntype DatePickerContext = UseDatePickerContext;\n\nfunction GcsaDateRangeDayPanel({\n  dp,\n  monthOffset,\n  weekDays,\n  showPrev,\n  showNext,\n  navLabels\n}: {\n  dp: DatePickerContext;\n  monthOffset: number;\n  weekDays: DatePickerContext['weekDays'];\n  showPrev?: boolean;\n  showNext?: boolean;\n  navLabels: { prevMonth: string; nextMonth: string };\n}) {\n  const offset = dp.getOffset({ months: monthOffset });\n  const weeks = offset.weeks;\n\n  return (\n    <div className=\"gcsa-date-range-picker__panel\">\n      <div className=\"gcsa-date-range-picker__panel-header\">\n        {showPrev ? (\n          <DatePicker.PrevTrigger\n            className=\"gcsa-date-picker__nav gcsa-focus-ring\"\n            aria-label={navLabels.prevMonth}\n          >\n            <GcsaIcon name=\"chevronLeft\" size=\"sm\" />\n          </DatePicker.PrevTrigger>\n        ) : (\n          <span className=\"gcsa-date-range-picker__nav-spacer\" aria-hidden=\"true\" />\n        )}\n        <div className=\"gcsa-date-range-picker__panel-label\">{offset.visibleRangeText.start}</div>\n        {showNext ? (\n          <DatePicker.NextTrigger\n            className=\"gcsa-date-picker__nav gcsa-focus-ring\"\n            aria-label={navLabels.nextMonth}\n          >\n            <GcsaIcon name=\"chevronLeft\" size=\"sm\" className=\"gcsa-date-picker__nav-icon--next\" />\n          </DatePicker.NextTrigger>\n        ) : (\n          <span className=\"gcsa-date-range-picker__nav-spacer\" aria-hidden=\"true\" />\n        )}\n      </div>\n      <DatePicker.Table className=\"gcsa-date-picker__table\">\n        <DatePicker.TableHead>\n          <DatePicker.TableRow>\n            {weekDays.map((weekDay, weekDayIndex) => (\n              <DatePicker.TableHeader\n                key={weekDay.short ?? weekDayIndex}\n                className=\"gcsa-date-picker__weekday\"\n              >\n                {weekDay.short}\n              </DatePicker.TableHeader>\n            ))}\n          </DatePicker.TableRow>\n        </DatePicker.TableHead>\n        <DatePicker.TableBody>\n          {weeks.map((week, weekIndex) => (\n            <DatePicker.TableRow key={weekIndex}>\n              {week.map(day => (\n                <DatePicker.TableCell key={day.toString()} value={day} className=\"gcsa-date-picker__cell\">\n                  <DatePicker.TableCellTrigger className=\"gcsa-date-picker__day gcsa-focus-ring\">\n                    {day.day}\n                  </DatePicker.TableCellTrigger>\n                </DatePicker.TableCell>\n              ))}\n            </DatePicker.TableRow>\n          ))}\n        </DatePicker.TableBody>\n      </DatePicker.Table>\n    </div>\n  );\n}\n\nfunction GcsaDateRangeMonthView({\n  dp,\n  messages\n}: {\n  dp: DatePickerContext;\n  messages: ReturnType<typeof getGcsaLocaleMessages>['datePicker'];\n}) {\n  const monthsGrid = dp.getMonthsGrid({ columns: 3 });\n\n  return (\n    <div className=\"gcsa-date-range-picker__panel gcsa-date-range-picker__panel--month\">\n      <div className=\"gcsa-date-range-picker__panel-header\">\n        <DatePicker.PrevTrigger\n          className=\"gcsa-date-picker__nav gcsa-focus-ring\"\n          aria-label={messages.prevYear}\n        >\n          <GcsaIcon name=\"chevronLeft\" size=\"sm\" />\n        </DatePicker.PrevTrigger>\n        <div className=\"gcsa-date-picker__selects gcsa-date-range-picker__year-select\">\n          <div className=\"gcsa-date-picker__filter gcsa-date-picker__filter--year\">\n            <GcsaSelect\n              value={String(dp.focusedValue.year)}\n              options={gcsaDatePickerCellsToOptions(dp.getYears())}\n              portalled={false}\n              sameWidth={false}\n              listMaxHeight={240}\n              listHintThreshold={100}\n              onValueChange={v => dp.focusYear(Number(v))}\n            />\n          </div>\n        </div>\n        <DatePicker.NextTrigger\n          className=\"gcsa-date-picker__nav gcsa-focus-ring\"\n          aria-label={messages.nextYear}\n        >\n          <GcsaIcon name=\"chevronLeft\" size=\"sm\" className=\"gcsa-date-picker__nav-icon--next\" />\n        </DatePicker.NextTrigger>\n      </div>\n      <DatePicker.Table className=\"gcsa-date-picker__table gcsa-date-picker__table--month\" columns={3}>\n        <DatePicker.TableBody>\n          {monthsGrid.map((row, rowIndex) => (\n            <DatePicker.TableRow key={rowIndex}>\n              {row.map(month => (\n                <DatePicker.TableCell key={month.value} value={month.value} className=\"gcsa-date-picker__cell\">\n                  <DatePicker.TableCellTrigger className=\"gcsa-date-picker__month gcsa-focus-ring\">\n                    {month.label}\n                  </DatePicker.TableCellTrigger>\n                </DatePicker.TableCell>\n              ))}\n            </DatePicker.TableRow>\n          ))}\n        </DatePicker.TableBody>\n      </DatePicker.Table>\n    </div>\n  );\n}\n\nexport function GcsaDateRangePicker({\n  value,\n  placeholderStart,\n  placeholderEnd,\n  picker = 'date',\n  locale: localeProp,\n  disabled,\n  invalid,\n  min,\n  max,\n  className,\n  onValueChange\n}: GcsaDateRangePickerProps) {\n  const configLocale = useGcsaLocale();\n  const resolvedLocale = localeProp ?? configLocale;\n  const messages = getGcsaLocaleMessages(resolvedLocale).datePicker;\n  const startOfWeek = getGcsaStartOfWeek(resolvedLocale);\n  const isMonthPicker = picker === 'month';\n  const resolvedPlaceholderStart =\n    placeholderStart ?? (isMonthPicker ? messages.placeholderStartMonth : messages.placeholderStart);\n  const resolvedPlaceholderEnd =\n    placeholderEnd ?? (isMonthPicker ? messages.placeholderEndMonth : messages.placeholderEnd);\n\n  const pickerValue = useMemo(() => gcsaDateRangeToDateValues(value, picker), [value, picker]);\n  const minValue = useMemo(\n    () => (min ? parseDate(gcsaNormalizeDateBoundary(min, picker)!) : undefined),\n    [min, picker]\n  );\n  const maxValue = useMemo(\n    () => (max ? parseDate(gcsaNormalizeDateBoundary(max, picker)!) : undefined),\n    [max, picker]\n  );\n\n  const formatValue = useCallback(\n    (date: Parameters<typeof gcsaDatePickerFormat>[0], details: Parameters<typeof gcsaDatePickerFormat>[1]) =>\n      gcsaDatePickerFormat(date, details, picker),\n    [picker]\n  );\n  const parseValue = useCallback(\n    (input: string, details: Parameters<typeof gcsaDatePickerParse>[1]) =>\n      gcsaDatePickerParse(input, details, picker),\n    [picker]\n  );\n\n  return (\n    <DatePicker.Root\n      value={pickerValue}\n      locale={resolvedLocale}\n      startOfWeek={startOfWeek}\n      positioning={createGcsaPopupPositioning({ fitViewport: true })}\n      selectionMode=\"range\"\n      numOfMonths={isMonthPicker ? 1 : 2}\n      openOnClick\n      closeOnSelect\n      disabled={disabled}\n      invalid={invalid}\n      min={minValue}\n      max={maxValue}\n      minView={isMonthPicker ? 'month' : undefined}\n      maxView={isMonthPicker ? 'month' : undefined}\n      defaultView={isMonthPicker ? 'month' : undefined}\n      format={formatValue}\n      parse={parseValue}\n      className={className}\n      onValueChange={details => {\n        onValueChange?.(gcsaDateValuesToRange(details.value, picker));\n      }}\n    >\n      <DatePicker.Control\n        className=\"gcsa-date-range-picker__control gcsa-date-picker__control\"\n        data-invalid={invalid || undefined}\n      >\n        <DatePicker.Input\n          index={0}\n          className=\"gcsa-date-picker__input gcsa-input\"\n          placeholder={resolvedPlaceholderStart}\n        />\n        <span className=\"gcsa-date-range-picker__separator\" aria-hidden=\"true\">\n          {messages.rangeSeparator}\n        </span>\n        <DatePicker.Input\n          index={1}\n          className=\"gcsa-date-picker__input gcsa-input\"\n          placeholder={resolvedPlaceholderEnd}\n        />\n        <DatePicker.Trigger\n          className=\"gcsa-date-picker__trigger gcsa-focus-ring\"\n          aria-label={messages.openCalendar}\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"1.5\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n            <path\n              d=\"M2 6.5h12M5.5 1.5v2M10.5 1.5v2\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.2\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        </DatePicker.Trigger>\n      </DatePicker.Control>\n      <Portal>\n        <DatePicker.Positioner className=\"gcsa-date-picker__positioner\">\n          <DatePicker.Content\n            className={`gcsa-date-range-picker__content gcsa-date-picker__content gcsa-ui-surface${isMonthPicker ? ' gcsa-date-range-picker__content--month' : ''}`}\n          >\n            <DatePicker.View view={isMonthPicker ? 'month' : 'day'}>\n              <DatePicker.Context>\n                {dp =>\n                  isMonthPicker ? (\n                    <GcsaDateRangeMonthView dp={dp} messages={messages} />\n                  ) : (\n                    <div className=\"gcsa-date-range-picker__panels\">\n                      <GcsaDateRangeDayPanel\n                        dp={dp}\n                        monthOffset={0}\n                        weekDays={dp.weekDays}\n                        showPrev\n                        navLabels={messages}\n                      />\n                      <GcsaDateRangeDayPanel\n                        dp={dp}\n                        monthOffset={1}\n                        weekDays={dp.weekDays}\n                        showNext\n                        navLabels={messages}\n                      />\n                    </div>\n                  )\n                }\n              </DatePicker.Context>\n            </DatePicker.View>\n          </DatePicker.Content>\n        </DatePicker.Positioner>\n      </Portal>\n    </DatePicker.Root>\n  );\n}\n"],"names":["GcsaDateRangeDayPanel","dp","monthOffset","weekDays","showPrev","showNext","navLabels","offset","weeks","jsxs","jsx","DatePicker","GcsaIcon","weekDay","weekDayIndex","week","weekIndex","day","GcsaDateRangeMonthView","messages","monthsGrid","GcsaSelect","gcsaDatePickerCellsToOptions","v","row","rowIndex","month","GcsaDateRangePicker","value","placeholderStart","placeholderEnd","picker","localeProp","disabled","invalid","min","max","className","onValueChange","configLocale","useGcsaLocale","resolvedLocale","getGcsaLocaleMessages","startOfWeek","getGcsaStartOfWeek","isMonthPicker","resolvedPlaceholderStart","resolvedPlaceholderEnd","pickerValue","useMemo","gcsaDateRangeToDateValues","minValue","parseDate","gcsaNormalizeDateBoundary","maxValue","formatValue","useCallback","date","details","gcsaDatePickerFormat","parseValue","input","gcsaDatePickerParse","createGcsaPopupPositioning","gcsaDateValuesToRange","Portal"],"mappings":"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"}

package/dist/GcsaDateTimePicker.d.ts

@@ -0,0 +1,13 @@
+import { GcsaConsoleLocale } from '@gcsa/console-core';
+export type GcsaDateTimePickerProps = {
+    value?: string;
+    placeholder?: string;
+    locale?: GcsaConsoleLocale;
+    disabled?: boolean;
+    invalid?: boolean;
+    min?: string;
+    max?: string;
+    className?: string;
+    onValueChange?: (value: string) => void;
+};
+export declare function GcsaDateTimePicker({ value, placeholder, locale: localeProp, disabled, invalid, min, max, className, onValueChange }: GcsaDateTimePickerProps): import("react").JSX.Element;

package/dist/GcsaDateTimePicker.js

@@ -0,0 +1,300 @@
+import { jsxs as n, jsx as t, Fragment as ue } from "react/jsx-runtime";
+import { useState as f, useRef as b, useCallback as _, useEffect as ge, useMemo as H } from "react";
+import { parseDate as J, DatePicker as r } from "@ark-ui/react/date-picker";
+import { Portal as pe } from "@ark-ui/react/portal";
+import { getGcsaLocaleMessages as K, getGcsaStartOfWeek as fe, gcsaSplitDateTime as v, gcsaTimePickerScrollTop as F, gcsaJoinDateTime as Q, createGcsaPopupPositioning as _e, gcsaTimePickerScrollIndex as he } from "@gcsa/console-core";
+import { useGcsaLocale as ke } from "./hooks/useGcsaLocale.js";
+import { gcsaStringToDateValues as Se, gcsaNormalizeDateBoundary as X, gcsaDatePickerFormat as De, gcsaDatePickerParse as be, gcsaDateValueToOutputString as ve } from "./utils/gcsaDateValue.js";
+const G = Array.from({ length: 24 }, (i, l) => String(l).padStart(2, "0")), L = Array.from({ length: 60 }, (i, l) => String(l).padStart(2, "0")), R = Array.from({ length: 60 }, (i, l) => String(l).padStart(2, "0"));
+function Ne(i) {
+  return `${i.year} - ${String(i.month).padStart(2, "0")}`;
+}
+function Oe({
+  value: i,
+  placeholder: l,
+  locale: Z,
+  disabled: Y,
+  invalid: A,
+  min: W,
+  max: z,
+  className: ee,
+  onValueChange: N
+}) {
+  const te = ke(), h = Z ?? te, s = K(h).datePicker, k = K(h), ae = fe(h), re = l ?? s.placeholderDateTime, [T, B] = f(!1), [S, M] = f(""), [d, w] = f("00"), [m, x] = f("00"), [u, C] = f("00"), y = b(null), P = b(null), O = b(null), E = b({}), I = () => `${d}:${m}:${u}`, D = _((e) => {
+    const [a = "00", c = "00", o = "00"] = e.split(":");
+    w(a.padStart(2, "0")), x(c.padStart(2, "0")), C(o.padStart(2, "0").slice(0, 2));
+  }, []), V = _(
+    (e = i) => {
+      const { date: a, time: c } = v(e);
+      M(a), D(c);
+    },
+    [D, i]
+  ), p = _(() => {
+    requestAnimationFrame(() => {
+      y.current && (y.current.scrollTop = F(G.indexOf(d))), P.current && (P.current.scrollTop = F(L.indexOf(m))), O.current && (O.current.scrollTop = F(R.indexOf(u)));
+    });
+  }, [d, m, u]);
+  ge(() => {
+    T || V();
+  }, [T, V]);
+  const ce = H(() => Se(S, "date"), [S]), ne = H(() => {
+    const e = X(v(W).date, "date");
+    return e ? J(e) : void 0;
+  }, [W]), ie = H(() => {
+    const e = X(v(z).date, "date");
+    return e ? J(e) : void 0;
+  }, [z]), oe = _(
+    (e, a) => {
+      const c = De(e, a, "date");
+      return c ? Q(c, I()) : i ?? "";
+    },
+    [d, m, u, i]
+  ), se = _(
+    (e, a) => {
+      const { date: c, time: o } = v(e);
+      return o && D(o), be(c, a, "date");
+    },
+    [D]
+  ), le = (e) => {
+    Y || (B(e.open), e.open && (V(), p()));
+  }, j = (e) => {
+    w(e), p();
+  }, U = (e) => {
+    x(e), p();
+  }, q = (e) => {
+    C(e), p();
+  }, $ = (e, a) => {
+    clearTimeout(E.current[e]), E.current[e] = setTimeout(() => {
+      const c = e === "hour" ? G : e === "minute" ? L : R, o = he(a.scrollTop, c.length), g = c[o];
+      e === "hour" && g && j(g), e === "minute" && g && U(g), e === "second" && g && q(g);
+    }, 80);
+  }, de = () => {
+    const e = /* @__PURE__ */ new Date();
+    M(
+      `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`
+    ), w(String(e.getHours()).padStart(2, "0")), x(String(e.getMinutes()).padStart(2, "0")), C(String(e.getSeconds()).padStart(2, "0")), p();
+  }, me = () => {
+    S && (N == null || N(Q(S, I())), B(!1));
+  };
+  return /* @__PURE__ */ n(
+    r.Root,
+    {
+      open: T,
+      value: ce,
+      locale: h,
+      startOfWeek: ae,
+      positioning: _e({ fitViewport: !0 }),
+      closeOnSelect: !1,
+      disabled: Y,
+      invalid: A,
+      min: ne,
+      max: ie,
+      format: oe,
+      parse: se,
+      className: ee,
+      onOpenChange: le,
+      onValueChange: (e) => {
+        var a;
+        M(ve((a = e.value) == null ? void 0 : a[0], "date"));
+      },
+      children: [
+        /* @__PURE__ */ n(r.Control, { className: "gcsa-date-picker__control", "data-invalid": A || void 0, children: [
+          /* @__PURE__ */ t(
+            r.Input,
+            {
+              className: "gcsa-date-picker__input gcsa-input",
+              placeholder: re,
+              readOnly: !0
+            }
+          ),
+          /* @__PURE__ */ t(
+            r.Trigger,
+            {
+              className: "gcsa-date-picker__trigger gcsa-focus-ring",
+              "aria-label": s.openCalendar,
+              children: /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+                /* @__PURE__ */ t("rect", { x: "2", y: "3", width: "12", height: "11", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }),
+                /* @__PURE__ */ t(
+                  "path",
+                  {
+                    d: "M2 6.5h12M5.5 1.5v2M10.5 1.5v2",
+                    stroke: "currentColor",
+                    strokeWidth: "1.2",
+                    strokeLinecap: "round"
+                  }
+                )
+              ] })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(pe, { children: /* @__PURE__ */ t(r.Positioner, { className: "gcsa-date-picker__positioner", children: /* @__PURE__ */ n(r.Content, { className: "gcsa-date-picker__content gcsa-datetime-picker__content gcsa-ui-surface", children: [
+          /* @__PURE__ */ n("div", { className: "gcsa-datetime-picker__body", children: [
+            /* @__PURE__ */ t("div", { className: "gcsa-datetime-picker__calendar", children: /* @__PURE__ */ t(r.View, { view: "day", children: /* @__PURE__ */ t(r.Context, { children: (e) => /* @__PURE__ */ n(ue, { children: [
+              /* @__PURE__ */ n("div", { className: "gcsa-datetime-picker__header", children: [
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                    "aria-label": s.prevYear,
+                    onMouseDown: (a) => a.preventDefault(),
+                    onClick: () => e.focusYear(e.focusedValue.year - 1),
+                    children: "«"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  r.PrevTrigger,
+                  {
+                    className: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                    "aria-label": s.prevMonth,
+                    children: "‹"
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: "gcsa-datetime-picker__title", children: Ne(e.focusedValue) }),
+                /* @__PURE__ */ t(
+                  r.NextTrigger,
+                  {
+                    className: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                    "aria-label": s.nextMonth,
+                    children: "›"
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    className: "gcsa-datetime-picker__nav gcsa-focus-ring",
+                    "aria-label": s.nextYear,
+                    onMouseDown: (a) => a.preventDefault(),
+                    onClick: () => e.focusYear(e.focusedValue.year + 1),
+                    children: "»"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n(r.Table, { className: "gcsa-date-picker__table", children: [
+                /* @__PURE__ */ t(r.TableHead, { children: /* @__PURE__ */ t(r.TableRow, { children: e.weekDays.map((a, c) => /* @__PURE__ */ t(
+                  r.TableHeader,
+                  {
+                    className: "gcsa-date-picker__weekday",
+                    children: a.short
+                  },
+                  a.short ?? c
+                )) }) }),
+                /* @__PURE__ */ t(r.TableBody, { children: e.weeks.map((a, c) => /* @__PURE__ */ t(r.TableRow, { children: a.map((o) => /* @__PURE__ */ t(
+                  r.TableCell,
+                  {
+                    value: o,
+                    className: "gcsa-date-picker__cell",
+                    children: /* @__PURE__ */ t(r.TableCellTrigger, { className: "gcsa-date-picker__day gcsa-focus-ring", children: o.day })
+                  },
+                  o.toString()
+                )) }, c)) })
+              ] })
+            ] }) }) }) }),
+            /* @__PURE__ */ n("div", { className: "gcsa-datetime-picker__time", children: [
+              /* @__PURE__ */ t("div", { className: "gcsa-datetime-picker__time-title", children: s.selectTime }),
+              /* @__PURE__ */ n("div", { className: "gcsa-time-picker__spinner gcsa-datetime-picker__spinner", children: [
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    ref: y,
+                    className: "gcsa-time-picker__column",
+                    role: "listbox",
+                    "aria-label": k.timeHour,
+                    onScroll: (e) => $("hour", e.currentTarget),
+                    children: G.map((e) => /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: `gcsa-time-picker__cell${e === d ? " gcsa-time-picker__cell--selected" : ""}`,
+                        role: "option",
+                        "aria-selected": e === d,
+                        onMouseDown: (a) => a.preventDefault(),
+                        onClick: () => j(e),
+                        children: e
+                      },
+                      e
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    ref: P,
+                    className: "gcsa-time-picker__column",
+                    role: "listbox",
+                    "aria-label": k.timeMinute,
+                    onScroll: (e) => $("minute", e.currentTarget),
+                    children: L.map((e) => /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: `gcsa-time-picker__cell${e === m ? " gcsa-time-picker__cell--selected" : ""}`,
+                        role: "option",
+                        "aria-selected": e === m,
+                        onMouseDown: (a) => a.preventDefault(),
+                        onClick: () => U(e),
+                        children: e
+                      },
+                      e
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    ref: O,
+                    className: "gcsa-time-picker__column",
+                    role: "listbox",
+                    "aria-label": k.timeSecond,
+                    onScroll: (e) => $("second", e.currentTarget),
+                    children: R.map((e) => /* @__PURE__ */ t(
+                      "button",
+                      {
+                        type: "button",
+                        className: `gcsa-time-picker__cell${e === u ? " gcsa-time-picker__cell--selected" : ""}`,
+                        role: "option",
+                        "aria-selected": e === u,
+                        onMouseDown: (a) => a.preventDefault(),
+                        onClick: () => q(e),
+                        children: e
+                      },
+                      e
+                    ))
+                  }
+                ),
+                /* @__PURE__ */ t("div", { className: "gcsa-time-picker__selection", "aria-hidden": "true" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ n("div", { className: "gcsa-datetime-picker__footer", children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "gcsa-datetime-picker__now",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: de,
+                children: s.now
+              }
+            ),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                className: "gcsa-datetime-picker__confirm",
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: me,
+                children: k.confirm
+              }
+            )
+          ] })
+        ] }) }) })
+      ]
+    }
+  );
+}
+export {
+  Oe as GcsaDateTimePicker
+};
+//# sourceMappingURL=GcsaDateTimePicker.js.map

package/dist/GcsaDateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GcsaDateTimePicker.js","sources":["../src/GcsaDateTimePicker.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { DatePicker, parseDate, type DateValue } from '@ark-ui/react/date-picker';\nimport { Portal } from '@ark-ui/react/portal';\nimport {\n  createGcsaPopupPositioning,\n  gcsaTimePickerScrollIndex,\n  gcsaTimePickerScrollTop,\n  getGcsaLocaleMessages,\n  getGcsaStartOfWeek,\n  type GcsaConsoleLocale\n} from '@gcsa/console-core';\nimport { useGcsaLocale } from './hooks/useGcsaLocale';\nimport {\n  gcsaDatePickerFormat,\n  gcsaDatePickerParse,\n  gcsaDateValueToOutputString,\n  gcsaJoinDateTime,\n  gcsaNormalizeDateBoundary,\n  gcsaSplitDateTime,\n  gcsaStringToDateValues\n} from './utils/gcsaDateValue';\n\nexport type GcsaDateTimePickerProps = {\n  value?: string;\n  placeholder?: string;\n  locale?: GcsaConsoleLocale;\n  disabled?: boolean;\n  invalid?: boolean;\n  min?: string;\n  max?: string;\n  className?: string;\n  onValueChange?: (value: string) => void;\n};\n\nconst HOURS = Array.from({ length: 24 }, (_, index) => String(index).padStart(2, '0'));\nconst MINUTES = Array.from({ length: 60 }, (_, index) => String(index).padStart(2, '0'));\nconst SECONDS = Array.from({ length: 60 }, (_, index) => String(index).padStart(2, '0'));\n\nfunction formatMonthTitle(value: DateValue) {\n  return `${value.year} - ${String(value.month).padStart(2, '0')}`;\n}\n\nexport function GcsaDateTimePicker({\n  value,\n  placeholder,\n  locale: localeProp,\n  disabled,\n  invalid,\n  min,\n  max,\n  className,\n  onValueChange\n}: GcsaDateTimePickerProps) {\n  const configLocale = useGcsaLocale();\n  const resolvedLocale = localeProp ?? configLocale;\n  const messages = getGcsaLocaleMessages(resolvedLocale).datePicker;\n  const globalMessages = getGcsaLocaleMessages(resolvedLocale);\n  const startOfWeek = getGcsaStartOfWeek(resolvedLocale);\n  const resolvedPlaceholder = placeholder ?? messages.placeholderDateTime;\n\n  const [open, setOpen] = useState(false);\n  const [draftDate, setDraftDate] = useState('');\n  const [draftHour, setDraftHour] = useState('00');\n  const [draftMinute, setDraftMinute] = useState('00');\n  const [draftSecond, setDraftSecond] = useState('00');\n\n  const hourColumn = useRef<HTMLDivElement>(null);\n  const minuteColumn = useRef<HTMLDivElement>(null);\n  const secondColumn = useRef<HTMLDivElement>(null);\n  const timers = useRef<{\n    hour?: ReturnType<typeof setTimeout>;\n    minute?: ReturnType<typeof setTimeout>;\n    second?: ReturnType<typeof setTimeout>;\n  }>({});\n\n  const draftTimeValue = () => `${draftHour}:${draftMinute}:${draftSecond}`;\n\n  const applyTimeParts = useCallback((time: string) => {\n    const [hour = '00', minute = '00', second = '00'] = time.split(':');\n    setDraftHour(hour.padStart(2, '0'));\n    setDraftMinute(minute.padStart(2, '0'));\n    setDraftSecond(second.padStart(2, '0').slice(0, 2));\n  }, []);\n\n  const syncDraftFromValue = useCallback(\n    (nextValue = value) => {\n      const { date, time } = gcsaSplitDateTime(nextValue);\n      setDraftDate(date);\n      applyTimeParts(time);\n    },\n    [applyTimeParts, value]\n  );\n\n  const scrollColumns = useCallback(() => {\n    requestAnimationFrame(() => {\n      if (hourColumn.current) {\n        hourColumn.current.scrollTop = gcsaTimePickerScrollTop(HOURS.indexOf(draftHour));\n      }\n      if (minuteColumn.current) {\n        minuteColumn.current.scrollTop = gcsaTimePickerScrollTop(MINUTES.indexOf(draftMinute));\n      }\n      if (secondColumn.current) {\n        secondColumn.current.scrollTop = gcsaTimePickerScrollTop(SECONDS.indexOf(draftSecond));\n      }\n    });\n  }, [draftHour, draftMinute, draftSecond]);\n\n  useEffect(() => {\n    if (!open) syncDraftFromValue();\n  }, [open, syncDraftFromValue]);\n\n  const pickerValue = useMemo(() => gcsaStringToDateValues(draftDate, 'date'), [draftDate]);\n  const minDateValue = useMemo(() => {\n    const normalized = gcsaNormalizeDateBoundary(gcsaSplitDateTime(min).date, 'date');\n    return normalized ? parseDate(normalized) : undefined;\n  }, [min]);\n  const maxDateValue = useMemo(() => {\n    const normalized = gcsaNormalizeDateBoundary(gcsaSplitDateTime(max).date, 'date');\n    return normalized ? parseDate(normalized) : undefined;\n  }, [max]);\n\n  const formatValue = useCallback(\n    (date: DateValue, details: { locale: string; timeZone: string }) => {\n      const datePart = gcsaDatePickerFormat(date, details, 'date');\n      if (!datePart) return value ?? '';\n      return gcsaJoinDateTime(datePart, draftTimeValue());\n    },\n    [draftHour, draftMinute, draftSecond, value]\n  );\n\n  const parseValue = useCallback(\n    (input: string, details: { locale: string; timeZone: string }) => {\n      const { date, time } = gcsaSplitDateTime(input);\n      if (time) applyTimeParts(time);\n      return gcsaDatePickerParse(date, details, 'date');\n    },\n    [applyTimeParts]\n  );\n\n  const onOpenChange = (details: { open: boolean }) => {\n    if (disabled) return;\n    setOpen(details.open);\n    if (details.open) {\n      syncDraftFromValue();\n      scrollColumns();\n    }\n  };\n\n  const selectHour = (hour: string) => {\n    setDraftHour(hour);\n    scrollColumns();\n  };\n\n  const selectMinute = (minute: string) => {\n    setDraftMinute(minute);\n    scrollColumns();\n  };\n\n  const selectSecond = (second: string) => {\n    setDraftSecond(second);\n    scrollColumns();\n  };\n\n  const onColumnScroll = (type: 'hour' | 'minute' | 'second', element: HTMLDivElement) => {\n    clearTimeout(timers.current[type]);\n    timers.current[type] = setTimeout(() => {\n      const values = type === 'hour' ? HOURS : type === 'minute' ? MINUTES : SECONDS;\n      const index = gcsaTimePickerScrollIndex(element.scrollTop, values.length);\n      const nextValue = values[index];\n      if (type === 'hour' && nextValue) selectHour(nextValue);\n      if (type === 'minute' && nextValue) selectMinute(nextValue);\n      if (type === 'second' && nextValue) selectSecond(nextValue);\n    }, 80);\n  };\n\n  const selectNow = () => {\n    const now = new Date();\n    setDraftDate(\n      `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`\n    );\n    setDraftHour(String(now.getHours()).padStart(2, '0'));\n    setDraftMinute(String(now.getMinutes()).padStart(2, '0'));\n    setDraftSecond(String(now.getSeconds()).padStart(2, '0'));\n    scrollColumns();\n  };\n\n  const confirm = () => {\n    if (!draftDate) return;\n    onValueChange?.(gcsaJoinDateTime(draftDate, draftTimeValue()));\n    setOpen(false);\n  };\n\n  return (\n    <DatePicker.Root\n      open={open}\n      value={pickerValue}\n      locale={resolvedLocale}\n      startOfWeek={startOfWeek}\n      positioning={createGcsaPopupPositioning({ fitViewport: true })}\n      closeOnSelect={false}\n      disabled={disabled}\n      invalid={invalid}\n      min={minDateValue}\n      max={maxDateValue}\n      format={formatValue}\n      parse={parseValue}\n      className={className}\n      onOpenChange={onOpenChange}\n      onValueChange={details => {\n        setDraftDate(gcsaDateValueToOutputString(details.value?.[0], 'date'));\n      }}\n    >\n      <DatePicker.Control className=\"gcsa-date-picker__control\" data-invalid={invalid || undefined}>\n        <DatePicker.Input\n          className=\"gcsa-date-picker__input gcsa-input\"\n          placeholder={resolvedPlaceholder}\n          readOnly\n        />\n        <DatePicker.Trigger\n          className=\"gcsa-date-picker__trigger gcsa-focus-ring\"\n          aria-label={messages.openCalendar}\n        >\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n            <rect x=\"2\" y=\"3\" width=\"12\" height=\"11\" rx=\"1.5\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n            <path\n              d=\"M2 6.5h12M5.5 1.5v2M10.5 1.5v2\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.2\"\n              strokeLinecap=\"round\"\n            />\n          </svg>\n        </DatePicker.Trigger>\n      </DatePicker.Control>\n      <Portal>\n        <DatePicker.Positioner className=\"gcsa-date-picker__positioner\">\n          <DatePicker.Content className=\"gcsa-date-picker__content gcsa-datetime-picker__content gcsa-ui-surface\">\n            <div className=\"gcsa-datetime-picker__body\">\n              <div className=\"gcsa-datetime-picker__calendar\">\n                <DatePicker.View view=\"day\">\n                  <DatePicker.Context>\n                    {dp => (\n                      <>\n                        <div className=\"gcsa-datetime-picker__header\">\n                          <button\n                            type=\"button\"\n                            className=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                            aria-label={messages.prevYear}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => dp.focusYear(dp.focusedValue.year - 1)}\n                          >\n                            «\n                          </button>\n                          <DatePicker.PrevTrigger\n                            className=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                            aria-label={messages.prevMonth}\n                          >\n                            ‹\n                          </DatePicker.PrevTrigger>\n                          <div className=\"gcsa-datetime-picker__title\">\n                            {formatMonthTitle(dp.focusedValue)}\n                          </div>\n                          <DatePicker.NextTrigger\n                            className=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                            aria-label={messages.nextMonth}\n                          >\n                            ›\n                          </DatePicker.NextTrigger>\n                          <button\n                            type=\"button\"\n                            className=\"gcsa-datetime-picker__nav gcsa-focus-ring\"\n                            aria-label={messages.nextYear}\n                            onMouseDown={event => event.preventDefault()}\n                            onClick={() => dp.focusYear(dp.focusedValue.year + 1)}\n                          >\n                            »\n                          </button>\n                        </div>\n                        <DatePicker.Table className=\"gcsa-date-picker__table\">\n                          <DatePicker.TableHead>\n                            <DatePicker.TableRow>\n                              {dp.weekDays.map((weekDay, weekDayIndex) => (\n                                <DatePicker.TableHeader\n                                  key={weekDay.short ?? weekDayIndex}\n                                  className=\"gcsa-date-picker__weekday\"\n                                >\n                                  {weekDay.short}\n                                </DatePicker.TableHeader>\n                              ))}\n                            </DatePicker.TableRow>\n                          </DatePicker.TableHead>\n                          <DatePicker.TableBody>\n                            {dp.weeks.map((week, weekIndex) => (\n                              <DatePicker.TableRow key={weekIndex}>\n                                {week.map(day => (\n                                  <DatePicker.TableCell\n                                    key={day.toString()}\n                                    value={day}\n                                    className=\"gcsa-date-picker__cell\"\n                                  >\n                                    <DatePicker.TableCellTrigger className=\"gcsa-date-picker__day gcsa-focus-ring\">\n                                      {day.day}\n                                    </DatePicker.TableCellTrigger>\n                                  </DatePicker.TableCell>\n                                ))}\n                              </DatePicker.TableRow>\n                            ))}\n                          </DatePicker.TableBody>\n                        </DatePicker.Table>\n                      </>\n                    )}\n                  </DatePicker.Context>\n                </DatePicker.View>\n              </div>\n              <div className=\"gcsa-datetime-picker__time\">\n                <div className=\"gcsa-datetime-picker__time-title\">{messages.selectTime}</div>\n                <div className=\"gcsa-time-picker__spinner gcsa-datetime-picker__spinner\">\n                  <div\n                    ref={hourColumn}\n                    className=\"gcsa-time-picker__column\"\n                    role=\"listbox\"\n                    aria-label={globalMessages.timeHour}\n                    onScroll={event => onColumnScroll('hour', event.currentTarget)}\n                  >\n                    {HOURS.map(hour => (\n                      <button\n                        key={hour}\n                        type=\"button\"\n                        className={`gcsa-time-picker__cell${hour === draftHour ? ' gcsa-time-picker__cell--selected' : ''}`}\n                        role=\"option\"\n                        aria-selected={hour === draftHour}\n                        onMouseDown={event => event.preventDefault()}\n                        onClick={() => selectHour(hour)}\n                      >\n                        {hour}\n                      </button>\n                    ))}\n                  </div>\n                  <div\n                    ref={minuteColumn}\n                    className=\"gcsa-time-picker__column\"\n                    role=\"listbox\"\n                    aria-label={globalMessages.timeMinute}\n                    onScroll={event => onColumnScroll('minute', event.currentTarget)}\n                  >\n                    {MINUTES.map(minute => (\n                      <button\n                        key={minute}\n                        type=\"button\"\n                        className={`gcsa-time-picker__cell${minute === draftMinute ? ' gcsa-time-picker__cell--selected' : ''}`}\n                        role=\"option\"\n                        aria-selected={minute === draftMinute}\n                        onMouseDown={event => event.preventDefault()}\n                        onClick={() => selectMinute(minute)}\n                      >\n                        {minute}\n                      </button>\n                    ))}\n                  </div>\n                  <div\n                    ref={secondColumn}\n                    className=\"gcsa-time-picker__column\"\n                    role=\"listbox\"\n                    aria-label={globalMessages.timeSecond}\n                    onScroll={event => onColumnScroll('second', event.currentTarget)}\n                  >\n                    {SECONDS.map(second => (\n                      <button\n                        key={second}\n                        type=\"button\"\n                        className={`gcsa-time-picker__cell${second === draftSecond ? ' gcsa-time-picker__cell--selected' : ''}`}\n                        role=\"option\"\n                        aria-selected={second === draftSecond}\n                        onMouseDown={event => event.preventDefault()}\n                        onClick={() => selectSecond(second)}\n                      >\n                        {second}\n                      </button>\n                    ))}\n                  </div>\n                  <div className=\"gcsa-time-picker__selection\" aria-hidden=\"true\" />\n                </div>\n              </div>\n            </div>\n            <div className=\"gcsa-datetime-picker__footer\">\n              <button\n                type=\"button\"\n                className=\"gcsa-datetime-picker__now\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={selectNow}\n              >\n                {messages.now}\n              </button>\n              <button\n                type=\"button\"\n                className=\"gcsa-datetime-picker__confirm\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={confirm}\n              >\n                {globalMessages.confirm}\n              </button>\n            </div>\n          </DatePicker.Content>\n        </DatePicker.Positioner>\n      </Portal>\n    </DatePicker.Root>\n  );\n}\n"],"names":["HOURS","_","index","MINUTES","SECONDS","formatMonthTitle","value","GcsaDateTimePicker","placeholder","localeProp","disabled","invalid","min","max","className","onValueChange","configLocale","useGcsaLocale","resolvedLocale","messages","getGcsaLocaleMessages","globalMessages","startOfWeek","getGcsaStartOfWeek","resolvedPlaceholder","open","setOpen","useState","draftDate","setDraftDate","draftHour","setDraftHour","draftMinute","setDraftMinute","draftSecond","setDraftSecond","hourColumn","useRef","minuteColumn","secondColumn","timers","draftTimeValue","applyTimeParts","useCallback","time","hour","minute","second","syncDraftFromValue","nextValue","date","gcsaSplitDateTime","scrollColumns","gcsaTimePickerScrollTop","useEffect","pickerValue","useMemo","gcsaStringToDateValues","minDateValue","normalized","gcsaNormalizeDateBoundary","parseDate","maxDateValue","formatValue","details","datePart","gcsaDatePickerFormat","gcsaJoinDateTime","parseValue","input","gcsaDatePickerParse","onOpenChange","selectHour","selectMinute","selectSecond","onColumnScroll","type","element","values","gcsaTimePickerScrollIndex","selectNow","now","confirm","jsxs","DatePicker","createGcsaPopupPositioning","gcsaDateValueToOutputString","_a","jsx","Portal","Fragment","event","dp","weekDay","weekDayIndex","week","weekIndex","day"],"mappings":"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"}

package/dist/GcsaDescriptions.d.ts

@@ -0,0 +1,9 @@
+export type GcsaDescriptionsItem = {
+    label: string;
+    value: string;
+};
+export type GcsaDescriptionsProps = {
+    items: GcsaDescriptionsItem[];
+    className?: string;
+};
+export declare function GcsaDescriptions({ items, className }: GcsaDescriptionsProps): import("react").JSX.Element;