@code0-tech/pictor 0.14.0 → 0.15.0

package/LICENSE

@@ -1,7 +1,26 @@
 Copyright 2023-2026 Code0 UG (haftungsbeschränkt)
 
+This license applies to all files in this repository EXCEPT the contents of the
+directories (and any derived build artifacts) covered by the "Excluded Assets" section
+at the bottom of this file.
+
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 
 The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
 THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+---
+
+Excluded Assets
+
+The contents of the directory "src/components/icon/codezero" (and any build
+artifacts derived from it, such as the corresponding files in the published
+package) are NOT covered by the MIT license above. These files include brand
+logos and trademarks that are the property of their respective owners and are
+used by Code0 UG (haftungsbeschränkt) under permission.
+
+No license or right to use, copy, modify, distribute, sublicense, or otherwise
+exploit these excluded assets is granted to any third party. All rights are
+reserved by their respective owners. Any use of these assets requires the prior
+written permission of the respective rights holder.

package/dist/assets/components/avatar/Avatar.style.css

@@ -1 +1 @@
-.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:transparent;width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span>svg{width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color);font-size:calc(var(--size) * .75px)}
+.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}.avatar--identicon>div>div{--color: inherit;background:transparent;width:calc(var(--size) * 1px);height:calc(var(--size) * 1px)}.avatar--identicon>div>div>span>svg{width:calc(var(--size) * .75px);height:calc(var(--size) * .75px)}.avatar--identicon>div>div>span,.avatar--identicon>div>div>p{color:var(--color);font-size:calc(var(--size) * .75px)}

package/dist/assets/components/form/DateInput.style.css

