@tcn/ui 0.13.1 → 0.15.0

package/dist/mobile/inputs/date_picker/mobile_date_picker_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_header.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_header.tsx"],"sourcesContent":["import { useSignalValue } from '@tcn/state';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport { Spacer } from '../../../stacks/spacer.js';\nimport React, { useMemo, useRef, useState } from 'react';\nimport { getMonthsOfYear } from '../../../utils/calendar/get_months_of_year.js';\nimport { DatePickerPresenter } from '../../../inputs/date_picker/date_picker_presenter.js';\nimport { MobileDatePickerYearSelector } from './mobile_date_picker_year_selector.js';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport { MobilePortal } from '../../portal/mobile_portal.js';\nimport { MobileOverlayHeader } from './mobile_overlay_header.js';\nimport { FocusRedirect } from '../../../utils/index.js';\nimport { ChevronLeftIcon } from '@tcn/icons/chevron_left_icon.js';\nimport { ChevronRightIcon } from '@tcn/icons/chevron_right_icon.js';\nimport { clsx } from 'clsx';\nimport styles from './mobile_date_picker_header.module.css';\n\nexport interface MobileDatePickerHeaderProps {\n  presenter: DatePickerPresenter;\n  countryCode: string;\n  selectMonthMessage?: string;\n  selectYearMessage?: string;\n}\n\nexport function MobileDatePickerHeader({\n  presenter,\n  countryCode,\n  selectMonthMessage = 'Select Month',\n  selectYearMessage = 'Select Year',\n}: MobileDatePickerHeaderProps) {\n  const state = useSignalValue(presenter.stateBroadcast);\n  const [monthOpen, setMonthOpen] = useState(false);\n  const [yearOpen, setYearOpen] = useState(false);\n  const monthButtonRef = useRef<HTMLButtonElement | null>(null);\n  const yearButtonRef = useRef<HTMLButtonElement | null>(null);\n  const monthListRef = useRef<HTMLDivElement | null>(null);\n\n  const longMonths = useMemo(() => getMonthsOfYear(countryCode, 'long'), [countryCode]);\n  const shortMonths = useMemo(() => getMonthsOfYear(countryCode, 'short'), [countryCode]);\n\n  function selectMonth(value: string) {\n    presenter.setVisibleMonth(Number(value));\n  }\n\n  function previous() {\n    presenter.setVisibleMonth(state.visibleMonth - 1);\n  }\n\n  function next() {\n    presenter.setVisibleMonth(state.visibleMonth + 1);\n  }\n\n  function openMonths() {\n    setMonthOpen(true);\n  }\n\n  function closeMonths() {\n    setMonthOpen(false);\n    requestAnimationFrame(() => monthButtonRef.current?.focus());\n  }\n\n  function openYears() {\n    setYearOpen(true);\n  }\n\n  function closeYears() {\n    setYearOpen(false);\n    requestAnimationFrame(() => yearButtonRef.current?.focus());\n  }\n\n  function handleMonthKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeMonths();\n    }\n  }\n\n  function handleYearKeyDown(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeYears();\n    }\n  }\n\n  function handleMonthRedirect() {\n    monthListRef.current?.focus();\n  }\n\n  return (\n    <>\n      <HStack\n        className={clsx(\n          styles['mobile-date-picker-header'],\n          'tcn-mobile-date-picker-header'\n        )}\n        minWidth=\"35px\"\n        width=\"100%\"\n      >\n        <MobileButton\n          disabled={!state.canNavigateToPreviousMonth}\n          hierarchy=\"tertiary\"\n          width=\"auto\"\n          onClick={previous}\n        >\n          <ChevronLeftIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n        <Spacer />\n        <HStack hAlign=\"center\" gap=\"4px\" width=\"auto\">\n          <MobileButton\n            ref={monthButtonRef}\n            hierarchy=\"tertiary\"\n            width=\"auto\"\n            onClick={openMonths}\n          >\n            {shortMonths[state.visibleMonth]}\n          </MobileButton>\n          <MobileButton\n            ref={yearButtonRef}\n            hierarchy=\"tertiary\"\n            width=\"auto\"\n            onClick={openYears}\n          >\n            {String(state.visibleYear)}\n          </MobileButton>\n        </HStack>\n        <Spacer />\n        <MobileButton\n          disabled={!state.canNavigateToNextMonth}\n          hierarchy=\"tertiary\"\n          width=\"auto\"\n          onClick={next}\n        >\n          <ChevronRightIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n      </HStack>\n\n      {monthOpen && (\n        <MobilePortal>\n          <VStack\n            className={styles['mobile-date-picker-overlay']}\n            onKeyDown={handleMonthKeyDown}\n          >\n            <MobileOverlayHeader title={selectMonthMessage} onClose={closeMonths} />\n            <VStack\n              ref={monthListRef}\n              tabIndex={0}\n              padding=\"16px\"\n              gap=\"8px\"\n              height=\"flex\"\n              overflowY=\"auto\"\n              className={styles['mobile-month-list']}\n            >\n              {longMonths.map((month, index) => (\n                <MobileButton\n                  key={index}\n                  hierarchy={index === state.visibleMonth ? 'primary' : 'secondary'}\n                  width=\"100%\"\n                  onClick={() => {\n                    selectMonth(String(index));\n                    closeMonths();\n                  }}\n                >\n                  {month}\n                </MobileButton>\n              ))}\n              <FocusRedirect onRedirect={handleMonthRedirect} />\n            </VStack>\n          </VStack>\n        </MobilePortal>\n      )}\n\n      {yearOpen && (\n        <MobilePortal>\n          <VStack className={styles['mobile-year-overlay']} onKeyDown={handleYearKeyDown}>\n            <MobileOverlayHeader title={selectYearMessage} onClose={closeYears} />\n            <MobileDatePickerYearSelector presenter={presenter} onClose={closeYears} />\n          </VStack>\n        </MobilePortal>\n      )}\n    </>\n  );\n}\n"],"names":["MobileDatePickerHeader","presenter","countryCode","selectMonthMessage","selectYearMessage","state","useSignalValue","monthOpen","setMonthOpen","useState","yearOpen","setYearOpen","monthButtonRef","useRef","yearButtonRef","monthListRef","longMonths","useMemo","getMonthsOfYear","shortMonths","selectMonth","value","previous","next","openMonths","closeMonths","openYears","closeYears","handleMonthKeyDown","event","handleYearKeyDown","handleMonthRedirect","jsxs","Fragment","HStack","clsx","styles","jsx","MobileButton","ChevronLeftIcon","Spacer","ChevronRightIcon","MobilePortal","VStack","MobileOverlayHeader","month","index","FocusRedirect","MobileDatePickerYearSelector"],"mappings":"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"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_input.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { DatePickerInputProps } from '../../../inputs/date_picker/date_picker_input.js';
+export interface MobileDatePickerInputProps extends DatePickerInputProps {
+    selectTimeMessage?: string;
+    selectMonthMessage?: string;
+    selectYearMessage?: string;
+}
+export declare const MobileDatePickerInput: React.ForwardRefExoticComponent<MobileDatePickerInputProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=mobile_date_picker_input.d.ts.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_input.d.ts","sourceRoot":"","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AASvF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAG7F,MAAM,WAAW,0BAA2B,SAAQ,oBAAoB;IACtE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,qBAAqB,sGA6NhC,CAAC"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_input.js

