@bitrise/bitkit-v2 0.3.120 → 0.3.122

package/dist/atoms/DatePicker/DatePicker.d.ts

@@ -0,0 +1,69 @@
+import { DatePicker as ArkDatePicker } from '@ark-ui/react/date-picker';
+import { HTMLChakraProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+declare const useStyles: () => Record<string, import('@chakra-ui/react').SystemStyleObject>;
+export interface DatePickerRootProps extends HTMLChakraProps<'div', ArkDatePicker.RootProps>, UnstyledProp {
+}
+export declare const DatePickerRoot: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerControlProps extends HTMLChakraProps<'div', ArkDatePicker.ControlProps>, UnstyledProp {
+}
+export declare const DatePickerControl: import('react').ForwardRefExoticComponent<DatePickerControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerPositionerProps extends HTMLChakraProps<'div', ArkDatePicker.PositionerProps>, UnstyledProp {
+}
+export declare const DatePickerPositioner: import('react').ForwardRefExoticComponent<DatePickerPositionerProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerContentProps extends HTMLChakraProps<'div', ArkDatePicker.ContentProps>, UnstyledProp {
+}
+export declare const DatePickerContent: import('react').ForwardRefExoticComponent<DatePickerContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerMonthsProps extends HTMLChakraProps<'div'>, UnstyledProp {
+}
+export declare const DatePickerMonths: import('react').ForwardRefExoticComponent<DatePickerMonthsProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerViewProps extends HTMLChakraProps<'div', ArkDatePicker.ViewProps>, UnstyledProp {
+}
+export declare const DatePickerView: import('react').ForwardRefExoticComponent<DatePickerViewProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerViewControlProps extends HTMLChakraProps<'div', ArkDatePicker.ViewControlProps>, UnstyledProp {
+}
+export declare const DatePickerViewControl: import('react').ForwardRefExoticComponent<DatePickerViewControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export interface DatePickerTableProps extends HTMLChakraProps<'table', ArkDatePicker.TableProps>, UnstyledProp {
+}
+export declare const DatePickerTable: import('react').ForwardRefExoticComponent<DatePickerTableProps & import('react').RefAttributes<HTMLTableElement>>;
+export interface DatePickerTableHeadProps extends HTMLChakraProps<'thead', ArkDatePicker.TableHeadProps>, UnstyledProp {
+}
+export declare const DatePickerTableHead: import('react').ForwardRefExoticComponent<DatePickerTableHeadProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export interface DatePickerTableBodyProps extends HTMLChakraProps<'tbody', ArkDatePicker.TableBodyProps>, UnstyledProp {
+}
+export declare const DatePickerTableBody: import('react').ForwardRefExoticComponent<DatePickerTableBodyProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+export interface DatePickerTableRowProps extends HTMLChakraProps<'tr', ArkDatePicker.TableRowProps>, UnstyledProp {
+}
+export declare const DatePickerTableRow: import('react').ForwardRefExoticComponent<DatePickerTableRowProps & import('react').RefAttributes<HTMLTableRowElement>>;
+export interface DatePickerTableHeaderProps extends HTMLChakraProps<'th', ArkDatePicker.TableHeaderProps>, UnstyledProp {
+}
+export declare const DatePickerTableHeader: import('react').ForwardRefExoticComponent<DatePickerTableHeaderProps & import('react').RefAttributes<HTMLTableCellElement>>;
+export interface DatePickerTableCellProps extends HTMLChakraProps<'td', ArkDatePicker.TableCellProps>, UnstyledProp {
+}
+export declare const DatePickerTableCell: import('react').ForwardRefExoticComponent<DatePickerTableCellProps & import('react').RefAttributes<HTMLTableCellElement>>;
+export interface DatePickerTableCellTriggerProps extends HTMLChakraProps<'span', ArkDatePicker.TableCellTriggerProps>, UnstyledProp {
+}
+export declare const DatePickerTableCellTrigger: import('react').ForwardRefExoticComponent<DatePickerTableCellTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const DatePickerContext: (props: ArkDatePicker.ContextProps) => import('react').ReactNode;
+export interface DatePickerProps extends DatePickerRootProps {
+    showOutsideDays?: boolean;
+    variant: 'desktop' | 'mobile';
+}
+export declare const DatePicker: {
+    Root: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;
+    Control: import('react').ForwardRefExoticComponent<DatePickerControlProps & import('react').RefAttributes<HTMLDivElement>>;
+    Positioner: import('react').ForwardRefExoticComponent<DatePickerPositionerProps & import('react').RefAttributes<HTMLDivElement>>;
+    Content: import('react').ForwardRefExoticComponent<DatePickerContentProps & import('react').RefAttributes<HTMLDivElement>>;
+    Months: import('react').ForwardRefExoticComponent<DatePickerMonthsProps & import('react').RefAttributes<HTMLDivElement>>;
+    View: import('react').ForwardRefExoticComponent<DatePickerViewProps & import('react').RefAttributes<HTMLDivElement>>;
+    ViewControl: import('react').ForwardRefExoticComponent<DatePickerViewControlProps & import('react').RefAttributes<HTMLDivElement>>;
+    Table: import('react').ForwardRefExoticComponent<DatePickerTableProps & import('react').RefAttributes<HTMLTableElement>>;
+    TableHead: import('react').ForwardRefExoticComponent<DatePickerTableHeadProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+    TableBody: import('react').ForwardRefExoticComponent<DatePickerTableBodyProps & import('react').RefAttributes<HTMLTableSectionElement>>;
+    TableRow: import('react').ForwardRefExoticComponent<DatePickerTableRowProps & import('react').RefAttributes<HTMLTableRowElement>>;
+    TableHeader: import('react').ForwardRefExoticComponent<DatePickerTableHeaderProps & import('react').RefAttributes<HTMLTableCellElement>>;
+    TableCell: import('react').ForwardRefExoticComponent<DatePickerTableCellProps & import('react').RefAttributes<HTMLTableCellElement>>;
+    TableCellTrigger: import('react').ForwardRefExoticComponent<DatePickerTableCellTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+};
+export { useStyles as useCalendarStyles };
+export type { DatePickerOpenChangeDetails, DatePickerValueChangeDetails } from '@ark-ui/react/date-picker';
+export { useDatePickerContext } from '@ark-ui/react/date-picker';

package/dist/atoms/DatePicker/DatePicker.js

@@ -0,0 +1,102 @@
+import { DatePicker as e } from "@ark-ui/react/date-picker";
+import { useDatePickerContext as x } from "@ark-ui/react/date-picker";
+import { createSlotRecipeContext as r } from "@chakra-ui/react/styled-system";
+const { withProvider: o, withContext: t, useStyles: u } = r({ key: "datePicker" }), a = o(
+  t(e.Root, "root", {
+    forwardAsChild: !0
+  }),
+  "root"
+), l = t(e.Control, "control", {
+  forwardAsChild: !0
+}), i = t(
+  e.Positioner,
+  "positioner",
+  {
+    forwardAsChild: !0
+  }
+), n = t(e.Content, "content", {
+  forwardAsChild: !0
+}), s = t("div", "months", {
+  forwardAsChild: !0
+}), d = t(e.View, "view", {
+  forwardAsChild: !0
+}), c = t(
+  e.ViewControl,
+  "viewControl",
+  {
+    forwardAsChild: !0
+  }
+), C = t(e.Table, "table", {
+  forwardAsChild: !0
+}), b = t(
+  e.TableHead,
+  "tableHead",
+  {
+    forwardAsChild: !0
+  }
+), w = t(
+  e.TableBody,
+  "tableBody",
+  {
+    forwardAsChild: !0
+  }
+), T = t(
+  e.TableRow,
+  "tableRow",
+  {
+    forwardAsChild: !0
+  }
+), P = t(
+  e.TableHeader,
+  "tableHeader",
+  {
+    forwardAsChild: !0
+  }
+), k = t(
+  e.TableCell,
+  "tableCell",
+  {
+    forwardAsChild: !0
+  }
+), h = t(
+  e.TableCellTrigger,
+  "tableCellTrigger",
+  {
+    forwardAsChild: !0
+  }
+), A = e.Context, g = {
+  Root: a,
+  Control: l,
+  Positioner: i,
+  Content: n,
+  Months: s,
+  View: d,
+  ViewControl: c,
+  Table: C,
+  TableHead: b,
+  TableBody: w,
+  TableRow: T,
+  TableHeader: P,
+  TableCell: k,
+  TableCellTrigger: h
+};
+export {
+  g as DatePicker,
+  n as DatePickerContent,
+  A as DatePickerContext,
+  l as DatePickerControl,
+  s as DatePickerMonths,
+  i as DatePickerPositioner,
+  a as DatePickerRoot,
+  C as DatePickerTable,
+  w as DatePickerTableBody,
+  k as DatePickerTableCell,
+  h as DatePickerTableCellTrigger,
+  b as DatePickerTableHead,
+  P as DatePickerTableHeader,
+  T as DatePickerTableRow,
+  d as DatePickerView,
+  c as DatePickerViewControl,
+  u as useCalendarStyles,
+  x as useDatePickerContext
+};

package/dist/components/BitkitCalendar/BitkitCalendar.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface BitkitCalendarProps {
+    children?: ReactNode;
+    defaultValue?: Date | Date[] | null;
+    layout?: '1-month' | '2-month';
+    max?: Date;
+    min?: Date;
+    mode?: 'day' | 'range';
+    onValueChange?: (value: Date[] | null) => void;
+    showOutsideDays?: boolean;
+    showSelectedDate?: boolean;
+    value?: Date[] | null;
+    variant?: 'desktop' | 'mobile';
+}
+declare const BitkitCalendar: import('react').ForwardRefExoticComponent<BitkitCalendarProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitCalendar;

package/dist/components/BitkitCalendar/BitkitCalendar.js

@@ -0,0 +1,102 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Box as h } from "@chakra-ui/react/box";
+import { Portal as S } from "@chakra-ui/react/portal";
+import { forwardRef as j, useMemo as x, useRef as N, useEffect as A } from "react";
+import { DatePicker as a } from "../../atoms/DatePicker/DatePicker.js";
+import { dateToCalendarDate as d, calendarDateToDate as E } from "./Calendar.utils.js";
+import F from "./components/CalendarFooter.js";
+import v from "./components/CalendarMonth.js";
+import D from "./components/CalendarMonthSelect.js";
+import w from "./components/CalendarNextTrigger.js";
+import W from "./components/CalendarPrevTrigger.js";
+import Y from "./components/CalendarTrigger.js";
+import V from "./components/CalendarYearSelect.js";
+import { useDatePickerContext as b } from "@ark-ui/react/date-picker";
+const q = ({
+  layout: n,
+  max: i,
+  min: o,
+  mode: t,
+  showSelectedDate: s
+}) => {
+  const m = b(), l = N(t);
+  return A(() => {
+    l.current !== t && (m.clearValue(), l.current = t);
+  }, [t]), /* @__PURE__ */ r(a.Content, { children: [
+    /* @__PURE__ */ r(a.View, { view: "day", children: [
+      /* @__PURE__ */ r(a.ViewControl, { children: [
+        /* @__PURE__ */ r(h, { display: "flex", alignItems: "center", gap: "12", children: [
+          /* @__PURE__ */ e(W, {}),
+          /* @__PURE__ */ r(h, { display: "flex", alignItems: "center", children: [
+            /* @__PURE__ */ e(D, { offset: 0, layout: n, max: i, min: o }),
+            /* @__PURE__ */ e(V, { monthOffset: 0, max: i, min: o })
+          ] }),
+          n === "1-month" && /* @__PURE__ */ e(w, {})
+        ] }),
+        n === "2-month" && /* @__PURE__ */ r(h, { display: "flex", alignItems: "center", gap: "12", children: [
+          /* @__PURE__ */ e(D, { offset: 1, layout: n, max: i, min: o }),
+          /* @__PURE__ */ e(V, { monthOffset: 1, max: i, min: o }),
+          /* @__PURE__ */ e(w, {})
+        ] })
+      ] }),
+      /* @__PURE__ */ r(a.Months, { children: [
+        /* @__PURE__ */ e(v, { monthsIndex: 0 }),
+        n === "2-month" && /* @__PURE__ */ e(v, { monthsIndex: 1 })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(F, { mode: t, showSelectedDate: s })
+  ] });
+}, z = j((n, i) => {
+  const {
+    children: o,
+    defaultValue: t,
+    layout: s,
+    mode: m = "range",
+    min: l,
+    max: c,
+    onValueChange: p,
+    showOutsideDays: k = !1,
+    showSelectedDate: y = !1,
+    value: M,
+    variant: O = "desktop",
+    ...P
+  } = n, u = x(() => l ? d(l) : void 0, [l]), C = x(() => c ? d(c) : void 0, [c]), I = M?.map(d), f = !o, g = /* @__PURE__ */ e(
+    q,
+    {
+      layout: s,
+      max: C,
+      min: u,
+      mode: m,
+      showSelectedDate: y
+    }
+  ), T = k ?? s === "1-month";
+  return /* @__PURE__ */ r(
+    a.Root,
+    {
+      defaultValue: t instanceof Array ? t.map(d) : t ? [d(t)] : void 0,
+      numOfMonths: s === "2-month" ? 2 : 1,
+      ref: i,
+      inline: f,
+      min: u,
+      max: C,
+      onValueChange: p ? (B) => {
+        const R = B.value?.map(E) || null;
+        p(R);
+      } : void 0,
+      selectionMode: m === "day" ? "single" : "range",
+      showOutsideDays: T,
+      startOfWeek: 1,
+      value: I,
+      variant: O,
+      ...P,
+      children: [
+        !f && /* @__PURE__ */ e(a.Control, { children: /* @__PURE__ */ e(Y, { children: o }) }),
+        f ? g : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(a.Positioner, { children: g }) })
+      ]
+    }
+  );
+});
+z.displayName = "BitkitCalendar";
+export {
+  z as default
+};

package/dist/components/BitkitCalendar/Calendar.utils.d.ts

@@ -0,0 +1,3 @@
+import { CalendarDate, DateValue } from '@internationalized/date';
+export declare const dateToCalendarDate: (date: Date) => CalendarDate;
+export declare const calendarDateToDate: (calendarDate: DateValue) => Date;

package/dist/components/BitkitCalendar/Calendar.utils.js

@@ -0,0 +1,6 @@
+import { CalendarDate as t } from "@internationalized/date";
+const n = (e) => new t(e.getFullYear(), e.getMonth() + 1, e.getDate()), o = (e) => new Date(e.year, e.month - 1, e.day);
+export {
+  o as calendarDateToDate,
+  n as dateToCalendarDate
+};

package/dist/components/BitkitCalendar/components/CalendarFooter.d.ts

@@ -0,0 +1,6 @@
+type CalendarFooterProps = {
+    mode?: 'day' | 'range';
+    showSelectedDate?: boolean;
+};
+declare const CalendarFooter: ({ mode, showSelectedDate }: CalendarFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CalendarFooter;

package/dist/components/BitkitCalendar/components/CalendarFooter.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Box as u } from "@chakra-ui/react/box";
+import { Button as y } from "@chakra-ui/react/button";
+import { Text as p } from "@chakra-ui/react/text";
+import { CalendarDate as g } from "@internationalized/date";
+import { calendarDateToDate as a } from "../Calendar.utils.js";
+import { useDatePickerContext as D } from "@ark-ui/react/date-picker";
+const v = ({ mode: n, showSelectedDate: l }) => {
+  const { setOpen: i, setValue: c, value: e } = D(), m = () => {
+    const t = /* @__PURE__ */ new Date(), r = new g(t.getFullYear(), t.getMonth() + 1, t.getDate());
+    c([r]), i(!1);
+  };
+  if (n === "day")
+    return /* @__PURE__ */ o(u, { display: "flex", justifyContent: "center", marginTop: "16", children: /* @__PURE__ */ o(y, { variant: "tertiary", size: "sm", onClick: m, children: "Today" }) });
+  if (e.length === 2 && l) {
+    const t = (f) => f.toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    }), r = a(e[0]), s = a(e[1]), d = `${t(r)} – ${t(s)}`;
+    return /* @__PURE__ */ o(p, { textAlign: "center", color: "text/secondary", marginTop: "24", textStyle: "body/lg/regular", children: d });
+  }
+  return null;
+};
+export {
+  v as default
+};

package/dist/components/BitkitCalendar/components/CalendarMonth.d.ts

@@ -0,0 +1,4 @@
+declare const CalendarMonth: ({ monthsIndex }: {
+    monthsIndex: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CalendarMonth;

package/dist/components/BitkitCalendar/components/CalendarMonth.js

@@ -0,0 +1,13 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { Text as c } from "@chakra-ui/react/text";
+import { DatePickerContext as h, DatePicker as r } from "../../../atoms/DatePicker/DatePicker.js";
+const f = ({ monthsIndex: o }) => /* @__PURE__ */ e(h, { children: (n) => {
+  const t = n.getOffset({ months: o });
+  return /* @__PURE__ */ d(r.Table, { children: [
+    /* @__PURE__ */ e(r.TableHead, { children: /* @__PURE__ */ e(r.TableRow, { children: n.weekDays.map((l, a) => /* @__PURE__ */ e(r.TableHeader, { children: l.short }, a)) }) }),
+    /* @__PURE__ */ e(r.TableBody, { children: t.weeks.map((l, a) => /* @__PURE__ */ e(r.TableRow, { children: l.map((i, s) => /* @__PURE__ */ e(r.TableCell, { value: i, visibleRange: t.visibleRange, children: /* @__PURE__ */ e(r.TableCellTrigger, { children: /* @__PURE__ */ e(c, { as: "span", children: i.day }) }) }, s)) }, a)) })
+  ] });
+} });
+export {
+  f as default
+};

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.d.ts

@@ -0,0 +1,9 @@
+import { CalendarDate } from '@internationalized/date';
+type CalendarMonthSelectProps = {
+    offset: number;
+    layout?: '1-month' | '2-month';
+    min?: CalendarDate;
+    max?: CalendarDate;
+};
+declare const CalendarMonthSelect: ({ offset, layout, min, max }: CalendarMonthSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarMonthSelect;

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js

@@ -0,0 +1,46 @@
+import { jsx as p } from "react/jsx-runtime";
+import { CalendarDate as c } from "@internationalized/date";
+import { rem as n } from "../../../theme/themeUtils.js";
+import M from "./CalendarSelect.js";
+import { useDatePickerContext as y } from "@ark-ui/react/date-picker";
+const g = [
+  { label: "January", value: "1" },
+  { label: "February", value: "2" },
+  { label: "March", value: "3" },
+  { label: "April", value: "4" },
+  { label: "May", value: "5" },
+  { label: "June", value: "6" },
+  { label: "July", value: "7" },
+  { label: "August", value: "8" },
+  { label: "September", value: "9" },
+  { label: "October", value: "10" },
+  { label: "November", value: "11" },
+  { label: "December", value: "12" }
+], S = ({ offset: s, layout: h, min: a, max: l }) => {
+  const e = y(), o = e.getOffset({ months: s }).visibleRange.start, m = g.filter((r) => {
+    if (!a && !l) return !0;
+    const t = parseInt(r.value, 10), i = o.year, u = new c(i, t, 1), v = u.add({ months: 1 }).subtract({ days: 1 }), f = a && v.compare(a) < 0, d = l && u.compare(l) > 0;
+    return !f && !d;
+  }), b = (r) => {
+    const t = parseInt(r.value[0], 10);
+    h === "1-month" ? e.focusMonth(t) : (e.setFocusedValue(new c(1990, 1, 1)), e.setFocusedValue(o.set({ month: t }).subtract({ months: s })));
+  };
+  return /* @__PURE__ */ p(
+    M,
+    {
+      contentProps: {
+        maxHeight: n(312),
+        width: n(148)
+      },
+      controlProps: {
+        width: n(114)
+      },
+      items: m,
+      onValueChange: b,
+      value: [o.month.toString()]
+    }
+  );
+};
+export {
+  S as default
+};

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.d.ts

@@ -0,0 +1,2 @@
+declare const CalendarNextTrigger: () => import("react/jsx-runtime").JSX.Element;
+export default CalendarNextTrigger;

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { IconButton as o } from "@chakra-ui/react";
+import e from "../../../icons/16x16/IconChevronRight16.js";
+import { useDatePickerContext as i } from "@ark-ui/react/date-picker";
+const s = () => {
+  const t = i();
+  return /* @__PURE__ */ r(o, { ...t.getNextTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(e, {}) });
+};
+export {
+  s as default
+};

package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.d.ts

@@ -0,0 +1,2 @@
+declare const CalendarPrevTrigger: () => import("react/jsx-runtime").JSX.Element;
+export default CalendarPrevTrigger;

package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js

@@ -0,0 +1,11 @@
+import { jsx as r } from "react/jsx-runtime";
+import { IconButton as e } from "@chakra-ui/react";
+import o from "../../../icons/16x16/IconChevronLeft16.js";
+import { useDatePickerContext as n } from "@ark-ui/react/date-picker";
+const s = () => {
+  const t = n();
+  return /* @__PURE__ */ r(e, { ...t.getPrevTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(o, {}) });
+};
+export {
+  s as default
+};

package/dist/components/BitkitCalendar/components/CalendarSelect.d.ts

@@ -0,0 +1,18 @@
+import { SelectContentProps, SelectControlProps, SelectRootProps } from '@chakra-ui/react/select';
+export interface BitkitSelectProps {
+    controlProps?: SelectControlProps;
+    contentProps?: SelectContentProps;
+    defaultValue?: string[];
+    items: Array<{
+        group?: string;
+        value: string;
+        label: string;
+    }>;
+    onValueChange?: SelectRootProps['onValueChange'];
+    value?: string[];
+}
+declare const CalendarSelect: {
+    (props: BitkitSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default CalendarSelect;

package/dist/components/BitkitCalendar/components/CalendarSelect.js

@@ -0,0 +1,39 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Box as f } from "@chakra-ui/react/box";
+import { createListCollection as h } from "@chakra-ui/react/collection";
+import { Portal as g } from "@chakra-ui/react/portal";
+import { Select as r } from "@chakra-ui/react/select";
+import { useSlotRecipe as C } from "@chakra-ui/react/styled-system";
+import S from "../../../icons/16x16/IconChevronDown16.js";
+import x from "../../BitkitSelectMenu/BitkitSelectMenu.js";
+const P = (i) => {
+  const { contentProps: c, controlProps: l, defaultValue: s, items: a, onValueChange: d, value: m } = i, p = h({
+    items: a,
+    groupBy: (t) => t.group || ""
+  }), o = C({ key: "datePickerSelect" })();
+  return /* @__PURE__ */ n(
+    r.Root,
+    {
+      collection: p,
+      defaultValue: s,
+      onValueChange: d,
+      size: "md",
+      value: m,
+      children: [
+        /* @__PURE__ */ e(r.HiddenSelect, {}),
+        /* @__PURE__ */ n(r.Control, { ...l, children: [
+          /* @__PURE__ */ e(r.Trigger, { css: o.trigger, children: /* @__PURE__ */ e(r.ValueText, {}) }),
+          /* @__PURE__ */ e(r.IndicatorGroup, { css: o.indicatorGroup, children: /* @__PURE__ */ e(r.Indicator, { css: o.indicator, children: /* @__PURE__ */ e(r.Context, { children: (t) => {
+            const u = t.open;
+            return /* @__PURE__ */ e(f, { transform: u ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.2s ease", children: /* @__PURE__ */ e(S, {}) });
+          } }) }) })
+        ] }),
+        /* @__PURE__ */ e(g, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(x, { contentProps: c }) }) })
+      ]
+    }
+  );
+};
+P.displayName = "CalendarSelect";
+export {
+  P as default
+};

package/dist/components/BitkitCalendar/components/CalendarTrigger.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const CalendarTrigger: ({ children }: {
+    children: ReactNode;
+}) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export default CalendarTrigger;

package/dist/components/BitkitCalendar/components/CalendarTrigger.js

@@ -0,0 +1,18 @@
+import { isValidElement as i, cloneElement as s } from "react";
+import { useDatePickerContext as c } from "@ark-ui/react/date-picker";
+const m = ({ children: r }) => {
+  const e = c().getTriggerProps();
+  if (!i(r))
+    throw new Error("CalendarTrigger children must be a valid React element");
+  const o = r.props, n = {
+    ...o,
+    ...e,
+    onClick: (t) => {
+      e.onClick?.(t), o.onClick?.(t);
+    }
+  };
+  return s(r, n);
+};
+export {
+  m as default
+};

package/dist/components/BitkitCalendar/components/CalendarYearSelect.d.ts

@@ -0,0 +1,12 @@
+import { CalendarDate } from '@internationalized/date';
+type CalendarYearSelectProps = {
+    min?: CalendarDate;
+    max?: CalendarDate;
+    monthOffset: number;
+    yearsRange?: {
+        from: number;
+        to: number;
+    };
+};
+declare const CalendarYearSelect: ({ monthOffset, max, min, yearsRange }: CalendarYearSelectProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarYearSelect;

package/dist/components/BitkitCalendar/components/CalendarYearSelect.js

@@ -0,0 +1,48 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { rem as l } from "../../../theme/themeUtils.js";
+import S from "./CalendarSelect.js";
+import { useDatePickerContext as Y } from "@ark-ui/react/date-picker";
+const M = ({ monthOffset: f, max: a, min: n, yearsRange: r }) => {
+  const s = Y(), u = s.getOffset({ months: f }).visibleRange.start, c = (o) => {
+    const e = parseInt(o.value[0], 10);
+    s.focusYear(e);
+  }, m = h(() => {
+    const o = (/* @__PURE__ */ new Date()).getFullYear();
+    let e = [];
+    if (r?.from)
+      for (let t = r.from; t <= r.to; t++)
+        e.push({
+          label: t.toString(),
+          value: t.toString()
+        });
+    else
+      e = [o - 1, o, o + 1].map((t) => ({
+        label: t.toString(),
+        value: t.toString()
+      }));
+    return n || a ? e.filter((t) => {
+      const i = parseInt(t.value, 10), p = n && i < n.year, d = a && i > a.year;
+      return !p && !d;
+    }) : e;
+  }, [r?.from, r?.to, n, a]);
+  return /* @__PURE__ */ g(
+    S,
+    {
+      contentProps: {
+        maxHeight: l(312),
+        width: l(108)
+      },
+      controlProps: {
+        width: l(77)
+      },
+      defaultValue: [(/* @__PURE__ */ new Date()).getFullYear().toString()],
+      items: m,
+      onValueChange: c,
+      value: [u.year.toString()]
+    }
+  );
+};
+export {
+  M as default
+};

package/dist/components/BitkitNumberInput/BitkitNumberInput.js

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Box as w } from "@chakra-ui/react/box";
+import { Box as x } from "@chakra-ui/react/box";
 import { NumberInput as i } from "@chakra-ui/react/number-input";
 import { forwardRef as b } from "react";
 import v from "../../icons/16x16/IconErrorCircleFilled16.js";
@@ -24,9 +24,9 @@ const W = b((a, d) => {
     tooltip: I,
     warningText: l,
     ...h
-  } = a, x = e === "warning" || !!l, m = e === "error" || !!t;
+  } = a, w = e === "warning" || !!l, m = e === "error" || !!t;
   let o;
-  return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : x && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
+  return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : w && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
     F,
     {
       disabled: e === "disabled",
@@ -49,7 +49,7 @@ const W = b((a, d) => {
           ...f,
           children: [
             /* @__PURE__ */ c(i.Control, { children: [
-              o && /* @__PURE__ */ r(w, { paddingInline: "12px", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
+              o && /* @__PURE__ */ r(x, { paddingInline: "12", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
               /* @__PURE__ */ r(i.DecrementTrigger, { _before: o ? j : void 0, children: /* @__PURE__ */ r(y, {}) }),
               /* @__PURE__ */ r(i.IncrementTrigger, { children: /* @__PURE__ */ r(T, {}) })
             ] }),

package/dist/components/index.d.ts

@@ -3,6 +3,7 @@ export { default as BitkitAlert, type BitkitAlertProps } from './BitkitAlert/Bit
 export { default as BitkitAvatar, type BitkitAvatarProps } from './BitkitAvatar/BitkitAvatar';
 export { default as BitkitBadge, type BitkitBadgeProps } from './BitkitBadge/BitkitBadge';
 export { default as BitkitButton, type BitkitButtonProps } from './BitkitButton/BitkitButton';
+export { default as BitkitCalendar, type BitkitCalendarProps } from './BitkitCalendar/BitkitCalendar';
 export { default as BitkitCard } from './BitkitCard/BitkitCard';
 export { default as BitkitCheckbox, type BitkitCheckboxProps } from './BitkitCheckbox/BitkitCheckbox';
 export { default as BitkitCheckboxGroup, type BitkitCheckboxGroupProps, } from './BitkitCheckboxGroup/BitkitCheckboxGroup';