@bitrise/bitkit-v2 0.3.154 → 0.3.155

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

@@ -45,8 +45,8 @@ export interface DatePickerTableCellTriggerProps extends HTMLChakraProps<'span',
 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 {
+    device: 'desktop' | 'mobile';
     showOutsideDays?: boolean;
-    variant: 'desktop' | 'mobile';
 }
 export declare const DatePicker: {
     Root: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -2,15 +2,15 @@ import { ReactNode } from 'react';
 export interface BitkitCalendarProps {
     children?: ReactNode;
     defaultValue?: Date | Date[] | null;
+    device?: 'desktop' | 'mobile';
     layout?: '1-month' | '2-month';
     max?: Date;
     min?: Date;
-    mode?: 'day' | 'range';
     onValueChange?: (value: Date[] | null) => void;
+    selectionMode?: 'day' | 'range';
     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

@@ -1,97 +1,97 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Box as h } from "@chakra-ui/react/box";
+import { Box as p } 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 { forwardRef as j, useMemo as v, 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 D from "./components/CalendarMonth.js";
+import w from "./components/CalendarMonthSelect.js";
+import V from "./components/CalendarNextTrigger.js";
 import W from "./components/CalendarPrevTrigger.js";
 import Y from "./components/CalendarTrigger.js";
-import V from "./components/CalendarYearSelect.js";
+import k 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
+  selectionMode: t,
+  showSelectedDate: m
 }) => {
-  const m = b(), l = N(t);
+  const l = b(), s = N(t);
   return A(() => {
-    l.current !== t && (m.clearValue(), l.current = t);
+    s.current !== t && (l.clearValue(), s.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__ */ r(p, { 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 })
+          /* @__PURE__ */ r(p, { display: "flex", alignItems: "center", children: [
+            /* @__PURE__ */ e(w, { offset: 0, layout: n, max: i, min: o }),
+            /* @__PURE__ */ e(k, { monthOffset: 0, max: i, min: o })
           ] }),
-          n === "1-month" && /* @__PURE__ */ e(w, {})
+          n === "1-month" && /* @__PURE__ */ e(V, {})
         ] }),
-        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, {})
+        n === "2-month" && /* @__PURE__ */ r(p, { display: "flex", alignItems: "center", gap: "12", children: [
+          /* @__PURE__ */ e(w, { offset: 1, layout: n, max: i, min: o }),
+          /* @__PURE__ */ e(k, { monthOffset: 1, max: i, min: o }),
+          /* @__PURE__ */ e(V, {})
         ] })
       ] }),
       /* @__PURE__ */ r(a.Months, { children: [
-        /* @__PURE__ */ e(v, { monthsIndex: 0 }),
-        n === "2-month" && /* @__PURE__ */ e(v, { monthsIndex: 1 })
+        /* @__PURE__ */ e(D, { monthsIndex: 0 }),
+        n === "2-month" && /* @__PURE__ */ e(D, { monthsIndex: 1 })
       ] })
     ] }),
-    /* @__PURE__ */ e(F, { mode: t, showSelectedDate: s })
+    /* @__PURE__ */ e(F, { selectionMode: t, showSelectedDate: m })
   ] });
 }, z = j((n, i) => {
   const {
     children: o,
     defaultValue: t,
-    layout: s,
-    mode: m = "range",
-    min: l,
+    device: m = "desktop",
+    layout: l,
+    selectionMode: s = "range",
+    min: f,
     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(
+    onValueChange: u,
+    showOutsideDays: y = !1,
+    showSelectedDate: O = !1,
+    value: P,
+    ...I
+  } = n, C = v(() => f ? d(f) : void 0, [f]), g = v(() => c ? d(c) : void 0, [c]), T = P?.map(d), h = !o, x = /* @__PURE__ */ e(
     q,
     {
-      layout: s,
-      max: C,
-      min: u,
-      mode: m,
-      showSelectedDate: y
+      layout: l,
+      max: g,
+      min: C,
+      selectionMode: s,
+      showSelectedDate: O
     }
-  ), T = k ?? s === "1-month";
+  ), B = y ?? l === "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,
+      device: m,
+      numOfMonths: l === "2-month" ? 2 : 1,
       ref: i,
-      inline: f,
-      min: u,
-      max: C,
-      onValueChange: p ? (B) => {
-        const R = B.value?.map(E) || null;
-        p(R);
+      inline: h,
+      min: C,
+      max: g,
+      onValueChange: u ? (M) => {
+        const R = M.value?.map(E) || null;
+        u(R);
       } : void 0,
-      selectionMode: m === "day" ? "single" : "range",
-      showOutsideDays: T,
+      selectionMode: s === "day" ? "single" : "range",
+      showOutsideDays: B,
       startOfWeek: 1,
-      value: I,
-      variant: O,
-      ...P,
+      value: T,
+      ...I,
       children: [
-        !f && /* @__PURE__ */ e(a.Control, { children: /* @__PURE__ */ e(Y, { children: o }) }),
-        f ? g : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(a.Positioner, { children: g }) })
+        !h && /* @__PURE__ */ e(a.Control, { children: /* @__PURE__ */ e(Y, { children: o }) }),
+        h ? x : /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(a.Positioner, { children: x }) })
       ]
     }
   );

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

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

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