@@ -0,0 +1,190 @@
+import { jsxs as a, Fragment as ce, jsx as t } from "react/jsx-runtime";
+import le, { useState as N, useRef as m, useCallback as ae, useMemo as g, useLayoutEffect as q } from "react";
+import { MobileButton as h } from "../../actions/button/mobile_button.js";
+import { ButtonGroup as me } from "../../../actions/button/button_group/button_group.js";
+import { MobilePortal as x } from "../../portal/mobile_portal.js";
+import { MobileDatePicker as se } from "./mobile_date_picker.js";
+import { MobileDatePickerTimeSelector as fe } from "./mobile_date_picker_time_selector.js";
+import { MobileOverlayHeader as j } from "./mobile_overlay_header.js";
+import "../../../utils/click_away_listener.js";
+import { FocusRedirect as v } from "../../../utils/focus_redirect.js";
+import "../../../utils/scroll_away_listener.js";
+import "../../../utils/hooks/use_resize_observer.js";
+import "../../../utils/dnd/context.js";
+import "clsx";
+import "../../../draggable.module-BgelQsuJ.js";
+import { VStack as C } from "../../../stacks/v_stack.js";
+import '../../../mobile_date_picker_input.css';const ue = "_mobile-date-picker-overlay_099a224", pe = "_mobile-time-picker-overlay_6622396", H = { "mobile-date-picker-overlay": ue, "mobile-time-picker-overlay": pe }, Ie = le.forwardRef(function({
+  value: i = /* @__PURE__ */ new Date(),
+  onChange: D,
+  onError: K,
+  min: y = /* @__PURE__ */ new Date("01/01/1924"),
+  max: b = /* @__PURE__ */ new Date("01/01/2124"),
+  disabled: r,
+  width: R = "100%",
+  maxWidth: G,
+  minWidth: ke,
+  showTime: L = !1,
+  timeIntervalInMinutes: V = 15,
+  hierarchy: P = "secondary",
+  disabledDates: W,
+  selectDateMessage: w = "Select Date",
+  selectTimeMessage: F = "Select Time",
+  selectMonthMessage: z,
+  selectYearMessage: J,
+  countryCode: n,
+  renderActions: Q,
+  onTimeSelected: U,
+  ...T
+}, o) {
+  const [s, S] = N(!1), [f, A] = N(!1), u = m(null), p = m(null), M = m(null), O = m(null), _ = ae(
+    (e) => {
+      M.current = e, typeof o == "function" ? o(e) : o != null && (o.current = e);
+    },
+    [o]
+  ), X = g(() => new Intl.DateTimeFormat(n, {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }), [n]), Y = g(() => new Intl.DateTimeFormat(n, {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: !0
+  }), [n]), B = i != null ? X.format(i) : w, Z = i != null ? Y.format(i) : F;
+  function E() {
+    S(!0);
+  }
+  function d() {
+    S(!1), requestAnimationFrame(() => M.current?.focus());
+  }
+  function $() {
+    A(!0);
+  }
+  function k() {
+    A(!1), requestAnimationFrame(() => O.current?.focus());
+  }
+  q(() => {
+    s && requestAnimationFrame(() => u.current?.focus());
+  }, [s]), q(() => {
+    f && requestAnimationFrame(() => p.current?.focus());
+  }, [f]);
+  function ee(e) {
+    e.key === "Escape" && d();
+  }
+  function te(e) {
+    e.key === "Escape" && k();
+  }
+  function ie() {
+    u.current?.focus();
+  }
+  function re() {
+    p.current?.focus();
+  }
+  function ne(e) {
+    D?.(e), d();
+  }
+  function oe(e, c, l) {
+    if (i != null) {
+      const I = new Date(i);
+      I.setHours(e, c, l), D?.(I);
+    }
+    U?.(e, c, l), k();
+  }
+  return /* @__PURE__ */ a(ce, { children: [
+    L ? /* @__PURE__ */ a(me, { hierarchy: P, width: R, children: [
+      /* @__PURE__ */ t(
+        h,
+        {
+          ref: _,
+          hAlign: "start",
+          disabled: r,
+          onClick: E,
+          width: "flex",
+          ...T,
+          children: /* @__PURE__ */ t("span", { className: "ellipsis", children: B })
+        }
+      ),
+      /* @__PURE__ */ t(
+        h,
+        {
+          ref: O,
+          hAlign: "start",
+          disabled: r || i == null,
+          onClick: $,
+          width: "auto",
+          children: /* @__PURE__ */ t("span", { className: "ellipsis", children: Z })
+        }
+      )
+    ] }) : /* @__PURE__ */ t(
+      h,
+      {
+        ref: _,
+        hAlign: "start",
+        disabled: r,
+        hierarchy: P,
+        onClick: E,
+        width: R,
+        maxWidth: G,
+        ...T,
+        children: /* @__PURE__ */ t("span", { className: "ellipsis", children: B })
+      }
+    ),
+    s && /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(
+      C,
+      {
+        className: H["mobile-date-picker-overlay"],
+        onKeyDown: ee,
+        children: [
+          /* @__PURE__ */ t(j, { title: w, onClose: d }),
+          /* @__PURE__ */ t(
+            se,
+            {
+              ref: u,
+              value: i,
+              onChange: ne,
+              min: y,
+              max: b,
+              onError: K,
+              disabled: r,
+              disabledDates: W,
+              countryCode: n,
+              renderActions: Q,
+              selectMonthMessage: z,
+              selectYearMessage: J
+            }
+          ),
+          /* @__PURE__ */ t(v, { onRedirect: ie })
+        ]
+      }
+    ) }),
+    f && /* @__PURE__ */ t(x, { children: /* @__PURE__ */ a(
+      C,
+      {
+        className: H["mobile-time-picker-overlay"],
+        onKeyDown: te,
+        children: [
+          /* @__PURE__ */ t(j, { title: F, onClose: k }),
+          /* @__PURE__ */ t(
+            fe,
+            {
+              ref: p,
+              origin: i,
+              min: y,
+              max: b,
+              intervalInMinutes: V,
+              disabled: r,
+              onSelect: (e, c, l) => {
+                oe(e, c, l);
+              }
+            }
+          ),
+          /* @__PURE__ */ t(v, { onRedirect: re })
+        ]
+      }
+    ) })
+  ] });
+});
+export {
+  Ie as MobileDatePickerInput
+};
+//# sourceMappingURL=mobile_date_picker_input.js.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_input.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_input.tsx"],"sourcesContent":["import React, { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport { ButtonGroup } from '../../../actions/button/button_group/button_group.js';\nimport { MobilePortal } from '../../portal/mobile_portal.js';\nimport { MobileDatePicker } from './mobile_date_picker.js';\nimport { MobileDatePickerTimeSelector } from './mobile_date_picker_time_selector.js';\nimport { MobileOverlayHeader } from './mobile_overlay_header.js';\nimport { FocusRedirect } from '../../../utils/index.js';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport type { DatePickerInputProps } from '../../../inputs/date_picker/date_picker_input.js';\nimport styles from './mobile_date_picker_input.module.css';\n\nexport interface MobileDatePickerInputProps extends DatePickerInputProps {\n  selectTimeMessage?: string;\n  selectMonthMessage?: string;\n  selectYearMessage?: string;\n}\n\nexport const MobileDatePickerInput = React.forwardRef<\n  HTMLButtonElement,\n  MobileDatePickerInputProps\n>(function MobileDatePickerInput(\n  {\n    value = new Date(),\n    onChange,\n    onError,\n    min = new Date('01/01/1924'),\n    max = new Date('01/01/2124'),\n    disabled,\n    width = '100%',\n    maxWidth,\n    minWidth,\n    showTime = false,\n    timeIntervalInMinutes = 15,\n    hierarchy = 'secondary',\n    disabledDates,\n    selectDateMessage = 'Select Date',\n    selectTimeMessage = 'Select Time',\n    selectMonthMessage,\n    selectYearMessage,\n    countryCode,\n    renderActions,\n    onTimeSelected,\n    ...props\n  },\n  ref\n) {\n  const [dateOpen, setDateOpen] = useState(false);\n  const [timeOpen, setTimeOpen] = useState(false);\n  const pickerRef = useRef<HTMLDivElement | null>(null);\n  const timeRef = useRef<HTMLDivElement | null>(null);\n  const dateButtonRef = useRef<HTMLButtonElement | null>(null);\n  const timeButtonRef = useRef<HTMLButtonElement | null>(null);\n\n  const setDateButtonRef = useCallback(\n    (node: HTMLButtonElement | null) => {\n      dateButtonRef.current = node;\n      if (typeof ref === 'function') {\n        ref(node);\n      } else if (ref != null) {\n        (ref as React.MutableRefObject<HTMLButtonElement | null>).current = node;\n      }\n    },\n    [ref]\n  );\n\n  const dateFormatter = useMemo(() => {\n    return new Intl.DateTimeFormat(countryCode, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n    });\n  }, [countryCode]);\n\n  const timeFormatter = useMemo(() => {\n    return new Intl.DateTimeFormat(countryCode, {\n      hour: 'numeric',\n      minute: '2-digit',\n      hour12: true,\n    });\n  }, [countryCode]);\n\n  const formattedDate = value != null ? dateFormatter.format(value) : selectDateMessage;\n  const formattedTime = value != null ? timeFormatter.format(value) : selectTimeMessage;\n\n  function openDatePicker() {\n    setDateOpen(true);\n  }\n\n  function closeDatePicker() {\n    setDateOpen(false);\n    requestAnimationFrame(() => dateButtonRef.current?.focus());\n  }\n\n  function openTimePicker() {\n    setTimeOpen(true);\n  }\n\n  function closeTimePicker() {\n    setTimeOpen(false);\n    requestAnimationFrame(() => timeButtonRef.current?.focus());\n  }\n\n  useLayoutEffect(() => {\n    if (dateOpen) {\n      requestAnimationFrame(() => pickerRef.current?.focus());\n    }\n  }, [dateOpen]);\n\n  useLayoutEffect(() => {\n    if (timeOpen) {\n      requestAnimationFrame(() => timeRef.current?.focus());\n    }\n  }, [timeOpen]);\n\n  function handleDateEscape(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeDatePicker();\n    }\n  }\n\n  function handleTimeEscape(event: React.KeyboardEvent) {\n    if (event.key === 'Escape') {\n      closeTimePicker();\n    }\n  }\n\n  function handleDateRedirect() {\n    pickerRef.current?.focus();\n  }\n\n  function handleTimeRedirect() {\n    timeRef.current?.focus();\n  }\n\n  function dateSelected(date: Date | null) {\n    onChange?.(date);\n    closeDatePicker();\n  }\n\n  function timeSelected(hour: number, minutes: number, seconds: number) {\n    if (value != null) {\n      const updated = new Date(value);\n      updated.setHours(hour, minutes, seconds);\n      onChange?.(updated);\n    }\n    onTimeSelected?.(hour, minutes, seconds);\n    closeTimePicker();\n  }\n\n  return (\n    <>\n      {showTime ? (\n        <ButtonGroup hierarchy={hierarchy} width={width}>\n          <MobileButton\n            ref={setDateButtonRef}\n            hAlign=\"start\"\n            disabled={disabled}\n            onClick={openDatePicker}\n            width=\"flex\"\n            {...props}\n          >\n            <span className=\"ellipsis\">{formattedDate}</span>\n          </MobileButton>\n          <MobileButton\n            ref={timeButtonRef}\n            hAlign=\"start\"\n            disabled={disabled || value == null}\n            onClick={openTimePicker}\n            width=\"auto\"\n          >\n            <span className=\"ellipsis\">{formattedTime}</span>\n          </MobileButton>\n        </ButtonGroup>\n      ) : (\n        <MobileButton\n          ref={setDateButtonRef}\n          hAlign=\"start\"\n          disabled={disabled}\n          hierarchy={hierarchy}\n          onClick={openDatePicker}\n          width={width}\n          maxWidth={maxWidth}\n          {...props}\n        >\n          <span className=\"ellipsis\">{formattedDate}</span>\n        </MobileButton>\n      )}\n\n      {dateOpen && (\n        <MobilePortal>\n          <VStack\n            className={styles['mobile-date-picker-overlay']}\n            onKeyDown={handleDateEscape}\n          >\n            <MobileOverlayHeader title={selectDateMessage} onClose={closeDatePicker} />\n            <MobileDatePicker\n              ref={pickerRef}\n              value={value}\n              onChange={dateSelected}\n              min={min}\n              max={max}\n              onError={onError}\n              disabled={disabled}\n              disabledDates={disabledDates}\n              countryCode={countryCode}\n              renderActions={renderActions}\n              selectMonthMessage={selectMonthMessage}\n              selectYearMessage={selectYearMessage}\n            />\n            <FocusRedirect onRedirect={handleDateRedirect} />\n          </VStack>\n        </MobilePortal>\n      )}\n\n      {timeOpen && (\n        <MobilePortal>\n          <VStack\n            className={styles['mobile-time-picker-overlay']}\n            onKeyDown={handleTimeEscape}\n          >\n            <MobileOverlayHeader title={selectTimeMessage} onClose={closeTimePicker} />\n            <MobileDatePickerTimeSelector\n              ref={timeRef}\n              origin={value}\n              min={min}\n              max={max}\n              intervalInMinutes={timeIntervalInMinutes}\n              disabled={disabled}\n              onSelect={(hour, minutes, seconds) => {\n                timeSelected(hour, minutes, seconds);\n              }}\n            />\n            <FocusRedirect onRedirect={handleTimeRedirect} />\n          </VStack>\n        </MobilePortal>\n      )}\n    </>\n  );\n});\n"],"names":["MobileDatePickerInput","React","value","onChange","onError","min","max","disabled","width","maxWidth","minWidth","showTime","timeIntervalInMinutes","hierarchy","disabledDates","selectDateMessage","selectTimeMessage","selectMonthMessage","selectYearMessage","countryCode","renderActions","onTimeSelected","props","ref","dateOpen","setDateOpen","useState","timeOpen","setTimeOpen","pickerRef","useRef","timeRef","dateButtonRef","timeButtonRef","setDateButtonRef","useCallback","node","dateFormatter","useMemo","timeFormatter","formattedDate","formattedTime","openDatePicker","closeDatePicker","openTimePicker","closeTimePicker","useLayoutEffect","handleDateEscape","event","handleTimeEscape","handleDateRedirect","handleTimeRedirect","dateSelected","date","timeSelected","hour","minutes","seconds","updated","jsxs","Fragment","ButtonGroup","jsx","MobileButton","MobilePortal","VStack","styles","MobileOverlayHeader","MobileDatePicker","FocusRedirect","MobileDatePickerTimeSelector"],"mappings":"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"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_time_selector.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface MobileDatePickerTimeSelectorProps {
+    origin: Date | null;
+    intervalInMinutes: number;
+    max: Date | null;
+    min: Date | null;
+    onSelect: (hours: number, minutes: number, seconds: number) => void;
+    disabled?: boolean;
+}
+export declare const MobileDatePickerTimeSelector: React.ForwardRefExoticComponent<MobileDatePickerTimeSelectorProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=mobile_date_picker_time_selector.d.ts.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_time_selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_time_selector.d.ts","sourceRoot":"","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_time_selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iCAAiC;IAChD,MAAM,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,4BAA4B,0GAiEvC,CAAC"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_time_selector.js

