@bitrise/bitkit-v2 0.3.307 → 0.3.309

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/components/BitkitAccordion/BitkitAccordion.js +5 -4
  2. package/dist/components/BitkitAccordion/BitkitAccordion.js.map +1 -1
  3. package/dist/components/BitkitActionMenu/BitkitActionMenu.js +1 -1
  4. package/dist/components/BitkitCalendar/components/CalendarFooter.js +1 -1
  5. package/dist/components/BitkitCalendar/components/CalendarMonth.js +1 -1
  6. package/dist/components/BitkitCheckbox/BitkitCheckbox.js +1 -1
  7. package/dist/components/BitkitDataWidget/BitkitDataWidget.js +1 -1
  8. package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js +1 -1
  9. package/dist/components/BitkitFileInput/BitkitFileInput.js +1 -1
  10. package/dist/components/BitkitLabel/BitkitLabel.js +1 -1
  11. package/dist/components/BitkitList/BitkitList.js +1 -1
  12. package/dist/components/BitkitMarkdown/BitkitMarkdown.js +1 -1
  13. package/dist/components/BitkitMultiselect/BitkitMultiselect.js +1 -1
  14. package/dist/components/BitkitMultiselectMenu/BitkitMultiselectMenu.js +1 -1
  15. package/dist/components/BitkitNoteCard/BitkitNoteCard.js +1 -1
  16. package/dist/components/BitkitOverflowContent/BitkitOverflowContent.js +1 -1
  17. package/dist/components/BitkitRadio/BitkitRadio.js +1 -1
  18. package/dist/components/BitkitSelect/BitkitSelect.js +1 -1
  19. package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js +1 -1
  20. package/dist/components/BitkitSelectMenu/SelectMenuShell.js +1 -1
  21. package/dist/components/BitkitSettingsCard/BitkitSettingsCard.js +1 -1
  22. package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.js +1 -1
  23. package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.js +1 -1
  24. package/dist/components/BitkitTabs/BitkitTabs.js +1 -1
  25. package/dist/components/BitkitTagsInput/BitkitTagsInput.d.ts +7 -1
  26. package/dist/components/BitkitTagsInput/BitkitTagsInput.js +37 -16
  27. package/dist/components/BitkitTagsInput/BitkitTagsInput.js.map +1 -1
  28. package/dist/components/BitkitToast/BitkitToaster.js +1 -1
  29. package/dist/components/BitkitTreeView/BitkitTreeView.js +1 -1
  30. package/package.json +1 -1
@@ -2,7 +2,6 @@ import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
2
2
  import { Accordion, useAccordionItemContext } from "@chakra-ui/react/accordion";
3
3
  import { Box } from "@chakra-ui/react/box";
4
4
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
5
- import { Text } from "@chakra-ui/react/text";
6
5
  import { forwardRef } from "react";
7
6
  import { jsx, jsxs } from "react/jsx-runtime";
8
7
  //#region lib/components/BitkitAccordion/BitkitAccordion.tsx