@@ -0,0 +1 @@
+.date-input__control{flex:1;min-width:0;align-self:stretch;display:flex;align-items:center}.date-input__segment-group{flex:1;min-width:0;display:flex;align-items:center}.date-input__segment{padding:0 1px;border-radius:.65rem;font-variant-numeric:tabular-nums}.date-input__segment:focus{outline:none}.date-input__segment{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.date-input__segment[data-placeholder]{opacity:.5}.date-input__segment:focus,.date-input__segment[data-focus]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.date-input__trigger{cursor:pointer;display:flex;align-items:center}.date-input__view-control{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.35rem}.date-input__prev-trigger,.date-input__next-trigger,.date-input__view-trigger{cursor:pointer;background:none;border:none;padding:.35rem .7rem;border-radius:.65rem}.date-input__prev-trigger,.date-input__next-trigger,.date-input__view-trigger{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.date-input__prev-trigger:focus,.date-input__next-trigger:focus,.date-input__view-trigger:focus{outline:none}.date-input__prev-trigger,.date-input__next-trigger,.date-input__view-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;box-shadow:none}.date-input__prev-trigger:hover,.date-input__prev-trigger[data-focus=true],.date-input__next-trigger:hover,.date-input__next-trigger[data-focus=true],.date-input__view-trigger:hover,.date-input__view-trigger[data-focus=true]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.date-input__table{width:100%;border-collapse:collapse}.date-input__table-header{font-size:.8rem;padding:.35rem;text-align:center;opacity:.6}.date-input__table-header{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.date-input__cell{border-radius:.65rem;padding:.35rem;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;font-size:.8rem}.date-input__cell{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.date-input__cell:focus{outline:none}.date-input__cell{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.date-input__cell:disabled,.date-input__cell[data-disabled],.date-input__cell[aria-disabled=true],.date-input__cell--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.date-input__cell{box-shadow:none}.date-input__cell:focus,.date-input__cell:hover,.date-input__cell[data-focus=true],.date-input__cell[data-selected]{background:#191825;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.date-input__cell[data-outside-range]{opacity:.4}.date-input__time{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem .35rem .35rem}.date-input__time-separator{font-size:.8rem}.date-input__time-separator{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}

package/dist/components/command/Command.js

@@ -6,14 +6,25 @@ import "react";
 import { mergeComponentProps as r } from "../../utils/component.js";
 import "js-md5";
 import { DialogPortal as u, DialogContent as h, Dialog as g, DialogOverlay as C } from "../dialog/Dialog.js";
-import '../../assets/components/form/SelectInput.style.css';import '../../assets/components/form/FileInput.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
+import '../../assets/components/form/FileInput.style.css';import '../../assets/components/form/DateInput.style.css';import '../../assets/components/form/SelectInput.style.css';import '../../assets/components/scroll-area/ScrollArea.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/command/Command.style.css';/* empty css                   */
 import { Badge as _ } from "../badge/Badge.js";
 import "@radix-ui/react-checkbox";
 import "@tabler/icons-react";
 /* empty css                       */
+import "@ark-ui/react";
+import "@internationalized/date";
+import "../form/InputWrapper.js";
+/* empty css                      */
+/* empty css                      */
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-scroll-area";
+/* empty css                                   */
+import "@radix-ui/react-select";
+/* empty css                             */
+/* empty css                           */
+import "../button/Button.js";
 import "../form/EditorInput.js";
 import "../form/EmailInput.js";
-import "@ark-ui/react";
 /* empty css                           */
 import "../form/Input.js";
 import "../form/InputSuggestion.js";
@@ -21,9 +32,6 @@ import "../form/NumberInput.js";
 import "../form/PasswordInput.js";
 import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
-import "@radix-ui/react-select";
-import "../form/InputWrapper.js";
-/* empty css                             */
 import "../form/SwitchInput.js";
 import "../form/TextAreaInput.js";
 import { TextInput as $ } from "../form/TextInput.js";
@@ -34,7 +42,7 @@ const P = (e) => {
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, W = (e) => {
+}, mt = (e) => {
   const t = c.c(11);
   let m;
   t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ i(C, {}), t[0] = m) : m = t[0];
@@ -47,14 +55,14 @@ const P = (e) => {
   ] }), t[3] = e.contentProps, t[4] = o, t[5] = n) : n = t[5];
   let l;
   return t[6] !== e.dialogProps || t[7] !== e.onOpenChange || t[8] !== e.open || t[9] !== n ? (l = /* @__PURE__ */ i(g, { ...e.dialogProps, open: e.open, onOpenChange: e.onOpenChange, children: n }), t[6] = e.dialogProps, t[7] = e.onOpenChange, t[8] = e.open, t[9] = n, t[10] = l) : l = t[10], l;
-}, X = (e) => {
+}, ot = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__list", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.List, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, Y = (e) => {
+}, it = (e) => {
   const t = c.c(10);
   let m;
   t[0] !== e.value ? (m = e.value?.toString(), t[0] = e.value, t[1] = m) : m = t[1];
@@ -73,35 +81,35 @@ const P = (e) => {
   t[4] !== e ? (n = /* @__PURE__ */ i($, { className: "command__input", ...e }), t[4] = e, t[5] = n) : n = t[5];
   let l;
   return t[6] !== m || t[7] !== o || t[8] !== n ? (l = /* @__PURE__ */ i(a.Input, { value: m, onValueChange: o, asChild: !0, children: n }), t[6] = m, t[7] = o, t[8] = n, t[9] = l) : l = t[9], l;
-}, Z = (e) => {
+}, lt = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__empty", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Empty, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, p = (e) => {
+}, ct = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__group", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Group, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, tt = (e) => {
+}, at = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__item", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Item, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, et = (e) => {
+}, rt = (e) => {
   const t = c.c(4);
   let m;
   t[0] !== e ? (m = r("command__separator", e), t[0] = e, t[1] = m) : m = t[1];
   const o = m;
   let n;
   return t[2] !== o ? (n = /* @__PURE__ */ i(a.Separator, { ...o }), t[2] = o, t[3] = n) : n = t[3], n;
-}, nt = (e) => {
+}, dt = (e) => {
   const t = c.c(5);
   let m;
   t[0] !== e ? (m = r("command__shortcut", e), t[0] = e, t[1] = m) : m = t[1];
@@ -111,12 +119,12 @@ const P = (e) => {
 };
 export {
   P as Command,
-  W as CommandDialog,
-  Z as CommandEmpty,
-  p as CommandGroup,
-  Y as CommandInput,
-  tt as CommandItem,
-  X as CommandList,
-  et as CommandSeparator,
-  nt as CommandShortcut
+  mt as CommandDialog,
+  lt as CommandEmpty,
+  ct as CommandGroup,
+  it as CommandInput,
+  at as CommandItem,
+  ot as CommandList,
+  rt as CommandSeparator,
+  dt as CommandShortcut
 };

package/dist/components/form/DateInput.d.ts

@@ -0,0 +1,37 @@
+import { DateInput as ArkDateInput, DatePicker, DateValue } from '@ark-ui/react';
+import { ComponentProps } from '../../utils';
+import { default as React } from 'react';
+import { InputWrapperProps } from './InputWrapper';
+import { MenuContentProps, MenuTriggerProps } from '../menu/Menu';
+type DateGranularity = "day" | "hour" | "minute" | "second";
+interface ValueChangeDetails {
+    value: DateValue[];
+    valueAsString: string[];
+}
+export type DateProps = InputWrapperProps & {
+    granularity?: DateGranularity;
+    closeOnSelect?: boolean;
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    locale?: string;
+    placeholderValue?: DateValue;
+    onValueChange?: (details: ValueChangeDetails) => void;
+    children?: React.ReactNode;
+};
+export type DateInputControlProps = ComponentProps & ArkDateInput.ControlProps;
+export type DateInputFieldProps = ComponentProps & ArkDateInput.SegmentGroupProps;
+export type DateInputTriggerProps = ComponentProps & MenuTriggerProps;
+export type DateInputContentProps = ComponentProps & MenuContentProps & {
+    withTime?: boolean;
+};
+export type DateInputPrevTriggerProps = ComponentProps & DatePicker.PrevTriggerProps;
+export type DateInputNextTriggerProps = ComponentProps & DatePicker.NextTriggerProps;
+export declare const DateInput: React.FC<DateProps>;
+export declare const DateInputControl: React.FC<DateInputControlProps>;
+export declare const DateInputField: React.FC<DateInputFieldProps>;
+export declare const DateInputTrigger: React.FC<DateInputTriggerProps>;
+export declare const DateInputPrevTrigger: React.FC<DateInputPrevTriggerProps>;
+export declare const DateInputNextTrigger: React.FC<DateInputNextTriggerProps>;
+export declare const DateInputContent: React.FC<DateInputContentProps>;
+export {};

package/dist/components/form/DateInput.js

@@ -0,0 +1,285 @@
+import { jsx as n, jsxs as b, Fragment as H } from "react/jsx-runtime";
+import { c as T } from "../../_virtual/compiler-runtime.js";
+import { DatePicker as a, DateInput as C } from "@ark-ui/react";
+import { toZoned as J, getLocalTimeZone as q, fromDate as K } from "@internationalized/date";
+import { IconChevronDown as Q } from "@tabler/icons-react";
+import "../../utils/contextStore.js";
+import F from "react";
+import { mergeComponentProps as S } from "../../utils/component.js";
+import "js-md5";
+import { InputWrapper as X } from "./InputWrapper.js";
+import { Flex as ee } from "../flex/Flex.js";
+import { MenuTrigger as te, Menu as ne, MenuPortal as le, MenuContent as re } from "../menu/Menu.js";
+import { SelectPortal as ie, SelectContent as ae, SelectViewport as ce, SelectItem as oe, SelectItemText as se, SelectValue as ue, SelectTrigger as me, SelectInput as de } from "./SelectInput.js";
+import '../../assets/components/form/DateInput.style.css';/* empty css                     */
+import { Button as fe } from "../button/Button.js";
+const he = (t) => K(new Date(t * 1e3), q()), _e = (t) => Math.floor(J(t, q()).toDate().getTime() / 1e3), Y = (t) => {
+  const e = Array.isArray(t) ? t : [t], l = [];
+  for (const r of e)
+    r == null || r === "" || (typeof r == "number" ? Number.isNaN(r) || l.push(he(r)) : l.push(r));
+  return l;
+}, qe = (t) => {
+  const e = T.c(43), {
+    title: l,
+    description: r,
+    left: i,
+    leftType: c,
+    rightType: o,
+    right: s,
+    formValidation: u,
+    initialValue: m,
+    defaultValue: h,
+    value: d,
+    granularity: f,
+    closeOnSelect: _,
+    name: p,
+    disabled: g,
+    readOnly: k,
+    locale: v,
+    placeholderValue: A,
+    onValueChange: G,
+    children: z
+  } = t;
+  let $;
+  e[0] !== h || e[1] !== m || e[2] !== d ? ($ = () => Y(d ?? m ?? h), e[0] = h, e[1] = m, e[2] = d, e[3] = $) : $ = e[3];
+  const [w, L] = F.useState($);
+  let R, M;
+  e[4] !== d ? (R = () => {
+    d !== void 0 && L(Y(d));
+  }, M = [d], e[4] = d, e[5] = R, e[6] = M) : (R = e[5], M = e[6]), F.useEffect(R, M);
+  const [y, W] = F.useState(!1);
+  let O;
+  e[7] !== u || e[8] !== G ? (O = (I) => {
+    L(I.value), u?.setValue?.(I.value[0] ? _e(I.value[0]) : null), G?.(I);
+  }, e[7] = u, e[8] = G, e[9] = O) : O = e[9];
+  const N = O;
+  let P;
+  e[10] !== w || e[11] !== g || e[12] !== f || e[13] !== N || e[14] !== v || e[15] !== p || e[16] !== A || e[17] !== k ? (P = S("date-input", {
+    value: w,
+    onValueChange: N,
+    granularity: f,
+    name: p,
+    disabled: g,
+    readOnly: k,
+    locale: v,
+    placeholderValue: A
+  }), e[10] = w, e[11] = g, e[12] = f, e[13] = N, e[14] = v, e[15] = p, e[16] = A, e[17] = k, e[18] = P) : P = e[18];
+  const E = P;
+  let j;
+  e[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = (I) => W(I.open), e[19] = j) : j = e[19];
+  let V;
+  e[20] !== z || e[21] !== r || e[22] !== u || e[23] !== i || e[24] !== c || e[25] !== s || e[26] !== o || e[27] !== l ? (V = /* @__PURE__ */ n(X, { title: l, description: r, left: i, leftType: c, right: s, rightType: o, formValidation: u, children: z }), e[20] = z, e[21] = r, e[22] = u, e[23] = i, e[24] = c, e[25] = s, e[26] = o, e[27] = l, e[28] = V) : V = e[28];
+  let x;
+  e[29] !== y || e[30] !== V ? (x = /* @__PURE__ */ n(ne, { open: y, onOpenChange: W, children: V }), e[29] = y, e[30] = V, e[31] = x) : x = e[31];
+  let D;
+  e[32] !== _ || e[33] !== w || e[34] !== g || e[35] !== N || e[36] !== v || e[37] !== y || e[38] !== x ? (D = /* @__PURE__ */ n(a.Root, { value: w, onValueChange: N, open: y, onOpenChange: j, closeOnSelect: _, disabled: g, locale: v, children: x }), e[32] = _, e[33] = w, e[34] = g, e[35] = N, e[36] = v, e[37] = y, e[38] = x, e[39] = D) : D = e[39];
+  let B;
+  return e[40] !== E || e[41] !== D ? (B = /* @__PURE__ */ n(C.Root, { ...E, children: D }), e[40] = E, e[41] = D, e[42] = B) : B = e[42], B;
+}, Je = (t) => {
+  const e = T.c(4);
+  let l;
+  e[0] !== t ? (l = S("date-input__control", t), e[0] = t, e[1] = l) : l = e[1];
+  const r = l;
+  let i;
+  return e[2] !== r ? (i = /* @__PURE__ */ n(C.Control, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
+}, Ke = (t) => {
+  const e = T.c(8);
+  let l;
+  e[0] !== t ? (l = S("date-input__segment-group", t), e[0] = t, e[1] = l) : l = e[1];
+  const r = l;
+  let i;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ n(C.Context, { children: Ce }), e[2] = i) : i = e[2];
+  let c;
+  e[3] !== r ? (c = /* @__PURE__ */ n(C.SegmentGroup, { ...r, children: i }), e[3] = r, e[4] = c) : c = e[4];
+  let o;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ n(C.HiddenInput, {}), e[5] = o) : o = e[5];
+  let s;
+  return e[6] !== c ? (s = /* @__PURE__ */ b(H, { children: [
+    c,
+    o
+  ] }), e[6] = c, e[7] = s) : s = e[7], s;
+}, Qe = (t) => {
+  const e = T.c(4);
+  let l;
+  e[0] !== t ? (l = S("date-input__trigger", t), e[0] = t, e[1] = l) : l = e[1];
+  const r = l;
+  let i;
+  return e[2] !== r ? (i = /* @__PURE__ */ n(te, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
+}, pe = (t) => {
+  const e = T.c(4);
+  let l;
+  e[0] !== t ? (l = S("date-input__prev-trigger", t), e[0] = t, e[1] = l) : l = e[1];
+  const r = l;
+  let i;
+  return e[2] !== r ? (i = /* @__PURE__ */ n(a.PrevTrigger, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
+}, ge = (t) => {
+  const e = T.c(4);
+  let l;
+  e[0] !== t ? (l = S("date-input__next-trigger", t), e[0] = t, e[1] = l) : l = e[1];
+  const r = l;
+  let i;
+  return e[2] !== r ? (i = /* @__PURE__ */ n(a.NextTrigger, { ...r }), e[2] = r, e[3] = i) : i = e[3], i;
+}, Z = () => {
+  const t = T.c(2);
+  let e;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(pe, { children: "‹" }), t[0] = e) : e = t[0];
+  let l;
+  return t[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ b(a.ViewControl, { className: "date-input__view-control", children: [
+    e,
+    /* @__PURE__ */ n(a.ViewTrigger, { className: "date-input__view-trigger", children: /* @__PURE__ */ n(a.RangeText, { className: "date-input__range-text" }) }),
+    /* @__PURE__ */ n(ge, { children: "›" })
+  ] }), t[1] = l) : l = t[1], l;
+}, Xe = (t) => {
+  const e = T.c(20);
+  let l, r, i, c, o, s;
+  if (e[0] !== t) {
+    const {
+      withTime: p,
+      ...g
+    } = t;
+    s = p, r = le, l = re, c = "end", o = 8, i = S("date-input__content", g), e[0] = t, e[1] = l, e[2] = r, e[3] = i, e[4] = c, e[5] = o, e[6] = s;
+  } else
+    l = e[1], r = e[2], i = e[3], c = e[4], o = e[5], s = e[6];
+  const u = i;
+  let m;
+  e[7] !== s ? (m = /* @__PURE__ */ n(a.View, { view: "day", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: (p) => /* @__PURE__ */ b(H, { children: [
+    /* @__PURE__ */ n(Z, {}),
+    /* @__PURE__ */ b(a.Table, { className: "date-input__table", children: [
+      /* @__PURE__ */ n(a.TableHead, { children: /* @__PURE__ */ n(a.TableRow, { children: p.weekDays.map(Se) }) }),
+      /* @__PURE__ */ n(a.TableBody, { children: p.weeks.map(we) })
+    ] }),
+    s && /* @__PURE__ */ n(be, {})
+  ] }) }) }), e[7] = s, e[8] = m) : m = e[8];
+  let h;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = /* @__PURE__ */ n(a.View, { view: "month", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: Ve }) }), e[9] = h) : h = e[9];
+  let d;
+  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ n(a.View, { view: "year", className: "date-input__view", children: /* @__PURE__ */ n(a.Context, { children: Ie }) }), e[10] = d) : d = e[10];
+  let f;
+  e[11] !== l || e[12] !== c || e[13] !== o || e[14] !== u || e[15] !== m ? (f = /* @__PURE__ */ b(l, { align: c, sideOffset: o, ...u, children: [
+    m,
+    h,
+    d
+  ] }), e[11] = l, e[12] = c, e[13] = o, e[14] = u, e[15] = m, e[16] = f) : f = e[16];
+  let _;
+  return e[17] !== r || e[18] !== f ? (_ = /* @__PURE__ */ n(r, { children: f }), e[17] = r, e[18] = f, e[19] = _) : _ = e[19], _;
+}, be = () => {
+  const t = T.c(1);
+  let e;
+  return t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ n(C.Context, { children: Me }), t[0] = e) : e = t[0], e;
+}, U = (t) => {
+  const e = T.c(16), {
+    label: l,
+    value: r,
+    count: i,
+    disabled: c,
+    onValueChange: o
+  } = t, s = String(r);
+  let u;
+  e[0] !== o ? (u = (g) => o(Number(g)), e[0] = o, e[1] = u) : u = e[1];
+  let m;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    className: "date-input__time-select"
+  }, e[2] = m) : m = e[2];
+  let h;
+  e[3] !== l ? (h = /* @__PURE__ */ n(ue, { "aria-label": l }), e[3] = l, e[4] = h) : h = e[4];
+  let d;
+  e[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (d = /* @__PURE__ */ n(Q, { size: 13 }), e[5] = d) : d = e[5];
+  let f;
+  e[6] !== h ? (f = /* @__PURE__ */ n(me, { asChild: !0, children: /* @__PURE__ */ n(fe, { paddingSize: "xxs", justify: "start", children: /* @__PURE__ */ b(ee, { justify: "space-between", w: "100%", align: "center", children: [
+    h,
+    d
+  ] }) }) }), e[6] = h, e[7] = f) : f = e[7];
+  let _;
+  e[8] !== i ? (_ = /* @__PURE__ */ n(ie, { children: /* @__PURE__ */ n(ae, { position: "item-aligned", children: /* @__PURE__ */ n(ce, { children: Array.from({
+    length: i
+  }, Oe) }) }) }), e[8] = i, e[9] = _) : _ = e[9];
+  let p;
+  return e[10] !== c || e[11] !== s || e[12] !== u || e[13] !== f || e[14] !== _ ? (p = /* @__PURE__ */ b(de, { value: s, disabled: c, onValueChange: u, wrapperComponent: m, children: [
+    f,
+    _
+  ] }), e[10] = c, e[11] = s, e[12] = u, e[13] = f, e[14] = _, e[15] = p) : p = e[15], p;
+};
+function Te(t, e) {
+  return /* @__PURE__ */ n(C.Segment, { segment: t, className: "date-input__segment" }, e);
+}
+function Ce(t) {
+  return t.getSegments().map(Te);
+}
+function Se(t, e) {
+  return /* @__PURE__ */ n(a.TableHeader, { className: "date-input__table-header", children: t.narrow }, e);
+}
+function ve(t, e) {
+  return /* @__PURE__ */ n(a.TableCell, { value: t, children: /* @__PURE__ */ n(a.TableCellTrigger, { className: "date-input__cell", children: t.day }) }, e);
+}
+function we(t, e) {
+  return /* @__PURE__ */ n(a.TableRow, { children: t.map(ve) }, e);
+}
+function ye(t, e) {
+  return /* @__PURE__ */ n(a.TableCell, { value: t.value, children: /* @__PURE__ */ n(a.TableCellTrigger, { className: "date-input__cell", children: t.label }) }, e);
+}
+function Ne(t, e) {
+  return /* @__PURE__ */ n(a.TableRow, { children: t.map(ye) }, e);
+}
+function Ve(t) {
+  return /* @__PURE__ */ b(H, { children: [
+    /* @__PURE__ */ n(Z, {}),
+    /* @__PURE__ */ n(a.Table, { className: "date-input__table", children: /* @__PURE__ */ n(a.TableBody, { children: t.getMonthsGrid({
+      columns: 4,
+      format: "short"
+    }).map(Ne) }) })
+  ] });
+}
+function xe(t, e) {
+  return /* @__PURE__ */ n(a.TableCell, { value: t.value, children: /* @__PURE__ */ n(a.TableCellTrigger, { className: "date-input__cell", children: t.label }) }, e);
+}
+function De(t, e) {
+  return /* @__PURE__ */ n(a.TableRow, { children: t.map(xe) }, e);
+}
+function Ie(t) {
+  return /* @__PURE__ */ b(H, { children: [
+    /* @__PURE__ */ n(Z, {}),
+    /* @__PURE__ */ n(a.Table, { className: "date-input__table", children: /* @__PURE__ */ n(a.TableBody, { children: t.getYearsGrid({
+      columns: 4
+    }).map(De) }) })
+  ] });
+}
+function $e(t) {
+  return t.type;
+}
+function Re(t, e) {
+  return /* @__PURE__ */ b(F.Fragment, { children: [
+    e > 0 && /* @__PURE__ */ n("span", { className: "date-input__time-separator", children: ":" }),
+    t
+  ] }, e);
+}
+function Me(t) {
+  const e = new Set(t.getSegments().map($e));
+  return /* @__PURE__ */ n(a.Context, { children: (l) => {
+    const r = l.value[0], i = r?.hour ?? 0, c = r?.minute ?? 0, o = r?.second ?? 0, s = l.value.length === 0, u = [];
+    return e.has("hour") && u.push(/* @__PURE__ */ n(U, { label: "Hour", value: i, count: 24, disabled: s, onValueChange: (m) => l.setTime({
+      hour: m,
+      minute: c,
+      second: o
+    }) }, "hour")), e.has("minute") && u.push(/* @__PURE__ */ n(U, { label: "Minute", value: c, count: 60, disabled: s, onValueChange: (m) => l.setTime({
+      hour: i,
+      minute: m,
+      second: o
+    }) }, "minute")), e.has("second") && u.push(/* @__PURE__ */ n(U, { label: "Second", value: o, count: 60, disabled: s, onValueChange: (m) => l.setTime({
+      hour: i,
+      minute: c,
+      second: m
+    }) }, "second")), /* @__PURE__ */ n("div", { className: "date-input__time", children: u.map(Re) });
+  } });
+}
+function Oe(t, e) {
+  return /* @__PURE__ */ n(oe, { value: String(e), children: /* @__PURE__ */ n(se, { children: String(e).padStart(2, "0") }) }, e);
+}
+export {
+  qe as DateInput,
+  Xe as DateInputContent,
+  Je as DateInputControl,
+  Ke as DateInputField,
+  ge as DateInputNextTrigger,
+  pe as DateInputPrevTrigger,
+  Qe as DateInputTrigger
+};

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