@@ -0,0 +1,50 @@
+import { jsx as l } from "react/jsx-runtime";
+import { VStack as y } from "../../../stacks/v_stack.js";
+import { clsx as D } from "clsx";
+import H from "react";
+import { MobileButton as k } from "../../actions/button/mobile_button.js";
+import '../../../mobile_date_picker_time_selector.css';const I = "_mobile-time-selector_bf904b8", _ = { "mobile-time-selector": I }, z = H.forwardRef(function({ origin: t, intervalInMinutes: a, max: u, min: d, onSelect: f, disabled: g }, p) {
+  const s = a * 1e3 * 60, S = 24 * 1e3 * 60 * 60 / s, n = new Date(t || /* @__PURE__ */ new Date()), r = [], b = d?.getTime() ?? -1 / 0, h = u?.getTime() ?? 1 / 0;
+  n.setHours(0, 0, 0, 0);
+  let c = n.getTime();
+  for (let i = 0; i < S; i++) {
+    const e = new Date(c);
+    let o = e.getHours() % 12;
+    const M = e.getMinutes(), x = e.getHours() >= 12 ? "PM" : "AM";
+    o = o === 0 ? 12 : o;
+    const T = t != null && e.getHours() === t.getHours() && e.getMinutes() === t.getMinutes() && e.getSeconds() === t.getSeconds(), m = e.getTime(), w = m < b || m > h;
+    r.push(
+      /* @__PURE__ */ l(
+        k,
+        {
+          width: "100%",
+          hierarchy: T ? "primary" : "tertiary",
+          disabled: t == null || g || w,
+          onClick: () => {
+            f(e.getHours(), e.getMinutes(), e.getSeconds());
+          },
+          children: `${o.toString().padStart(2, "0")}:${M.toString().padStart(2, "0")} ${x}`
+        },
+        i
+      )
+    ), c += s;
+  }
+  return /* @__PURE__ */ l(
+    y,
+    {
+      ref: p,
+      tabIndex: 0,
+      width: "100%",
+      height: "flex",
+      overflowY: "auto",
+      padding: "8px",
+      gap: "4px",
+      className: D(_["mobile-time-selector"], "tcn-mobile-time-selector"),
+      children: r
+    }
+  );
+});
+export {
+  z as MobileDatePickerTimeSelector
+};
+//# sourceMappingURL=mobile_date_picker_time_selector.js.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_time_selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_time_selector.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_time_selector.tsx"],"sourcesContent":["import { VStack } from '../../../stacks/v_stack.js';\nimport { clsx } from 'clsx';\nimport React from 'react';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport styles from './mobile_date_picker_time_selector.module.css';\n\nexport interface MobileDatePickerTimeSelectorProps {\n  origin: Date | null;\n  intervalInMinutes: number;\n  max: Date | null;\n  min: Date | null;\n  onSelect: (hours: number, minutes: number, seconds: number) => void;\n  disabled?: boolean;\n}\n\nexport const MobileDatePickerTimeSelector = React.forwardRef<\n  HTMLDivElement,\n  MobileDatePickerTimeSelectorProps\n>(function MobileDatePickerTimeSelector(\n  { origin, intervalInMinutes, max, min, onSelect, disabled },\n  ref\n) {\n  const stepInMilliseconds = intervalInMinutes * 1000 * 60;\n  const amountOfSteps = (24 * 1000 * 60 * 60) / stepInMilliseconds;\n  const normalizedDate = new Date(origin || new Date());\n  const options: React.ReactElement[] = [];\n  const minTime = min?.getTime() ?? -Infinity;\n  const maxTime = max?.getTime() ?? Infinity;\n\n  normalizedDate.setHours(0, 0, 0, 0);\n  let offset = normalizedDate.getTime();\n\n  for (let x = 0; x < amountOfSteps; x++) {\n    const date = new Date(offset);\n\n    let hour = date.getHours() % 12;\n    const minute = date.getMinutes();\n    const meridiem = date.getHours() >= 12 ? 'PM' : 'AM';\n    hour = hour === 0 ? 12 : hour;\n\n    const isSelected =\n      origin != null &&\n      date.getHours() === origin.getHours() &&\n      date.getMinutes() === origin.getMinutes() &&\n      date.getSeconds() === origin.getSeconds();\n\n    const time = date.getTime();\n    const isOutOfRange = time < minTime || time > maxTime;\n\n    options.push(\n      <MobileButton\n        key={x}\n        width=\"100%\"\n        hierarchy={isSelected ? 'primary' : 'tertiary'}\n        disabled={origin == null || disabled || isOutOfRange}\n        onClick={() => {\n          onSelect(date.getHours(), date.getMinutes(), date.getSeconds());\n        }}\n      >\n        {`${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')} ${meridiem}`}\n      </MobileButton>\n    );\n\n    offset += stepInMilliseconds;\n  }\n\n  return (\n    <VStack\n      ref={ref}\n      tabIndex={0}\n      width=\"100%\"\n      height=\"flex\"\n      overflowY=\"auto\"\n      padding=\"8px\"\n      gap=\"4px\"\n      className={clsx(styles['mobile-time-selector'], 'tcn-mobile-time-selector')}\n    >\n      {options}\n    </VStack>\n  );\n});\n"],"names":["MobileDatePickerTimeSelector","React","origin","intervalInMinutes","max","min","onSelect","disabled","ref","stepInMilliseconds","amountOfSteps","normalizedDate","options","minTime","maxTime","offset","x","date","hour","minute","meridiem","isSelected","time","isOutOfRange","jsx","MobileButton","VStack","clsx","styles"],"mappings":";;;;;8EAeaA,IAA+BC,EAAM,WAGhD,SACA,EAAE,QAAAC,GAAQ,mBAAAC,GAAmB,KAAAC,GAAK,KAAAC,GAAK,UAAAC,GAAU,UAAAC,EAAA,GACjDC,GACA;AACA,QAAMC,IAAqBN,IAAoB,MAAO,IAChDO,IAAiB,KAAK,MAAO,KAAK,KAAMD,GACxCE,IAAiB,IAAI,KAAKT,KAAU,oBAAI,MAAM,GAC9CU,IAAgC,CAAA,GAChCC,IAAUR,GAAK,QAAA,KAAa,QAC5BS,IAAUV,GAAK,QAAA,KAAa;AAElC,EAAAO,EAAe,SAAS,GAAG,GAAG,GAAG,CAAC;AAClC,MAAII,IAASJ,EAAe,QAAA;AAE5B,WAASK,IAAI,GAAGA,IAAIN,GAAeM,KAAK;AACtC,UAAMC,IAAO,IAAI,KAAKF,CAAM;AAE5B,QAAIG,IAAOD,EAAK,SAAA,IAAa;AAC7B,UAAME,IAASF,EAAK,WAAA,GACdG,IAAWH,EAAK,SAAA,KAAc,KAAK,OAAO;AAChD,IAAAC,IAAOA,MAAS,IAAI,KAAKA;AAEzB,UAAMG,IACJnB,KAAU,QACVe,EAAK,SAAA,MAAef,EAAO,SAAA,KAC3Be,EAAK,WAAA,MAAiBf,EAAO,WAAA,KAC7Be,EAAK,WAAA,MAAiBf,EAAO,WAAA,GAEzBoB,IAAOL,EAAK,QAAA,GACZM,IAAeD,IAAOT,KAAWS,IAAOR;AAE9C,IAAAF,EAAQ;AAAA,MACN,gBAAAY;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,OAAM;AAAA,UACN,WAAWJ,IAAa,YAAY;AAAA,UACpC,UAAUnB,KAAU,QAAQK,KAAYgB;AAAA,UACxC,SAAS,MAAM;AACb,YAAAjB,EAASW,EAAK,YAAYA,EAAK,cAAcA,EAAK,YAAY;AAAA,UAChE;AAAA,UAEC,aAAGC,EAAK,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAO,WAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,CAAQ;AAAA,QAAA;AAAA,QARjFJ;AAAA,MAAA;AAAA,IASP,GAGFD,KAAUN;AAAA,EACZ;AAEA,SACE,gBAAAe;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAAlB;AAAA,MACA,UAAU;AAAA,MACV,OAAM;AAAA,MACN,QAAO;AAAA,MACP,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,KAAI;AAAA,MACJ,WAAWmB,EAAKC,EAAO,sBAAsB,GAAG,0BAA0B;AAAA,MAEzE,UAAAhB;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_year_selector.d.ts

