@bitrise/bitkit-v2 0.3.179 → 0.3.181

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js

@@ -1,95 +1,100 @@
-import e from "../../icons/IconCheck.js";
-import t from "../../icons/IconMagnifier.js";
-import n from "../../icons/IconPlus.js";
-import { Box as r } from "@chakra-ui/react/box";
-import { useSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import { Text as a } from "@chakra-ui/react/text";
-import { forwardRef as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Spinner as l } from "@chakra-ui/react/spinner";
-import { Select as u } from "@chakra-ui/react/select";
-import { Combobox as d } from "@chakra-ui/react/combobox";
-import { Input as f } from "@chakra-ui/react/input";
-import { InputGroup as p } from "@chakra-ui/react/input-group";
-import { Separator as m } from "@chakra-ui/react/separator";
+import IconCheck from "../../icons/IconCheck.js";
+import IconMagnifier from "../../icons/IconMagnifier.js";
+import IconPlus from "../../icons/IconPlus.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Text } from "@chakra-ui/react/text";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Spinner } from "@chakra-ui/react/spinner";
+import { Select } from "@chakra-ui/react/select";
+import { Combobox } from "@chakra-ui/react/combobox";
+import { Input } from "@chakra-ui/react/input";
+import { InputGroup } from "@chakra-ui/react/input-group";
+import { Separator } from "@chakra-ui/react/separator";
 //#region lib/components/BitkitSelectMenu/BitkitSelectMenu.tsx
-var h = o((o, h) => {
-	let { collection: g, contentProps: _ = {}, createItemHref: v, createItemLabel: y = "Create item", createItemProps: b, hasSearch: x = !1, isLoading: S = !1, onCreateItem: C, onSearchChange: w, size: T, variant: E = "select" } = o, D = E === "combobox" ? d : u, O = i({ key: "select" })({ size: T }), k = T === "md" ? "16" : "24";
-	return /* @__PURE__ */ c(D.Content, {
-		css: O.content,
-		ref: h,
-		..._,
+var BitkitSelectMenu = forwardRef((props, ref) => {
+	const { collection, contentProps = {}, createItemHref, createItemLabel = "Create item", createItemProps, hasSearch = false, isLoading = false, onCreateItem, onSearchChange, size, variant = "select" } = props;
+	const NS = variant === "combobox" ? Combobox : Select;
+	const styles = useSlotRecipe({ key: "select" })({ size });
+	const iconSize = size === "md" ? "16" : "24";
+	return /* @__PURE__ */ jsxs(NS.Content, {
+		css: styles.content,
+		ref,
+		...contentProps,
 		children: [
-			x && /* @__PURE__ */ s(p, {
-				startElement: /* @__PURE__ */ s(t, {
-					size: k,
+			hasSearch && /* @__PURE__ */ jsx(InputGroup, {
+				startElement: /* @__PURE__ */ jsx(IconMagnifier, {
+					size: iconSize,
 					color: "icon/tertiary"
 				}),
-				css: O.searchInputGroup,
-				children: /* @__PURE__ */ s(f, {
+				css: styles.searchInputGroup,
+				children: /* @__PURE__ */ jsx(Input, {
 					placeholder: "Search...",
-					css: O.searchInput,
-					onChange: (e) => w?.(e.target.value)
+					css: styles.searchInput,
+					onChange: (e) => onSearchChange?.(e.target.value)
 				})
 			}),
-			/* @__PURE__ */ s(r, {
+			/* @__PURE__ */ jsx(Box, {
 				overflowY: "auto",
-				children: S ? /* @__PURE__ */ c(r, {
+				children: isLoading ? /* @__PURE__ */ jsxs(Box, {
 					display: "flex",
 					alignItems: "center",
 					gap: "12",
 					justifyContent: "left",
-					css: O.item,
-					children: [/* @__PURE__ */ s(l, { variant: "purple" }), /* @__PURE__ */ s(a, {
+					css: styles.item,
+					children: [/* @__PURE__ */ jsx(Spinner, { variant: "purple" }), /* @__PURE__ */ jsx(Text, {
 						color: "text/secondary",
 						textStyle: "body/md/regular",
 						children: "Loading..."
 					})]
-				}) : g.group().map(([t, n]) => /* @__PURE__ */ c(D.ItemGroup, { children: [t && /* @__PURE__ */ c(D.ItemGroupLabel, {
-					css: O.itemGroupLabel,
-					children: [/* @__PURE__ */ s(a, {
+				}) : collection.group().map(([type, group]) => /* @__PURE__ */ jsxs(NS.ItemGroup, { children: [type && /* @__PURE__ */ jsxs(NS.ItemGroupLabel, {
+					css: styles.itemGroupLabel,
+					children: [/* @__PURE__ */ jsx(Text, {
 						color: "text/tertiary",
 						flexShrink: "0",
 						textStyle: "heading/h6",
-						children: t
-					}), /* @__PURE__ */ s(m, { flex: "1" })]
-				}), n.map((t) => {
-					let n = t.icon;
-					return /* @__PURE__ */ c(D.Item, {
-						css: O.item,
-						item: t,
-						children: [/* @__PURE__ */ c(r, {
+						children: type
+					}), /* @__PURE__ */ jsx(Separator, { flex: "1" })]
+				}), group.map((item) => {
+					const Icon = item.icon;
+					return /* @__PURE__ */ jsxs(NS.Item, {
+						css: styles.item,
+						item,
+						children: [/* @__PURE__ */ jsxs(Box, {
 							display: "flex",
 							alignItems: "center",
 							gap: "8",
-							children: [n && /* @__PURE__ */ s(n, {
+							children: [Icon && /* @__PURE__ */ jsx(Icon, {
 								color: "icon/primary",
-								size: k
-							}), t.label]
-						}), /* @__PURE__ */ s(D.ItemIndicator, {
-							asChild: !0,
-							children: /* @__PURE__ */ s(e, {
-								size: k,
-								css: O.itemIndicator
+								size: iconSize
+							}), item.label]
+						}), /* @__PURE__ */ jsx(NS.ItemIndicator, {
+							asChild: true,
+							children: /* @__PURE__ */ jsx(IconCheck, {
+								size: iconSize,
+								css: styles.itemIndicator
 							})
 						})]
-					}, t.value);
-				})] }, t))
+					}, item.value);
+				})] }, type))
 			}),
-			(v || C) && /* @__PURE__ */ c(r, {
-				as: v ? "a" : "button",
-				css: O.createItem,
-				...v ? { href: v } : {},
-				onClick: C,
-				...b,
-				children: [/* @__PURE__ */ s(n, {
-					size: k,
+			(createItemHref || onCreateItem) && /* @__PURE__ */ jsxs(Box, {
+				as: createItemHref ? "a" : "button",
+				css: styles.createItem,
+				...createItemHref ? { href: createItemHref } : {},
+				onClick: onCreateItem,
+				...createItemProps,
+				children: [/* @__PURE__ */ jsx(IconPlus, {
+					size: iconSize,
 					color: "button/secondary/icon"
-				}), y]
+				}), createItemLabel]
 			})
 		]
 	});
 });
-h.displayName = "BitkitSelectMenu";
+BitkitSelectMenu.displayName = "BitkitSelectMenu";
 //#endregion
-export { h as default };
+export { BitkitSelectMenu as default };
+
+//# sourceMappingURL=BitkitSelectMenu.js.map

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSelectMenu.js","names":[],"sources":["../../../lib/components/BitkitSelectMenu/BitkitSelectMenu.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { type ListCollection } from '@chakra-ui/react/collection';\nimport { Combobox } from '@chakra-ui/react/combobox';\nimport { Input } from '@chakra-ui/react/input';\nimport { InputGroup } from '@chakra-ui/react/input-group';\nimport { Select, type SelectContentProps } from '@chakra-ui/react/select';\nimport { Separator } from '@chakra-ui/react/separator';\nimport { Spinner } from '@chakra-ui/react/spinner';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { type AnchorHTMLAttributes, forwardRef, type HTMLAttributes } from 'react';\n\nimport { type BitkitIconComponent, IconCheck, IconMagnifier, IconPlus } from '../../icons';\n\nexport type BitkitSelectMenuCreateItemProps = {\n  createItemHref?: string;\n  createItemLabel?: string;\n  createItemProps?: AnchorHTMLAttributes<HTMLAnchorElement>;\n  onCreateItem?: () => void;\n};\n\nexport type BitkitSelectMenuSearchProps = {\n  hasSearch?: boolean;\n} & (\n  | {\n      hasSearch: true;\n      onSearchChange?: (searchText: string) => void;\n    }\n  | {\n      hasSearch?: false;\n      onSearchChange?: never;\n    }\n);\n\nexport type BitkitSelectMenuItemProps = {\n  value: string;\n  label: string;\n  group?: string;\n  icon?: BitkitIconComponent;\n};\n\nexport type BitkitSelectMenuProps = {\n  collection: ListCollection<BitkitSelectMenuItemProps>;\n  contentProps?: BitkitSelectContentProps;\n  isLoading?: boolean;\n  size?: 'md' | 'lg';\n  variant?: 'select' | 'combobox';\n} & BitkitSelectMenuCreateItemProps &\n  BitkitSelectMenuSearchProps;\n\nexport type BitkitSelectContentProps = SelectContentProps;\n\nconst BitkitSelectMenu = forwardRef<HTMLDivElement, BitkitSelectMenuProps>((props: BitkitSelectMenuProps, ref) => {\n  const {\n    collection,\n    contentProps = {},\n    createItemHref,\n    createItemLabel = 'Create item',\n    createItemProps,\n    hasSearch = false,\n    isLoading = false,\n    onCreateItem,\n    onSearchChange,\n    size,\n    variant = 'select',\n  } = props;\n\n  const NS = variant === 'combobox' ? Combobox : Select;\n\n  const recipe = useSlotRecipe({ key: 'select' });\n  const styles = recipe({ size });\n\n  const iconSize = size === 'md' ? '16' : '24';\n\n  return (\n    <NS.Content css={styles.content} ref={ref} {...contentProps}>\n      {hasSearch && (\n        <InputGroup\n          startElement={<IconMagnifier size={iconSize} color=\"icon/tertiary\" />}\n          css={styles.searchInputGroup}\n        >\n          <Input placeholder=\"Search...\" css={styles.searchInput} onChange={(e) => onSearchChange?.(e.target.value)} />\n        </InputGroup>\n      )}\n      <Box overflowY=\"auto\">\n        {isLoading ? (\n          <Box display=\"flex\" alignItems=\"center\" gap=\"12\" justifyContent=\"left\" css={styles.item}>\n            <Spinner variant=\"purple\" />\n            <Text color=\"text/secondary\" textStyle=\"body/md/regular\">\n              Loading...\n            </Text>\n          </Box>\n        ) : (\n          collection.group().map(([type, group]) => (\n            <NS.ItemGroup key={type}>\n              {type && (\n                <NS.ItemGroupLabel css={styles.itemGroupLabel}>\n                  <Text color=\"text/tertiary\" flexShrink=\"0\" textStyle=\"heading/h6\">\n                    {type}\n                  </Text>\n                  <Separator flex=\"1\" />\n                </NS.ItemGroupLabel>\n              )}\n              {group.map((item) => {\n                const Icon = item.icon;\n                return (\n                  <NS.Item key={item.value} css={styles.item} item={item}>\n                    <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n                      {Icon && <Icon color=\"icon/primary\" size={iconSize} />}\n                      {item.label}\n                    </Box>\n                    <NS.ItemIndicator asChild>\n                      <IconCheck size={iconSize} css={styles.itemIndicator} />\n                    </NS.ItemIndicator>\n                  </NS.Item>\n                );\n              })}\n            </NS.ItemGroup>\n          ))\n        )}\n      </Box>\n      {(createItemHref || onCreateItem) && (\n        <Box\n          as={createItemHref ? 'a' : 'button'}\n          css={styles.createItem}\n          {...(createItemHref ? { href: createItemHref } : {})}\n          onClick={onCreateItem}\n          {...(createItemProps as HTMLAttributes<HTMLDivElement>)}\n        >\n          <IconPlus size={iconSize} color=\"button/secondary/icon\" />\n          {createItemLabel}\n        </Box>\n      )}\n    </NS.Content>\n  );\n});\n\nBitkitSelectMenu.displayName = 'BitkitSelectMenu';\n\nexport default BitkitSelectMenu;\n"],"mappings":";;;;;;;;;;;;;;;AAoDA,IAAM,mBAAmB,YAAmD,OAA8B,QAAQ;CAChH,MAAM,EACJ,YACA,eAAe,EAAE,EACjB,gBACA,kBAAkB,eAClB,iBACA,YAAY,OACZ,YAAY,OACZ,cACA,gBACA,MACA,UAAU,aACR;CAEJ,MAAM,KAAK,YAAY,aAAa,WAAW;CAG/C,MAAM,SADS,cAAc,EAAE,KAAK,UAAU,CAAC,CACzB,EAAE,MAAM,CAAC;CAE/B,MAAM,WAAW,SAAS,OAAO,OAAO;AAExC,QACE,qBAAC,GAAG,SAAJ;EAAY,KAAK,OAAO;EAAc;EAAK,GAAI;YAA/C;GACG,aACC,oBAAC,YAAD;IACE,cAAc,oBAAC,eAAD;KAAe,MAAM;KAAU,OAAM;KAAkB,CAAA;IACrE,KAAK,OAAO;cAEZ,oBAAC,OAAD;KAAO,aAAY;KAAY,KAAK,OAAO;KAAa,WAAW,MAAM,iBAAiB,EAAE,OAAO,MAAM;KAAI,CAAA;IAClG,CAAA;GAEf,oBAAC,KAAD;IAAK,WAAU;cACZ,YACC,qBAAC,KAAD;KAAK,SAAQ;KAAO,YAAW;KAAS,KAAI;KAAK,gBAAe;KAAO,KAAK,OAAO;eAAnF,CACE,oBAAC,SAAD,EAAS,SAAQ,UAAW,CAAA,EAC5B,oBAAC,MAAD;MAAM,OAAM;MAAiB,WAAU;gBAAkB;MAElD,CAAA,CACH;SAEN,WAAW,OAAO,CAAC,KAAK,CAAC,MAAM,WAC7B,qBAAC,GAAG,WAAJ,EAAA,UAAA,CACG,QACC,qBAAC,GAAG,gBAAJ;KAAmB,KAAK,OAAO;eAA/B,CACE,oBAAC,MAAD;MAAM,OAAM;MAAgB,YAAW;MAAI,WAAU;gBAClD;MACI,CAAA,EACP,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA,CACJ;QAErB,MAAM,KAAK,SAAS;KACnB,MAAM,OAAO,KAAK;AAClB,YACE,qBAAC,GAAG,MAAJ;MAA0B,KAAK,OAAO;MAAY;gBAAlD,CACE,qBAAC,KAAD;OAAK,SAAQ;OAAO,YAAW;OAAS,KAAI;iBAA5C,CACG,QAAQ,oBAAC,MAAD;QAAM,OAAM;QAAe,MAAM;QAAY,CAAA,EACrD,KAAK,MACF;UACN,oBAAC,GAAG,eAAJ;OAAkB,SAAA;iBAChB,oBAAC,WAAD;QAAW,MAAM;QAAU,KAAK,OAAO;QAAiB,CAAA;OACvC,CAAA,CACX;QARI,KAAK,MAQT;MAEZ,CACW,EAAA,EAvBI,KAuBJ,CACf;IAEA,CAAA;IACJ,kBAAkB,iBAClB,qBAAC,KAAD;IACE,IAAI,iBAAiB,MAAM;IAC3B,KAAK,OAAO;IACZ,GAAK,iBAAiB,EAAE,MAAM,gBAAgB,GAAG,EAAE;IACnD,SAAS;IACT,GAAK;cALP,CAOE,oBAAC,UAAD;KAAU,MAAM;KAAU,OAAM;KAA0B,CAAA,EACzD,gBACG;;GAEG;;EAEf;AAEF,iBAAiB,cAAc"}

package/dist/components/BitkitSelectableTag/BitkitSelectableTag.js

@@ -1,38 +1,42 @@
-import { useRecipe as e } from "@chakra-ui/react/styled-system";
-import { forwardRef as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Checkbox as i } from "@chakra-ui/react/checkbox";
+import { useRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@chakra-ui/react/checkbox";
 //#region lib/components/BitkitSelectableTag/BitkitSelectableTag.tsx
-var a = t((e, t) => {
-	let { children: r, state: a, ...o } = e, s = a === "disabled";
-	return /* @__PURE__ */ n(i.Group, {
-		ref: t,
-		disabled: s,
+var BitkitSelectableTag = forwardRef((props, ref) => {
+	const { children, state, ...rest } = props;
+	const disabled = state === "disabled";
+	return /* @__PURE__ */ jsx(Checkbox.Group, {
+		ref,
+		disabled,
 		gap: "8",
 		flexDirection: "row",
 		flexWrap: "wrap",
-		...o,
-		children: r
+		...rest,
+		children
 	});
 });
-a.displayName = "BitkitSelectableTag";
-var o = t((t, a) => {
-	let { children: o, defaultChecked: s, disabled: c, icon: l, onCheckedChange: u, value: d } = t, f = e({ key: "selectableTag" })();
-	return /* @__PURE__ */ r(i.Root, {
-		css: f,
-		defaultChecked: s,
-		disabled: c,
-		onCheckedChange: u,
-		unstyled: !0,
-		value: d,
+BitkitSelectableTag.displayName = "BitkitSelectableTag";
+var BitkitSelectableTagItem = forwardRef((props, ref) => {
+	const { children, defaultChecked, disabled, icon: Icon, onCheckedChange, value } = props;
+	const style = useRecipe({ key: "selectableTag" })();
+	return /* @__PURE__ */ jsxs(Checkbox.Root, {
+		css: style,
+		defaultChecked,
+		disabled,
+		onCheckedChange,
+		unstyled: true,
+		value,
 		children: [
-			/* @__PURE__ */ n(i.HiddenInput, { ref: a }),
-			!!l && /* @__PURE__ */ n(l, { size: "16" }),
-			o
+			/* @__PURE__ */ jsx(Checkbox.HiddenInput, { ref }),
+			!!Icon && /* @__PURE__ */ jsx(Icon, { size: "16" }),
+			children
 		]
 	});
 });
-o.displayName = "BitkitSelectableTagItem";
-var s = Object.assign(a, { Item: o });
+BitkitSelectableTagItem.displayName = "BitkitSelectableTagItem";
+var BitkitSelectableTag_default = Object.assign(BitkitSelectableTag, { Item: BitkitSelectableTagItem });
 //#endregion
-export { s as default };
+export { BitkitSelectableTag_default as default };
+
+//# sourceMappingURL=BitkitSelectableTag.js.map

package/dist/components/BitkitSelectableTag/BitkitSelectableTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSelectableTag.js","names":[],"sources":["../../../lib/components/BitkitSelectableTag/BitkitSelectableTag.tsx"],"sourcesContent":["import { Checkbox, type CheckboxCheckedChangeDetails, type CheckboxGroupProps } from '@chakra-ui/react/checkbox';\nimport { useRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\n// --- Root (Group) ---\n\nexport interface BitkitSelectableTagProps extends Omit<CheckboxGroupProps, 'disabled'> {\n  state?: 'disabled';\n}\n\nconst BitkitSelectableTag = forwardRef<HTMLDivElement, BitkitSelectableTagProps>((props, ref) => {\n  const { children, state, ...rest } = props;\n  const disabled = state === 'disabled';\n\n  return (\n    <Checkbox.Group ref={ref} disabled={disabled} gap=\"8\" flexDirection=\"row\" flexWrap=\"wrap\" {...rest}>\n      {children}\n    </Checkbox.Group>\n  );\n});\n\nBitkitSelectableTag.displayName = 'BitkitSelectableTag';\n\n// --- Item ---\n\nexport interface BitkitSelectableTagItemProps {\n  children: string;\n  defaultChecked?: boolean;\n  disabled?: boolean;\n  icon?: BitkitIconComponent;\n  onCheckedChange?: (details: CheckboxCheckedChangeDetails) => void;\n  value: string;\n}\n\nconst BitkitSelectableTagItem = forwardRef<HTMLInputElement, BitkitSelectableTagItemProps>((props, ref) => {\n  const { children, defaultChecked, disabled, icon: Icon, onCheckedChange, value } = props;\n  const style = useRecipe({ key: 'selectableTag' })();\n\n  return (\n    <Checkbox.Root\n      css={style}\n      defaultChecked={defaultChecked}\n      disabled={disabled}\n      onCheckedChange={onCheckedChange}\n      unstyled\n      value={value}\n    >\n      <Checkbox.HiddenInput ref={ref} />\n      {!!Icon && <Icon size=\"16\" />}\n      {children}\n    </Checkbox.Root>\n  );\n});\n\nBitkitSelectableTagItem.displayName = 'BitkitSelectableTagItem';\n\nexport default Object.assign(BitkitSelectableTag, {\n  Item: BitkitSelectableTagItem,\n});\n"],"mappings":";;;;;AAYA,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,OAAO,GAAG,SAAS;CACrC,MAAM,WAAW,UAAU;AAE3B,QACE,oBAAC,SAAS,OAAV;EAAqB;EAAe;EAAU,KAAI;EAAI,eAAc;EAAM,UAAS;EAAO,GAAI;EAC3F;EACc,CAAA;EAEnB;AAEF,oBAAoB,cAAc;AAalC,IAAM,0BAA0B,YAA4D,OAAO,QAAQ;CACzG,MAAM,EAAE,UAAU,gBAAgB,UAAU,MAAM,MAAM,iBAAiB,UAAU;CACnF,MAAM,QAAQ,UAAU,EAAE,KAAK,iBAAiB,CAAC,EAAE;AAEnD,QACE,qBAAC,SAAS,MAAV;EACE,KAAK;EACW;EACN;EACO;EACjB,UAAA;EACO;YANT;GAQE,oBAAC,SAAS,aAAV,EAA2B,KAAO,CAAA;GACjC,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;GAC5B;GACa;;EAElB;AAEF,wBAAwB,cAAc;AAEtC,IAAA,8BAAe,OAAO,OAAO,qBAAqB,EAChD,MAAM,yBACP,CAAC"}

package/dist/components/BitkitSplitButton/BitkitSplitButton.js

@@ -1,69 +1,83 @@
-import e from "../../icons/IconChevronDown.js";
-import t from "../BitkitButton/BitkitButton.js";
-import n from "../BitkitIconButton/BitkitIconButton.js";
-import r from "../BitkitActionMenu/BitkitActionMenu.js";
-import { useSlotRecipe as i } from "@chakra-ui/react/styled-system";
-import { Children as a, forwardRef as o, isValidElement as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Skeleton as u } from "@chakra-ui/react/skeleton";
-import { createContext as d } from "@chakra-ui/react";
-import { Group as f } from "@chakra-ui/react/group";
+import IconChevronDown from "../../icons/IconChevronDown.js";
+import BitkitButton from "../BitkitButton/BitkitButton.js";
+import BitkitIconButton from "../BitkitIconButton/BitkitIconButton.js";
+import BitkitActionMenu from "../BitkitActionMenu/BitkitActionMenu.js";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { Children, forwardRef, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+import { createContext as createContext$1 } from "@chakra-ui/react";
+import { Group } from "@chakra-ui/react/group";
 //#region lib/components/BitkitSplitButton/BitkitSplitButton.tsx
-var p = (e) => s(e) && e.type === _, m = (e) => s(e) && (e.type === r.Group || e.type === r.Item || e.type === r.Separator), [h, g] = d({
+var isValidActionItem = (child) => {
+	return isValidElement(child) && child.type === BitkitSplitButtonAction;
+};
+var isValidMenuItem = (child) => {
+	return isValidElement(child) && (child.type === BitkitActionMenu.Group || child.type === BitkitActionMenu.Item || child.type === BitkitActionMenu.Separator);
+};
+var [SplitButtonProvider, useSplitButtonContext] = createContext$1({
 	name: "SplitButtonContext",
 	hookName: "useSplitButtonContext",
 	providerName: "<BitkitSplitButton />"
-}), _ = o((e, n) => {
-	let { size: r, state: i, styles: a, variant: o } = g();
-	return /* @__PURE__ */ c(t, {
-		ref: n,
-		css: a.action,
-		size: r,
-		variant: o,
-		state: i,
-		...e
+});
+var BitkitSplitButtonAction = forwardRef((props, ref) => {
+	const { size, state, styles, variant } = useSplitButtonContext();
+	return /* @__PURE__ */ jsx(BitkitButton, {
+		ref,
+		css: styles.action,
+		size,
+		variant,
+		state,
+		...props
 	});
 });
-_.displayName = "BitkitSplitButtonAction";
-var v = o((t, o) => {
-	let { children: s, size: d = "lg", state: g, variant: _ = "primary" } = t, v = a.toArray(s), y = v.find(p), b = v.filter(m), x = d === "lg" ? "lg" : "md", S = i({ key: "splitButton" })({ variant: _ });
-	return /* @__PURE__ */ c(h, {
+BitkitSplitButtonAction.displayName = "BitkitSplitButtonAction";
+var BitkitSplitButton = forwardRef((props, ref) => {
+	const { children, size = "lg", state, variant = "primary" } = props;
+	const childArray = Children.toArray(children);
+	const actionChild = childArray.find(isValidActionItem);
+	const menuItems = childArray.filter(isValidMenuItem);
+	const menuSize = size === "lg" ? "lg" : "md";
+	const styles = useSlotRecipe({ key: "splitButton" })({ variant });
+	return /* @__PURE__ */ jsx(SplitButtonProvider, {
 		value: {
-			size: d,
-			state: g,
-			styles: S,
-			variant: _
+			size,
+			state,
+			styles,
+			variant
 		},
-		children: /* @__PURE__ */ c(u, {
-			asChild: !0,
-			loading: g === "skeleton",
-			children: /* @__PURE__ */ l(f, {
-				ref: o,
-				attached: !0,
+		children: /* @__PURE__ */ jsx(Skeleton, {
+			asChild: true,
+			loading: state === "skeleton",
+			children: /* @__PURE__ */ jsxs(Group, {
+				ref,
+				attached: true,
 				display: "inline-flex",
-				children: [y, /* @__PURE__ */ c(r.Root, {
-					size: x,
-					trigger: /* @__PURE__ */ c(n, {
-						css: S.trigger,
-						icon: e,
+				children: [actionChild, /* @__PURE__ */ jsx(BitkitActionMenu.Root, {
+					size: menuSize,
+					trigger: /* @__PURE__ */ jsx(BitkitIconButton, {
+						css: styles.trigger,
+						icon: IconChevronDown,
 						label: "Toggle menu",
-						size: d,
-						state: g === "loading" ? "disabled" : g,
-						variant: _
+						size,
+						state: state === "loading" ? "disabled" : state,
+						variant
 					}),
 					positioning: { placement: "bottom-end" },
-					children: b
+					children: menuItems
 				})]
 			})
 		})
 	});
 });
-v.displayName = "BitkitSplitButton";
-var y = Object.assign(v, {
-	Action: _,
-	Group: r.Group,
-	Item: r.Item,
-	Separator: r.Separator
+BitkitSplitButton.displayName = "BitkitSplitButton";
+var BitkitSplitButton_default = Object.assign(BitkitSplitButton, {
+	Action: BitkitSplitButtonAction,
+	Group: BitkitActionMenu.Group,
+	Item: BitkitActionMenu.Item,
+	Separator: BitkitActionMenu.Separator
 });
 //#endregion
-export { y as default };
+export { BitkitSplitButton_default as default };
+
+//# sourceMappingURL=BitkitSplitButton.js.map

package/dist/components/BitkitSplitButton/BitkitSplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSplitButton.js","names":[],"sources":["../../../lib/components/BitkitSplitButton/BitkitSplitButton.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Group } from '@chakra-ui/react/group';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { type SystemStyleObject, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Children, forwardRef, isValidElement, type PropsWithChildren, type ReactElement, type ReactNode } from 'react';\n\nimport { IconChevronDown } from '../../icons';\nimport BitkitActionMenu from '../BitkitActionMenu/BitkitActionMenu';\nimport BitkitButton, { type BitkitButtonProps } from '../BitkitButton/BitkitButton';\nimport BitkitIconButton from '../BitkitIconButton/BitkitIconButton';\n\ntype Size = 'lg' | 'md' | 'sm';\ntype Variant = 'primary' | 'secondary';\ntype State = 'disabled' | 'loading' | 'skeleton';\n\nconst isValidActionItem = (child: ReactNode): child is ReactElement => {\n  return isValidElement(child) && child.type === BitkitSplitButtonAction;\n};\n\nconst isValidMenuItem = (child: ReactNode): child is ReactElement => {\n  return (\n    isValidElement(child) &&\n    (child.type === BitkitActionMenu.Group ||\n      child.type === BitkitActionMenu.Item ||\n      child.type === BitkitActionMenu.Separator)\n  );\n};\n\n// --- Context ---\ninterface SplitButtonContext {\n  size: Size;\n  variant: Variant;\n  state: State | undefined;\n  styles: Record<string, SystemStyleObject>;\n}\n\nconst [SplitButtonProvider, useSplitButtonContext] = createContext<SplitButtonContext>({\n  name: 'SplitButtonContext',\n  hookName: 'useSplitButtonContext',\n  providerName: '<BitkitSplitButton />',\n});\n\n// --- Action ---\ntype BitkitSplitButtonActionProps = Omit<BitkitButtonProps, 'size' | 'variant' | 'state'>;\n\nconst BitkitSplitButtonAction = forwardRef<HTMLButtonElement, BitkitSplitButtonActionProps>((props, ref) => {\n  const { size, state, styles, variant } = useSplitButtonContext();\n\n  return <BitkitButton ref={ref} css={styles.action} size={size} variant={variant} state={state} {...props} />;\n});\n\nBitkitSplitButtonAction.displayName = 'BitkitSplitButtonAction';\n\n// --- Root ---\nexport type BitkitSplitButtonProps = PropsWithChildren<{\n  size?: Size;\n  variant?: Variant;\n  state?: State;\n}>;\n\nconst BitkitSplitButton = forwardRef<HTMLDivElement, BitkitSplitButtonProps>((props, ref) => {\n  const { children, size = 'lg', state, variant = 'primary' } = props;\n\n  const childArray = Children.toArray(children);\n  const actionChild = childArray.find(isValidActionItem);\n  const menuItems = childArray.filter(isValidMenuItem);\n\n  const menuSize = size === 'lg' ? 'lg' : 'md';\n  const recipe = useSlotRecipe({ key: 'splitButton' });\n  const styles = recipe({ variant });\n\n  return (\n    <SplitButtonProvider value={{ size, state, styles, variant }}>\n      <Skeleton asChild loading={state === 'skeleton'}>\n        <Group ref={ref} attached display=\"inline-flex\">\n          {actionChild}\n          <BitkitActionMenu.Root\n            size={menuSize}\n            trigger={\n              <BitkitIconButton\n                css={styles.trigger}\n                icon={IconChevronDown}\n                label=\"Toggle menu\"\n                size={size}\n                state={state === 'loading' ? 'disabled' : state}\n                variant={variant}\n              />\n            }\n            positioning={{ placement: 'bottom-end' }}\n          >\n            {menuItems}\n          </BitkitActionMenu.Root>\n        </Group>\n      </Skeleton>\n    </SplitButtonProvider>\n  );\n});\nBitkitSplitButton.displayName = 'BitkitSplitButton';\n\nexport default Object.assign(BitkitSplitButton, {\n  Action: BitkitSplitButtonAction,\n  Group: BitkitActionMenu.Group,\n  Item: BitkitActionMenu.Item,\n  Separator: BitkitActionMenu.Separator,\n});\n"],"mappings":";;;;;;;;;;;AAgBA,IAAM,qBAAqB,UAA4C;AACrE,QAAO,eAAe,MAAM,IAAI,MAAM,SAAS;;AAGjD,IAAM,mBAAmB,UAA4C;AACnE,QACE,eAAe,MAAM,KACpB,MAAM,SAAS,iBAAiB,SAC/B,MAAM,SAAS,iBAAiB,QAChC,MAAM,SAAS,iBAAiB;;AAYtC,IAAM,CAAC,qBAAqB,yBAAyB,gBAAkC;CACrF,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AAKF,IAAM,0BAA0B,YAA6D,OAAO,QAAQ;CAC1G,MAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,uBAAuB;AAEhE,QAAO,oBAAC,cAAD;EAAmB;EAAK,KAAK,OAAO;EAAc;EAAe;EAAgB;EAAO,GAAI;EAAS,CAAA;EAC5G;AAEF,wBAAwB,cAAc;AAStC,IAAM,oBAAoB,YAAoD,OAAO,QAAQ;CAC3F,MAAM,EAAE,UAAU,OAAO,MAAM,OAAO,UAAU,cAAc;CAE9D,MAAM,aAAa,SAAS,QAAQ,SAAS;CAC7C,MAAM,cAAc,WAAW,KAAK,kBAAkB;CACtD,MAAM,YAAY,WAAW,OAAO,gBAAgB;CAEpD,MAAM,WAAW,SAAS,OAAO,OAAO;CAExC,MAAM,SADS,cAAc,EAAE,KAAK,eAAe,CAAC,CAC9B,EAAE,SAAS,CAAC;AAElC,QACE,oBAAC,qBAAD;EAAqB,OAAO;GAAE;GAAM;GAAO;GAAQ;GAAS;YAC1D,oBAAC,UAAD;GAAU,SAAA;GAAQ,SAAS,UAAU;aACnC,qBAAC,OAAD;IAAY;IAAK,UAAA;IAAS,SAAQ;cAAlC,CACG,aACD,oBAAC,iBAAiB,MAAlB;KACE,MAAM;KACN,SACE,oBAAC,kBAAD;MACE,KAAK,OAAO;MACZ,MAAM;MACN,OAAM;MACA;MACN,OAAO,UAAU,YAAY,aAAa;MACjC;MACT,CAAA;KAEJ,aAAa,EAAE,WAAW,cAAc;eAEvC;KACqB,CAAA,CAClB;;GACC,CAAA;EACS,CAAA;EAExB;AACF,kBAAkB,cAAc;AAEhC,IAAA,4BAAe,OAAO,OAAO,mBAAmB;CAC9C,QAAQ;CACR,OAAO,iBAAiB;CACxB,MAAM,iBAAiB;CACvB,WAAW,iBAAiB;CAC7B,CAAC"}

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -1,49 +1,58 @@
-import { Box as e } from "@chakra-ui/react/box";
-import { Text as t } from "@chakra-ui/react/text";
-import { forwardRef as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { createContext as o } from "@chakra-ui/react";
-import { Tabs as s } from "@chakra-ui/react/tabs";
+import { Box } from "@chakra-ui/react/box";
+import { Text } from "@chakra-ui/react/text";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createContext as createContext$1 } from "@chakra-ui/react";
+import { Tabs } from "@chakra-ui/react/tabs";
 //#region lib/components/BitkitTabs/BitkitTabs.tsx
-var [c, l] = o({
+var [RootPropsProvider, useRootPropsContext] = createContext$1({
 	name: "RootPropsContext",
 	hookName: "useRootPropsContext",
 	providerName: "<RootProps />"
-}), u = n((e, t) => /* @__PURE__ */ i(c, {
-	value: e,
-	children: /* @__PURE__ */ i(s.Root, {
-		ref: t,
-		...e
-	})
-}));
-u.displayName = "BitkitTabs.Root";
-var d = n((n, o) => {
-	let { badge: c, children: u, icon: d, secondaryText: f, ...p } = n, { variant: m } = l();
-	return /* @__PURE__ */ i(s.Trigger, {
-		ref: o,
-		...p,
-		children: m === "line" ? /* @__PURE__ */ a(r, { children: [
-			d && /* @__PURE__ */ i(d, { size: "24" }),
-			u,
-			c
-		] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(e, {
+});
+var Root = forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(RootPropsProvider, {
+		value: props,
+		children: /* @__PURE__ */ jsx(Tabs.Root, {
+			ref,
+			...props
+		})
+	});
+});
+Root.displayName = "BitkitTabs.Root";
+var Trigger = forwardRef((props, ref) => {
+	const { badge, children, icon: Icon, secondaryText, ...rest } = props;
+	const { variant } = useRootPropsContext();
+	return /* @__PURE__ */ jsx(Tabs.Trigger, {
+		ref,
+		...rest,
+		children: variant === "line" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			Icon && /* @__PURE__ */ jsx(Icon, { size: "24" }),
+			children,
+			badge
+		] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Box, {
 			display: "flex",
 			gap: "16",
-			children: [u, d && /* @__PURE__ */ i(d, { size: "24" })]
-		}), !!f && /* @__PURE__ */ i(t, {
+			children: [children, Icon && /* @__PURE__ */ jsx(Icon, { size: "24" })]
+		}), !!secondaryText && /* @__PURE__ */ jsx(Text, {
 			as: "span",
 			textStyle: "body/md/regular",
-			color: p.disabled ? "text/on-disabled" : "text/secondary",
-			children: f
+			color: rest.disabled ? "text/on-disabled" : "text/secondary",
+			children: secondaryText
 		})] })
 	});
 });
-d.displayName = "BitkitTabs.Trigger";
-var f = {
-	...s,
-	Root: u,
-	Trigger: d
+Trigger.displayName = "BitkitTabs.Trigger";
+var BitkitTabs = {
+	...Tabs,
+	Root,
+	Trigger
 };
-f.Content.displayName = "BitkitTabs.Content", f.List.displayName = "BitkitTabs.List", f.ContentGroup.displayName = "BitkitTabs.ContentGroup", f.Root.displayName = "BitkitTabs.Root";
+BitkitTabs.Content.displayName = "BitkitTabs.Content";
+BitkitTabs.List.displayName = "BitkitTabs.List";
+BitkitTabs.ContentGroup.displayName = "BitkitTabs.ContentGroup";
+BitkitTabs.Root.displayName = "BitkitTabs.Root";
 //#endregion
-export { f as default };
+export { BitkitTabs as default };
+
+//# sourceMappingURL=BitkitTabs.js.map

package/dist/components/BitkitTabs/BitkitTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitTabs.js","names":[],"sources":["../../../lib/components/BitkitTabs/BitkitTabs.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tabs } from '@chakra-ui/react/tabs';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport const [RootPropsProvider, useRootPropsContext] = createContext<Tabs.RootProps>({\n  name: 'RootPropsContext',\n  hookName: 'useRootPropsContext',\n  providerName: '<RootProps />',\n});\n\nconst Root = forwardRef<HTMLDivElement, Tabs.RootProps>((props, ref) => {\n  return (\n    <RootPropsProvider value={props}>\n      <Tabs.Root ref={ref} {...props} />\n    </RootPropsProvider>\n  );\n});\n\ntype TriggerProps = Tabs.TriggerProps & {\n  badge?: ReactNode;\n  children?: string;\n  icon?: BitkitIconComponent;\n  secondaryText?: string;\n};\n\nRoot.displayName = 'BitkitTabs.Root';\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>((props, ref) => {\n  const { badge, children, icon: Icon, secondaryText, ...rest } = props;\n  const { variant } = useRootPropsContext();\n  return (\n    <Tabs.Trigger ref={ref} {...rest}>\n      {variant === 'line' ? (\n        <>\n          {Icon && <Icon size=\"24\" />}\n          {children}\n          {badge}\n        </>\n      ) : (\n        <>\n          <Box display=\"flex\" gap=\"16\">\n            {children}\n            {Icon && <Icon size=\"24\" />}\n          </Box>\n          {!!secondaryText && (\n            <Text as=\"span\" textStyle=\"body/md/regular\" color={rest.disabled ? 'text/on-disabled' : 'text/secondary'}>\n              {secondaryText}\n            </Text>\n          )}\n        </>\n      )}\n    </Tabs.Trigger>\n  );\n});\n\nTrigger.displayName = 'BitkitTabs.Trigger';\n\nconst BitkitTabs: Omit<typeof Tabs, 'Root' | 'Trigger'> & { Root: typeof Root; Trigger: typeof Trigger } = {\n  ...Tabs,\n  Root,\n  Trigger,\n};\n\nBitkitTabs.Content.displayName = 'BitkitTabs.Content';\nBitkitTabs.List.displayName = 'BitkitTabs.List';\nBitkitTabs.ContentGroup.displayName = 'BitkitTabs.ContentGroup';\nBitkitTabs.Root.displayName = 'BitkitTabs.Root';\n\nexport default BitkitTabs;\n"],"mappings":";;;;;;;AASA,IAAa,CAAC,mBAAmB,uBAAuB,gBAA8B;CACpF,MAAM;CACN,UAAU;CACV,cAAc;CACf,CAAC;AAEF,IAAM,OAAO,YAA4C,OAAO,QAAQ;AACtE,QACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,KAAK,MAAN;GAAgB;GAAK,GAAI;GAAS,CAAA;EAChB,CAAA;EAEtB;AASF,KAAK,cAAc;AAEnB,IAAM,UAAU,YAA6C,OAAO,QAAQ;CAC1E,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,eAAe,GAAG,SAAS;CAChE,MAAM,EAAE,YAAY,qBAAqB;AACzC,QACE,oBAAC,KAAK,SAAN;EAAmB;EAAK,GAAI;YACzB,YAAY,SACX,qBAAA,YAAA,EAAA,UAAA;GACG,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;GAC1B;GACA;GACA,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,KAAI;aAAxB,CACG,UACA,QAAQ,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA,CACvB;MACL,CAAC,CAAC,iBACD,oBAAC,MAAD;GAAM,IAAG;GAAO,WAAU;GAAkB,OAAO,KAAK,WAAW,qBAAqB;aACrF;GACI,CAAA,CAER,EAAA,CAAA;EAEQ,CAAA;EAEjB;AAEF,QAAQ,cAAc;AAEtB,IAAM,aAAqG;CACzG,GAAG;CACH;CACA;CACD;AAED,WAAW,QAAQ,cAAc;AACjC,WAAW,KAAK,cAAc;AAC9B,WAAW,aAAa,cAAc;AACtC,WAAW,KAAK,cAAc"}

package/dist/components/BitkitTag/BitkitTag.js

@@ -1,37 +1,41 @@
-import e from "../BitkitCloseButton/BitkitCloseButton.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Skeleton as r } from "@chakra-ui/react/skeleton";
-import { Tag as i } from "@chakra-ui/react/tag";
+import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+import { Tag } from "@chakra-ui/react/tag";
 //#region lib/components/BitkitTag/BitkitTag.tsx
-var a = (a) => {
-	let { labelText: o, icon: s, onRemove: c, state: l, ...u } = a, d = l === "skeleton", f = !!u.disabled || l === "disabled";
-	return /* @__PURE__ */ n(i.Root, {
-		...u,
-		disabled: f,
+var BitkitTag = (props) => {
+	const { labelText, icon: Icon, onRemove, state, ...rest } = props;
+	const isSkeleton = state === "skeleton";
+	const isDisabled = !!rest.disabled || state === "disabled";
+	return /* @__PURE__ */ jsxs(Tag.Root, {
+		...rest,
+		disabled: isDisabled,
 		children: [
-			!!s && /* @__PURE__ */ t(i.StartElement, {
-				asChild: !0,
-				children: /* @__PURE__ */ t(s, { size: "16" })
+			!!Icon && /* @__PURE__ */ jsx(Tag.StartElement, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Icon, { size: "16" })
 			}),
-			/* @__PURE__ */ t(r, {
-				loading: d,
-				height: d ? "8" : void 0,
+			/* @__PURE__ */ jsx(Skeleton, {
+				loading: isSkeleton,
+				height: isSkeleton ? "8" : void 0,
 				overflow: "hidden",
 				borderRadius: "0",
-				children: /* @__PURE__ */ t(i.Label, { children: o })
+				children: /* @__PURE__ */ jsx(Tag.Label, { children: labelText })
 			}),
-			!!c && /* @__PURE__ */ t(i.EndElement, {
-				asChild: !0,
-				children: /* @__PURE__ */ t(e, {
-					disabled: f || d,
+			!!onRemove && /* @__PURE__ */ jsx(Tag.EndElement, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(BitkitCloseButton, {
+					disabled: isDisabled || isSkeleton,
 					size: "xs",
 					"aria-label": "Remove tag",
-					colorPalette: u.colorPalette,
-					onClick: c
+					colorPalette: rest.colorPalette,
+					onClick: onRemove
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { a as default };
+export { BitkitTag as default };
+
+//# sourceMappingURL=BitkitTag.js.map

package/dist/components/BitkitTag/BitkitTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitTag.js","names":[],"sources":["../../../lib/components/BitkitTag/BitkitTag.tsx"],"sourcesContent":["import { Skeleton } from '@chakra-ui/react/skeleton';\nimport { Tag, type TagRootProps } from '@chakra-ui/react/tag';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport BitkitCloseButton from '../BitkitCloseButton/BitkitCloseButton';\n\nexport interface BitkitTagProps extends TagRootProps {\n  icon?: BitkitIconComponent;\n  labelText: string;\n  onRemove?: () => void;\n  state?: 'disabled' | 'skeleton';\n}\n\nconst BitkitTag = (props: BitkitTagProps) => {\n  const { labelText, icon: Icon, onRemove, state, ...rest } = props;\n  const isSkeleton = state === 'skeleton';\n  const isDisabled = !!rest.disabled || state === 'disabled';\n  return (\n    <Tag.Root {...rest} disabled={isDisabled}>\n      {!!Icon && (\n        <Tag.StartElement asChild>\n          <Icon size=\"16\" />\n        </Tag.StartElement>\n      )}\n      <Skeleton loading={isSkeleton} height={isSkeleton ? '8' : undefined} overflow=\"hidden\" borderRadius=\"0\">\n        <Tag.Label>{labelText}</Tag.Label>\n      </Skeleton>\n      {!!onRemove && (\n        <Tag.EndElement asChild>\n          <BitkitCloseButton\n            disabled={isDisabled || isSkeleton}\n            size=\"xs\"\n            aria-label=\"Remove tag\"\n            colorPalette={rest.colorPalette}\n            onClick={onRemove}\n          />\n        </Tag.EndElement>\n      )}\n    </Tag.Root>\n  );\n};\n\nexport default BitkitTag;\n"],"mappings":";;;;;AAaA,IAAM,aAAa,UAA0B;CAC3C,MAAM,EAAE,WAAW,MAAM,MAAM,UAAU,OAAO,GAAG,SAAS;CAC5D,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,CAAC,CAAC,KAAK,YAAY,UAAU;AAChD,QACE,qBAAC,IAAI,MAAL;EAAU,GAAI;EAAM,UAAU;YAA9B;GACG,CAAC,CAAC,QACD,oBAAC,IAAI,cAAL;IAAkB,SAAA;cAChB,oBAAC,MAAD,EAAM,MAAK,MAAO,CAAA;IACD,CAAA;GAErB,oBAAC,UAAD;IAAU,SAAS;IAAY,QAAQ,aAAa,MAAM,KAAA;IAAW,UAAS;IAAS,cAAa;cAClG,oBAAC,IAAI,OAAL,EAAA,UAAY,WAAsB,CAAA;IACzB,CAAA;GACV,CAAC,CAAC,YACD,oBAAC,IAAI,YAAL;IAAgB,SAAA;cACd,oBAAC,mBAAD;KACE,UAAU,cAAc;KACxB,MAAK;KACL,cAAW;KACX,cAAc,KAAK;KACnB,SAAS;KACT,CAAA;IACa,CAAA;GAEV"}