@@ -1,4 +1,5 @@
 export * from './CheckboxInput';
+export * from './DateInput';
 export * from './EditorInput';
 export * from './EmailInput';
 export * from './FileInput';

package/dist/components/form/index.js

@@ -1,65 +1,73 @@
-import { CheckboxInput as o } from "./CheckboxInput.js";
-import { EditorInput as p } from "./EditorInput.js";
-import { EmailInput as u, emailValidation as I } from "./EmailInput.js";
-import { FileInput as m, FileInputContext as l, FileInputDropzone as x, FileInputHiddenInput as f, FileInputItem as a, FileInputItemDeleteTrigger as F, FileInputItemGroup as d, FileInputItemName as S, FileInputItemPreview as g, FileInputItemPreviewImage as c, FileInputItemSizeText as s, FileInputTrigger as P } from "./FileInput.js";
-import { Input as w } from "./Input.js";
-import { InputDescription as b } from "./InputDescription.js";
-import { InputLabel as V } from "./InputLabel.js";
-import { InputMessage as h } from "./InputMessage.js";
-import { InputSuggestionMenuContent as z, InputSuggestionMenuContentItems as E } from "./InputSuggestion.js";
-import { NumberInput as H } from "./NumberInput.js";
-import { PasswordInput as R, passwordValidation as k } from "./PasswordInput.js";
-import { PinInput as A, PinInputField as L, PinInputHiddenField as j } from "./PinInput.js";
-import { RadioGroup as B } from "./RadioGroup.js";
-import { RadioInput as K } from "./RadioInput.js";
-import { SelectContent as Q, SelectInput as U, SelectItem as W, SelectItemText as X, SelectPortal as Y, SelectTrigger as Z, SelectValue as _, SelectViewport as $ } from "./SelectInput.js";
-import { SwitchInput as te } from "./SwitchInput.js";
-import { TextAreaInput as re } from "./TextAreaInput.js";
-import { TextInput as ne } from "./TextInput.js";
-import { useForm as Ie } from "./useForm.js";
-import { buildDefaultSyntax as me } from "./Input.syntax.hook.js";
+import { CheckboxInput as r } from "./CheckboxInput.js";
+import { DateInput as p, DateInputContent as n, DateInputControl as u, DateInputField as I, DateInputNextTrigger as i, DateInputPrevTrigger as m, DateInputTrigger as l } from "./DateInput.js";
+import { EditorInput as a } from "./EditorInput.js";
+import { EmailInput as g, emailValidation as F } from "./EmailInput.js";
+import { FileInput as S, FileInputContext as c, FileInputDropzone as s, FileInputHiddenInput as D, FileInputItem as T, FileInputItemDeleteTrigger as P, FileInputItemGroup as C, FileInputItemName as w, FileInputItemPreview as b, FileInputItemPreviewImage as V, FileInputItemSizeText as v, FileInputTrigger as M } from "./FileInput.js";
+import { Input as h } from "./Input.js";
+import { InputDescription as E } from "./InputDescription.js";
+import { InputLabel as H } from "./InputLabel.js";
+import { InputMessage as k } from "./InputMessage.js";
+import { InputSuggestionMenuContent as A, InputSuggestionMenuContentItems as L } from "./InputSuggestion.js";
+import { NumberInput as q } from "./NumberInput.js";
+import { PasswordInput as J, passwordValidation as K } from "./PasswordInput.js";
+import { PinInput as Q, PinInputField as U, PinInputHiddenField as W } from "./PinInput.js";
+import { RadioGroup as Y } from "./RadioGroup.js";
+import { RadioInput as _ } from "./RadioInput.js";
+import { SelectContent as ee, SelectInput as te, SelectItem as re, SelectItemText as oe, SelectPortal as pe, SelectTrigger as ne, SelectValue as ue, SelectViewport as Ie } from "./SelectInput.js";
+import { SwitchInput as me } from "./SwitchInput.js";
+import { TextAreaInput as xe } from "./TextAreaInput.js";
+import { TextInput as fe } from "./TextInput.js";
+import { useForm as Fe } from "./useForm.js";
+import { buildDefaultSyntax as Se } from "./Input.syntax.hook.js";
 export {
-  o as CheckboxInput,
-  p as EditorInput,
-  u as EmailInput,
-  m as FileInput,
-  l as FileInputContext,
-  x as FileInputDropzone,
-  f as FileInputHiddenInput,
-  a as FileInputItem,
-  F as FileInputItemDeleteTrigger,
-  d as FileInputItemGroup,
-  S as FileInputItemName,
-  g as FileInputItemPreview,
-  c as FileInputItemPreviewImage,
-  s as FileInputItemSizeText,
-  P as FileInputTrigger,
-  w as Input,
-  b as InputDescription,
-  V as InputLabel,
-  h as InputMessage,
-  z as InputSuggestionMenuContent,
-  E as InputSuggestionMenuContentItems,
-  H as NumberInput,
-  R as PasswordInput,
-  A as PinInput,
-  L as PinInputField,
-  j as PinInputHiddenField,
-  B as RadioGroup,
-  K as RadioInput,
-  Q as SelectContent,
-  U as SelectInput,
-  W as SelectItem,
-  X as SelectItemText,
-  Y as SelectPortal,
-  Z as SelectTrigger,
-  _ as SelectValue,
-  $ as SelectViewport,
-  te as SwitchInput,
-  re as TextAreaInput,
-  ne as TextInput,
-  me as buildDefaultSyntax,
-  I as emailValidation,
-  k as passwordValidation,
-  Ie as useForm
+  r as CheckboxInput,
+  p as DateInput,
+  n as DateInputContent,
+  u as DateInputControl,
+  I as DateInputField,
+  i as DateInputNextTrigger,
+  m as DateInputPrevTrigger,
+  l as DateInputTrigger,
+  a as EditorInput,
+  g as EmailInput,
+  S as FileInput,
+  c as FileInputContext,
+  s as FileInputDropzone,
+  D as FileInputHiddenInput,
+  T as FileInputItem,
+  P as FileInputItemDeleteTrigger,
+  C as FileInputItemGroup,
+  w as FileInputItemName,
+  b as FileInputItemPreview,
+  V as FileInputItemPreviewImage,
+  v as FileInputItemSizeText,
+  M as FileInputTrigger,
+  h as Input,
+  E as InputDescription,
+  H as InputLabel,
+  k as InputMessage,
+  A as InputSuggestionMenuContent,
+  L as InputSuggestionMenuContentItems,
+  q as NumberInput,
+  J as PasswordInput,
+  Q as PinInput,
+  U as PinInputField,
+  W as PinInputHiddenField,
+  Y as RadioGroup,
+  _ as RadioInput,
+  ee as SelectContent,
+  te as SelectInput,
+  re as SelectItem,
+  oe as SelectItemText,
+  pe as SelectPortal,
+  ne as SelectTrigger,
+  ue as SelectValue,
+  Ie as SelectViewport,
+  me as SwitchInput,
+  xe as TextAreaInput,
+  fe as TextInput,
+  Se as buildDefaultSyntax,
+  F as emailValidation,
+  K as passwordValidation,
+  Fe as useForm
 };