@@ -0,0 +1,7 @@
+import { DatePickerPresenter } from '../../../inputs/date_picker/date_picker_presenter.js';
+export interface MobileDatePickerYearSelectorProps {
+    presenter: DatePickerPresenter;
+    onClose: () => void;
+}
+export declare function MobileDatePickerYearSelector({ presenter, onClose, }: MobileDatePickerYearSelectorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile_date_picker_year_selector.d.ts.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_year_selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_year_selector.d.ts","sourceRoot":"","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_year_selector.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAK3F,MAAM,WAAW,iCAAiC;IAChD,SAAS,EAAE,mBAAmB,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,OAAO,GACR,EAAE,iCAAiC,2CAgGnC"}

package/dist/mobile/inputs/date_picker/mobile_date_picker_year_selector.js

@@ -0,0 +1,109 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as B, useRef as _, useEffect as M } from "react";
+import { ChevronLeftIcon as V } from "@tcn/icons/chevron_left_icon.js";
+import { ChevronRightIcon as j } from "@tcn/icons/chevron_right_icon.js";
+import { useSignalValue as z } from "@tcn/state";
+import { MobileButton as h } from "../../actions/button/mobile_button.js";
+import { HStack as b } from "../../../stacks/h_stack.js";
+import { Spacer as y } from "../../../stacks/spacer.js";
+import { VStack as D } from "../../../stacks/v_stack.js";
+import { BodyText as H } from "../../../typography/body_text/body_text.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import { Headline as N } from "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
+import "../../../typography/title/title.js";
+import "../../../utils/click_away_listener.js";
+import { FocusRedirect as O } from "../../../utils/focus_redirect.js";
+import "../../../utils/scroll_away_listener.js";
+import "../../../utils/hooks/use_resize_observer.js";
+import "../../../utils/dnd/context.js";
+import { clsx as Y } from "clsx";
+import "../../../draggable.module-BgelQsuJ.js";
+import '../../../mobile_date_picker_year_selector.css';const $ = "_mobile-year-selector_31f3a58", E = "_mobile-year-button_494c1af", g = { "mobile-year-selector": $, "mobile-year-button": E };
+function me({
+  presenter: n,
+  onClose: x
+}) {
+  const { min: c, max: s, visibleYear: i, visibleMonth: F } = z(
+    n.stateBroadcast
+  ), [a, m] = B(0), l = _(null), S = c == null ? -1 / 0 : c.getFullYear(), k = s == null ? 1 / 0 : s.getFullYear(), r = [], f = i % 20, p = i - f + a, w = p + 19;
+  for (let o = 0; o < 20; o++) {
+    const t = new Date(i, F, 1);
+    t.setFullYear(i - f + o + a);
+    const u = t.getFullYear() > k || t.getFullYear() < S;
+    r.push(
+      /* @__PURE__ */ e(
+        "button",
+        {
+          disabled: u,
+          className: Y(g["mobile-year-button"], "tcn-date-picker-year-button"),
+          "data-is-disabled": String(u),
+          "data-is-selected": String(t.getFullYear() === i),
+          onClick: () => {
+            n.setVisibleYear(t.getFullYear()), x();
+          },
+          children: /* @__PURE__ */ e(H, { children: t.getFullYear() })
+        },
+        o
+      )
+    );
+  }
+  function R() {
+    l.current?.focus();
+  }
+  M(() => {
+    l.current?.focus();
+  }, []);
+  const v = [
+    r.slice(0, 4),
+    r.slice(4, 8),
+    r.slice(8, 12),
+    r.slice(12, 16),
+    r.slice(16, 20)
+  ];
+  function C() {
+    m(a - 20);
+  }
+  function I() {
+    m(a + 20);
+  }
+  return /* @__PURE__ */ d(
+    D,
+    {
+      ref: l,
+      tabIndex: 0,
+      padding: "8px",
+      width: "100%",
+      className: Y(
+        g["mobile-year-selector"],
+        "tcn-mobile-date-picker-year-selector"
+      ),
+      gap: "4px",
+      children: [
+        /* @__PURE__ */ d(b, { gap: "4px", children: [
+          /* @__PURE__ */ e(h, { onClick: C, hierarchy: "tertiary", width: "auto", children: /* @__PURE__ */ e(V, { flipOnRtl: !0, size: "md" }) }),
+          /* @__PURE__ */ e(y, {}),
+          /* @__PURE__ */ e(
+            N,
+            {
+              selectable: !1,
+              emphasis: "faint",
+              hierarchy: "tertiary",
+              children: `${p}-${w}`
+            }
+          ),
+          /* @__PURE__ */ e(y, {}),
+          /* @__PURE__ */ e(h, { hierarchy: "tertiary", width: "auto", onClick: I, children: /* @__PURE__ */ e(j, { size: "md" }) })
+        ] }),
+        v.map((o, t) => /* @__PURE__ */ e(b, { gap: "4px", width: "100%", children: o }, t)),
+        /* @__PURE__ */ e(O, { onRedirect: R })
+      ]
+    }
+  );
+}
+export {
+  me as MobileDatePickerYearSelector
+};
+//# sourceMappingURL=mobile_date_picker_year_selector.js.map