@@ -1,27 +1,28 @@
 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 { Text as g } from "@chakra-ui/react/text";
+import { CalendarDate as p } 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);
+const j = ({ selectionMode: n, showSelectedDate: i }) => {
+  const { setOpen: l, setValue: s, value: e } = D(), c = () => {
+    const t = /* @__PURE__ */ new Date(), r = new p(t.getFullYear(), t.getMonth() + 1, t.getDate());
+    s([r]), l(!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) {
+    return /* @__PURE__ */ o(u, { display: "flex", justifyContent: "center", marginTop: "16", children: /* @__PURE__ */ o(y, { variant: "tertiary", size: "sm", onClick: c, children: "Today" }) });
+  if (e.length === 2 && i) {
     const t = (f) => f.toLocaleDateString("en-US", {
+      weekday: "short",
       month: "short",
-      day: "numeric",
+      day: "2-digit",
       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 });
+    }), r = a(e[0]), d = a(e[1]), m = `${t(r)} – ${t(d)}`;
+    return /* @__PURE__ */ o(g, { textAlign: "center", color: "text/secondary", marginTop: "24", textStyle: "body/lg/regular", children: m });
   }
   return null;
 };
 export {
-  v as default
+  j as default
 };

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

@@ -6,25 +6,25 @@ import { useSlotRecipe as f } from "@chakra-ui/react/styled-system";
 import g from "../../../utilities/AssetSelectChevron.js";
 import S from "../../BitkitSelectMenu/BitkitSelectMenu.js";
 const C = (c) => {
-  const { contentProps: l, controlProps: n, defaultValue: s, items: a, onValueChange: d, value: p } = c, o = u({
-    items: a,
-    groupBy: (m) => m.group || ""
+  const { contentProps: l, controlProps: n, defaultValue: s, items: d, onValueChange: a, value: m } = c, o = u({
+    items: d,
+    groupBy: (p) => p.group || ""
   }), t = f({ key: "datePickerSelect" })();
   return /* @__PURE__ */ i(
     r.Root,
     {
       collection: o,
       defaultValue: s,
-      onValueChange: d,
+      onValueChange: a,
       size: "md",
-      value: p,
+      value: m,
       children: [
         /* @__PURE__ */ e(r.HiddenSelect, {}),
         /* @__PURE__ */ i(r.Control, { ...n, children: [
           /* @__PURE__ */ e(r.Trigger, { css: t.trigger, children: /* @__PURE__ */ e(r.ValueText, {}) }),
           /* @__PURE__ */ e(r.IndicatorGroup, { css: t.indicatorGroup, children: /* @__PURE__ */ e(r.Indicator, { asChild: !0, css: t.indicator, children: /* @__PURE__ */ e(g, { width: "20", height: "20" }) }) })
         ] }),
-        /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(S, { collection: o, contentProps: l }) }) })
+        /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(S, { collection: o, contentProps: l, size: "md" }) }) })
       ]
     }
   );

package/dist/theme/slot-recipes/DatePicker.recipe.d.ts

@@ -27,7 +27,7 @@ declare const datePickerSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinit
             };
         };
     };
-    variant: {
+    device: {
         mobile: {
             content: {
                 boxShadow: "none";

package/dist/theme/slot-recipes/DatePicker.recipe.js

@@ -84,6 +84,7 @@ const i = a({
         borderRadius: 0,
         backgroundColor: "interactive/disabled",
         color: "text/disabled",
+        cursor: "default",
         "&:hover, &[data-outside-range]:hover": {
           borderRadius: 0,
           backgroundColor: "interactive/disabled",
@@ -91,16 +92,14 @@ const i = a({
         }
       },
       "&[data-outside-range]": {
-        color: "text/tertiary",
-        cursor: "not-allowed"
+        color: "text/tertiary"
       },
       "&[data-outside-range][data-unavailable]": {
         color: "text/disabled"
       },
       "&[data-outside-range][data-in-range], &[data-outside-range][data-in-range]:hover": {
         backgroundColor: "interactive/moderate",
-        color: "interactive/bold",
-        cursor: "not-allowed"
+        color: "interactive/bold"
       },
       "&[data-outside-range][data-range-end]": {
         backgroundColor: "interactive/highlight",
@@ -229,7 +228,7 @@ const i = a({
         }
       }
     },
-    variant: {
+    device: {
       mobile: {
         content: {
           boxShadow: "none",

package/dist/theme/slot-recipes/index.d.ts

@@ -352,7 +352,7 @@ declare const slotRecipes: {
                 };
             };
         };
-        variant: {
+        device: {
             mobile: {
                 content: {
                     boxShadow: "none";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.154",
+  "version": "0.3.155",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",