@bitrise/bitkit-v2 0.3.76 → 0.3.78

package/dist/components/BitkitActionBar/BitkitActionBar.js

@@ -0,0 +1,19 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { ActionBar as r } from "@chakra-ui/react/action-bar";
+import { Portal as a } from "@chakra-ui/react/portal";
+import d from "../BitkitCloseButton/BitkitCloseButton.js";
+const x = (n) => {
+  const { children: l, countValue: c, onClose: o, size: e, ...s } = n;
+  return /* @__PURE__ */ t(r.Root, { size: e, ...s, children: /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(r.Positioner, { children: /* @__PURE__ */ i(r.Content, { children: [
+    /* @__PURE__ */ i(r.SelectionTrigger, { tabIndex: -1, textStyle: e === "xs" ? "body/sm/regular" : "body/md/regular", children: [
+      c,
+      " selected"
+    ] }),
+    /* @__PURE__ */ t(r.Separator, {}),
+    l,
+    !!o && /* @__PURE__ */ t(d, { colorPalette: "neutral", onClick: o, size: e })
+  ] }) }) }) });
+};
+export {
+  x as default
+};

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

@@ -1,23 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useRecipe as l, chakra as a } from "@chakra-ui/react/styled-system";
+import { useRecipe as l, chakra as m } from "@chakra-ui/react/styled-system";
 import { forwardRef as c } from "react";
 import n from "../../icons/16x16/IconCross16.js";