package/dist/mobile/inputs/date_picker/mobile_date_picker_year_selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_date_picker_year_selector.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_date_picker_year_selector.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { ChevronLeftIcon } from '@tcn/icons/chevron_left_icon.js';\nimport { ChevronRightIcon } from '@tcn/icons/chevron_right_icon.js';\nimport { useSignalValue } from '@tcn/state';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport { HStack } from '../../../stacks/h_stack.js';\nimport { Spacer } from '../../../stacks/spacer.js';\nimport { VStack } from '../../../stacks/v_stack.js';\nimport { BodyText, Headline } from '../../../typography/index.js';\nimport { DatePickerPresenter } from '../../../inputs/date_picker/date_picker_presenter.js';\nimport { FocusRedirect } from '../../../utils/index.js';\nimport { clsx } from 'clsx';\nimport styles from './mobile_date_picker_year_selector.module.css';\n\nexport interface MobileDatePickerYearSelectorProps {\n  presenter: DatePickerPresenter;\n  onClose: () => void;\n}\n\nexport function MobileDatePickerYearSelector({\n  presenter,\n  onClose,\n}: MobileDatePickerYearSelectorProps) {\n  const { min, max, visibleYear, visibleMonth } = useSignalValue(\n    presenter.stateBroadcast\n  );\n\n  const [offset, setOffset] = useState(0);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const minYear = min == null ? -Infinity : min.getFullYear();\n  const maxYear = max == null ? Infinity : max.getFullYear();\n  const years: React.ReactNode[] = [];\n  const remainder = visibleYear % 20;\n  const firstYear = visibleYear - remainder + offset;\n  const lastYear = firstYear + 19;\n\n  for (let x = 0; x < 20; x++) {\n    const date = new Date(visibleYear, visibleMonth, 1);\n    date.setFullYear(visibleYear - remainder + x + offset);\n\n    const disabled = date.getFullYear() > maxYear || date.getFullYear() < minYear;\n\n    years.push(\n      <button\n        key={x}\n        disabled={disabled}\n        className={clsx(styles['mobile-year-button'], 'tcn-date-picker-year-button')}\n        data-is-disabled={String(disabled)}\n        data-is-selected={String(date.getFullYear() === visibleYear)}\n        onClick={() => {\n          presenter.setVisibleYear(date.getFullYear());\n          onClose();\n        }}\n      >\n        <BodyText>{date.getFullYear()}</BodyText>\n      </button>\n    );\n  }\n\n  function focus() {\n    containerRef.current?.focus();\n  }\n\n  useEffect(() => {\n    containerRef.current?.focus();\n  }, []);\n\n  const rows = [\n    years.slice(0, 4),\n    years.slice(4, 8),\n    years.slice(8, 12),\n    years.slice(12, 16),\n    years.slice(16, 20),\n  ];\n\n  function prev() {\n    setOffset(offset - 20);\n  }\n\n  function next() {\n    setOffset(offset + 20);\n  }\n\n  return (\n    <VStack\n      ref={containerRef}\n      tabIndex={0}\n      padding=\"8px\"\n      width=\"100%\"\n      className={clsx(\n        styles['mobile-year-selector'],\n        'tcn-mobile-date-picker-year-selector'\n      )}\n      gap=\"4px\"\n    >\n      <HStack gap=\"4px\">\n        <MobileButton onClick={prev} hierarchy=\"tertiary\" width=\"auto\">\n          <ChevronLeftIcon flipOnRtl size=\"md\" />\n        </MobileButton>\n        <Spacer />\n        <Headline\n          selectable={false}\n          emphasis=\"faint\"\n          hierarchy=\"tertiary\"\n        >{`${firstYear}-${lastYear}`}</Headline>\n        <Spacer />\n        <MobileButton hierarchy=\"tertiary\" width=\"auto\" onClick={next}>\n          <ChevronRightIcon size=\"md\" />\n        </MobileButton>\n      </HStack>\n      {rows.map((row, index) => (\n        <HStack key={index} gap=\"4px\" width=\"100%\">\n          {row}\n        </HStack>\n      ))}\n      <FocusRedirect onRedirect={focus} />\n    </VStack>\n  );\n}\n"],"names":["MobileDatePickerYearSelector","presenter","onClose","min","max","visibleYear","visibleMonth","useSignalValue","offset","setOffset","useState","containerRef","useRef","minYear","maxYear","years","remainder","firstYear","lastYear","x","date","disabled","jsx","clsx","styles","BodyText","focus","useEffect","rows","prev","next","jsxs","VStack","HStack","MobileButton","ChevronLeftIcon","Spacer","Headline","ChevronRightIcon","row","index","FocusRedirect"],"mappings":"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"}

