@bitrise/bitkit-v2 0.3.151 → 0.3.153

package/dist/components/BitkitButton/BitkitButton.d.ts

@@ -1,10 +1,10 @@
 import { ButtonProps } from '@chakra-ui/react/button';
 import { BitkitIconComponent } from '../../icons';
-export interface BitkitButtonProps extends Omit<ButtonProps, 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'> {
+export interface BitkitButtonProps extends Omit<ButtonProps, 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'> {
     children: string;
-    leftIcon?: BitkitIconComponent;
-    rightIcon?: BitkitIconComponent;
+    icon?: BitkitIconComponent;
     state?: 'disabled' | 'loading' | 'skeleton';
+    suffixIcon?: BitkitIconComponent;
 }
 declare const BitkitButton: import('react').ForwardRefExoticComponent<BitkitButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default BitkitButton;

package/dist/components/BitkitButton/BitkitButton.js

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { Button as m } from "@chakra-ui/react/button";
-import { Skeleton as p } from "@chakra-ui/react/skeleton";
-import { forwardRef as f, Fragment as h } from "react";
-const g = f((s, l) => {
-  const { children: a, leftIcon: o, rightIcon: i, size: n, state: t, ...d } = s, r = n === "sm" ? "16" : "24";
-  return /* @__PURE__ */ e(p, { asChild: !0, loading: t === "skeleton", children: /* @__PURE__ */ c(m, { disabled: t === "disabled", loading: t === "loading", ref: l, size: n, ...d, children: [
-    o && /* @__PURE__ */ e(o, { size: r }),
-    /* @__PURE__ */ e(t === "skeleton" ? "span" : h, { children: a }),
-    i && /* @__PURE__ */ e(i, { size: r })
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import { Button as f } from "@chakra-ui/react/button";
+import { Skeleton as m } from "@chakra-ui/react/skeleton";
+import { forwardRef as u } from "react";
+const p = u((r, d) => {
+  const { children: a, icon: t, size: e, state: o, suffixIcon: n, ...l } = r, s = e === "sm" ? "16" : "24";
+  return /* @__PURE__ */ i(m, { asChild: !0, loading: o === "skeleton", children: /* @__PURE__ */ c(f, { disabled: o === "disabled", loading: o === "loading", ref: d, size: e, ...l, children: [
+    t && /* @__PURE__ */ i(t, { size: s }),
+    /* @__PURE__ */ i("span", { children: a }),
+    n && /* @__PURE__ */ i(n, { size: s })
   ] }) });
 });
-g.displayName = "BitkitButton";
+p.displayName = "BitkitButton";
 export {
-  g as default
+  p as default
 };

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

@@ -4,7 +4,7 @@ import o from "../../../icons/IconChevronRight.js";
 import { useDatePickerContext as i } from "@ark-ui/react/date-picker";
 const m = () => {
   const t = i();
-  return /* @__PURE__ */ r(e, { ...t.getNextTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(o, { size: "16" }) });
+  return /* @__PURE__ */ r(e, { ...t.getNextTriggerProps(), color: "button/secondary/fg/text", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(o, { size: "16" }) });
 };
 export {
   m as default

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

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

package/dist/components/BitkitDialog/BitkitDialog.d.ts

@@ -0,0 +1,24 @@
+import { Dialog } from '@chakra-ui/react/dialog';
+import { ReactNode } from 'react';
+export interface BitkitDialogProps {
+    label?: string;
+    maxHeight?: string;
+    onOpenChange?: (details: {
+        open: boolean;
+    }) => void;
+    open?: boolean;
+    preventScroll?: boolean;
+    scrollBehavior?: 'inside' | 'outside';
+    showScrollGradient?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    title: ReactNode;
+    trigger?: ReactNode;
+    children?: ReactNode;
+}
+declare const BitkitDialog: {
+    ({ label, maxHeight, onOpenChange, open, title, trigger, children, preventScroll, scrollBehavior, showScrollGradient, size, }: BitkitDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const BitkitDialogActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const BitkitDialogFooter: import('react').ForwardRefExoticComponent<Dialog.FooterProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitDialog;

package/dist/components/BitkitDialog/BitkitDialog.js

@@ -0,0 +1,50 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { Dialog as i } from "@chakra-ui/react/dialog";
+import { Portal as f } from "@chakra-ui/react/portal";
+import k from "./BitkitDialogContent.js";
+import D from "./BitkitDialogRoot.js";
+const h = ({
+  label: e,
+  maxHeight: l,
+  onOpenChange: m,
+  open: n,
+  title: d,
+  trigger: t,
+  children: p,
+  preventScroll: g,
+  scrollBehavior: r,
+  showScrollGradient: s,
+  size: c
+}) => /* @__PURE__ */ a(
+  D,
+  {
+    open: n,
+    preventScroll: g,
+    scrollBehavior: r,
+    size: c,
+    onOpenChange: m,
+    children: [
+      t && /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: t }),
+      /* @__PURE__ */ a(f, { children: [
+        /* @__PURE__ */ o(i.Backdrop, {}),
+        /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ o(
+          k,
+          {
+            label: e,
+            maxHeight: l,
+            scrollBehavior: r,
+            showScrollGradient: s,
+            title: d,
+            children: p
+          }
+        ) })
+      ] })
+    ]
+  }
+);
+i.ActionTrigger;
+i.Footer;
+h.displayName = "BitkitDialog";
+export {
+  h as default
+};

package/dist/components/BitkitDialog/BitkitDialogBody.d.ts

@@ -0,0 +1,9 @@
+import { Dialog } from '@chakra-ui/react/dialog';
+interface DialogBodyContext {
+    scrollBehavior: 'inside' | 'outside';
+    showScrollGradient: boolean;
+}
+export type BitkitDialogBodyProps = Dialog.BodyProps;
+export declare const DialogBodyContext: import('react').Context<DialogBodyContext>;
+declare const BitkitDialogBody: (props: BitkitDialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDialogBody;

package/dist/components/BitkitDialog/BitkitDialogBody.js

@@ -0,0 +1,53 @@
+import { jsx as t, jsxs as u, Fragment as p } from "react/jsx-runtime";
+import { Box as d } from "@chakra-ui/react/box";
+import { Dialog as f, useDialogContext as y } from "@chakra-ui/react/dialog";
+import { useSlotRecipe as g, chakra as S } from "@chakra-ui/react/styled-system";
+import { useContext as m, createContext as v, useRef as x, useState as C, useCallback as D, useEffect as k } from "react";
+import w from "../../icons/IconArrowDown.js";
+const B = v({
+  scrollBehavior: "outside",
+  showScrollGradient: !0
+}), R = ({ children: r, ...n }) => {
+  const { showScrollGradient: b } = m(B), c = g({ key: "dialog" })({}), { open: i } = y(), e = x(null), [h, a] = C(!1), s = D(() => {
+    const o = e.current;
+    if (!o) {
+      a(!1);
+      return;
+    }
+    const l = o.scrollTop >= o.scrollHeight - o.offsetHeight - 1;
+    a(!l);
+  }, []);
+  return k(() => {
+    const o = e.current;
+    if (!i || !o) return;
+    o.addEventListener("scroll", s);
+    const l = new ResizeObserver(s);
+    return l.observe(o), () => {
+      o.removeEventListener("scroll", s), l.disconnect();
+    };
+  }, [i, s]), /* @__PURE__ */ u(d, { css: c.scrollBody, children: [
+    /* @__PURE__ */ t(f.Body, { ref: e, ...n, children: r }),
+    h && /* @__PURE__ */ u(p, { children: [
+      b && /* @__PURE__ */ t(d, { css: c.scrollGradient }),
+      /* @__PURE__ */ t(
+        S.button,
+        {
+          "aria-label": "Scroll to bottom",
+          css: c.scrollButton,
+          type: "button",
+          onClick: () => {
+            e.current?.scrollTo({ top: e.current.scrollHeight, behavior: "smooth" });
+          },
+          children: /* @__PURE__ */ t(w, { color: "icon/tertiary", size: "16" })
+        }
+      )
+    ] })
+  ] });
+}, I = (r) => {
+  const { scrollBehavior: n } = m(B);
+  return n === "inside" ? /* @__PURE__ */ t(R, { ...r }) : /* @__PURE__ */ t(f.Body, { ...r });
+};
+export {
+  B as DialogBodyContext,
+  I as default
+};

package/dist/components/BitkitDialog/BitkitDialogContent.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface BitkitDialogContentProps {
+    label?: string;
+    maxHeight?: string;
+    scrollBehavior?: 'inside' | 'outside';
+    showScrollGradient?: boolean;
+    title: ReactNode;
+    children?: ReactNode;
+}
+declare const BitkitDialogContent: ({ label, maxHeight, title, scrollBehavior, showScrollGradient, children, }: BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDialogContent;

package/dist/components/BitkitDialog/BitkitDialogContent.js

@@ -0,0 +1,29 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Box as m } from "@chakra-ui/react/box";
+import { Dialog as i } from "@chakra-ui/react/dialog";
+import { useSlotRecipe as a, chakra as p } from "@chakra-ui/react/styled-system";
+import f from "../BitkitCloseButton/BitkitCloseButton.js";
+import { DialogBodyContext as h } from "./BitkitDialogBody.js";
+const D = ({
+  label: r,
+  maxHeight: t,
+  title: l,
+  scrollBehavior: n = "outside",
+  showScrollGradient: s = !0,
+  children: c
+}) => {
+  const d = a({ key: "dialog" })({});
+  return /* @__PURE__ */ e(i.Content, { maxHeight: t, children: /* @__PURE__ */ o(h.Provider, { value: { scrollBehavior: n, showScrollGradient: s }, children: [
+    /* @__PURE__ */ o(i.Header, { children: [
+      /* @__PURE__ */ o(m, { display: "flex", flexDirection: "column", gap: "4", children: [
+        r && /* @__PURE__ */ e(p.p, { css: d.label, children: r }),
+        /* @__PURE__ */ e(i.Title, { children: l })
+      ] }),
+      /* @__PURE__ */ e(i.CloseTrigger, { asChild: !0, children: /* @__PURE__ */ e(f, { size: "md" }) })
+    ] }),
+    c
+  ] }) });
+};
+export {
+  D as default
+};

package/dist/components/BitkitDialog/BitkitDialogRoot.d.ts

@@ -0,0 +1,4 @@
+import { Dialog } from '@chakra-ui/react/dialog';
+export type BitkitDialogRootProps = Dialog.RootProps;
+declare const BitkitDialogRoot: ({ closeOnInteractOutside, preventScroll, ...props }: BitkitDialogRootProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDialogRoot;

package/dist/components/BitkitDialog/BitkitDialogRoot.js

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Dialog as a } from "@chakra-ui/react/dialog";
+const l = ({
+  closeOnInteractOutside: o = !1,
+  preventScroll: t = !0,
+  ...i
+}) => /* @__PURE__ */ r(a.Root, { closeOnInteractOutside: o, preventScroll: t, ...i });
+export {
+  l as default
+};

package/dist/components/index.d.ts

@@ -13,6 +13,10 @@ export { default as BitkitColorButton, type BitkitColorButtonProps } from './Bit
 export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
 export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';
 export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
+export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/BitkitDialog';
+export { default as BitkitDialogBody, type BitkitDialogBodyProps } from './BitkitDialog/BitkitDialogBody';
+export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
+export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';