@@ -36,7 +35,8 @@ var ItemTrigger = forwardRef(({ children, icon: Icon, secondaryText, suffix, ...
36
35
  display: "flex",
37
36
  alignItems: "flex-start",
38
37
  flexDirection: "column",
39
- children: [children, secondaryText && /* @__PURE__ */ jsx(Text, {
38
+ children: [children, secondaryText && /* @__PURE__ */ jsx(Box, {
39
+ as: "span",
40
40
  css: styles.secdText,
41
41
  children: secondaryText
42
42
  })]
@@ -44,9 +44,10 @@ var ItemTrigger = forwardRef(({ children, icon: Icon, secondaryText, suffix, ...
44
44
  }), /* @__PURE__ */ jsxs(Box, {
45
45
  display: "flex",
46
46
  alignItems: "center",
47
- children: [suffix && /* @__PURE__ */ jsx(Text, {
47
+ children: [suffix && /* @__PURE__ */ jsx(Box, {
48
+ as: "span",
48
49
  css: styles.suffix,
49
- children: secondaryText
50
+ children: suffix
50
51
  }), /* @__PURE__ */ jsx(Accordion.ItemIndicator, {
51
52
  asChild: true,
52
53
  children: /* @__PURE__ */ jsx(AssetSelectChevron, {})
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n Accordion,\n type AccordionItemBodyProps,\n type AccordionItemProps,\n type AccordionItemTriggerProps,\n type AccordionRootProps,\n useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n icon?: BitkitIconComponent;\n secondaryText?: ReactNode;\n suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst Root = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n const recipe = useSlotRecipe({ key: 'accordion' });\n const styles = recipe();\n return (\n <Accordion.ItemTrigger ref={ref} {...props}>\n <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n {Icon && (\n <Box css={styles.icon} asChild>\n <Icon size=\"16\" />\n </Box>\n )}\n <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n {children}\n {secondaryText && <Text css={styles.secdText}>{secondaryText}</Text>}\n </Box>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n {suffix && <Text css={styles.suffix}>{secondaryText}</Text>}\n <Accordion.ItemIndicator asChild>\n <AssetSelectChevron />\n </Accordion.ItemIndicator>\n </Box>\n </Accordion.ItemTrigger>\n );\n },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n const itemProps = useAccordionItemContext();\n return (\n <Accordion.ItemContent>\n <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n </Accordion.ItemContent>\n );\n});\n\nRoot.displayName = 'BitkitAccordion.Root';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\nconst BitkitAccordion = { Root, Item, ItemTrigger, ItemBody };\n\nexport default BitkitAccordion;\n"],"mappings":";;;;;;;;AAyBA,IAAM,OAAO,YAAkD,OAAO,QAAQ;CAC5E,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;CAAQ,CAAA;AACxD,CAAC;AACD,IAAM,OAAO,YAAsD,OAAO,QAAQ;CAChF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;CAAuB,CAAA;AAC9D,CAAC;AACD,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO;CACtB,OACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;YAArC,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;cACrB,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACd,CAAA,GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;cAA1D,CACG,UACA,iBAAiB,oBAAC,MAAD;KAAM,KAAK,OAAO;eAAW;IAAoB,CAAA,CAChE;KACF;MACL,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;aAA/B,CACG,UAAU,oBAAC,MAAD;IAAM,KAAK,OAAO;cAAS;GAAoB,CAAA,GAC1D,oBAAC,UAAU,eAAX;IAAyB,SAAA;cACvB,oBAAC,oBAAD,CAAqB,CAAA;GACE,CAAA,CACtB;IACgB;;AAE3B,CACF;AACA,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,wBAAwB;CAC1C,OACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;CAAQ,CAAA,EACxD,CAAA;AAE3B,CAAC;AAED,KAAK,cAAc;AACnB,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,IAAM,kBAAkB;CAAE;CAAM;CAAM;CAAa;AAAS"}
1
+ {"version":3,"file":"BitkitAccordion.js","names":[],"sources":["../../../lib/components/BitkitAccordion/BitkitAccordion.tsx"],"sourcesContent":["import {\n Accordion,\n type AccordionItemBodyProps,\n type AccordionItemProps,\n type AccordionItemTriggerProps,\n type AccordionRootProps,\n useAccordionItemContext,\n} from '@chakra-ui/react/accordion';\nimport { Box } from '@chakra-ui/react/box';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport AssetSelectChevron from '../../utilities/AssetSelectChevron';\n\nexport type BitkitAccordionProps = AccordionRootProps;\nexport type BitkitAccordionItemProps = AccordionItemProps;\nexport interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {\n icon?: BitkitIconComponent;\n secondaryText?: ReactNode;\n suffix?: ReactNode;\n}\nexport type BitkitAccordionItemBodyProps = AccordionItemBodyProps;\n\nconst Root = forwardRef<HTMLDivElement, BitkitAccordionProps>((props, ref) => {\n return <Accordion.Root ref={ref} multiple {...props} />;\n});\nconst Item = forwardRef<HTMLDivElement, BitkitAccordionItemProps>((props, ref) => {\n return <Accordion.Item ref={ref} {...props}></Accordion.Item>;\n});\nconst ItemTrigger = forwardRef<HTMLButtonElement, BitkitAccordionItemTriggerProps>(\n ({ children, icon: Icon, secondaryText, suffix, ...props }, ref) => {\n const recipe = useSlotRecipe({ key: 'accordion' });\n const styles = recipe();\n return (\n <Accordion.ItemTrigger ref={ref} {...props}>\n <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n {Icon && (\n <Box css={styles.icon} asChild>\n <Icon size=\"16\" />\n </Box>\n )}\n <Box display=\"flex\" alignItems=\"flex-start\" flexDirection=\"column\">\n {children}\n {secondaryText && (\n <Box as=\"span\" css={styles.secdText}>\n {secondaryText}\n </Box>\n )}\n </Box>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n {suffix && (\n <Box as=\"span\" css={styles.suffix}>\n {suffix}\n </Box>\n )}\n <Accordion.ItemIndicator asChild>\n <AssetSelectChevron />\n </Accordion.ItemIndicator>\n </Box>\n </Accordion.ItemTrigger>\n );\n },\n);\nconst ItemBody = forwardRef<HTMLDivElement, BitkitAccordionItemBodyProps>(({ ...props }, ref) => {\n const itemProps = useAccordionItemContext();\n return (\n <Accordion.ItemContent>\n <Accordion.ItemBody ref={ref} aria-disabled={itemProps.disabled} {...props} />\n </Accordion.ItemContent>\n );\n});\n\nRoot.displayName = 'BitkitAccordion.Root';\nItemBody.displayName = 'BitkitAccordion.ItemBody';\nItem.displayName = 'BitkitAccordion.Item';\nItemTrigger.displayName = 'BitkitAccordion.ItemTrigger';\nconst BitkitAccordion = { Root, Item, ItemTrigger, ItemBody };\n\nexport default BitkitAccordion;\n"],"mappings":";;;;;;;AAwBA,IAAM,OAAO,YAAkD,OAAO,QAAQ;CAC5E,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,UAAA;EAAS,GAAI;CAAQ,CAAA;AACxD,CAAC;AACD,IAAM,OAAO,YAAsD,OAAO,QAAQ;CAChF,OAAO,oBAAC,UAAU,MAAX;EAAqB;EAAK,GAAI;CAAuB,CAAA;AAC9D,CAAC;AACD,IAAM,cAAc,YACjB,EAAE,UAAU,MAAM,MAAM,eAAe,QAAQ,GAAG,SAAS,QAAQ;CAElE,MAAM,SADS,cAAc,EAAE,KAAK,YAAY,CACjC,CAAA,CAAO;CACtB,OACE,qBAAC,UAAU,aAAX;EAA4B;EAAK,GAAI;YAArC,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAI;aAA5C,CACG,QACC,oBAAC,KAAD;IAAK,KAAK,OAAO;IAAM,SAAA;cACrB,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACd,CAAA,GAEP,qBAAC,KAAD;IAAK,SAAQ;IAAO,YAAW;IAAa,eAAc;cAA1D,CACG,UACA,iBACC,oBAAC,KAAD;KAAK,IAAG;KAAO,KAAK,OAAO;eACxB;IACE,CAAA,CAEJ;KACF;MACL,qBAAC,KAAD;GAAK,SAAQ;GAAO,YAAW;aAA/B,CACG,UACC,oBAAC,KAAD;IAAK,IAAG;IAAO,KAAK,OAAO;cACxB;GACE,CAAA,GAEP,oBAAC,UAAU,eAAX;IAAyB,SAAA;cACvB,oBAAC,oBAAD,CAAqB,CAAA;GACE,CAAA,CACtB;IACgB;;AAE3B,CACF;AACA,IAAM,WAAW,YAA0D,EAAE,GAAG,SAAS,QAAQ;CAC/F,MAAM,YAAY,wBAAwB;CAC1C,OACE,oBAAC,UAAU,aAAX,EAAA,UACE,oBAAC,UAAU,UAAX;EAAyB;EAAK,iBAAe,UAAU;EAAU,GAAI;CAAQ,CAAA,EACxD,CAAA;AAE3B,CAAC;AAED,KAAK,cAAc;AACnB,SAAS,cAAc;AACvB,KAAK,cAAc;AACnB,YAAY,cAAc;AAC1B,IAAM,kBAAkB;CAAE;CAAM;CAAM;CAAa;AAAS"}
@@ -1,10 +1,10 @@
1
1
  import { Box } from "@chakra-ui/react/box";
2
- import { Text } from "@chakra-ui/react/text";
3
2
  import { createContext, forwardRef, useContext } from "react";
4
3
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
5
4
  import { Portal } from "@chakra-ui/react/portal";
6
5
  import { Menu, useMenuStyles } from "@chakra-ui/react/menu";
7
6
  import { Separator } from "@chakra-ui/react/separator";
7
+ import { Text } from "@chakra-ui/react/text";
8
8
  //#region lib/components/BitkitActionMenu/BitkitActionMenu.tsx
9
9
  var BitkitMenuContext = createContext("lg");
10
10
  var Root = ({ trigger, children, size = "lg", ...props }) => {
@@ -1,8 +1,8 @@
1
1
  import { useDatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
2
2
  import { calendarDateToDate } from "../Calendar.utils.js";
3
3
  import { Box } from "@chakra-ui/react/box";
4
- import { Text } from "@chakra-ui/react/text";
5
4
  import { jsx } from "react/jsx-runtime";
5
+ import { Text } from "@chakra-ui/react/text";
6
6
  import { Button } from "@chakra-ui/react/button";
7
7
  import { CalendarDate } from "@internationalized/date";
8
8
  //#region lib/components/BitkitCalendar/components/CalendarFooter.tsx
@@ -1,6 +1,6 @@
1
1
  import { DatePicker, DatePickerContext } from "../../../atoms/DatePicker/DatePicker.js";
2
- import { Text } from "@chakra-ui/react/text";
3
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Text } from "@chakra-ui/react/text";
4
4
  //#region lib/components/BitkitCalendar/components/CalendarMonth.tsx
5
5
  var CalendarMonth = ({ monthsIndex }) => {
6
6
  return /* @__PURE__ */ jsx(DatePickerContext, { children: (datePicker) => {
@@ -1,8 +1,8 @@
1
1
  import IconCheck from "../../icons/IconCheck.js";
2
2
  import IconMinus from "../../icons/IconMinus.js";
3
- import { Text } from "@chakra-ui/react/text";
4
3
  import { forwardRef } from "react";
5
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
+ import { Text } from "@chakra-ui/react/text";
6
6
  import { Skeleton } from "@chakra-ui/react/skeleton";
7
7
  import { Checkbox } from "@chakra-ui/react/checkbox";
8
8
  //#region lib/components/BitkitCheckbox/BitkitCheckbox.tsx
@@ -2,9 +2,9 @@ import IconInfoCircle from "../../icons/IconInfoCircle.js";
2
2
  import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
3
3
  import { Box } from "@chakra-ui/react/box";
4
4
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
5
- import { Text } from "@chakra-ui/react/text";
6
5
  import { forwardRef } from "react";
7
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
+ import { Text } from "@chakra-ui/react/text";
8
8
  //#region lib/components/BitkitDataWidget/BitkitDataWidget.tsx
9
9
  var BitkitDataWidget = forwardRef((props, ref) => {
10
10
  const { action, children, title, titleTooltip, ...rest } = props;
@@ -1,9 +1,9 @@
1
1
  import AssetSelectChevron from "../../utilities/AssetSelectChevron.js";
2
2
  import { Box } from "@chakra-ui/react/box";
3
3
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
4
- import { Text } from "@chakra-ui/react/text";
5
4
  import { cloneElement, isValidElement } from "react";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
+ import { Text } from "@chakra-ui/react/text";
7
7
  import { Collapsible } from "@chakra-ui/react/collapsible";
8
8
  import { Card } from "@chakra-ui/react/card";
9
9
  //#region lib/components/BitkitExpandableCard/BitkitExpandableCard.tsx
@@ -3,9 +3,9 @@ import IconUpload from "../../icons/IconUpload.js";
3
3
  import BitkitButton from "../BitkitButton/BitkitButton.js";
4
4
  import BitkitField from "../BitkitField/BitkitField.js";
5
5
  import ImageCropper_default, { useImageCropperContext } from "../../atoms/ImageCropper/ImageCropper.js";
6
- import { Text } from "@chakra-ui/react/text";
7
6
  import { forwardRef, useEffect, useMemo } from "react";
8
7
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
8
+ import { Text } from "@chakra-ui/react/text";
9
9
  import { Card } from "@chakra-ui/react/card";
10
10
  import { FileUpload, useFileUploadContext } from "@chakra-ui/react/file-upload";
11
11
  import { VStack } from "@chakra-ui/react/stack";
@@ -1,9 +1,9 @@
1
1
  import IconInfoCircle from "../../icons/IconInfoCircle.js";
2
2
  import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
3
3
  import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
4
- import { Text } from "@chakra-ui/react/text";
5
4
  import { cloneElement, forwardRef, isValidElement } from "react";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
+ import { Text } from "@chakra-ui/react/text";
7
7
  import { useFieldContext } from "@chakra-ui/react/field";
8
8
  import { Flex } from "@chakra-ui/react/flex";
9
9
  //#region lib/components/BitkitLabel/BitkitLabel.tsx
@@ -1,8 +1,8 @@
1
1
  import { withSubComponents } from "../../utilities/withSubComponents.js";
2
2
  import { Box } from "@chakra-ui/react/box";
3
- import { Text } from "@chakra-ui/react/text";
4
3
  import { forwardRef } from "react";
5
4
  import { jsx, jsxs } from "react/jsx-runtime";
5
+ import { Text } from "@chakra-ui/react/text";
6
6
  import { createContext as createContext$1 } from "@chakra-ui/react";
7
7
  import { List } from "@chakra-ui/react/list";
8
8
  //#region lib/components/BitkitList/BitkitList.tsx
@@ -3,10 +3,10 @@ import BitkitHeading from "../BitkitHeading/BitkitHeading.js";
3
3
  import BitkitLink from "../BitkitLink/BitkitLink.js";
4
4
  import BitkitList_default from "../BitkitList/BitkitList.js";
5
5
  import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
6
- import { Text } from "@chakra-ui/react/text";
7
6
  import { forwardRef, isValidElement } from "react";
8
7
  import { jsx } from "react/jsx-runtime";
9
8
  import { Separator } from "@chakra-ui/react/separator";
9
+ import { Text } from "@chakra-ui/react/text";
10
10
  import { Stack } from "@chakra-ui/react/stack";
11
11
  import Markdown from "react-markdown";
12
12
  //#region lib/components/BitkitMarkdown/BitkitMarkdown.tsx
@@ -10,10 +10,10 @@ import BitkitMultiselectMenu from "../BitkitMultiselectMenu/BitkitMultiselectMen
10
10
  import BitkitTag from "../BitkitTag/BitkitTag.js";
11
11
  import { Box } from "@chakra-ui/react/box";
12
12
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
13
- import { Text } from "@chakra-ui/react/text";
14
13
  import { forwardRef, useContext } from "react";
15
14
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
16
15
  import { Portal } from "@chakra-ui/react/portal";
16
+ import { Text } from "@chakra-ui/react/text";
17
17
  import { createListCollection } from "@chakra-ui/react/collection";
18
18
  import { Select, useSelectContext } from "@chakra-ui/react/select";
19
19
  //#region lib/components/BitkitMultiselect/BitkitMultiselect.tsx
@@ -2,9 +2,9 @@ import IconCheck from "../../icons/IconCheck.js";
2
2
  import { SelectMenuShell } from "../BitkitSelectMenu/SelectMenuShell.js";
3
3
  import { Box } from "@chakra-ui/react/box";
4
4
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
5
- import { Text } from "@chakra-ui/react/text";
6
5
  import { forwardRef } from "react";
7
6
  import { jsx, jsxs } from "react/jsx-runtime";
7
+ import { Text } from "@chakra-ui/react/text";
8
8
  import { Spinner } from "@chakra-ui/react/spinner";
9
9
  import { Select } from "@chakra-ui/react/select";
10
10
  //#region lib/components/BitkitMultiselectMenu/BitkitMultiselectMenu.tsx
@@ -3,9 +3,9 @@ import BitkitButton from "../BitkitButton/BitkitButton.js";
3
3
  import BitkitList_default from "../BitkitList/BitkitList.js";
4
4
  import { Box } from "@chakra-ui/react/box";
5
5
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
6
- import { Text } from "@chakra-ui/react/text";
7
6
  import { forwardRef } from "react";
8
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
+ import { Text } from "@chakra-ui/react/text";
9
9
  //#region lib/components/BitkitNoteCard/BitkitNoteCard.tsx
10
10
  var BitkitNoteCard = forwardRef((props, ref) => {
11
11
  const { action, message, messageList, status = "info", title, ...rest } = props;
@@ -2,9 +2,9 @@ import BitkitDialog_default from "../BitkitDialog/BitkitDialog.js";
2
2
  import BitkitLinkButton from "../BitkitLinkButton/BitkitLinkButton.js";
3
3
  import { Box } from "@chakra-ui/react/box";
4
4
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
5
- import { Text } from "@chakra-ui/react/text";
6
5
  import { forwardRef, useState } from "react";
7
6
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
7
+ import { Text } from "@chakra-ui/react/text";
8
8
  //#region lib/components/BitkitOverflowContent/BitkitOverflowContent.tsx
9
9
  var BitkitOverflowContent = forwardRef((props, ref) => {
10
10
  const { buttonSize = "md", children, previewText, textStyle, title, ...rest } = props;
@@ -1,7 +1,7 @@
1
1
  import BitkitBadge from "../BitkitBadge/BitkitBadge.js";
2
- import { Text } from "@chakra-ui/react/text";
3
2
  import { forwardRef } from "react";
4
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
+ import { Text } from "@chakra-ui/react/text";
5
5
  import { Skeleton } from "@chakra-ui/react/skeleton";
6
6
  import { RadioGroup } from "@chakra-ui/react/radio-group";
7
7
  //#region lib/components/BitkitRadio/BitkitRadio.tsx
@@ -6,10 +6,10 @@ import BitkitSelectMenuAction from "../BitkitSelectMenu/BitkitSelectMenuAction.j
6
6
  import BitkitSelectMenu from "../BitkitSelectMenu/BitkitSelectMenu.js";
7
7
  import BitkitPortalContext from "../../utilities/BitkitPortalContext.js";
8
8
  import BitkitField from "../BitkitField/BitkitField.js";
9
- import { Text } from "@chakra-ui/react/text";
10
9
  import { forwardRef, useContext } from "react";
11
10
  import { jsx, jsxs } from "react/jsx-runtime";
12
11
  import { Portal } from "@chakra-ui/react/portal";
12
+ import { Text } from "@chakra-ui/react/text";
13
13
  import { createListCollection } from "@chakra-ui/react/collection";
14
14
  import { Select, useSelectContext } from "@chakra-ui/react/select";
15
15
  //#region lib/components/BitkitSelect/BitkitSelect.tsx
@@ -3,9 +3,9 @@ import BitkitAvatar from "../BitkitAvatar/BitkitAvatar.js";
3
3
  import { SelectMenuShell } from "./SelectMenuShell.js";
4
4
  import { Box } from "@chakra-ui/react/box";
5
5
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
6
- import { Text } from "@chakra-ui/react/text";
7
6
  import { forwardRef } from "react";
8
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
+ import { Text } from "@chakra-ui/react/text";
9
9
  import { Spinner } from "@chakra-ui/react/spinner";
10
10
  import { Select } from "@chakra-ui/react/select";
11
11
  import { Combobox } from "@chakra-ui/react/combobox";
@@ -4,9 +4,9 @@ import BitkitGroupHeading from "../BitkitGroupHeading/BitkitGroupHeading.js";
4
4
  import { SelectMenuShellContextProvider } from "./BitkitSelectMenuAction.js";
5
5
  import { Box } from "@chakra-ui/react/box";
6
6
  import { chakra } from "@chakra-ui/react/styled-system";
7
- import { Text } from "@chakra-ui/react/text";
8
7
  import { isValidElement } from "react";
9
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
+ import { Text } from "@chakra-ui/react/text";
10
10
  import { Spinner } from "@chakra-ui/react/spinner";
11
11
  //#region lib/components/BitkitSelectMenu/SelectMenuShell.tsx
12
12
  var SelectMenuShell = ({ NS, children, collection, contentProps, contentRef, emptyHelperText, emptyLabel = "No matching options", iconSize, isLoading = false, onSearchChange, renderItem, searchValue, size, styles }) => {
@@ -1,9 +1,9 @@
1
1
  import { withSubComponents } from "../../utilities/withSubComponents.js";
2
2
  import { Box } from "@chakra-ui/react/box";
3
3
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
4
- import { Text } from "@chakra-ui/react/text";
5
4
  import { forwardRef } from "react";
6
5
  import { jsx, jsxs } from "react/jsx-runtime";
6
+ import { Text } from "@chakra-ui/react/text";
7
7
  import { Card } from "@chakra-ui/react/card";
8
8
  //#region lib/components/BitkitSettingsCard/BitkitSettingsCard.tsx
9
9
  var useSettingsCardStyles = () => {
@@ -1,6 +1,6 @@
1
1
  import { isOnOff } from "../BitkitSwitch.utils.js";
2
- import { Text } from "@chakra-ui/react/text";
3
2
  import { jsx } from "react/jsx-runtime";
3
+ import { Text } from "@chakra-ui/react/text";
4
4
  import { Skeleton } from "@chakra-ui/react/skeleton";
5
5
  import { useSwitchContext } from "@chakra-ui/react/switch";
6
6
  //#region lib/components/BitkitSwitch/components/BitkitSwitchHelperText.tsx
@@ -1,7 +1,7 @@
1
1
  import IconInfoCircle from "../../../icons/IconInfoCircle.js";
2
2
  import BitkitTooltip from "../../BitkitTooltip/BitkitTooltip.js";
3
- import { Text } from "@chakra-ui/react/text";
4
3
  import { jsx, jsxs } from "react/jsx-runtime";
4
+ import { Text } from "@chakra-ui/react/text";
5
5
  import { Flex } from "@chakra-ui/react/flex";
6
6
  import { useSwitchContext } from "@chakra-ui/react/switch";
7
7
  //#region lib/components/BitkitSwitch/components/BitkitSwitchLabel.tsx
@@ -3,11 +3,11 @@ import IconPlus from "../../icons/IconPlus.js";
3
3
  import BitkitControlButton from "../BitkitControlButton/BitkitControlButton.js";
4
4
  import { Box } from "@chakra-ui/react/box";
5
5
  import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
6
- import { Text } from "@chakra-ui/react/text";
7
6
  import { Children, Fragment, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
8
7
  import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
9
8
  import { Portal } from "@chakra-ui/react/portal";
10
9
  import { Menu } from "@chakra-ui/react/menu";
10
+ import { Text } from "@chakra-ui/react/text";
11
11
  import { createContext as createContext$1, mergeRefs, useSafeLayoutEffect } from "@chakra-ui/react";
12
12
  import { Tabs, useTabsContext, useTabsStyles } from "@chakra-ui/react/tabs";
13
13
  //#region lib/components/BitkitTabs/BitkitTabs.tsx
@@ -1,6 +1,6 @@
1
1
  import { TagsInput } from '@chakra-ui/react/tags-input';
2
2
  import { BitkitFieldProps } from '../BitkitField/BitkitField';
3
- export interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {
3
+ export interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'counterText' | 'state'> {
4
4
  addOnPaste?: TagsInput.RootProps['addOnPaste'];
5
5
  blurBehavior?: TagsInput.RootProps['blurBehavior'];
6
6
  defaultValue?: string[];
@@ -13,5 +13,11 @@ export interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children'
13
13
  validate?: TagsInput.RootProps['validate'];
14
14
  value?: string[];
15
15
  }
16
+ /**
17
+ * A field for entering a list of short string tags: type and commit a tag with Enter or a delimiter
18
+ * (comma or whitespace by default); pasting splits on the same delimiter. Tags can be removed one at
19
+ * a time or cleared all at once, and empty/whitespace-only input is rejected. Pass `max` to cap the
20
+ * number of tags — a live counter is then shown next to the label.
21
+ */
16
22
  declare const BitkitTagsInput: import('react').ForwardRefExoticComponent<BitkitTagsInputProps & import('react').RefAttributes<HTMLDivElement>>;
17
23
  export default BitkitTagsInput;
@@ -1,6 +1,7 @@
1
1
  import IconCross from "../../icons/IconCross.js";
2
2
  import IconErrorCircleFilled from "../../icons/IconErrorCircleFilled.js";
3
3
  import IconWarningYellow from "../../icons/IconWarningYellow.js";
4
+ import BitkitLabel from "../BitkitLabel/BitkitLabel.js";
4
5
  import BitkitField from "../BitkitField/BitkitField.js";
5
6
  import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
6
7
  import { forwardRef } from "react";
@@ -8,8 +9,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
8
9
  import { TagsInput } from "@chakra-ui/react/tags-input";
9
10
  //#region lib/components/BitkitTagsInput/BitkitTagsInput.tsx
10
11
  var rejectEmpty = ({ inputValue }) => inputValue.trim().length > 0;
12
+ /**
13
+ * A field for entering a list of short string tags: type and commit a tag with Enter or a delimiter
14
+ * (comma or whitespace by default); pasting splits on the same delimiter. Tags can be removed one at
15
+ * a time or cleared all at once, and empty/whitespace-only input is rejected. Pass `max` to cap the
16
+ * number of tags — a live counter is then shown next to the label.
17
+ */
11
18
  var BitkitTagsInput = forwardRef((props, ref) => {
12
- const { addOnPaste = true, blurBehavior = "add", defaultValue, delimiter = /[\s,]+/, max, onValueChange, placeholder, size = "lg", state, validate, value, ...fieldProps } = props;
19
+ const { addOnPaste = true, blurBehavior = "add", defaultValue, delimiter = /[\s,]+/, max, onValueChange, placeholder, size = "lg", state, validate, value, badge, label, optional, tooltip, ...fieldProps } = props;
13
20
  const effectiveValidate = (details) => rejectEmpty(details) && (validate?.(details) ?? true);
14
21
  const styles = useSlotRecipe({ key: "tagsInput" })({ size });
15
22
  const hasWarning = state === "warning" || !!fieldProps.warningText;
@@ -36,24 +43,38 @@ var BitkitTagsInput = forwardRef((props, ref) => {
36
43
  validate: effectiveValidate,
37
44
  value,
38
45
  children: /* @__PURE__ */ jsx(TagsInput.Context, { children: ({ value: tagValues }) => /* @__PURE__ */ jsxs(BitkitField, {
39
- counterText: max !== void 0 ? `${tagValues.length}/${max}` : void 0,
46
+ optional,
40
47
  ref,
41
48
  state,
42
49
  ...fieldProps,
43
- children: [/* @__PURE__ */ jsxs(TagsInput.Control, { children: [/* @__PURE__ */ jsxs(chakra.div, {
44
- css: styles.tagsBlock,
45
- children: [tagValues.map((tagValue, index) => /* @__PURE__ */ jsxs(TagsInput.Item, {
46
- index,
47
- value: tagValue,
48
- children: [/* @__PURE__ */ jsxs(TagsInput.ItemPreview, { children: [/* @__PURE__ */ jsx(TagsInput.ItemText, { children: tagValue }), !isReadOnly && /* @__PURE__ */ jsx(TagsInput.ItemDeleteTrigger, { children: /* @__PURE__ */ jsx(IconCross, { size: "16" }) })] }), /* @__PURE__ */ jsx(TagsInput.ItemInput, {})]
49
- }, tagValue)), /* @__PURE__ */ jsx(TagsInput.Input, { placeholder })]
50
- }), (statusIcon || tagValues.length > 0 && !isDisabled && !isReadOnly) && /* @__PURE__ */ jsxs(chakra.div, {
51
- css: styles.suffixBlock,
52
- children: [statusIcon, tagValues.length > 0 && !isDisabled && !isReadOnly && /* @__PURE__ */ jsx(TagsInput.ClearTrigger, {
53
- css: styles.clearTrigger,
54
- children: /* @__PURE__ */ jsx(IconCross, { size: size === "lg" ? "24" : "16" })
55
- })]
56
- })] }), /* @__PURE__ */ jsx(TagsInput.HiddenInput, {})]
50
+ counterText: void 0,
51
+ children: [
52
+ (!!label || !!badge || max !== void 0) && /* @__PURE__ */ jsx(TagsInput.Label, {
53
+ asChild: true,
54
+ children: /* @__PURE__ */ jsx(BitkitLabel, {
55
+ badge,
56
+ counterText: max !== void 0 ? `${tagValues.length}/${max}` : void 0,
57
+ optional,
58
+ tooltip,
59
+ children: label
60
+ })
61
+ }),
62
+ /* @__PURE__ */ jsxs(TagsInput.Control, { children: [/* @__PURE__ */ jsxs(chakra.div, {
63
+ css: styles.tagsBlock,
64
+ children: [tagValues.map((tagValue, index) => /* @__PURE__ */ jsxs(TagsInput.Item, {
65
+ index,
66
+ value: tagValue,
67
+ children: [/* @__PURE__ */ jsxs(TagsInput.ItemPreview, { children: [/* @__PURE__ */ jsx(TagsInput.ItemText, { children: tagValue }), !isReadOnly && /* @__PURE__ */ jsx(TagsInput.ItemDeleteTrigger, { children: /* @__PURE__ */ jsx(IconCross, { size: "16" }) })] }), /* @__PURE__ */ jsx(TagsInput.ItemInput, {})]
68
+ }, tagValue)), /* @__PURE__ */ jsx(TagsInput.Input, { placeholder })]
69
+ }), (statusIcon || tagValues.length > 0 && !isDisabled && !isReadOnly) && /* @__PURE__ */ jsxs(chakra.div, {
70
+ css: styles.suffixBlock,
71
+ children: [statusIcon, tagValues.length > 0 && !isDisabled && !isReadOnly && /* @__PURE__ */ jsx(TagsInput.ClearTrigger, {
72
+ css: styles.clearTrigger,
73
+ children: /* @__PURE__ */ jsx(IconCross, { size: size === "lg" ? "24" : "16" })
74
+ })]
75
+ })] }),
76
+ /* @__PURE__ */ jsx(TagsInput.HiddenInput, {})
77
+ ]
57
78
  }) })
58
79
  });
59
80
  });
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitTagsInput.js","names":[],"sources":["../../../lib/components/BitkitTagsInput/BitkitTagsInput.tsx"],"sourcesContent":["import { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { TagsInput } from '@chakra-ui/react/tags-input';\nimport { forwardRef } from 'react';\n\nimport { IconCross, IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\n\nexport interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'state'> {\n addOnPaste?: TagsInput.RootProps['addOnPaste'];\n blurBehavior?: TagsInput.RootProps['blurBehavior'];\n defaultValue?: string[];\n delimiter?: TagsInput.RootProps['delimiter'];\n max?: number;\n onValueChange?: TagsInput.RootProps['onValueChange'];\n placeholder?: string;\n size?: 'md' | 'lg';\n state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n validate?: TagsInput.RootProps['validate'];\n value?: string[];\n}\n\nconst rejectEmpty: NonNullable<TagsInput.RootProps['validate']> = ({ inputValue }) => inputValue.trim().length > 0;\n\nconst BitkitTagsInput = forwardRef<HTMLDivElement, BitkitTagsInputProps>((props, ref) => {\n const {\n addOnPaste = true,\n blurBehavior = 'add',\n defaultValue,\n // Greedy `+` collapses runs of whitespace/commas into a single delimiter so pasting\n // \"alpha, beta\" doesn't spawn an empty tag between the alpha and beta.\n delimiter = /[\\s,]+/,\n max,\n onValueChange,\n placeholder,\n size = 'lg',\n state,\n validate,\n value,\n ...fieldProps\n } = props;\n\n // Always reject empty/whitespace-only input (covers leading/trailing delimiters on paste\n // and blurBehavior=\"add\" with an empty input). Chain with a user-supplied validate if any.\n const effectiveValidate: NonNullable<TagsInput.RootProps['validate']> = (details) =>\n rejectEmpty(details) && (validate?.(details) ?? true);\n\n const styles = useSlotRecipe({ key: 'tagsInput' })({ size });\n\n const hasWarning = state === 'warning' || !!fieldProps.warningText;\n const isInvalid = state === 'error' || !!fieldProps.errorText;\n const isDisabled = state === 'disabled';\n const isReadOnly = state === 'readOnly';\n\n let statusIcon = undefined;\n if (isInvalid) {\n statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={size === 'lg' ? '24' : '16'} />;\n } else if (hasWarning) {\n statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} />;\n }\n\n return (\n <TagsInput.Root\n addOnPaste={addOnPaste}\n blurBehavior={blurBehavior}\n defaultValue={defaultValue}\n delimiter={delimiter}\n disabled={isDisabled}\n invalid={isInvalid}\n max={max}\n onValueChange={onValueChange}\n readOnly={isReadOnly}\n size={size}\n validate={effectiveValidate}\n value={value}\n >\n <TagsInput.Context>\n {({ value: tagValues }) => (\n <BitkitField\n counterText={max !== undefined ? `${tagValues.length}/${max}` : undefined}\n ref={ref}\n state={state}\n {...fieldProps}\n >\n <TagsInput.Control>\n <chakra.div css={styles.tagsBlock}>\n {tagValues.map((tagValue, index) => (\n <TagsInput.Item index={index} key={tagValue} value={tagValue}>\n <TagsInput.ItemPreview>\n <TagsInput.ItemText>{tagValue}</TagsInput.ItemText>\n {!isReadOnly && (\n <TagsInput.ItemDeleteTrigger>\n <IconCross size=\"16\" />\n </TagsInput.ItemDeleteTrigger>\n )}\n </TagsInput.ItemPreview>\n <TagsInput.ItemInput />\n </TagsInput.Item>\n ))}\n <TagsInput.Input placeholder={placeholder} />\n </chakra.div>\n {(statusIcon || (tagValues.length > 0 && !isDisabled && !isReadOnly)) && (\n <chakra.div css={styles.suffixBlock}>\n {statusIcon}\n {tagValues.length > 0 && !isDisabled && !isReadOnly && (\n <TagsInput.ClearTrigger css={styles.clearTrigger}>\n <IconCross size={size === 'lg' ? '24' : '16'} />\n </TagsInput.ClearTrigger>\n )}\n </chakra.div>\n )}\n </TagsInput.Control>\n <TagsInput.HiddenInput />\n </BitkitField>\n )}\n </TagsInput.Context>\n </TagsInput.Root>\n );\n});\n\nBitkitTagsInput.displayName = 'BitkitTagsInput';\nexport default BitkitTagsInput;\n"],"mappings":";;;;;;;;;AAqBA,IAAM,eAA6D,EAAE,iBAAiB,WAAW,KAAK,CAAC,CAAC,SAAS;AAEjH,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,aAAa,MACb,eAAe,OACf,cAGA,YAAY,UACZ,KACA,eACA,aACA,OAAO,MACP,OACA,UACA,OACA,GAAG,eACD;CAIJ,MAAM,qBAAmE,YACvE,YAAY,OAAO,MAAM,WAAW,OAAO,KAAK;CAElD,MAAM,SAAS,cAAc,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;CAE3D,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,UAAU;CAE7B,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM,SAAS,OAAO,OAAO;CAAO,CAAA;MACzF,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;CAGtE,OACE,oBAAC,UAAU,MAAX;EACc;EACE;EACA;EACH;EACX,UAAU;EACV,SAAS;EACJ;EACU;EACf,UAAU;EACJ;EACN,UAAU;EACH;YAEP,oBAAC,UAAU,SAAX,EAAA,WACI,EAAE,OAAO,gBACT,qBAAC,aAAD;GACE,aAAa,QAAQ,KAAA,IAAY,GAAG,UAAU,OAAO,GAAG,QAAQ,KAAA;GAC3D;GACE;GACP,GAAI;aAJN,CAME,qBAAC,UAAU,SAAX,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,UAAU,KAAK,UAAU,UACxB,qBAAC,UAAU,MAAX;KAAuB;KAAsB,OAAO;eAApD,CACE,qBAAC,UAAU,aAAX,EAAA,UAAA,CACE,oBAAC,UAAU,UAAX,EAAA,UAAqB,SAA6B,CAAA,GACjD,CAAC,cACA,oBAAC,UAAU,mBAAX,EAAA,UACE,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA,EACK,CAAA,CAEV,EAAA,CAAA,GACvB,oBAAC,UAAU,WAAX,CAAsB,CAAA,CACR;OAVmB,QAUnB,CACjB,GACD,oBAAC,UAAU,OAAX,EAA8B,YAAc,CAAA,CAClC;QACV,cAAe,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,eACvD,qBAAC,OAAO,KAAR;IAAY,KAAK,OAAO;cAAxB,CACG,YACA,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,cACvC,oBAAC,UAAU,cAAX;KAAwB,KAAK,OAAO;eAClC,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;IACzB,CAAA,CAEhB;KAEG,EAAA,CAAA,GACnB,oBAAC,UAAU,aAAX,CAAwB,CAAA,CACb;KAEE,CAAA;CACL,CAAA;AAEpB,CAAC;AAED,gBAAgB,cAAc"}
1
+ {"version":3,"file":"BitkitTagsInput.js","names":[],"sources":["../../../lib/components/BitkitTagsInput/BitkitTagsInput.tsx"],"sourcesContent":["import { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { TagsInput } from '@chakra-ui/react/tags-input';\nimport { forwardRef } from 'react';\n\nimport { IconCross, IconErrorCircleFilled, IconWarningYellow } from '../../icons';\nimport BitkitField, { type BitkitFieldProps } from '../BitkitField/BitkitField';\nimport BitkitLabel from '../BitkitLabel/BitkitLabel';\n\n// `counterText` is derived from `max`, so it isn't a public prop here.\nexport interface BitkitTagsInputProps extends Omit<BitkitFieldProps, 'children' | 'counterText' | 'state'> {\n addOnPaste?: TagsInput.RootProps['addOnPaste'];\n blurBehavior?: TagsInput.RootProps['blurBehavior'];\n defaultValue?: string[];\n delimiter?: TagsInput.RootProps['delimiter'];\n max?: number;\n onValueChange?: TagsInput.RootProps['onValueChange'];\n placeholder?: string;\n size?: 'md' | 'lg';\n state?: 'disabled' | 'error' | 'readOnly' | 'warning';\n validate?: TagsInput.RootProps['validate'];\n value?: string[];\n}\n\nconst rejectEmpty: NonNullable<TagsInput.RootProps['validate']> = ({ inputValue }) => inputValue.trim().length > 0;\n\n/**\n * A field for entering a list of short string tags: type and commit a tag with Enter or a delimiter\n * (comma or whitespace by default); pasting splits on the same delimiter. Tags can be removed one at\n * a time or cleared all at once, and empty/whitespace-only input is rejected. Pass `max` to cap the\n * number of tags — a live counter is then shown next to the label.\n */\nconst BitkitTagsInput = forwardRef<HTMLDivElement, BitkitTagsInputProps>((props, ref) => {\n const {\n addOnPaste = true,\n blurBehavior = 'add',\n defaultValue,\n // Greedy `+` collapses runs of whitespace/commas into a single delimiter so pasting\n // \"alpha, beta\" doesn't spawn an empty tag between the alpha and beta.\n delimiter = /[\\s,]+/,\n max,\n onValueChange,\n placeholder,\n size = 'lg',\n state,\n validate,\n value,\n // Label chrome is rendered via TagsInput.Label (see below), not BitkitField, so it\n // associates with TagsInput.Input. Pull these out of the props forwarded to BitkitField.\n badge,\n label,\n optional,\n tooltip,\n ...fieldProps\n } = props;\n\n // Always reject empty/whitespace-only input (covers leading/trailing delimiters on paste\n // and blurBehavior=\"add\" with an empty input). Chain with a user-supplied validate if any.\n const effectiveValidate: NonNullable<TagsInput.RootProps['validate']> = (details) =>\n rejectEmpty(details) && (validate?.(details) ?? true);\n\n const styles = useSlotRecipe({ key: 'tagsInput' })({ size });\n\n const hasWarning = state === 'warning' || !!fieldProps.warningText;\n const isInvalid = state === 'error' || !!fieldProps.errorText;\n const isDisabled = state === 'disabled';\n const isReadOnly = state === 'readOnly';\n\n let statusIcon = undefined;\n if (isInvalid) {\n statusIcon = <IconErrorCircleFilled color=\"icon/negative\" size={size === 'lg' ? '24' : '16'} />;\n } else if (hasWarning) {\n statusIcon = <IconWarningYellow size={size === 'lg' ? '24' : '16'} />;\n }\n\n return (\n <TagsInput.Root\n addOnPaste={addOnPaste}\n blurBehavior={blurBehavior}\n defaultValue={defaultValue}\n delimiter={delimiter}\n disabled={isDisabled}\n invalid={isInvalid}\n max={max}\n onValueChange={onValueChange}\n readOnly={isReadOnly}\n size={size}\n validate={effectiveValidate}\n value={value}\n >\n <TagsInput.Context>\n {({ value: tagValues }) => (\n // Strip any stray runtime `counterText` (not a public prop) so it can't slip through\n // `fieldProps` into BitkitField and resurrect an orphaned Field.Label; the counter is\n // rendered via TagsInput.Label instead.\n <BitkitField optional={optional} ref={ref} state={state} {...fieldProps} counterText={undefined}>\n {(!!label || !!badge || max !== undefined) && (\n // Chakra's Field.Label wires htmlFor to the Field machine's control, which the\n // TagsInput input never claims (separate Ark machine). TagsInput.Label is the\n // documented composition — it associates with TagsInput.Input.\n <TagsInput.Label asChild>\n <BitkitLabel\n badge={badge}\n counterText={max !== undefined ? `${tagValues.length}/${max}` : undefined}\n optional={optional}\n tooltip={tooltip}\n >\n {label}\n </BitkitLabel>\n </TagsInput.Label>\n )}\n <TagsInput.Control>\n <chakra.div css={styles.tagsBlock}>\n {tagValues.map((tagValue, index) => (\n <TagsInput.Item index={index} key={tagValue} value={tagValue}>\n <TagsInput.ItemPreview>\n <TagsInput.ItemText>{tagValue}</TagsInput.ItemText>\n {!isReadOnly && (\n <TagsInput.ItemDeleteTrigger>\n <IconCross size=\"16\" />\n </TagsInput.ItemDeleteTrigger>\n )}\n </TagsInput.ItemPreview>\n <TagsInput.ItemInput />\n </TagsInput.Item>\n ))}\n <TagsInput.Input placeholder={placeholder} />\n </chakra.div>\n {(statusIcon || (tagValues.length > 0 && !isDisabled && !isReadOnly)) && (\n <chakra.div css={styles.suffixBlock}>\n {statusIcon}\n {tagValues.length > 0 && !isDisabled && !isReadOnly && (\n <TagsInput.ClearTrigger css={styles.clearTrigger}>\n <IconCross size={size === 'lg' ? '24' : '16'} />\n </TagsInput.ClearTrigger>\n )}\n </chakra.div>\n )}\n </TagsInput.Control>\n <TagsInput.HiddenInput />\n </BitkitField>\n )}\n </TagsInput.Context>\n </TagsInput.Root>\n );\n});\n\nBitkitTagsInput.displayName = 'BitkitTagsInput';\nexport default BitkitTagsInput;\n"],"mappings":";;;;;;;;;;AAuBA,IAAM,eAA6D,EAAE,iBAAiB,WAAW,KAAK,CAAC,CAAC,SAAS;;;;;;;AAQjH,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EACJ,aAAa,MACb,eAAe,OACf,cAGA,YAAY,UACZ,KACA,eACA,aACA,OAAO,MACP,OACA,UACA,OAGA,OACA,OACA,UACA,SACA,GAAG,eACD;CAIJ,MAAM,qBAAmE,YACvE,YAAY,OAAO,MAAM,WAAW,OAAO,KAAK;CAElD,MAAM,SAAS,cAAc,EAAE,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC;CAE3D,MAAM,aAAa,UAAU,aAAa,CAAC,CAAC,WAAW;CACvD,MAAM,YAAY,UAAU,WAAW,CAAC,CAAC,WAAW;CACpD,MAAM,aAAa,UAAU;CAC7B,MAAM,aAAa,UAAU;CAE7B,IAAI,aAAa,KAAA;CACjB,IAAI,WACF,aAAa,oBAAC,uBAAD;EAAuB,OAAM;EAAgB,MAAM,SAAS,OAAO,OAAO;CAAO,CAAA;MACzF,IAAI,YACT,aAAa,oBAAC,mBAAD,EAAmB,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;CAGtE,OACE,oBAAC,UAAU,MAAX;EACc;EACE;EACA;EACH;EACX,UAAU;EACV,SAAS;EACJ;EACU;EACf,UAAU;EACJ;EACN,UAAU;EACH;YAEP,oBAAC,UAAU,SAAX,EAAA,WACI,EAAE,OAAO,gBAIT,qBAAC,aAAD;GAAuB;GAAe;GAAY;GAAO,GAAI;GAAY,aAAa,KAAA;aAAtF;KACI,CAAC,CAAC,SAAS,CAAC,CAAC,SAAS,QAAQ,KAAA,MAI9B,oBAAC,UAAU,OAAX;KAAiB,SAAA;eACf,oBAAC,aAAD;MACS;MACP,aAAa,QAAQ,KAAA,IAAY,GAAG,UAAU,OAAO,GAAG,QAAQ,KAAA;MACtD;MACD;gBAER;KACU,CAAA;IACE,CAAA;IAEnB,qBAAC,UAAU,SAAX,EAAA,UAAA,CACE,qBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;eAAxB,CACG,UAAU,KAAK,UAAU,UACxB,qBAAC,UAAU,MAAX;MAAuB;MAAsB,OAAO;gBAApD,CACE,qBAAC,UAAU,aAAX,EAAA,UAAA,CACE,oBAAC,UAAU,UAAX,EAAA,UAAqB,SAA6B,CAAA,GACjD,CAAC,cACA,oBAAC,UAAU,mBAAX,EAAA,UACE,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA,EACK,CAAA,CAEV,EAAA,CAAA,GACvB,oBAAC,UAAU,WAAX,CAAsB,CAAA,CACR;QAVmB,QAUnB,CACjB,GACD,oBAAC,UAAU,OAAX,EAA8B,YAAc,CAAA,CAClC;SACV,cAAe,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,eACvD,qBAAC,OAAO,KAAR;KAAY,KAAK,OAAO;eAAxB,CACG,YACA,UAAU,SAAS,KAAK,CAAC,cAAc,CAAC,cACvC,oBAAC,UAAU,cAAX;MAAwB,KAAK,OAAO;gBAClC,oBAAC,WAAD,EAAW,MAAM,SAAS,OAAO,OAAO,KAAO,CAAA;KACzB,CAAA,CAEhB;MAEG,EAAA,CAAA;IACnB,oBAAC,UAAU,aAAX,CAAwB,CAAA;GACb;KAEE,CAAA;CACL,CAAA;AAEpB,CAAC;AAED,gBAAgB,cAAc"}
@@ -4,8 +4,8 @@ import { BUTTON_COLORS_MAP, ICON_COMPONENTS_MAP } from "../common/notificationMa
4
4
  import { toaster } from "./BitkitToast.js";
5
5
  import { Box } from "@chakra-ui/react/box";
6
6
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
7
- import { Text } from "@chakra-ui/react/text";
8
7
  import { jsx, jsxs } from "react/jsx-runtime";
8
+ import { Text } from "@chakra-ui/react/text";
9
9
  import { Toast, Toaster } from "@chakra-ui/react/toast";
10
10
  //#region lib/components/BitkitToast/BitkitToaster.tsx
11
11
  var BitkitToaster = () => {
@@ -4,9 +4,9 @@ import IconWarningYellow from "../../icons/IconWarningYellow.js";
4
4
  import { withSubComponents } from "../../utilities/withSubComponents.js";
5
5
  import { Box } from "@chakra-ui/react/box";
6
6
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
7
- import { Text } from "@chakra-ui/react/text";
8
7
  import { cloneElement, forwardRef } from "react";
9
8
  import { jsx, jsxs } from "react/jsx-runtime";
9
+ import { Text } from "@chakra-ui/react/text";
10
10
  import { createTreeCollection } from "@chakra-ui/react/collection";
11
11
  import { createContext as createContext$1 } from "@chakra-ui/react";
12
12
  import { TreeView } from "@chakra-ui/react/tree-view";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@bitrise/bitkit-v2",
3
3
  "private": false,
4
- "version": "0.3.307",
4
+ "version": "0.3.309",
5
5
  "description": "Bitrise Design System Components built with Chakra UI V3",
6
6
  "keywords": [
7
7
  "react",