package/dist/index.js

@@ -1,85 +1,86 @@
-import { Alert as t } from "./components/alert/Alert.js";
+import { Alert as o } from "./components/alert/Alert.js";
 import { AuroraBackground as n } from "./components/aurora/Aurora.js";
 import { Avatar as p } from "./components/avatar/Avatar.js";
 import { Badge as l } from "./components/badge/Badge.js";
 import { Breadcrumb as u } from "./components/breadcrumb/Breadcrumb.js";
-import { Button as f } from "./components/button/Button.js";
+import { Button as g } from "./components/button/Button.js";
 import { ButtonGroup as I } from "./components/button-group/ButtonGroup.js";
 import { Card as T } from "./components/card/Card.js";
 import { Col as b } from "./components/col/Col.js";
-import { Command as s, CommandDialog as c, CommandEmpty as M, CommandGroup as D, CommandInput as F, CommandItem as P, CommandList as A, CommandSeparator as w, CommandShortcut as v } from "./components/command/Command.js";
+import { Command as s, CommandDialog as D, CommandEmpty as c, CommandGroup as M, CommandInput as F, CommandItem as P, CommandList as A, CommandSeparator as w, CommandShortcut as v } from "./components/command/Command.js";
 import { Container as R } from "./components/container/Container.js";
 import { ContextMenu as G, ContextMenuArrow as L, ContextMenuContent as y, ContextMenuGroup as z, ContextMenuItem as B, ContextMenuLabel as H, ContextMenuPortal as k, ContextMenuSeparator as E, ContextMenuSub as N, ContextMenuSubContent as O, ContextMenuSubTrigger as Q, ContextMenuTrigger as J } from "./components/context-menu/ContextMenu.js";
 import { DataTable as j } from "./components/data-table/DataTable.js";
 import { DataTableColumn as K } from "./components/data-table/DataTableColumn.js";
 import { DataTableHeader as W, DataTableHeaderColumn as X } from "./components/data-table/DataTableHeader.js";