package/dist/mobile/inputs/date_picker/mobile_overlay_header.d.ts

@@ -0,0 +1,6 @@
+export interface MobileOverlayHeaderProps {
+    title: string;
+    onClose: () => void;
+}
+export declare function MobileOverlayHeader({ title, onClose }: MobileOverlayHeaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile_overlay_header.d.ts.map

package/dist/mobile/inputs/date_picker/mobile_overlay_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_overlay_header.d.ts","sourceRoot":"","sources":["../../../../src/mobile/inputs/date_picker/mobile_overlay_header.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,wBAAwB,2CAe/E"}

package/dist/mobile/inputs/date_picker/mobile_overlay_header.js

@@ -0,0 +1,34 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { HStack as t } from "../../../stacks/h_stack.js";
+import { Spacer as m } from "../../../stacks/spacer.js";
+import "../../../typography/body_text/body_text.js";
+import "../../../typography/callout/callout.js";
+import "../../../typography/caption/caption.js";
+import "../../../typography/footnote/footnote.js";
+import { Headline as a } from "../../../typography/headline/headline.js";
+import "../../../typography/subheadline/subheadline.js";
+import "../../../typography/title/title.js";
+import { MobileButton as l } from "../../actions/button/mobile_button.js";
+import { CrossIcon as p } from "@tcn/icons/cross_icon.js";
+import { clsx as c } from "clsx";
+import '../../../mobile_overlay_header.css';const d = "_mobile-overlay-header_c6e5f58", s = { "mobile-overlay-header": d };
+function z({ title: e, onClose: o }) {
+  return /* @__PURE__ */ i(
+    t,
+    {
+      width: "100%",
+      height: "auto",
+      className: c(s["mobile-overlay-header"], "tcn-mobile-overlay-header"),
+      padding: "8px",
+      children: [
+        /* @__PURE__ */ r(a, { size: "sm", children: e }),
+        /* @__PURE__ */ r(m, {}),
+        /* @__PURE__ */ r(l, { hierarchy: "tertiary", width: "auto", onClick: o, children: /* @__PURE__ */ r(p, { size: "md" }) })
+      ]
+    }
+  );
+}
+export {
+  z as MobileOverlayHeader
+};
+//# sourceMappingURL=mobile_overlay_header.js.map

package/dist/mobile/inputs/date_picker/mobile_overlay_header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_overlay_header.js","sources":["../../../../src/mobile/inputs/date_picker/mobile_overlay_header.tsx"],"sourcesContent":["import { HStack } from '../../../stacks/h_stack.js';\nimport { Spacer } from '../../../stacks/spacer.js';\nimport { Headline } from '../../../typography/index.js';\nimport { MobileButton } from '../../actions/button/mobile_button.js';\nimport { CrossIcon } from '@tcn/icons/cross_icon.js';\nimport { clsx } from 'clsx';\nimport styles from './mobile_overlay_header.module.css';\n\nexport interface MobileOverlayHeaderProps {\n  title: string;\n  onClose: () => void;\n}\n\nexport function MobileOverlayHeader({ title, onClose }: MobileOverlayHeaderProps) {\n  return (\n    <HStack\n      width=\"100%\"\n      height=\"auto\"\n      className={clsx(styles['mobile-overlay-header'], 'tcn-mobile-overlay-header')}\n      padding=\"8px\"\n    >\n      <Headline size=\"sm\">{title}</Headline>\n      <Spacer />\n      <MobileButton hierarchy=\"tertiary\" width=\"auto\" onClick={onClose}>\n        <CrossIcon size=\"md\" />\n      </MobileButton>\n    </HStack>\n  );\n}\n"],"names":["MobileOverlayHeader","title","onClose","jsxs","HStack","clsx","styles","jsx","Headline","Spacer","MobileButton","CrossIcon"],"mappings":";;;;;;;;;;;;;;AAaO,SAASA,EAAoB,EAAE,OAAAC,GAAO,SAAAC,KAAqC;AAChF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,WAAWC,EAAKC,EAAO,uBAAuB,GAAG,2BAA2B;AAAA,MAC5E,SAAQ;AAAA,MAER,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAS,MAAK,MAAM,UAAAP,GAAM;AAAA,0BAC1BQ,GAAA,EAAO;AAAA,QACR,gBAAAF,EAACG,GAAA,EAAa,WAAU,YAAW,OAAM,QAAO,SAASR,GACvD,UAAA,gBAAAK,EAACI,GAAA,EAAU,MAAK,KAAA,CAAK,EAAA,CACvB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/mobile/inputs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './date_picker/mobile_date_picker.js';
+export * from './date_picker/mobile_date_picker_input.js';
+export * from './date_picker/mobile_date_picker_header.js';
+export * from './date_picker/mobile_date_picker_time_selector.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/mobile/inputs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mobile/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mDAAmD,CAAC"}

package/dist/mobile/inputs/index.js

@@ -0,0 +1,11 @@
+import { MobileDatePicker as o } from "./date_picker/mobile_date_picker.js";
+import { MobileDatePickerInput as i } from "./date_picker/mobile_date_picker_input.js";
+import { MobileDatePickerHeader as c } from "./date_picker/mobile_date_picker_header.js";
+import { MobileDatePickerTimeSelector as m } from "./date_picker/mobile_date_picker_time_selector.js";
+export {
+  o as MobileDatePicker,
+  c as MobileDatePickerHeader,
+  i as MobileDatePickerInput,
+  m as MobileDatePickerTimeSelector
+};
+//# sourceMappingURL=index.js.map

package/dist/mobile/inputs/index.js.map

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

package/dist/mobile/portal/mobile_portal.d.ts

@@ -0,0 +1,5 @@
+export interface MobilePortalProps {
+    children: React.ReactNode;
+}
+export declare function MobilePortal({ children }: MobilePortalProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mobile_portal.d.ts.map

package/dist/mobile/portal/mobile_portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_portal.d.ts","sourceRoot":"","sources":["../../../src/mobile/portal/mobile_portal.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAM3D"}

package/dist/mobile/portal/mobile_portal.js

@@ -0,0 +1,10 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Portal as t } from "../../overlay/portal/portal.js";
+import { MobileViewport as i } from "../viewport/mobile_viewport.js";
+function p({ children: r }) {
+  return /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o(i, { children: r }) });
+}
+export {
+  p as MobilePortal
+};
+//# sourceMappingURL=mobile_portal.js.map

