@bitrise/bitkit-v2 0.3.118 → 0.3.120

package/dist/components/BitkitCheckbox/BitkitCheckbox.d.ts

@@ -1,8 +1,15 @@
 import { Checkbox } from '@chakra-ui/react/checkbox';
+import { InputHTMLAttributes } from 'react';
 export type BitkitCheckboxProps = {
     helperText?: string;
-    label: string;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    labelText: string;
     state?: 'disabled' | 'readOnly' | 'skeleton';
-} & Omit<Checkbox.RootProps, 'disabled' | 'label' | 'readOnly'>;
-declare const BitkitCheckbox: (props: BitkitCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+} & Omit<Checkbox.RootProps, 'disabled' | 'readOnly'>;
+declare const BitkitCheckbox: import('react').ForwardRefExoticComponent<{
+    helperText?: string;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    labelText: string;
+    state?: "disabled" | "readOnly" | "skeleton";
+} & Omit<Checkbox.RootProps, "disabled" | "readOnly"> & import('react').RefAttributes<HTMLInputElement>>;
 export default BitkitCheckbox;

package/dist/components/BitkitCheckbox/BitkitCheckbox.js

@@ -1,20 +1,22 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Checkbox as o } from "@chakra-ui/react/checkbox";
-import { Skeleton as i } from "@chakra-ui/react/skeleton";
-import { Text as m } from "@chakra-ui/react/text";
-import s from "../../icons/24x24/IconCheck24.js";
-import a from "../../icons/24x24/IconMinus24.js";
-const u = (d) => {
-  const { helperText: r, label: c, state: t, ...l } = d;
-  return /* @__PURE__ */ n(o.Root, { disabled: t === "disabled", readOnly: t === "readOnly", ...l, children: [
-    /* @__PURE__ */ e(o.HiddenInput, {}),
-    /* @__PURE__ */ e(i, { loading: t === "skeleton", children: /* @__PURE__ */ e(o.Control, { children: l.checked === "indeterminate" ? /* @__PURE__ */ e(a, {}) : /* @__PURE__ */ e(s, {}) }) }),
-    /* @__PURE__ */ e(i, { loading: t === "skeleton", children: /* @__PURE__ */ n(o.Label, { as: "div", children: [
-      c,
-      !!r && /* @__PURE__ */ e(m, { color: "text/helper", textStyle: "comp/input/helperText", children: r })
+import { Skeleton as n } from "@chakra-ui/react/skeleton";
+import { Text as a } from "@chakra-ui/react/text";
+import { forwardRef as s } from "react";
+import h from "../../icons/24x24/IconCheck24.js";
+import x from "../../icons/24x24/IconMinus24.js";
+const f = s((d, c) => {
+  const { helperText: r, inputProps: m, labelText: p, state: t, ...i } = d;
+  return /* @__PURE__ */ l(o.Root, { disabled: t === "disabled", readOnly: t === "readOnly", ...i, children: [
+    /* @__PURE__ */ e(o.HiddenInput, { ref: c, ...m }),
+    /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ e(o.Control, { children: i.checked === "indeterminate" ? /* @__PURE__ */ e(x, {}) : /* @__PURE__ */ e(h, {}) }) }),
+    /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ l(o.Label, { as: "div", children: [
+      p,
+      !!r && /* @__PURE__ */ e(a, { color: "text/helper", textStyle: "comp/input/helperText", children: r })
     ] }) })
   ] });
-};
+});
+f.displayName = "BitkitCheckbox";
 export {
-  u as default
+  f as default
 };

package/dist/components/BitkitCheckboxGroup/BitkitCheckboxGroup.d.ts

@@ -4,11 +4,12 @@ import { ReactNode } from 'react';
 export interface BitkitCheckboxGroupProps extends Fieldset.RootProps {
     checkboxGroupProps?: CheckboxGroupProps;
     children: ReactNode;
+    errorText?: string;
     helperText?: string;
     label: string;
     name?: CheckboxGroupProps['name'];
     onValueChange: CheckboxGroupProps['onValueChange'];
     value: CheckboxGroupProps['value'];
 }
-declare const BitkitCheckboxGroup: (props: BitkitCheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitCheckboxGroup: import('react').ForwardRefExoticComponent<BitkitCheckboxGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
 export default BitkitCheckboxGroup;

package/dist/components/BitkitCheckboxGroup/BitkitCheckboxGroup.js

@@ -1,14 +1,17 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { CheckboxGroup as d } from "@chakra-ui/react/checkbox";
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { CheckboxGroup as s } from "@chakra-ui/react/checkbox";
 import { Fieldset as r } from "@chakra-ui/react/fieldset";
-const f = (t) => {
-  const { checkboxGroupProps: l, children: n, helperText: o, label: i, name: c, onValueChange: a, value: p, ...h } = t;
-  return /* @__PURE__ */ s(r.Root, { ...h, children: [
-    /* @__PURE__ */ e(r.Legend, { children: i }),
-    !!o && /* @__PURE__ */ e(r.HelperText, { children: o }),
-    /* @__PURE__ */ e(r.Content, { display: "flex", flexDirection: "column", gap: "12", marginBlockStart: "12", asChild: !0, children: /* @__PURE__ */ e(d, { name: c, onValueChange: a, value: p, ...l, children: n }) })
+import { forwardRef as u } from "react";
+const f = u((l, n) => {
+  const { checkboxGroupProps: a, children: c, errorText: o, helperText: t, label: d, name: p, onValueChange: h, value: x, ...i } = l;
+  return /* @__PURE__ */ m(r.Root, { ref: n, ...i, invalid: i.invalid || !!o, children: [
+    /* @__PURE__ */ e(r.Legend, { children: d }),
+    !!t && /* @__PURE__ */ e(r.HelperText, { children: t }),
+    /* @__PURE__ */ e(r.Content, { display: "flex", flexDirection: "column", gap: "12", marginBlockStart: "12", asChild: !0, children: /* @__PURE__ */ e(s, { name: p, onValueChange: h, value: x, ...a, children: c }) }),
+    !!o && /* @__PURE__ */ e(r.ErrorText, { children: o })
   ] });
-};
+});
+f.displayName = "BitkitCheckboxGroup";
 export {
   f as default
 };

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

@@ -1,5 +1,5 @@
 import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
-export interface BitkitDefinitionTooltipProps extends Pick<BitkitTooltipProps, 'placement' | 'tooltipProps'> {
+export interface BitkitDefinitionTooltipProps extends Pick<BitkitTooltipProps, 'placement' | 'tooltipRootProps'> {
     children: string;
     method?: 'click' | 'hover';
     text: string;

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js

@@ -3,17 +3,25 @@ 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,
+  const { children: n, method: t = "click", text: p, tooltipRootProps: i, ...c } = r, s = a({ key: "definitionTooltip" }), [o, l] = d(!1);
+  return /* @__PURE__ */ e(
+    f,
     {
-      "aria-expanded": o,
-      css: s({ method: t }),
-      onClick: t === "click" ? () => l(!o) : void 0,
-      type: "button",
-      children: n
+      tooltipRootProps: 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/BitkitRadio/BitkitRadio.d.ts

@@ -0,0 +1,17 @@
+import { RadioGroup } from '@chakra-ui/react/radio-group';
+import { InputHTMLAttributes } from 'react';
+export type BitkitRadioProps = {
+    badge?: 'off' | 'on';
+    helperText?: string;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    labelText: string;
+    state?: 'disabled' | 'skeleton';
+} & Omit<RadioGroup.ItemProps, 'disabled'>;
+declare const BitkitRadio: import('react').ForwardRefExoticComponent<{
+    badge?: "off" | "on";
+    helperText?: string;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    labelText: string;
+    state?: "disabled" | "skeleton";
+} & Omit<RadioGroup.ItemProps, "disabled"> & import('react').RefAttributes<HTMLInputElement>>;
+export default BitkitRadio;

package/dist/components/BitkitRadio/BitkitRadio.js

@@ -0,0 +1,22 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { RadioGroup as r } from "@chakra-ui/react/radio-group";
+import { Skeleton as i } from "@chakra-ui/react/skeleton";
+import { Text as c } from "@chakra-ui/react/text";
+import { forwardRef as h } from "react";
+import x from "../BitkitBadge/BitkitBadge.js";
+const f = h((n, a) => {
+  const { badge: o, helperText: d, inputProps: m, labelText: p, state: t, ...s } = n;
+  return /* @__PURE__ */ l(r.Item, { disabled: t === "disabled", ...s, children: [
+    /* @__PURE__ */ e(r.ItemHiddenInput, { ref: a, ...m }),
+    /* @__PURE__ */ e(i, { borderRadius: "50%", loading: t === "skeleton", children: /* @__PURE__ */ e(r.ItemIndicator, {}) }),
+    !!o && /* @__PURE__ */ e(i, { loading: t === "skeleton", children: /* @__PURE__ */ e(x, { colorPalette: o === "on" ? "green" : "neutral", width: "40", children: o }) }),
+    /* @__PURE__ */ e(i, { loading: t === "skeleton", children: /* @__PURE__ */ l(r.ItemText, { as: "div", children: [
+      p,
+      !!d && /* @__PURE__ */ e(c, { color: "text/helper", textStyle: "comp/input/helperText", children: d })
+    ] }) })
+  ] });
+});
+f.displayName = "BitkitRadio";
+export {
+  f as default
+};

package/dist/components/BitkitRadioGroup/BitkitRadioGroup.d.ts

@@ -0,0 +1,17 @@
+import { Fieldset } from '@chakra-ui/react/fieldset';
+import { RadioGroupRootProps } from '@chakra-ui/react/radio-group';
+import { ReactNode } from 'react';
+export interface BitkitRadioGroupProps extends Fieldset.RootProps {
+    children: ReactNode;
+    errorText?: string;
+    helperText?: string;
+    label: string;
+    layout?: RadioGroupRootProps['orientation'];
+    name?: RadioGroupRootProps['name'];
+    onValueChange: RadioGroupRootProps['onValueChange'];
+    radioGroupRootProps?: RadioGroupRootProps;
+    size?: RadioGroupRootProps['size'];
+    value: RadioGroupRootProps['value'];
+}
+declare const BitkitRadioGroup: import('react').ForwardRefExoticComponent<BitkitRadioGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
+export default BitkitRadioGroup;

package/dist/components/BitkitRadioGroup/BitkitRadioGroup.js

@@ -0,0 +1,40 @@
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { Fieldset as o } from "@chakra-ui/react/fieldset";
+import { RadioGroup as x } from "@chakra-ui/react/radio-group";
+import { forwardRef as R } from "react";
+const G = R((a, l) => {
+  const {
+    children: n,
+    errorText: e,
+    helperText: t,
+    label: d,
+    layout: p,
+    name: s,
+    onValueChange: m,
+    radioGroupRootProps: u,
+    size: c,
+    value: h,
+    ...i
+  } = a;
+  return /* @__PURE__ */ f(o.Root, { ref: l, ...i, invalid: i.invalid || !!e, children: [
+    /* @__PURE__ */ r(o.Legend, { children: d }),
+    !!t && /* @__PURE__ */ r(o.HelperText, { children: t }),
+    /* @__PURE__ */ r(o.Content, { marginBlockStart: "12", asChild: !0, children: /* @__PURE__ */ r(
+      x.Root,
+      {
+        name: s,
+        size: c,
+        orientation: p,
+        onValueChange: m,
+        value: h,
+        ...u,
+        children: n
+      }
+    ) }),
+    !!e && /* @__PURE__ */ r(o.ErrorText, { children: e })
+  ] });
+});
+G.displayName = "BitkitRadioGroup";
+export {
+  G as default
+};

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

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

package/dist/components/BitkitTooltip/BitkitTooltip.js

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

package/dist/components/index.d.ts

@@ -15,6 +15,8 @@ export { default as BitkitField, type BitkitFieldProps } from './BitkitField/Bit
 export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
+export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
+export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';