-import m from "../../icons/24x24/IconCross24.js";
-const p = c((e, s) => {
-  const { size: t, ...r } = e, i = l({ key: "closeButton" });
-  return /* @__PURE__ */ o(
-    a.button,
+import p from "../../icons/24x24/IconCross24.js";
+import f from "../BitkitTooltip/BitkitTooltip.js";
+const u = c((i, s) => {
+  const { "aria-label": t = "Close", size: r, ...e } = i, a = l({ key: "closeButton" });
+  return /* @__PURE__ */ o(f, { showArrow: !1, size: "sm", text: t, children: /* @__PURE__ */ o(
+    m.button,
     {
       ref: s,
-      "aria-label": "Close",
-      ...r,
-      css: i({ size: t }),
-      color: r.colorPalette === "neutral" ? "icon/primary" : void 0,
-      children: t === "xs" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(m, {})
+      "aria-label": t,
+      ...e,
+      css: a({ size: r }),
+      color: e.colorPalette === "neutral" ? "icon/primary" : void 0,
+      children: r === "xs" ? /* @__PURE__ */ o(n, {}) : /* @__PURE__ */ o(p, {})
     }
-  );
+  ) });
 });
-p.displayName = "BitkitCloseButton";
+u.displayName = "BitkitCloseButton";
 export {
-  p as default
+  u as default
 };

package/dist/components/BitkitColorButton/BitkitColorButton.js

@@ -0,0 +1,8 @@
+import { createRecipeContext as t } from "@chakra-ui/react/styled-system";
+import o from "../../theme/recipes/ColorButton.recipe.js";
+const { withContext: e } = t({ recipe: o }), n = e("button", {
+  defaultProps: { type: "button" }
+});
+export {
+  n as default
+};

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts

@@ -0,0 +1,8 @@
+import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+export interface BitkitDefinitionTooltipProps extends Pick<BitkitTooltipProps, 'placement' | 'tooltipProps'> {
+    children: string;
+    method?: 'click' | 'hover';
+    text: string;
+}
+declare const BitkitDefinitionTooltip: (props: BitkitDefinitionTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export default BitkitDefinitionTooltip;

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useRecipe as a, chakra as m } from "@chakra-ui/react/styled-system";
+import { useState as d } from "react";
+import f from "../BitkitTooltip/BitkitTooltip.js";
+const y = (r) => {
+  const { children: n, method: t = "click", text: p, tooltipProps: i, ...c } = r, s = a({ key: "definitionTooltip" }), [o, l] = d(!1);
+  return /* @__PURE__ */ e(f, { tooltipProps: t === "click" ? { ...i, open: o } : i, text: p, ...c, children: /* @__PURE__ */ e(
+    m.button,
+    {
+      "aria-expanded": o,
+      css: s({ method: t }),
+      onClick: t === "click" ? () => l(!o) : void 0,
+      type: "button",
+      children: n
+    }
+  ) });
+};
+export {
+  y as default
+};

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.d.ts

@@ -0,0 +1,17 @@
+import { TooltipRootProps } from '@chakra-ui/react/tooltip';
+import { ReactNode } from 'react';
+import { BitkitColorButtonProps } from '../BitkitColorButton/BitkitColorButton';
+export type BitkitInteractiveTooltipProps = {
+    button?: BitkitColorButtonProps;
+    children: ReactNode;
+    learnMoreTarget?: HTMLAnchorElement['target'];
+    learnMoreUrl: string;
+    placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    text: string;
+    tooltipProps?: TooltipRootProps;
+};
+declare const BitkitInteractiveTooltip: {
+    ({ button, children, learnMoreTarget, learnMoreUrl, placement, text, tooltipProps, }: BitkitInteractiveTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default BitkitInteractiveTooltip;

package/dist/components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js

@@ -0,0 +1,46 @@
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { Box as c } from "@chakra-ui/react/box";
+import { Link as m } from "@chakra-ui/react/link";
+import { Tooltip as r } from "@chakra-ui/react/tooltip";
+import f from "../BitkitColorButton/BitkitColorButton.js";
+const d = ({
+  button: o,
+  children: n,
+  learnMoreTarget: e,
+  learnMoreUrl: l,
+  placement: s = "top",
+  text: p,
+  tooltipProps: a
+}) => /* @__PURE__ */ t(
+  r.Root,
+  {
+    positioning: { placement: s, offset: { mainAxis: 8, crossAxis: 0 } },
+    ...a,
+    interactive: !0,
+    size: "lg",
+    children: [
+      /* @__PURE__ */ i(r.Trigger, { asChild: !0, children: n }),
+      /* @__PURE__ */ i(r.Positioner, { children: /* @__PURE__ */ t(r.Content, { children: [
+        /* @__PURE__ */ i(r.Arrow, { children: /* @__PURE__ */ i(r.ArrowTip, {}) }),
+        p,
+        /* @__PURE__ */ t(c, { marginBlockStart: "16", display: "flex", gap: "16", justifyContent: "space-between", alignItems: "center", children: [
+          /* @__PURE__ */ i(
+            m,
+            {
+              color: "sys/purple/highlight",
+              href: l,
+              target: e,
+              rel: e === "_blank" ? "noopener noreferrer" : void 0,
+              children: "Learn more"
+            }
+          ),
+          o && /* @__PURE__ */ i(f, { ...o })
+        ] })
+      ] }) })
+    ]
+  }
+);
+d.displayName = "BitkitInteractiveTooltip";
+export {
+  d as default
+};

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -0,0 +1,41 @@
+import { jsx as o, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { createContext as y } from "@chakra-ui/react";
+import { Box as R } from "@chakra-ui/react/box";
+import { Tabs as a } from "@chakra-ui/react/tabs";
+import { Text as f } from "@chakra-ui/react/text";
+import { forwardRef as p } from "react";
+const [g, u] = y({
+  name: "RootPropsContext",
+  hookName: "useRootPropsContext",
+  providerName: "<RootProps />"
+}), c = p((t, r) => /* @__PURE__ */ o(g, { value: t, children: /* @__PURE__ */ o(a.Root, { ref: r, ...t }) }));
+c.displayName = "BitkitTabs.Root";
+const x = p((t, r) => {
+  const { badge: T, children: s, icon: n, secondaryText: d, ...l } = t, { variant: b } = u();
+  return /* @__PURE__ */ o(a.Trigger, { ref: r, ...l, children: b === "line" ? /* @__PURE__ */ i(m, { children: [
+    n,
+    s,
+    T
+  ] }) : /* @__PURE__ */ i(m, { children: [
+    /* @__PURE__ */ i(R, { display: "flex", gap: "16", children: [
+      s,
+      n
+    ] }),
+    !!d && /* @__PURE__ */ o(f, { as: "span", textStyle: "body/md/regular", color: l.disabled ? "text/on-disabled" : "text/secondary", children: d })
+  ] }) });
+});
+x.displayName = "BitkitTabs.Trigger";
+const e = {
+  ...a,
+  Root: c,
+  Trigger: x
+};
+e.Content.displayName = "BitkitTabs.Content";
+e.List.displayName = "BitkitTabs.List";
+e.ContentGroup.displayName = "BitkitTabs.ContentGroup";
+e.Root.displayName = "BitkitTabs.Root";
+export {
+  g as RootPropsProvider,
+  e as default,
+  u as useRootPropsContext
+};

package/dist/components/BitkitToggle/components/BitkitToggleReadOnly.d.ts

@@ -1,4 +1,4 @@
 import { BitkitToggleProps } from '../BitkitToggle.types';
 type Props = Pick<BitkitToggleProps, 'state' | 'children'>;
-declare const BitkitToggleReadOnly: ({ state, children }: Props) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const BitkitToggleReadOnly: ({ state, children }: Props) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined;
 export default BitkitToggleReadOnly;

package/dist/components/BitkitTooltip/BitkitTooltip.d.ts

@@ -3,11 +3,13 @@ import { ReactNode } from 'react';
 export type BitkitTooltipProps = {
     children: ReactNode;
     placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
+    showArrow?: boolean;
+    size?: TooltipRootProps['size'];
     text: string;
     tooltipProps?: TooltipRootProps;
 };
 declare const BitkitTooltip: {
-    ({ children, placement, text, tooltipProps }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, placement, showArrow, size, text, tooltipProps, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/components/BitkitTooltip/BitkitTooltip.js

@@ -1,13 +1,20 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { Tooltip as i } from "@chakra-ui/react/tooltip";
-const l = ({ children: r, placement: s = "top", text: e, tooltipProps: n }) => /* @__PURE__ */ t(i.Root, { positioning: { placement: s, offset: { mainAxis: 8, crossAxis: 0 } }, ...n, children: [
+const d = ({
+  children: r,
+  placement: e = "top",
+  showArrow: s = !0,
+  size: n = "md",
+  text: l,
+  tooltipProps: p
+}) => /* @__PURE__ */ t(i.Root, { positioning: { placement: e, offset: { mainAxis: 8, crossAxis: 0 } }, size: n, ...p, children: [
   /* @__PURE__ */ o(i.Trigger, { asChild: !0, children: r }),
   /* @__PURE__ */ o(i.Positioner, { children: /* @__PURE__ */ t(i.Content, { children: [
-    /* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }),
-    e
+    s && /* @__PURE__ */ o(i.Arrow, { children: /* @__PURE__ */ o(i.ArrowTip, {}) }),
+    l
   ] }) })
 ] });
-l.displayName = "BitkitTooltip";
+d.displayName = "BitkitTooltip";
 export {
-  l as default
+  d as default
 };

package/dist/components/index.d.ts

@@ -1,9 +1,15 @@
+export { default as BitkitActionBar, type BitkitActionBarProps } from './BitkitActionBar/BitkitActionBar';
+export { default as BitkitBadge, type BitkitBadgeProps } from './BitkitBadge/BitkitBadge';
 export { default as BitkitButton, type BitkitButtonProps } from './BitkitButton/BitkitButton';
 export { default as BitkitCloseButton, type BitkitCloseButtonProps } from './BitkitCloseButton/BitkitCloseButton';
+export { default as BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
+export { default as BitkitDefinitionTooltip, type BitkitDefinitionTooltipProps, } from './BitkitDefinitionTooltip/BitkitDefinitionTooltip';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
+export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
+export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTextField, type BitkitTextFieldProps } from './BitkitTextField/BitkitTextField';
 export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';