@bitrise/bitkit-v2 0.3.179 → 0.3.180

package/dist/components/BitkitRibbon/BitkitRibbon.js

@@ -1,51 +1,54 @@
-import e from "../BitkitCloseButton/BitkitCloseButton.js";
-import t from "../BitkitColorButton/BitkitColorButton.js";
-import n from "../BitkitLink/BitkitLink.js";
-import { Box as r } from "@chakra-ui/react/box";
-import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import BitkitColorButton from "../BitkitColorButton/BitkitColorButton.js";
+import BitkitLink from "../BitkitLink/BitkitLink.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitRibbon/BitkitRibbon.tsx
-var l = o((o, l) => {
-	let { action: u, children: d, colorPalette: f = "blue", link: p, onDismiss: m, title: h, ...g } = o, _ = a({ key: "ribbon" })({});
-	return /* @__PURE__ */ c(r, {
-		ref: l,
-		css: _.root,
-		colorPalette: f,
-		...g,
-		children: [/* @__PURE__ */ c(i.div, {
-			css: _.content,
-			children: [/* @__PURE__ */ c(i.div, {
-				css: _.textBlock,
+var BitkitRibbon = forwardRef((props, ref) => {
+	const { action, children, colorPalette = "blue", link, onDismiss, title, ...rest } = props;
+	const styles = useSlotRecipe({ key: "ribbon" })({});
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		css: styles.root,
+		colorPalette,
+		...rest,
+		children: [/* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.content,
+			children: [/* @__PURE__ */ jsxs(chakra.div, {
+				css: styles.textBlock,
 				children: [
-					h && /* @__PURE__ */ s(i.strong, { children: h }),
-					/* @__PURE__ */ s(i.span, { children: d }),
-					p && /* @__PURE__ */ s(n, {
-						colorPalette: f,
-						href: p.href,
-						target: p.target,
+					title && /* @__PURE__ */ jsx(chakra.strong, { children: title }),
+					/* @__PURE__ */ jsx(chakra.span, { children }),
+					link && /* @__PURE__ */ jsx(BitkitLink, {
+						colorPalette,
+						href: link.href,
+						target: link.target,
 						textDecoration: "underline",
-						children: p.label
+						children: link.label
 					})
 				]
-			}), u && /* @__PURE__ */ s(t, {
-				as: u.href ? "a" : "button",
-				colorPalette: f,
-				...u.href && {
-					href: u.href,
-					target: u.target
+			}), action && /* @__PURE__ */ jsx(BitkitColorButton, {
+				as: action.href ? "a" : "button",
+				colorPalette,
+				...action.href && {
+					href: action.href,
+					target: action.target
 				},
-				onClick: u.onClick,
-				children: u.label
+				onClick: action.onClick,
+				children: action.label
 			})]
-		}), m && /* @__PURE__ */ s(e, {
-			colorPalette: f,
+		}), onDismiss && /* @__PURE__ */ jsx(BitkitCloseButton, {
+			colorPalette,
 			flexShrink: "0",
 			size: "sm",
-			onClick: m
+			onClick: onDismiss
 		})]
 	});
 });
-l.displayName = "BitkitRibbon";
+BitkitRibbon.displayName = "BitkitRibbon";
 //#endregion
-export { l as default };
+export { BitkitRibbon as default };
+
+//# sourceMappingURL=BitkitRibbon.js.map

package/dist/components/BitkitRibbon/BitkitRibbon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitRibbon.js","names":[],"sources":["../../../lib/components/BitkitRibbon/BitkitRibbon.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\nimport BitkitColorButton from '../BitkitColorButton/BitkitColorButton';\nimport BitkitLink from '../BitkitLink/BitkitLink';\n\nexport type RibbonActionProps = {\n  href?: string;\n  label: string;\n  onClick?: () => void;\n  target?: HTMLAnchorElement['target'];\n};\n\nexport type RibbonLinkProps = {\n  href?: string;\n  label: string;\n  target?: HTMLAnchorElement['target'];\n};\n\nexport interface BitkitRibbonProps extends Omit<BoxProps, 'colorPalette'> {\n  action?: RibbonActionProps;\n  colorPalette?: 'blue' | 'green' | 'purple' | 'red' | 'yellow';\n  link?: RibbonLinkProps;\n  onDismiss?: () => void;\n  title?: string;\n}\n\nconst BitkitRibbon = forwardRef<HTMLDivElement, BitkitRibbonProps>((props, ref) => {\n  const { action, children, colorPalette = 'blue', link, onDismiss, title, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'ribbon' });\n  const styles = recipe({});\n\n  return (\n    <Box ref={ref} css={styles.root} colorPalette={colorPalette} {...rest}>\n      <chakra.div css={styles.content}>\n        <chakra.div css={styles.textBlock}>\n          {title && <chakra.strong>{title}</chakra.strong>}\n          <chakra.span>{children}</chakra.span>\n          {link && (\n            <BitkitLink colorPalette={colorPalette} href={link.href} target={link.target} textDecoration=\"underline\">\n              {link.label}\n            </BitkitLink>\n          )}\n        </chakra.div>\n        {action && (\n          <BitkitColorButton\n            as={action.href ? 'a' : 'button'}\n            colorPalette={colorPalette}\n            {...(action.href && { href: action.href, target: action.target })}\n            onClick={action.onClick}\n          >\n            {action.label}\n          </BitkitColorButton>\n        )}\n      </chakra.div>\n      {onDismiss && <BitkitCloseButton colorPalette={colorPalette} flexShrink=\"0\" size=\"sm\" onClick={onDismiss} />}\n    </Box>\n  );\n});\n\nBitkitRibbon.displayName = 'BitkitRibbon';\n\nexport default BitkitRibbon;\n"],"mappings":";;;;;;;;AA6BA,IAAM,eAAe,YAA+C,OAAO,QAAQ;CACjF,MAAM,EAAE,QAAQ,UAAU,eAAe,QAAQ,MAAM,WAAW,OAAO,GAAG,SAAS;CAGrF,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAAC,CACzB,EAAE,CAAC;AAEzB,QACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAoB;EAAc,GAAI;YAAjE,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB;KACG,SAAS,oBAAC,OAAO,QAAR,EAAA,UAAgB,OAAsB,CAAA;KAChD,oBAAC,OAAO,MAAR,EAAc,UAAuB,CAAA;KACpC,QACC,oBAAC,YAAD;MAA0B;MAAc,MAAM,KAAK;MAAM,QAAQ,KAAK;MAAQ,gBAAe;gBAC1F,KAAK;MACK,CAAA;KAEJ;OACZ,UACC,oBAAC,mBAAD;IACE,IAAI,OAAO,OAAO,MAAM;IACV;IACd,GAAK,OAAO,QAAQ;KAAE,MAAM,OAAO;KAAM,QAAQ,OAAO;KAAQ;IAChE,SAAS,OAAO;cAEf,OAAO;IACU,CAAA,CAEX;MACZ,aAAa,oBAAC,mBAAD;GAAiC;GAAc,YAAW;GAAI,MAAK;GAAK,SAAS;GAAa,CAAA,CACxG;;EAER;AAEF,aAAa,cAAc"}

package/dist/components/BitkitSearchInput/BitkitSearchInput.js

@@ -1,36 +1,41 @@
-import e from "../../icons/IconMagnifier.js";
-import t from "../BitkitCloseButton/BitkitCloseButton.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
-import { Input as i } from "@chakra-ui/react/input";
-import { InputGroup as a } from "@chakra-ui/react/input-group";
+import IconMagnifier from "../../icons/IconMagnifier.js";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@chakra-ui/react/input";
+import { InputGroup } from "@chakra-ui/react/input-group";
 //#region lib/components/BitkitSearchInput/BitkitSearchInput.tsx
-var o = n((n, o) => {
-	let { size: s = "lg", onChange: c, value: l, placeholder: u, ...d } = n, f = !!l, p = s === "lg" ? "24" : "16", m = s === "lg" ? "md" : "sm";
-	return /* @__PURE__ */ r(a, {
-		...d,
-		endElement: /* @__PURE__ */ r(t, {
+var BitkitSearchInput = forwardRef((props, ref) => {
+	const { size = "lg", onChange, value, placeholder, ...rest } = props;
+	const isDirty = Boolean(value);
+	const iconSize = size === "lg" ? "24" : "16";
+	const closeIconSize = size === "lg" ? "md" : "sm";
+	return /* @__PURE__ */ jsx(InputGroup, {
+		...rest,
+		endElement: /* @__PURE__ */ jsx(BitkitCloseButton, {
 			"aria-label": "Clear",
-			size: m,
+			size: closeIconSize,
 			colorPalette: "neutral",
 			marginInlineEnd: "4",
-			visibility: f ? "visible" : "hidden",
-			onClick: () => c?.("")
+			visibility: isDirty ? "visible" : "hidden",
+			onClick: () => onChange?.("")
 		}),
-		startElement: /* @__PURE__ */ r(e, {
+		startElement: /* @__PURE__ */ jsx(IconMagnifier, {
 			marginInline: "12",
 			color: "icon/tertiary",
-			size: p
+			size: iconSize
 		}),
-		children: /* @__PURE__ */ r(i, {
-			ref: o,
-			size: s,
-			value: l,
-			placeholder: u,
-			onChange: (e) => c?.(e.target.value)
+		children: /* @__PURE__ */ jsx(Input, {
+			ref,
+			size,
+			value,
+			placeholder,
+			onChange: (e) => onChange?.(e.target.value)
 		})
 	});
 });
-o.displayName = "BitkitSearchInput";
+BitkitSearchInput.displayName = "BitkitSearchInput";
 //#endregion
-export { o as default };
+export { BitkitSearchInput as default };
+
+//# sourceMappingURL=BitkitSearchInput.js.map

package/dist/components/BitkitSearchInput/BitkitSearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSearchInput.js","names":[],"sources":["../../../lib/components/BitkitSearchInput/BitkitSearchInput.tsx"],"sourcesContent":["import { Input, type InputProps } from '@chakra-ui/react/input';\nimport { InputGroup, type InputGroupProps } from '@chakra-ui/react/input-group';\nimport { forwardRef } from 'react';\n\nimport { IconMagnifier } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport type BitkitSearchInputProps = Pick<InputProps, 'value' | 'placeholder'> &\n  Omit<InputGroupProps, 'size' | 'variant' | 'children' | 'onChange'> & {\n    size?: 'md' | 'lg';\n    onChange?: (value: string) => void;\n  };\n\nconst BitkitSearchInput = forwardRef<HTMLInputElement, BitkitSearchInputProps>((props, ref) => {\n  const { size = 'lg', onChange, value, placeholder, ...rest } = props;\n\n  const isDirty = Boolean(value);\n  const iconSize = size === 'lg' ? '24' : '16';\n  const closeIconSize = size === 'lg' ? 'md' : 'sm';\n\n  return (\n    <InputGroup\n      {...rest}\n      endElement={\n        <BitkitCloseButton\n          aria-label=\"Clear\"\n          size={closeIconSize}\n          colorPalette=\"neutral\"\n          marginInlineEnd=\"4\"\n          visibility={isDirty ? 'visible' : 'hidden'}\n          onClick={() => onChange?.('')}\n        />\n      }\n      startElement={<IconMagnifier marginInline=\"12\" color=\"icon/tertiary\" size={iconSize} />}\n    >\n      <Input\n        ref={ref}\n        size={size}\n        value={value}\n        placeholder={placeholder}\n        onChange={(e) => onChange?.(e.target.value)}\n      />\n    </InputGroup>\n  );\n});\n\nBitkitSearchInput.displayName = 'BitkitSearchInput';\n\nexport default BitkitSearchInput;\n"],"mappings":";;;;;;;AAaA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,OAAO,MAAM,UAAU,OAAO,aAAa,GAAG,SAAS;CAE/D,MAAM,UAAU,QAAQ,MAAM;CAC9B,MAAM,WAAW,SAAS,OAAO,OAAO;CACxC,MAAM,gBAAgB,SAAS,OAAO,OAAO;AAE7C,QACE,oBAAC,YAAD;EACE,GAAI;EACJ,YACE,oBAAC,mBAAD;GACE,cAAW;GACX,MAAM;GACN,cAAa;GACb,iBAAgB;GAChB,YAAY,UAAU,YAAY;GAClC,eAAe,WAAW,GAAG;GAC7B,CAAA;EAEJ,cAAc,oBAAC,eAAD;GAAe,cAAa;GAAK,OAAM;GAAgB,MAAM;GAAY,CAAA;YAEvF,oBAAC,OAAD;GACO;GACC;GACC;GACM;GACb,WAAW,MAAM,WAAW,EAAE,OAAO,MAAM;GAC3C,CAAA;EACS,CAAA;EAEf;AAEF,kBAAkB,cAAc"}

package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js

@@ -1,48 +1,54 @@
-import e from "../../icons/IconInfoCircle.js";
-import t from "../BitkitTooltip/BitkitTooltip.js";
-import { Box as n } from "@chakra-ui/react/box";
-import { chakra as r, useSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import { Fragment as a, forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Fragment, forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region lib/components/BitkitSectionHeading/BitkitSectionHeading.tsx
-var l = "•", u = o((o, u) => {
-	let { children: d, helperText: f, helperTooltip: p, icon: m, label: h, ...g } = o, _ = i({ key: "sectionHeading" })(), v = Array.isArray(f) ? f : f ? [f] : [], y = v.length > 0 || !!p;
-	return /* @__PURE__ */ c(n, {
-		css: _.root,
-		ref: u,
-		...g,
-		children: [/* @__PURE__ */ c(r.div, {
-			css: _.contentBlock,
-			children: [/* @__PURE__ */ c(r.div, {
-				css: _.titleBlock,
-				children: [m && /* @__PURE__ */ s(m, {
-					css: _.icon,
+var HELPER_DOT = "•";
+var BitkitSectionHeading = forwardRef((props, ref) => {
+	const { children, helperText, helperTooltip, icon: Icon, label, ...rest } = props;
+	const styles = useSlotRecipe({ key: "sectionHeading" })();
+	const helperItems = Array.isArray(helperText) ? helperText : helperText ? [helperText] : [];
+	const hasHelper = helperItems.length > 0 || Boolean(helperTooltip);
+	return /* @__PURE__ */ jsxs(Box, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.contentBlock,
+			children: [/* @__PURE__ */ jsxs(chakra.div, {
+				css: styles.titleBlock,
+				children: [Icon && /* @__PURE__ */ jsx(Icon, {
+					css: styles.icon,
 					size: "24"
-				}), /* @__PURE__ */ s(r.h3, {
-					css: _.label,
-					children: h
+				}), /* @__PURE__ */ jsx(chakra.h3, {
+					css: styles.label,
+					children: label
 				})]
-			}), y && /* @__PURE__ */ c(r.div, {
-				css: _.helperBlock,
-				children: [v.map((e, t) => /* @__PURE__ */ c(a, { children: [t > 0 && /* @__PURE__ */ s(r.span, {
+			}), hasHelper && /* @__PURE__ */ jsxs(chakra.div, {
+				css: styles.helperBlock,
+				children: [helperItems.map((text, index) => /* @__PURE__ */ jsxs(Fragment, { children: [index > 0 && /* @__PURE__ */ jsx(chakra.span, {
 					color: "text/tertiary",
 					flexShrink: 0,
 					textStyle: "body/md/regular",
-					children: l
-				}), /* @__PURE__ */ s(r.span, {
-					css: _.helperText,
-					children: e
-				})] }, t)), p && /* @__PURE__ */ s(t, {
-					text: p,
-					children: /* @__PURE__ */ s(e, {
+					children: HELPER_DOT
+				}), /* @__PURE__ */ jsx(chakra.span, {
+					css: styles.helperText,
+					children: text
+				})] }, index)), helperTooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+					text: helperTooltip,
+					children: /* @__PURE__ */ jsx(IconInfoCircle, {
 						color: "icon/secondary",
 						size: "16"
 					})
 				})]
 			})]
-		}), d]
+		}), children]
 	});
 });
-u.displayName = "BitkitSectionHeading";
+BitkitSectionHeading.displayName = "BitkitSectionHeading";
 //#endregion
-export { u as default };
+export { BitkitSectionHeading as default };
+
+//# sourceMappingURL=BitkitSectionHeading.js.map

package/dist/components/BitkitSectionHeading/BitkitSectionHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSectionHeading.js","names":[],"sources":["../../../lib/components/BitkitSectionHeading/BitkitSectionHeading.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, Fragment, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport IconInfoCircle from '../../icons/IconInfoCircle';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\nexport interface BitkitSectionHeadingProps extends Omit<BoxProps, 'icon'> {\n  children?: ReactNode;\n  helperText?: string | string[];\n  helperTooltip?: string;\n  icon?: BitkitIconComponent;\n  label: string;\n}\n\nconst HELPER_DOT = '\\u2022';\n\nconst BitkitSectionHeading = forwardRef<HTMLDivElement, BitkitSectionHeadingProps>((props, ref) => {\n  const { children, helperText, helperTooltip, icon: Icon, label, ...rest } = props;\n\n  const recipe = useSlotRecipe({ key: 'sectionHeading' });\n  const styles = recipe();\n\n  const helperItems = Array.isArray(helperText) ? helperText : helperText ? [helperText] : [];\n  const hasHelper = helperItems.length > 0 || Boolean(helperTooltip);\n\n  return (\n    <Box css={styles.root} ref={ref} {...rest}>\n      <chakra.div css={styles.contentBlock}>\n        <chakra.div css={styles.titleBlock}>\n          {Icon && <Icon css={styles.icon} size=\"24\" />}\n          <chakra.h3 css={styles.label}>{label}</chakra.h3>\n        </chakra.div>\n        {hasHelper && (\n          <chakra.div css={styles.helperBlock}>\n            {helperItems.map((text, index) => (\n              <Fragment key={index}>\n                {index > 0 && (\n                  <chakra.span color=\"text/tertiary\" flexShrink={0} textStyle=\"body/md/regular\">\n                    {HELPER_DOT}\n                  </chakra.span>\n                )}\n                <chakra.span css={styles.helperText}>{text}</chakra.span>\n              </Fragment>\n            ))}\n            {helperTooltip && (\n              <BitkitTooltip text={helperTooltip}>\n                <IconInfoCircle color=\"icon/secondary\" size=\"16\" />\n              </BitkitTooltip>\n            )}\n          </chakra.div>\n        )}\n      </chakra.div>\n      {children}\n    </Box>\n  );\n});\n\nBitkitSectionHeading.displayName = 'BitkitSectionHeading';\n\nexport default BitkitSectionHeading;\n"],"mappings":";;;;;;;AAgBA,IAAM,aAAa;AAEnB,IAAM,uBAAuB,YAAuD,OAAO,QAAQ;CACjG,MAAM,EAAE,UAAU,YAAY,eAAe,MAAM,MAAM,OAAO,GAAG,SAAS;CAG5E,MAAM,SADS,cAAc,EAAE,KAAK,kBAAkB,CAAC,EAChC;CAEvB,MAAM,cAAc,MAAM,QAAQ,WAAW,GAAG,aAAa,aAAa,CAAC,WAAW,GAAG,EAAE;CAC3F,MAAM,YAAY,YAAY,SAAS,KAAK,QAAQ,cAAc;AAElE,QACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAW;EAAK,GAAI;YAArC,CACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aAAxB,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,QAAQ,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAM,MAAK;KAAO,CAAA,EAC7C,oBAAC,OAAO,IAAR;KAAW,KAAK,OAAO;eAAQ;KAAkB,CAAA,CACtC;OACZ,aACC,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,YAAY,KAAK,MAAM,UACtB,qBAAC,UAAD,EAAA,UAAA,CACG,QAAQ,KACP,oBAAC,OAAO,MAAR;KAAa,OAAM;KAAgB,YAAY;KAAG,WAAU;eACzD;KACW,CAAA,EAEhB,oBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAa;KAAmB,CAAA,CAChD,EAAA,EAPI,MAOJ,CACX,EACD,iBACC,oBAAC,eAAD;KAAe,MAAM;eACnB,oBAAC,gBAAD;MAAgB,OAAM;MAAiB,MAAK;MAAO,CAAA;KACrC,CAAA,CAEP;MAEJ;MACZ,SACG;;EAER;AAEF,qBAAqB,cAAc"}

package/dist/components/BitkitSegmentedControl/BitkitSegmentedControl.js

@@ -1,43 +1,49 @@
-import { forwardRef as e } from "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { createContext as r } from "@chakra-ui/react";
-import { SegmentGroup as i } from "@chakra-ui/react/segment-group";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext as createContext$1 } from "@chakra-ui/react";
+import { SegmentGroup } from "@chakra-ui/react/segment-group";
 //#region lib/components/BitkitSegmentedControl/BitkitSegmentedControl.tsx
-var [a, o] = r({
+var [ContextProvider, useSegmentedControlContext] = createContext$1({
 	name: "SegmentedControlContext",
 	hookName: "useSegmentedControlContext",
 	providerName: "<BitkitSegmentedControl />"
-}), s = e((e, r) => {
-	let { children: o, state: s, ...c } = e;
-	return /* @__PURE__ */ t(a, {
-		value: { size: c.size },
-		children: /* @__PURE__ */ n(i.Root, {
-			ref: r,
-			disabled: s === "disabled",
-			...c,
-			children: [/* @__PURE__ */ t(i.Indicator, {}), o]
+});
+var BitkitSegmentedControl = forwardRef((props, ref) => {
+	const { children, state, ...rest } = props;
+	return /* @__PURE__ */ jsx(ContextProvider, {
+		value: { size: rest.size },
+		children: /* @__PURE__ */ jsxs(SegmentGroup.Root, {
+			ref,
+			disabled: state === "disabled",
+			...rest,
+			children: [/* @__PURE__ */ jsx(SegmentGroup.Indicator, {}), children]
 		})
 	});
 });
-s.displayName = "BitkitSegmentedControl";
-var c = {
+BitkitSegmentedControl.displayName = "BitkitSegmentedControl";
+var ICON_SIZE_MAP = {
 	lg: "24",
 	md: "16",
 	sm: "16"
-}, l = e((e, r) => {
-	let { children: a, disabled: s, icon: l, value: u } = e, { size: d = "sm" } = o(), f = c[d] ?? "16";
-	return /* @__PURE__ */ n(i.Item, {
-		ref: r,
-		disabled: s,
-		value: u,
+};
+var BitkitSegmentedControlItem = forwardRef((props, ref) => {
+	const { children, disabled, icon: Icon, value } = props;
+	const { size = "sm" } = useSegmentedControlContext();
+	const iconSize = ICON_SIZE_MAP[size] ?? "16";
+	return /* @__PURE__ */ jsxs(SegmentGroup.Item, {
+		ref,
+		disabled,
+		value,
 		children: [
-			!!l && /* @__PURE__ */ t(l, { size: f }),
-			/* @__PURE__ */ t(i.ItemText, { children: a }),
-			/* @__PURE__ */ t(i.ItemHiddenInput, {})
+			!!Icon && /* @__PURE__ */ jsx(Icon, { size: iconSize }),
+			/* @__PURE__ */ jsx(SegmentGroup.ItemText, { children }),
+			/* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
 		]
 	});
 });
-l.displayName = "BitkitSegmentedControlItem";
-var u = Object.assign(s, { Item: l });
+BitkitSegmentedControlItem.displayName = "BitkitSegmentedControlItem";
+var BitkitSegmentedControl_default = Object.assign(BitkitSegmentedControl, { Item: BitkitSegmentedControlItem });
 //#endregion
-export { u as default };
+export { BitkitSegmentedControl_default as default };
+
+//# sourceMappingURL=BitkitSegmentedControl.js.map

package/dist/components/BitkitSegmentedControl/BitkitSegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSegmentedControl.js","names":[],"sources":["../../../lib/components/BitkitSegmentedControl/BitkitSegmentedControl.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { SegmentGroup } from '@chakra-ui/react/segment-group';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// --- Context ---\n\ninterface SegmentedControlContext {\n  size?: BitkitSegmentedControlProps['size'];\n}\n\nconst [ContextProvider, useSegmentedControlContext] = createContext<SegmentedControlContext>({\n  name: 'SegmentedControlContext',\n  hookName: 'useSegmentedControlContext',\n  providerName: '<BitkitSegmentedControl />',\n});\n\n// --- Root ---\n\nexport type BitkitSegmentedControlProps = Omit<SegmentGroup.RootProps, 'disabled'> & {\n  children: ReactNode;\n  state?: 'disabled';\n};\n\nconst BitkitSegmentedControl = forwardRef<HTMLDivElement, BitkitSegmentedControlProps>((props, ref) => {\n  const { children, state, ...rest } = props;\n\n  return (\n    <ContextProvider value={{ size: rest.size }}>\n      <SegmentGroup.Root ref={ref} disabled={state === 'disabled'} {...rest}>\n        <SegmentGroup.Indicator />\n        {children}\n      </SegmentGroup.Root>\n    </ContextProvider>\n  );\n});\n\nBitkitSegmentedControl.displayName = 'BitkitSegmentedControl';\n\n// --- Item ---\n\nexport interface BitkitSegmentedControlItemProps {\n  children: string;\n  disabled?: boolean;\n  icon?: BitkitIconComponent;\n  value: string;\n}\n\nconst ICON_SIZE_MAP = {\n  lg: '24',\n  md: '16',\n  sm: '16',\n} as const;\n\nconst BitkitSegmentedControlItem = forwardRef<HTMLLabelElement, BitkitSegmentedControlItemProps>((props, ref) => {\n  const { children, disabled, icon: Icon, value } = props;\n  const { size = 'sm' } = useSegmentedControlContext();\n  const iconSize = ICON_SIZE_MAP[size as keyof typeof ICON_SIZE_MAP] ?? '16';\n\n  return (\n    <SegmentGroup.Item ref={ref} disabled={disabled} value={value}>\n      {!!Icon && <Icon size={iconSize} />}\n      <SegmentGroup.ItemText>{children}</SegmentGroup.ItemText>\n      <SegmentGroup.ItemHiddenInput />\n    </SegmentGroup.Item>\n  );\n});\n\nBitkitSegmentedControlItem.displayName = 'BitkitSegmentedControlItem';\n\nexport default Object.assign(BitkitSegmentedControl, {\n  Item: BitkitSegmentedControlItem,\n});\n"],"mappings":";;;;;AAaA,IAAM,CAAC,iBAAiB,8BAA8B,gBAAuC;CAC3F,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AASF,IAAM,yBAAyB,YAAyD,OAAO,QAAQ;CACrG,MAAM,EAAE,UAAU,OAAO,GAAG,SAAS;AAErC,QACE,oBAAC,iBAAD;EAAiB,OAAO,EAAE,MAAM,KAAK,MAAM;YACzC,qBAAC,aAAa,MAAd;GAAwB;GAAK,UAAU,UAAU;GAAY,GAAI;aAAjE,CACE,oBAAC,aAAa,WAAd,EAA0B,CAAA,EACzB,SACiB;;EACJ,CAAA;EAEpB;AAEF,uBAAuB,cAAc;AAWrC,IAAM,gBAAgB;CACpB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAM,6BAA6B,YAA+D,OAAO,QAAQ;CAC/G,MAAM,EAAE,UAAU,UAAU,MAAM,MAAM,UAAU;CAClD,MAAM,EAAE,OAAO,SAAS,4BAA4B;CACpD,MAAM,WAAW,cAAc,SAAuC;AAEtE,QACE,qBAAC,aAAa,MAAd;EAAwB;EAAe;EAAiB;YAAxD;GACG,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA;GACnC,oBAAC,aAAa,UAAd,EAAwB,UAAiC,CAAA;GACzD,oBAAC,aAAa,iBAAd,EAAgC,CAAA;GACd;;EAEtB;AAEF,2BAA2B,cAAc;AAEzC,IAAA,iCAAe,OAAO,OAAO,wBAAwB,EACnD,MAAM,4BACP,CAAC"}

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -1,83 +1,90 @@
-import e from "../../utilities/AssetSelectChevron.js";
-import t from "../../icons/IconErrorCircleFilled.js";
-import n from "../../icons/IconWarningYellow.js";
-import r from "../BitkitSelectMenu/BitkitSelectMenu.js";
-import i from "../BitkitField/BitkitField.js";
-import { Box as a } from "@chakra-ui/react/box";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Portal as l } from "@chakra-ui/react/portal";
-import { createListCollection as u } from "@chakra-ui/react/collection";
-import { Select as d, useSelectContext as f } from "@chakra-ui/react/select";
+import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
+import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
+import IconWarningYellow from "../../icons/IconWarningYellow.js";
+import BitkitSelectMenu from "../BitkitSelectMenu/BitkitSelectMenu.js";
+import BitkitField from "../BitkitField/BitkitField.js";
+import { Box } from "@chakra-ui/react/box";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@chakra-ui/react/portal";
+import { createListCollection } from "@chakra-ui/react/collection";
+import { Select, useSelectContext } from "@chakra-ui/react/select";
 //#region lib/components/BitkitSelect/BitkitSelect.tsx
-var p = ({ placeholder: e, state: t, size: n }) => {
-	let r = f().selectedItems, i = r[0]?.icon, o = r[0]?.label, l = n === "md" ? "16" : "24";
-	return r[0] ? /* @__PURE__ */ s(d.ValueText, {
-		placeholder: e || t === "readOnly" ? "(not selected)" : "Select an option",
-		children: /* @__PURE__ */ c(a, {
+var SelectValue = ({ placeholder, state, size }) => {
+	const items = useSelectContext().selectedItems;
+	const Icon = items[0]?.icon;
+	const label = items[0]?.label;
+	const iconSize = size === "md" ? "16" : "24";
+	return items[0] ? /* @__PURE__ */ jsx(Select.ValueText, {
+		placeholder: placeholder || state === "readOnly" ? "(not selected)" : "Select an option",
+		children: /* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			alignItems: "center",
 			gap: "8",
-			children: [i && /* @__PURE__ */ s(i, { size: l }), o]
+			children: [Icon && /* @__PURE__ */ jsx(Icon, { size: iconSize }), label]
 		})
-	}) : /* @__PURE__ */ s(d.ValueText, { placeholder: e ?? (t === "readOnly" ? "(not selected)" : "Select an option") });
-}, m = o((a, o) => {
-	let { contentProps: f, createItemHref: m, createItemLabel: h, createItemProps: g, defaultValue: _, hasSearch: v, isLoading: y, items: b, onCreateItem: x, onSearchChange: S, onValueChange: C, placeholder: w, selectProps: T, size: E = "md", state: D, triggerProps: O, value: k, ...A } = a, j = u({
-		items: b,
-		groupBy: (e) => e.group || ""
+	}) : /* @__PURE__ */ jsx(Select.ValueText, { placeholder: placeholder ?? (state === "readOnly" ? "(not selected)" : "Select an option") });
+};
+var BitkitSelect = forwardRef((props, ref) => {
+	const { contentProps, createItemHref, createItemLabel, createItemProps, defaultValue, hasSearch, isLoading, items, onCreateItem, onSearchChange, onValueChange, placeholder, selectProps, size = "md", state, triggerProps, value, ...fieldProps } = props;
+	const collection = createListCollection({
+		items,
+		groupBy: (item) => item.group || ""
 	});
-	return /* @__PURE__ */ s(i, {
-		ref: o,
-		state: D,
-		...A,
-		children: /* @__PURE__ */ c(d.Root, {
-			collection: j,
-			size: E,
-			...T,
-			defaultValue: _ ? [_] : void 0,
-			onValueChange: (e) => C?.(e.value[0]),
-			value: k ? [k] : void 0,
+	return /* @__PURE__ */ jsx(BitkitField, {
+		ref,
+		state,
+		...fieldProps,
+		children: /* @__PURE__ */ jsxs(Select.Root, {
+			collection,
+			size,
+			...selectProps,
+			defaultValue: defaultValue ? [defaultValue] : void 0,
+			onValueChange: (newVal) => onValueChange?.(newVal.value[0]),
+			value: value ? [value] : void 0,
 			children: [
-				/* @__PURE__ */ s(d.HiddenSelect, {}),
-				/* @__PURE__ */ c(d.Control, {
+				/* @__PURE__ */ jsx(Select.HiddenSelect, {}),
+				/* @__PURE__ */ jsxs(Select.Control, {
 					className: "group",
-					children: [/* @__PURE__ */ s(d.Trigger, {
-						...O,
-						children: /* @__PURE__ */ s(p, {
-							placeholder: w,
-							size: E,
-							state: D
+					children: [/* @__PURE__ */ jsx(Select.Trigger, {
+						...triggerProps,
+						children: /* @__PURE__ */ jsx(SelectValue, {
+							placeholder,
+							size,
+							state
 						})
-					}), /* @__PURE__ */ c(d.IndicatorGroup, { children: [
-						D === "error" && /* @__PURE__ */ s(d.Indicator, { children: /* @__PURE__ */ s(t, {
-							size: E === "lg" ? "24" : "16",
+					}), /* @__PURE__ */ jsxs(Select.IndicatorGroup, { children: [
+						state === "error" && /* @__PURE__ */ jsx(Select.Indicator, { children: /* @__PURE__ */ jsx(IconErrorCircleFilled, {
+							size: size === "lg" ? "24" : "16",
 							color: "icon/negative"
 						}) }),
-						D === "warning" && /* @__PURE__ */ s(d.Indicator, { children: /* @__PURE__ */ s(n, { size: E === "lg" ? "24" : "16" }) }),
-						/* @__PURE__ */ s(d.Indicator, {
-							asChild: !0,
-							children: /* @__PURE__ */ s(e, {})
+						state === "warning" && /* @__PURE__ */ jsx(Select.Indicator, { children: /* @__PURE__ */ jsx(IconWarningYellow, { size: size === "lg" ? "24" : "16" }) }),
+						/* @__PURE__ */ jsx(Select.Indicator, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(AssetSelectChevron, {})
 						})
 					] })]
 				}),
-				/* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(d.Positioner, { children: /* @__PURE__ */ s(r, {
-					collection: j,
-					createItemHref: m,
-					createItemLabel: h,
-					createItemProps: g,
-					contentProps: f,
-					isLoading: y,
-					onCreateItem: x,
-					...v ? {
-						hasSearch: !0,
-						onSearchChange: S
-					} : { hasSearch: !1 },
-					size: E
+				/* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(BitkitSelectMenu, {
+					collection,
+					createItemHref,
+					createItemLabel,
+					createItemProps,
+					contentProps,
+					isLoading,
+					onCreateItem,
+					...hasSearch ? {
+						hasSearch: true,
+						onSearchChange
+					} : { hasSearch: false },
+					size
 				}) }) })
 			]
 		})
 	});
 });
-m.displayName = "BitkitSelect";
+BitkitSelect.displayName = "BitkitSelect";
 //#endregion
-export { m as default };
+export { BitkitSelect as default };
+
+//# sourceMappingURL=BitkitSelect.js.map

package/dist/components/BitkitSelect/BitkitSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSelect.js","names":[],"sources":["../../../lib/components/BitkitSelect/BitkitSelect.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { createListCollection } from '@chakra-ui/react/collection';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Select, type SelectRootProps, type SelectTriggerProps, useSelectContext } from '@chakra-ui/react/select';\nimport { forwardRef } from 'react';\n\nimport { IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron.tsx';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField.tsx';\nimport BitkitSelectMenu, {\n  type BitkitSelectContentProps,\n  type BitkitSelectMenuCreateItemProps,\n  type BitkitSelectMenuItemProps,\n  type BitkitSelectMenuSearchProps,\n} from '../BitkitSelectMenu/BitkitSelectMenu.tsx';\n\nexport type BitkitSelectTriggerProps = SelectTriggerProps;\n\nexport type BitkitSelectProps = Omit<BitkitFieldProps, 'children' | 'state'> & {\n  contentProps?: BitkitSelectContentProps;\n  defaultValue?: string;\n  isLoading?: boolean;\n  items: Array<BitkitSelectMenuItemProps>;\n  onValueChange?: (newVal: string) => void;\n  placeholder?: string;\n  selectProps?: Omit<SelectRootProps, 'collection' | 'defaultValue' | 'onValueChange' | 'value'>;\n  size?: 'md' | 'lg';\n  state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n  triggerProps?: BitkitSelectTriggerProps;\n  value?: string;\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps;\n\ntype SelectValueProps = {\n  placeholder?: string;\n  size: BitkitSelectProps['size'];\n  state?: BitkitSelectProps['state'];\n};\n\nconst SelectValue = ({ placeholder, state, size }: SelectValueProps) => {\n  const select = useSelectContext();\n  const items = select.selectedItems as Array<BitkitSelectMenuItemProps>;\n\n  const Icon = items[0]?.icon;\n  const label = items[0]?.label;\n\n  const iconSize = size === 'md' ? '16' : '24';\n\n  return items[0] ? (\n    <Select.ValueText placeholder={placeholder || state === 'readOnly' ? '(not selected)' : 'Select an option'}>\n      <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n        {Icon && <Icon size={iconSize} />}\n        {label}\n      </Box>\n    </Select.ValueText>\n  ) : (\n    <Select.ValueText placeholder={placeholder ?? (state === 'readOnly' ? '(not selected)' : 'Select an option')} />\n  );\n};\n\nconst BitkitSelect = forwardRef<HTMLDivElement, BitkitSelectProps>((props: BitkitSelectProps, ref) => {\n  const {\n    contentProps,\n    createItemHref,\n    createItemLabel,\n    createItemProps,\n    defaultValue,\n    hasSearch,\n    isLoading,\n    items,\n    onCreateItem,\n    onSearchChange,\n    onValueChange,\n    placeholder,\n    selectProps,\n    size = 'md',\n    state,\n    triggerProps,\n    value,\n    ...fieldProps\n  } = props;\n\n  const collection = createListCollection({\n    items,\n    groupBy: (item) => item.group || '',\n  });\n\n  return (\n    <BitkitField ref={ref} state={state} {...fieldProps}>\n      <Select.Root\n        collection={collection}\n        size={size}\n        {...selectProps}\n        defaultValue={defaultValue ? [defaultValue] : undefined}\n        onValueChange={(newVal) => onValueChange?.(newVal.value[0])}\n        value={value ? [value] : undefined}\n      >\n        <Select.HiddenSelect />\n        <Select.Control className=\"group\">\n          <Select.Trigger {...triggerProps}>\n            <SelectValue placeholder={placeholder} size={size} state={state} />\n          </Select.Trigger>\n          <Select.IndicatorGroup>\n            {state === 'error' && (\n              <Select.Indicator>\n                <IconErrorCircleFilled size={size === 'lg' ? '24' : '16'} color=\"icon/negative\" />\n              </Select.Indicator>\n            )}\n            {state === 'warning' && (\n              <Select.Indicator>\n                <IconWarningYellow size={size === 'lg' ? '24' : '16'} />\n              </Select.Indicator>\n            )}\n            <Select.Indicator asChild>\n              <AssetSelectChevron />\n            </Select.Indicator>\n          </Select.IndicatorGroup>\n        </Select.Control>\n        <Portal>\n          <Select.Positioner>\n            <BitkitSelectMenu\n              collection={collection}\n              createItemHref={createItemHref}\n              createItemLabel={createItemLabel}\n              createItemProps={createItemProps}\n              contentProps={contentProps}\n              isLoading={isLoading}\n              onCreateItem={onCreateItem}\n              {...(hasSearch ? { hasSearch: true, onSearchChange } : { hasSearch: false as const })}\n              size={size}\n            />\n          </Select.Positioner>\n        </Portal>\n      </Select.Root>\n    </BitkitField>\n  );\n});\n\nBitkitSelect.displayName = 'BitkitSelect';\n\nexport default BitkitSelect;\n"],"mappings":";;;;;;;;;;;;AAuCA,IAAM,eAAe,EAAE,aAAa,OAAO,WAA6B;CAEtE,MAAM,QADS,kBAAkB,CACZ;CAErB,MAAM,OAAO,MAAM,IAAI;CACvB,MAAM,QAAQ,MAAM,IAAI;CAExB,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QAAO,MAAM,KACX,oBAAC,OAAO,WAAR;EAAkB,aAAa,eAAe,UAAU,aAAa,mBAAmB;YACtF,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QAAQ,oBAAC,MAAD,EAAM,MAAM,UAAY,CAAA,EAChC,MACG;;EACW,CAAA,GAEnB,oBAAC,OAAO,WAAR,EAAkB,aAAa,gBAAgB,UAAU,aAAa,mBAAmB,qBAAuB,CAAA;;AAIpH,IAAM,eAAe,YAA+C,OAA0B,QAAQ;CACpG,MAAM,EACJ,cACA,gBACA,iBACA,iBACA,cACA,WACA,WACA,OACA,cACA,gBACA,eACA,aACA,aACA,OAAO,MACP,OACA,cACA,OACA,GAAG,eACD;CAEJ,MAAM,aAAa,qBAAqB;EACtC;EACA,UAAU,SAAS,KAAK,SAAS;EAClC,CAAC;AAEF,QACE,oBAAC,aAAD;EAAkB;EAAY;EAAO,GAAI;YACvC,qBAAC,OAAO,MAAR;GACc;GACN;GACN,GAAI;GACJ,cAAc,eAAe,CAAC,aAAa,GAAG,KAAA;GAC9C,gBAAgB,WAAW,gBAAgB,OAAO,MAAM,GAAG;GAC3D,OAAO,QAAQ,CAAC,MAAM,GAAG,KAAA;aAN3B;IAQE,oBAAC,OAAO,cAAR,EAAuB,CAAA;IACvB,qBAAC,OAAO,SAAR;KAAgB,WAAU;eAA1B,CACE,oBAAC,OAAO,SAAR;MAAgB,GAAI;gBAClB,oBAAC,aAAD;OAA0B;OAAmB;OAAa;OAAS,CAAA;MACpD,CAAA,EACjB,qBAAC,OAAO,gBAAR,EAAA,UAAA;MACG,UAAU,WACT,oBAAC,OAAO,WAAR,EAAA,UACE,oBAAC,uBAAD;OAAuB,MAAM,SAAS,OAAO,OAAO;OAAM,OAAM;OAAkB,CAAA,EACjE,CAAA;MAEpB,UAAU,aACT,oBAAC,OAAO,WAAR,EAAA,UACE,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,MAAQ,CAAA,EACvC,CAAA;MAErB,oBAAC,OAAO,WAAR;OAAkB,SAAA;iBAChB,oBAAC,oBAAD,EAAsB,CAAA;OACL,CAAA;MACG,EAAA,CAAA,CACT;;IACjB,oBAAC,QAAD,EAAA,UACE,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,kBAAD;KACc;KACI;KACC;KACA;KACH;KACH;KACG;KACd,GAAK,YAAY;MAAE,WAAW;MAAM;MAAgB,GAAG,EAAE,WAAW,OAAgB;KAC9E;KACN,CAAA,EACgB,CAAA,EACb,CAAA;IACG;;EACF,CAAA;EAEhB;AAEF,aAAa,cAAc"}