-import { DataTableMaxPaginationValue as _, DataTablePagination as $, DataTablePaginationBackwardsTrigger as ee, DataTablePaginationContext as oe, DataTablePaginationForwardTrigger as te, DataTablePaginationValue as re, useDataTablePagination as ne } from "./components/data-table/DataTablePagination.js";
+import { DataTableMaxPaginationValue as _, DataTablePagination as $, DataTablePaginationBackwardsTrigger as ee, DataTablePaginationContext as te, DataTablePaginationForwardTrigger as oe, DataTablePaginationValue as re, useDataTablePagination as ne } from "./components/data-table/DataTablePagination.js";
 import { DataTableFilterInput as pe, createFilterQueryLanguage as ie } from "./components/data-table/DataTableFilterInput.js";
 import { DataTableFilterSuggestionMenu as me } from "./components/data-table/DataTableFilterSuggestionMenu.js";
-import { Dialog as xe, DialogClose as fe, DialogContent as ge, DialogDescription as Ie, DialogFooter as Ce, DialogHeader as Te, DialogOverlay as Se, DialogPortal as be, DialogTitle as de, DialogTrigger as se } from "./components/dialog/Dialog.js";
-import { Editor as Me } from "./components/editor/Editor.js";
+import { Dialog as xe, DialogClose as ge, DialogContent as fe, DialogDescription as Ie, DialogFooter as Ce, DialogHeader as Te, DialogOverlay as Se, DialogPortal as be, DialogTitle as de, DialogTrigger as se } from "./components/dialog/Dialog.js";
+import { Editor as ce } from "./components/editor/Editor.js";
 import { FileTabsService as Fe } from "./components/file-tabs/FileTabs.service.js";
 import { FileTabs as Ae, FileTabsContent as we, FileTabsList as ve, FileTabsTrigger as he } from "./components/file-tabs/FileTabs.js";
 import { Flex as Ve } from "./components/flex/Flex.js";
 import { CheckboxInput as Le } from "./components/form/CheckboxInput.js";