package/dist/mobile/portal/mobile_portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_portal.js","sources":["../../../src/mobile/portal/mobile_portal.tsx"],"sourcesContent":["import { Portal } from '../../overlay/portal/portal.js';\nimport { MobileViewport } from '../viewport/mobile_viewport.js';\n\nexport interface MobilePortalProps {\n  children: React.ReactNode;\n}\n\nexport function MobilePortal({ children }: MobilePortalProps) {\n  return (\n    <Portal>\n      <MobileViewport>{children}</MobileViewport>\n    </Portal>\n  );\n}\n"],"names":["MobilePortal","children","jsx","Portal","MobileViewport"],"mappings":";;;AAOO,SAASA,EAAa,EAAE,UAAAC,KAA+B;AAC5D,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAgB,UAAAH,GAAS,GAC5B;AAEJ;"}

package/dist/mobile/viewport/mobile_viewport.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface MobileViewportProps {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * MobileRoot: an app-like viewport container that tracks the Visual Viewport.
+ *
+ * Exposes CSS variables on the root element:
+ * --vv-width: px (visual viewport width)
+ * --vv-height: px (visual viewport height)
+ * --vv-offset-top: px
+ * --vv-offset-left: px
+ * --keyboard-inset: px (how much the keyboard overlaps the bottom of the layout viewport)
+ *
+ * Also relies on safe-area env vars for padding (iOS notch/home indicator).
+ */
+export declare function MobileViewport({ children, className, style }: MobileViewportProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=mobile_viewport.d.ts.map

package/dist/mobile/viewport/mobile_viewport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile_viewport.d.ts","sourceRoot":"","sources":["../../../src/mobile/viewport/mobile_viewport.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAIvD,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAyDjF"}