-import { EditorInput as ze } from "./components/form/EditorInput.js";
-import { EmailInput as He, emailValidation as ke } from "./components/form/EmailInput.js";
-import { FileInput as Ne, FileInputContext as Oe, FileInputDropzone as Qe, FileInputHiddenInput as Je, FileInputItem as Ze, FileInputItemDeleteTrigger as je, FileInputItemGroup as qe, FileInputItemName as Ke, FileInputItemPreview as Ue, FileInputItemPreviewImage as We, FileInputItemSizeText as Xe, FileInputTrigger as Ye } from "./components/form/FileInput.js";
-import { Input as $e } from "./components/form/Input.js";
-import { InputDescription as oo } from "./components/form/InputDescription.js";
-import { InputLabel as ro } from "./components/form/InputLabel.js";
-import { InputMessage as ao } from "./components/form/InputMessage.js";
-import { InputSuggestionMenuContent as io, InputSuggestionMenuContentItems as lo } from "./components/form/InputSuggestion.js";
-import { NumberInput as uo } from "./components/form/NumberInput.js";
-import { PasswordInput as fo, passwordValidation as go } from "./components/form/PasswordInput.js";
-import { PinInput as Co, PinInputField as To, PinInputHiddenField as So } from "./components/form/PinInput.js";
-import { RadioGroup as so } from "./components/form/RadioGroup.js";
-import { RadioInput as Mo } from "./components/form/RadioInput.js";
-import { SelectContent as Fo, SelectInput as Po, SelectItem as Ao, SelectItemText as wo, SelectPortal as vo, SelectTrigger as ho, SelectValue as Ro, SelectViewport as Vo } from "./components/form/SelectInput.js";
-import { SwitchInput as Lo } from "./components/form/SwitchInput.js";
-import { TextAreaInput as zo } from "./components/form/TextAreaInput.js";
-import { TextInput as Ho } from "./components/form/TextInput.js";
-import { useForm as Eo } from "./components/form/useForm.js";
-import { buildDefaultSyntax as Oo } from "./components/form/Input.syntax.hook.js";
-import { JsonView as Jo } from "./components/json-view/JsonView.js";
-import { FullScreen as jo } from "./components/fullscreen/FullScreen.js";
-import { Gantt as Ko, getRelativeValue as Uo } from "./components/gantt/Gantt.js";
-import { Icon as Xo, resolveIcon as Yo } from "./components/icon/Icon.js";
-import { Layout as $o } from "./components/layout/Layout.js";
-import { Menu as ot, MenuArrow as tt, MenuCheckboxItem as rt, MenuContent as nt, MenuGroup as at, MenuItem as pt, MenuItemIndicator as it, MenuLabel as lt, MenuPortal as mt, MenuSeparator as ut, MenuSub as xt, MenuSubContent as ft, MenuSubTrigger as gt, MenuTrigger as It } from "./components/menu/Menu.js";
-import { Progress as Tt } from "./components/progress/Progress.js";
-import { Quote as bt } from "./components/quote/Quote.js";
-import { ResizableHandle as st, ResizablePanel as ct, ResizablePanelGroup as Mt } from "./components/resizable/Resizable.js";
-import { Row as Ft } from "./components/row/Row.js";
-import { AutoScrollArea as At, ScrollArea as wt, ScrollAreaCorner as vt, ScrollAreaScrollbar as ht, ScrollAreaThumb as Rt, ScrollAreaViewport as Vt } from "./components/scroll-area/ScrollArea.js";
-import { SegmentedControl as Lt, SegmentedControlItem as yt } from "./components/segmented-control/SegmentedControl.js";
-import { Spacing as Bt } from "./components/spacing/Spacing.js";
-import { Tab as kt, TabContent as Et, TabList as Nt, TabTrigger as Ot } from "./components/tab/Tab.js";
-import { Text as Jt } from "./components/text/Text.js";
-import { Toast as jt, toast as qt } from "./components/toast/Toast.js";
-import { Tooltip as Ut, TooltipArrow as Wt, TooltipContent as Xt, TooltipPortal as Yt, TooltipTrigger as _t } from "./components/tooltip/Tooltip.js";
-import { ContextStore as er, ContextStoreProvider as or, useService as tr, useStore as rr } from "./utils/contextStore.js";
-import { ReactiveArrayService as ar, useReactiveArrayService as pr } from "./utils/reactiveArrayService.js";
-import { mergeComponentProps as lr } from "./utils/component.js";
-import { Colors as ur, hashToColor as xr, withAlpha as fr } from "./utils/color.js";
-import { getDOMSizeFromCodeZeroSize as Ir } from "./utils/size.js";
+import { DateInput as ze, DateInputContent as Be, DateInputControl as He, DateInputField as ke, DateInputNextTrigger as Ee, DateInputPrevTrigger as Ne, DateInputTrigger as Oe } from "./components/form/DateInput.js";
+import { EditorInput as Je } from "./components/form/EditorInput.js";
+import { EmailInput as je, emailValidation as qe } from "./components/form/EmailInput.js";
+import { FileInput as Ue, FileInputContext as We, FileInputDropzone as Xe, FileInputHiddenInput as Ye, FileInputItem as _e, FileInputItemDeleteTrigger as $e, FileInputItemGroup as et, FileInputItemName as tt, FileInputItemPreview as ot, FileInputItemPreviewImage as rt, FileInputItemSizeText as nt, FileInputTrigger as at } from "./components/form/FileInput.js";
+import { Input as it } from "./components/form/Input.js";
+import { InputDescription as mt } from "./components/form/InputDescription.js";
+import { InputLabel as xt } from "./components/form/InputLabel.js";
+import { InputMessage as ft } from "./components/form/InputMessage.js";
+import { InputSuggestionMenuContent as Ct, InputSuggestionMenuContentItems as Tt } from "./components/form/InputSuggestion.js";
+import { NumberInput as bt } from "./components/form/NumberInput.js";
+import { PasswordInput as st, passwordValidation as Dt } from "./components/form/PasswordInput.js";
+import { PinInput as Mt, PinInputField as Ft, PinInputHiddenField as Pt } from "./components/form/PinInput.js";
+import { RadioGroup as wt } from "./components/form/RadioGroup.js";
+import { RadioInput as ht } from "./components/form/RadioInput.js";
+import { SelectContent as Vt, SelectInput as Gt, SelectItem as Lt, SelectItemText as yt, SelectPortal as zt, SelectTrigger as Bt, SelectValue as Ht, SelectViewport as kt } from "./components/form/SelectInput.js";
+import { SwitchInput as Nt } from "./components/form/SwitchInput.js";
+import { TextAreaInput as Qt } from "./components/form/TextAreaInput.js";
+import { TextInput as Zt } from "./components/form/TextInput.js";
+import { useForm as qt } from "./components/form/useForm.js";
+import { buildDefaultSyntax as Ut } from "./components/form/Input.syntax.hook.js";
+import { JsonView as Xt } from "./components/json-view/JsonView.js";
+import { FullScreen as _t } from "./components/fullscreen/FullScreen.js";
+import { Gantt as eo, getRelativeValue as to } from "./components/gantt/Gantt.js";
+import { Icon as ro, resolveIcon as no } from "./components/icon/Icon.js";
+import { Layout as po } from "./components/layout/Layout.js";
+import { Menu as lo, MenuArrow as mo, MenuCheckboxItem as uo, MenuContent as xo, MenuGroup as go, MenuItem as fo, MenuItemIndicator as Io, MenuLabel as Co, MenuPortal as To, MenuSeparator as So, MenuSub as bo, MenuSubContent as so, MenuSubTrigger as Do, MenuTrigger as co } from "./components/menu/Menu.js";
+import { Progress as Fo } from "./components/progress/Progress.js";
+import { Quote as Ao } from "./components/quote/Quote.js";
+import { ResizableHandle as vo, ResizablePanel as ho, ResizablePanelGroup as Ro } from "./components/resizable/Resizable.js";
+import { Row as Go } from "./components/row/Row.js";
+import { AutoScrollArea as yo, ScrollArea as zo, ScrollAreaCorner as Bo, ScrollAreaScrollbar as Ho, ScrollAreaThumb as ko, ScrollAreaViewport as Eo } from "./components/scroll-area/ScrollArea.js";
+import { SegmentedControl as Oo, SegmentedControlItem as Qo } from "./components/segmented-control/SegmentedControl.js";
+import { Spacing as Zo } from "./components/spacing/Spacing.js";
+import { Tab as qo, TabContent as Ko, TabList as Uo, TabTrigger as Wo } from "./components/tab/Tab.js";
+import { Text as Yo } from "./components/text/Text.js";
+import { Toast as $o, toast as er } from "./components/toast/Toast.js";
+import { Tooltip as or, TooltipArrow as rr, TooltipContent as nr, TooltipPortal as ar, TooltipTrigger as pr } from "./components/tooltip/Tooltip.js";
+import { ContextStore as lr, ContextStoreProvider as mr, useService as ur, useStore as xr } from "./utils/contextStore.js";
+import { ReactiveArrayService as fr, useReactiveArrayService as Ir } from "./utils/reactiveArrayService.js";
+import { mergeComponentProps as Tr } from "./utils/component.js";
+import { Colors as br, hashToColor as dr, withAlpha as sr } from "./utils/color.js";
+import { getDOMSizeFromCodeZeroSize as cr } from "./utils/size.js";
 export {
-  t as Alert,
+  o as Alert,
   n as AuroraBackground,
-  At as AutoScrollArea,
+  yo as AutoScrollArea,
   p as Avatar,
   l as Badge,
   u as Breadcrumb,
-  f as Button,
+  g as Button,
   I as ButtonGroup,
   T as Card,
   Le as CheckboxInput,
   b as Col,
-  ur as Colors,
+  br as Colors,
   s as Command,
-  c as CommandDialog,
-  M as CommandEmpty,
-  D as CommandGroup,
+  D as CommandDialog,
+  c as CommandEmpty,
+  M as CommandGroup,
   F as CommandInput,
   P as CommandItem,
   A as CommandList,
@@ -98,8 +99,8 @@ export {
   O as ContextMenuSubContent,
   Q as ContextMenuSubTrigger,
   J as ContextMenuTrigger,
-  er as ContextStore,
-  or as ContextStoreProvider,
+  lr as ContextStore,
+  mr as ContextStoreProvider,
   j as DataTable,
   K as DataTableColumn,
   pe as DataTableFilterInput,
@@ -109,12 +110,19 @@ export {
   _ as DataTableMaxPaginationValue,
   $ as DataTablePagination,
   ee as DataTablePaginationBackwardsTrigger,
-  oe as DataTablePaginationContext,
-  te as DataTablePaginationForwardTrigger,
+  te as DataTablePaginationContext,
+  oe as DataTablePaginationForwardTrigger,
   re as DataTablePaginationValue,
+  ze as DateInput,
+  Be as DateInputContent,
+  He as DateInputControl,
+  ke as DateInputField,
+  Ee as DateInputNextTrigger,
+  Ne as DateInputPrevTrigger,
+  Oe as DateInputTrigger,
   xe as Dialog,
-  fe as DialogClose,
-  ge as DialogContent,
+  ge as DialogClose,
+  fe as DialogContent,
   Ie as DialogDescription,
   Ce as DialogFooter,
   Te as DialogHeader,
@@ -122,110 +130,110 @@ export {
   be as DialogPortal,
   de as DialogTitle,
   se as DialogTrigger,
-  Me as Editor,
-  ze as EditorInput,
-  He as EmailInput,
-  Ne as FileInput,
-  Oe as FileInputContext,
-  Qe as FileInputDropzone,
-  Je as FileInputHiddenInput,
-  Ze as FileInputItem,
-  je as FileInputItemDeleteTrigger,
-  qe as FileInputItemGroup,
-  Ke as FileInputItemName,
-  Ue as FileInputItemPreview,
-  We as FileInputItemPreviewImage,
-  Xe as FileInputItemSizeText,
-  Ye as FileInputTrigger,
+  ce as Editor,
+  Je as EditorInput,
+  je as EmailInput,
+  Ue as FileInput,
+  We as FileInputContext,
+  Xe as FileInputDropzone,
+  Ye as FileInputHiddenInput,
+  _e as FileInputItem,
+  $e as FileInputItemDeleteTrigger,
+  et as FileInputItemGroup,
+  tt as FileInputItemName,
+  ot as FileInputItemPreview,
+  rt as FileInputItemPreviewImage,
+  nt as FileInputItemSizeText,
+  at as FileInputTrigger,
   Ae as FileTabs,
   we as FileTabsContent,
   ve as FileTabsList,
   Fe as FileTabsService,
   he as FileTabsTrigger,
   Ve as Flex,
-  jo as FullScreen,
-  Ko as Gantt,
-  Xo as Icon,
-  $e as Input,
-  oo as InputDescription,
-  ro as InputLabel,
-  ao as InputMessage,
-  io as InputSuggestionMenuContent,
-  lo as InputSuggestionMenuContentItems,
-  Jo as JsonView,
-  $o as Layout,
-  ot as Menu,
-  tt as MenuArrow,
-  rt as MenuCheckboxItem,
-  nt as MenuContent,
-  at as MenuGroup,
-  pt as MenuItem,
-  it as MenuItemIndicator,
-  lt as MenuLabel,
-  mt as MenuPortal,
-  ut as MenuSeparator,
-  xt as MenuSub,
-  ft as MenuSubContent,
-  gt as MenuSubTrigger,
-  It as MenuTrigger,
-  uo as NumberInput,
-  fo as PasswordInput,
-  Co as PinInput,
-  To as PinInputField,
-  So as PinInputHiddenField,
-  Tt as Progress,
-  bt as Quote,
-  so as RadioGroup,
-  Mo as RadioInput,
-  ar as ReactiveArrayService,
-  st as ResizableHandle,
-  ct as ResizablePanel,
-  Mt as ResizablePanelGroup,
-  Ft as Row,
-  wt as ScrollArea,
-  vt as ScrollAreaCorner,
-  ht as ScrollAreaScrollbar,
-  Rt as ScrollAreaThumb,
-  Vt as ScrollAreaViewport,
-  Lt as SegmentedControl,
-  yt as SegmentedControlItem,
-  Fo as SelectContent,
-  Po as SelectInput,
-  Ao as SelectItem,
-  wo as SelectItemText,
-  vo as SelectPortal,
-  ho as SelectTrigger,
-  Ro as SelectValue,
-  Vo as SelectViewport,
-  Bt as Spacing,
-  Lo as SwitchInput,
-  kt as Tab,
-  Et as TabContent,
-  Nt as TabList,
-  Ot as TabTrigger,
-  Jt as Text,
-  zo as TextAreaInput,
-  Ho as TextInput,
-  jt as Toast,
-  Ut as Tooltip,
-  Wt as TooltipArrow,
-  Xt as TooltipContent,
-  Yt as TooltipPortal,
-  _t as TooltipTrigger,
-  Oo as buildDefaultSyntax,
+  _t as FullScreen,
+  eo as Gantt,
+  ro as Icon,
+  it as Input,
+  mt as InputDescription,
+  xt as InputLabel,
+  ft as InputMessage,
+  Ct as InputSuggestionMenuContent,
+  Tt as InputSuggestionMenuContentItems,
+  Xt as JsonView,
+  po as Layout,
+  lo as Menu,
+  mo as MenuArrow,
+  uo as MenuCheckboxItem,
+  xo as MenuContent,
+  go as MenuGroup,
+  fo as MenuItem,
+  Io as MenuItemIndicator,
+  Co as MenuLabel,
+  To as MenuPortal,
+  So as MenuSeparator,
+  bo as MenuSub,
+  so as MenuSubContent,
+  Do as MenuSubTrigger,
+  co as MenuTrigger,
+  bt as NumberInput,
+  st as PasswordInput,
+  Mt as PinInput,
+  Ft as PinInputField,
+  Pt as PinInputHiddenField,
+  Fo as Progress,
+  Ao as Quote,
+  wt as RadioGroup,
+  ht as RadioInput,
+  fr as ReactiveArrayService,
+  vo as ResizableHandle,
+  ho as ResizablePanel,
+  Ro as ResizablePanelGroup,
+  Go as Row,
+  zo as ScrollArea,
+  Bo as ScrollAreaCorner,
+  Ho as ScrollAreaScrollbar,
+  ko as ScrollAreaThumb,
+  Eo as ScrollAreaViewport,
+  Oo as SegmentedControl,
+  Qo as SegmentedControlItem,
+  Vt as SelectContent,
+  Gt as SelectInput,
+  Lt as SelectItem,
+  yt as SelectItemText,
+  zt as SelectPortal,
+  Bt as SelectTrigger,
+  Ht as SelectValue,
+  kt as SelectViewport,
+  Zo as Spacing,
+  Nt as SwitchInput,
+  qo as Tab,
+  Ko as TabContent,
+  Uo as TabList,
+  Wo as TabTrigger,
+  Yo as Text,
+  Qt as TextAreaInput,
+  Zt as TextInput,
+  $o as Toast,
+  or as Tooltip,
+  rr as TooltipArrow,
+  nr as TooltipContent,
+  ar as TooltipPortal,
+  pr as TooltipTrigger,
+  Ut as buildDefaultSyntax,
   ie as createFilterQueryLanguage,
-  ke as emailValidation,
-  Ir as getDOMSizeFromCodeZeroSize,
-  Uo as getRelativeValue,
-  xr as hashToColor,
-  lr as mergeComponentProps,
-  go as passwordValidation,
-  Yo as resolveIcon,
-  qt as toast,
+  qe as emailValidation,
+  cr as getDOMSizeFromCodeZeroSize,
+  to as getRelativeValue,
+  dr as hashToColor,
+  Tr as mergeComponentProps,
+  Dt as passwordValidation,
+  no as resolveIcon,
+  er as toast,
   ne as useDataTablePagination,
-  Eo as useForm,
-  pr as useReactiveArrayService,
-  tr as useService,
-  rr as useStore,
-  fr as withAlpha
+  qt as useForm,
+  Ir as useReactiveArrayService,
+  ur as useService,
+  xr as useStore,
+  sr as withAlpha
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {
@@ -18,6 +18,7 @@
   "author": "CodeZero",
   "devDependencies": {
     "@ark-ui/react": "^5.36.2",
+    "@internationalized/date": "^3.12.0",
     "@babel/plugin-proposal-decorators": "^7.29.7",
     "@babel/plugin-transform-class-properties": "^7.29.7",
     "@codemirror/autocomplete": "^6.20.3",
@@ -25,24 +26,24 @@
     "@codemirror/language": "^6.12.4",
     "@codemirror/lint": "^6.9.7",
     "@codemirror/state": "^6.7.1",
-    "@codemirror/view": "^6.43.5",
+    "@codemirror/view": "^6.43.6",
     "@dagrejs/dagre": "^3.0.0",
     "@icons-pack/react-simple-icons": "^13.13.0",
     "@lezer/common": "^1.5.2",
     "@mdx-js/react": "^3.1.1",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-one-time-password-field": "^0.1.13",
-    "@radix-ui/react-progress": "^1.1.8",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-checkbox": "^1.3.9",
+    "@radix-ui/react-context-menu": "^2.3.5",
+    "@radix-ui/react-dialog": "^1.1.21",
+    "@radix-ui/react-dropdown-menu": "^2.1.22",
+    "@radix-ui/react-hover-card": "^1.1.21",
+    "@radix-ui/react-one-time-password-field": "^0.1.14",
+    "@radix-ui/react-progress": "^1.1.14",
+    "@radix-ui/react-radio-group": "^1.4.5",
+    "@radix-ui/react-scroll-area": "^1.2.16",
+    "@radix-ui/react-select": "^2.3.5",
+    "@radix-ui/react-tabs": "^1.1.19",
+    "@radix-ui/react-toggle-group": "^1.1.17",
+    "@radix-ui/react-tooltip": "^1.2.14",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
@@ -57,7 +58,7 @@
     "@storybook/react-vite": "^10.4.2",
     "@tabler/icons-react": "3.41.1",
     "@types/jest-image-snapshot": "^6.4.1",
-    "@types/react": "^19.2.14",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@uiw/codemirror-themes": "^4.25.10",
@@ -80,8 +81,8 @@
     "merge-props": "^6.0.0",
     "motion": "^12.40.0",
     "playwright": "1.58.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "react-resizable-panels": "^4.9.0",
     "react-zoom-pan-pinch": "^3.7.0",
     "rimraf": "^6.1.3",
@@ -93,15 +94,15 @@
     "sonner": "^2.0.7",
     "storybook": "^10.4.2",
     "style-loader": "^4.0.0",
-    "ts-jest": "^29.4.9",
+    "ts-jest": "^29.4.11",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "vite": "^7.3.1",
+    "vite": "^7.3.6",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
     "vitest": "^4.1.2",
-    "zustand": "^4.3.0"
+    "zustand": "^4.5.7"
   },
   "main": "dist/index.js",
   "repository": {
@@ -114,6 +115,7 @@
   "types": "dist/index.d.ts",
   "peerDependencies": {
     "@ark-ui/react": "^5.36.2",
+    "@internationalized/date": "^3.12.0",
     "@icons-pack/react-simple-icons": "^13.13.0",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/lang-json": "^6.0.2",