@ultraviolet/ui 3.2.0 → 3.3.0

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 (166) hide show
  1. package/dist/components/ActionBar/index.js +1 -1
  2. package/dist/components/Alert/index.js +1 -1
  3. package/dist/components/Avatar/index.d.ts.map +1 -1
  4. package/dist/components/Avatar/index.js +2 -1
  5. package/dist/components/Avatar/styles.css.js +0 -1
  6. package/dist/components/Avatar/variables.css.js +1 -0
  7. package/dist/components/Badge/index.js +1 -1
  8. package/dist/components/Banner/index.d.ts.map +1 -1
  9. package/dist/components/Banner/index.js +2 -1
  10. package/dist/components/BarChart/Tooltip.js +1 -1
  11. package/dist/components/BarStack/index.js +1 -1
  12. package/dist/components/Breadcrumbs/components/Item.js +1 -1
  13. package/dist/components/Bullet/index.js +1 -1
  14. package/dist/components/Button/index.d.ts.map +1 -1
  15. package/dist/components/Button/index.js +2 -1
  16. package/dist/components/Card/index.js +1 -1
  17. package/dist/components/Carousel/index.js +1 -1
  18. package/dist/components/Checkbox/index.d.ts.map +1 -1
  19. package/dist/components/Checkbox/index.js +2 -1
  20. package/dist/components/CheckboxGroup/index.js +1 -1
  21. package/dist/components/Chip/ChipIcon.d.ts.map +1 -1
  22. package/dist/components/Chip/ChipIcon.js +1 -0
  23. package/dist/components/Chip/index.d.ts +1 -1
  24. package/dist/components/Chip/index.js +1 -1
  25. package/dist/components/DateInput/components/CalendarMonthly.js +1 -1
  26. package/dist/components/DateInput/index.js +1 -1
  27. package/dist/components/Dialog/index.js +1 -1
  28. package/dist/components/Drawer/index.js +1 -1
  29. package/dist/components/EmptyState/index.js +1 -1
  30. package/dist/components/Expandable/index.js +1 -1
  31. package/dist/components/ExpandableCard/index.d.ts.map +1 -1
  32. package/dist/components/ExpandableCard/index.js +2 -1
  33. package/dist/components/FileInput/FileInputProvider.d.ts +21 -0
  34. package/dist/components/FileInput/FileInputProvider.d.ts.map +1 -0
  35. package/dist/components/FileInput/FileInputProvider.js +15 -0
  36. package/dist/components/FileInput/components/Button.d.ts +4 -0
  37. package/dist/components/FileInput/components/Button.d.ts.map +1 -0
  38. package/dist/components/FileInput/components/Button.js +23 -0
  39. package/dist/components/FileInput/components/List.d.ts +3 -0
  40. package/dist/components/FileInput/components/List.d.ts.map +1 -0
  41. package/dist/components/FileInput/components/List.js +121 -0
  42. package/dist/components/FileInput/helpers.d.ts +4 -0
  43. package/dist/components/FileInput/helpers.d.ts.map +1 -0
  44. package/dist/components/FileInput/helpers.js +19 -0
  45. package/dist/components/FileInput/index.d.ts +6 -0
  46. package/dist/components/FileInput/index.d.ts.map +1 -0
  47. package/dist/components/FileInput/index.js +298 -0
  48. package/dist/components/FileInput/styles.css.d.ts +31 -0
  49. package/dist/components/FileInput/styles.css.d.ts.map +1 -0
  50. package/dist/components/FileInput/styles.css.js +22 -0
  51. package/dist/components/FileInput/types.d.ts +72 -0
  52. package/dist/components/FileInput/types.d.ts.map +1 -0
  53. package/dist/components/GlobalAlert/index.js +1 -1
  54. package/dist/components/Key/index.js +1 -1
  55. package/dist/components/LineChart/CustomLegend.d.ts.map +1 -1
  56. package/dist/components/LineChart/CustomLegend.js +2 -1
  57. package/dist/components/LineChart/helpers.js +1 -1
  58. package/dist/components/Link/index.js +1 -1
  59. package/dist/components/List/Cell.js +5 -5
  60. package/dist/components/List/HeaderCell.js +1 -1
  61. package/dist/components/List/Row.d.ts.map +1 -1
  62. package/dist/components/List/Row.js +2 -1
  63. package/dist/components/List/SkeletonRows.js +1 -1
  64. package/dist/components/List/index.js +1 -1
  65. package/dist/components/Menu/MenuContent.js +1 -1
  66. package/dist/components/Menu/components/Item.js +1 -1
  67. package/dist/components/Menu/index.d.ts.map +1 -1
  68. package/dist/components/Modal/components/Dialog.js +1 -1
  69. package/dist/components/Notice/index.js +1 -1
  70. package/dist/components/Notification/NotificationContainer.js +1 -1
  71. package/dist/components/PasswordCheck/index.js +1 -1
  72. package/dist/components/PieChart/styles.css.d.ts.map +1 -1
  73. package/dist/components/Popover/index.js +1 -1
  74. package/dist/components/Popup/helpers.d.ts.map +1 -1
  75. package/dist/components/Popup/index.d.ts.map +1 -1
  76. package/dist/components/Popup/index.js +2 -1
  77. package/dist/components/ProgressBar/index.js +1 -1
  78. package/dist/components/ProgressBar/styles.css.js +1 -0
  79. package/dist/components/ProgressBar/variables.css.js +0 -1
  80. package/dist/components/Radio/index.js +1 -1
  81. package/dist/components/RadioGroup/index.js +1 -1
  82. package/dist/components/Row/index.d.ts.map +1 -1
  83. package/dist/components/Row/index.js +2 -1
  84. package/dist/components/SearchInput/index.d.ts.map +1 -1
  85. package/dist/components/SearchInput/index.js +7 -8
  86. package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
  87. package/dist/components/SelectInput/components/Dropdown.js +16 -9
  88. package/dist/components/SelectInput/components/DropdownOption.js +4 -4
  89. package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
  90. package/dist/components/SelectInput/components/SelectBar.js +80 -76
  91. package/dist/components/SelectInput/components/dropdown.css.d.ts +1 -0
  92. package/dist/components/SelectInput/components/dropdown.css.d.ts.map +1 -1
  93. package/dist/components/SelectInput/components/dropdown.css.js +17 -15
  94. package/dist/components/SelectInput/components/selectBar.css.d.ts +4 -2
  95. package/dist/components/SelectInput/components/selectBar.css.d.ts.map +1 -1
  96. package/dist/components/SelectInput/components/selectBar.css.js +7 -7
  97. package/dist/components/SelectInput/index.js +1 -1
  98. package/dist/components/SelectableCard/index.d.ts +1 -0
  99. package/dist/components/SelectableCard/index.d.ts.map +1 -1
  100. package/dist/components/SelectableCard/index.js +9 -4
  101. package/dist/components/SelectableCard/styles.css.d.ts +1 -0
  102. package/dist/components/SelectableCard/styles.css.d.ts.map +1 -1
  103. package/dist/components/SelectableCard/styles.css.js +3 -1
  104. package/dist/components/SelectableCardGroup/index.js +1 -1
  105. package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js +1 -1
  106. package/dist/components/SelectableCardOptionGroup/components/Image.js +1 -1
  107. package/dist/components/SelectableCardOptionGroup/components/Option.js +1 -1
  108. package/dist/components/Separator/index.js +1 -1
  109. package/dist/components/Skeleton/index.d.ts.map +1 -1
  110. package/dist/components/Skeleton/index.js +1 -1
  111. package/dist/components/Slider/components/DoubleSlider.d.ts.map +1 -1
  112. package/dist/components/Slider/components/DoubleSlider.js +2 -1
  113. package/dist/components/Slider/components/SingleSlider.d.ts.map +1 -1
  114. package/dist/components/Slider/components/SingleSlider.js +2 -1
  115. package/dist/components/Snippet/index.js +1 -1
  116. package/dist/components/Status/index.js +1 -1
  117. package/dist/components/StepList/index.js +1 -1
  118. package/dist/components/Stepper/Step.js +1 -1
  119. package/dist/components/Stepper/index.js +1 -1
  120. package/dist/components/Stepper/styles.css.d.ts.map +1 -1
  121. package/dist/components/Table/Cell.js +1 -1
  122. package/dist/components/Table/HeaderCell.js +1 -1
  123. package/dist/components/Table/Row.d.ts.map +1 -1
  124. package/dist/components/Table/Row.js +2 -1
  125. package/dist/components/Table/index.js +1 -1
  126. package/dist/components/Tabs/Tab.js +1 -1
  127. package/dist/components/Tabs/TabMenu.js +1 -1
  128. package/dist/components/Tabs/index.js +1 -1
  129. package/dist/components/Tag/index.d.ts +3 -1
  130. package/dist/components/Tag/index.d.ts.map +1 -1
  131. package/dist/components/Tag/index.js +33 -6
  132. package/dist/components/Tag/styles.css.d.ts +0 -2
  133. package/dist/components/Tag/styles.css.d.ts.map +1 -1
  134. package/dist/components/Tag/styles.css.js +3 -3
  135. package/dist/components/TagInput/index.d.ts.map +1 -1
  136. package/dist/components/TagInput/index.js +1 -2
  137. package/dist/components/TagList/index.js +1 -1
  138. package/dist/components/Text/index.js +1 -1
  139. package/dist/components/TextInput/index.d.ts.map +1 -1
  140. package/dist/components/TextInput/index.js +1 -1
  141. package/dist/components/TimeInput/index.d.ts.map +1 -1
  142. package/dist/components/TimeInput/index.js +12 -6
  143. package/dist/components/Toaster/ToasterContainer.js +1 -1
  144. package/dist/components/Toggle/index.js +1 -1
  145. package/dist/components/ToggleGroup/index.js +1 -1
  146. package/dist/components/Tooltip/index.d.ts +1 -1
  147. package/dist/components/Tooltip/index.d.ts.map +1 -1
  148. package/dist/components/Tooltip/index.js +3 -1
  149. package/dist/components/UnitInput/index.js +1 -1
  150. package/dist/components/VerificationCode/index.d.ts.map +1 -1
  151. package/dist/components/VerificationCode/index.js +46 -43
  152. package/dist/components/index.d.ts +1 -0
  153. package/dist/components/index.d.ts.map +1 -1
  154. package/dist/index.d.ts.map +1 -1
  155. package/dist/index.js +3 -1
  156. package/dist/ui.css +1 -1
  157. package/dist/utils/index.d.ts +2 -3
  158. package/dist/utils/index.d.ts.map +1 -1
  159. package/package.json +9 -8
  160. package/dist/utils/capitalize.d.ts +0 -3
  161. package/dist/utils/capitalize.d.ts.map +0 -1
  162. package/dist/utils/ids.d.ts +0 -2
  163. package/dist/utils/ids.d.ts.map +0 -1
  164. package/dist/utils/ids.js +0 -6
  165. package/dist/utils/orderBy.d.ts +0 -3
  166. package/dist/utils/orderBy.d.ts.map +0 -1
@@ -1,14 +1,15 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import * as ProductIcon from "@ultraviolet/icons/product";
4
- import { useTheme, cn } from "@ultraviolet/themes";
4
+ import { useTheme } from "@ultraviolet/themes";
5
+ import { cn } from "@ultraviolet/utils";
5
6
  import { assignInlineVars } from "@vanilla-extract/dynamic";
6
7
  import { forwardRef, useRef, useState, useMemo, useEffect, useCallback } from "react";
7
8
  import { Checkbox } from "../Checkbox/index.js";
8
9
  import { Radio } from "../Radio/index.js";
9
10
  import { Stack } from "../Stack/index.js";
10
11
  import { Tooltip } from "../Tooltip/index.js";
11
- import { illustrationSelectableCard, divSelectableCard, imageSelectableCard, selectableElementSelectableCard, stackSelectableCard, containerSelectableCard, labelContainerSelectableCard } from "./styles.css.js";
12
+ import { illustrationSelectableCard, divSelectableCard, imageSelectableCard, selectableElementSelectableCard, stackSelectableCard, indentedCard, containerSelectableCard, labelContainerSelectableCard } from "./styles.css.js";
12
13
  import { widthSelectable, labelDisplay, inputDisplay } from "./variables.css.js";
13
14
  const SelectableCard = forwardRef(
14
15
  ({
@@ -31,7 +32,8 @@ const SelectableCard = forwardRef(
31
32
  productIcon,
32
33
  illustration,
33
34
  "aria-label": ariaLabel,
34
- style
35
+ style,
36
+ indented = true
35
37
  }, ref) => {
36
38
  const theme = useTheme();
37
39
  const innerRef = useRef(null);
@@ -205,7 +207,10 @@ const SelectableCard = forwardRef(
205
207
  children ? /* @__PURE__ */ jsx(
206
208
  Stack,
207
209
  {
208
- className: stackSelectableCard,
210
+ className: cn(
211
+ stackSelectableCard,
212
+ !!label && showTick && indented ? indentedCard : void 0
213
+ ),
209
214
  "data-has-default-cursor": type === "checkbox" && isComplexChildren,
210
215
  "data-has-label": !!label && showTick,
211
216
  onKeyDown: (event) => event.stopPropagation(),
@@ -23,5 +23,6 @@ export declare const divSelectableCard: string;
23
23
  export declare const imageSelectableCard: string;
24
24
  export declare const illustrationSelectableCard: string;
25
25
  export declare const stackSelectableCard: string;
26
+ export declare const indentedCard: string;
26
27
  export declare const selectableElementSelectableCard: string;
27
28
  //# sourceMappingURL=styles.css.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;EA6DlC,CAAA;AAEF,eAAO,MAAM,4BAA4B,qCASvC,CAAA;AAUF,eAAO,MAAM,iBAAiB,QAS5B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAM9B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAIrC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAY9B,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAc1C,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;EA6DlC,CAAA;AAEF,eAAO,MAAM,4BAA4B,qCASvC,CAAA;AAUF,eAAO,MAAM,iBAAiB,QAS5B,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAM9B,CAAA;AAEF,eAAO,MAAM,0BAA0B,QAIrC,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAS9B,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,+BAA+B,QAc1C,CAAA"}
@@ -8,12 +8,14 @@ var divSelectableCard = "uv_475tnd8";
8
8
  var imageSelectableCard = "uv_475tnd9";
9
9
  var illustrationSelectableCard = "uv_475tnda";
10
10
  var stackSelectableCard = "uv_475tndb";
11
- var selectableElementSelectableCard = "uv_475tndc";
11
+ var indentedCard = "uv_475tndc";
12
+ var selectableElementSelectableCard = "uv_475tndd";
12
13
  export {
13
14
  containerSelectableCard,
14
15
  divSelectableCard,
15
16
  illustrationSelectableCard,
16
17
  imageSelectableCard,
18
+ indentedCard,
17
19
  labelContainerSelectableCard,
18
20
  selectableElementSelectableCard,
19
21
  stackSelectableCard
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { useMemo, createContext, useContext } from "react";
5
5
  import { Label } from "../Label/index.js";
6
6
  import { Row } from "../Row/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { useMemo } from "react";
5
5
  import { Label } from "../Label/index.js";
6
6
  import { Row } from "../Row/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { disabledImage } from "../styles.css.js";
5
5
  const IMAGE_SIZES = {
6
6
  large: 56,
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { useId } from "react";
5
5
  import { Label } from "../../Label/index.js";
6
6
  import { SelectableCard } from "../../SelectableCard/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { assignInlineVars } from "@vanilla-extract/dynamic";
5
5
  import { hr, thicknessSeparator, iconWraperSeparator } from "./styles.css.js";
6
6
  const Separator = ({
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAW1C,QAAA,MAAM,QAAQ;;cANP,CAAA;;;WACc,CAAC;cACb,CAAC;;;WAAD,CAAA;cAAiB,CAAC;;;;;cAIhB,CAAC;WACL,CAAC;;;cAPE,CAAC;;;CAeD,CAAA;AAEV,KAAK,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,4CAiBf,CAAA;AAGD,eAAO,MAAM,aAAa,EAA4B,eAAe,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAW1C,QAAA,MAAM,QAAQ;;cANP,CAAC;;;WACc,CAAC;cACb,CAAC;;;WAAF,CAAC;cAAiB,CAAC;;;;;cAIhB,CAAC;WACJ,CAAA;;;cAPE,CAAC;;;CAeF,CAAA;AAEV,KAAK,eAAe,GAAG,MAAM,OAAO,QAAQ,CAAA;AAE5C,KAAK,aAAa,GAAG;IACnB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,4CAiBf,CAAA;AAGD,eAAO,MAAM,aAAa,EAA4B,eAAe,EAAE,CAAA"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { Block } from "./Block.js";
5
5
  import { Blocks } from "./Blocks.js";
6
6
  import { BoxWithIcon } from "./BoxWithIcon.js";
@@ -1 +1 @@
1
- {"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,GAAI,+PA0B1B,iBAAiB,4CAmXnB,CAAA"}
1
+ {"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,GAAI,+PA0B1B,iBAAiB,4CAmXnB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { useTheme, cn } from "@ultraviolet/themes";
3
+ import { useTheme } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
4
5
  import { assignInlineVars } from "@vanilla-extract/dynamic";
5
6
  import { useId, useRef, useState, useEffect, useMemo, useCallback } from "react";
6
7
  import { Label } from "../../Label/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,GAAI,+PA0B1B,iBAAiB,4CA8NnB,CAAA"}
1
+ {"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,YAAY,GAAI,+PA0B1B,iBAAiB,4CA8NnB,CAAA"}
@@ -1,6 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { useTheme, cn } from "@ultraviolet/themes";
3
+ import { useTheme } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
4
5
  import { assignInlineVars } from "@vanilla-extract/dynamic";
5
6
  import { useId, useState, useRef, useEffect, useMemo, useCallback } from "react";
6
7
  import { Label } from "../../Label/index.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { ArrowDownIcon } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
5
5
  import { assignInlineVars } from "@vanilla-extract/dynamic";
6
6
  import { useReducer, Children } from "react";
7
7
  import { useTheme } from "../../theme/ThemeProvider.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { Tooltip } from "../Tooltip/index.js";
5
5
  import { animatedCircleStatus, circleStatus, status } from "./styles.css.js";
6
6
  const Status = ({
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { Bullet } from "../Bullet/index.js";
5
5
  import { steps, stepDiv, step } from "./styles.css.js";
6
6
  const Item = ({
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { CheckIcon } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
5
5
  import { useMemo } from "react";
6
6
  import { Bullet } from "../Bullet/index.js";
7
7
  import { Stack } from "../Stack/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { Children, isValidElement, Fragment } from "react";
5
5
  import { Step } from "./Step.js";
6
6
  import { StepperProvider } from "./StepperProvider.js";
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAiC3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAsDtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EA0HjC,CAAA;AAEF,eAAO,MAAM,yBAAyB,oCAiBpC,CAAA;AAEF,eAAO,MAAM,kBAAkB,uCAO7B,CAAA;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrB,CAAA;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EA0BnB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/styles.css.ts"],"names":[],"mappings":"AAiCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;EAiC3B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;EAsDtB,CAAA;AAEF,eAAO,MAAM,aAAa,QAIxB,CAAA;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;EAqHjC,CAAA;AAEF,eAAO,MAAM,yBAAyB,oCAiBpC,CAAA;AAEF,eAAO,MAAM,kBAAkB,uCAO7B,CAAA;AAWF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrB,CAAA;AAgBF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;EA0BnB,CAAA"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { assignInlineVars } from "@vanilla-extract/dynamic";
5
5
  import { useColumnProvider } from "../List/ColumnProvider.js";
6
6
  import { tableCell } from "./styles.css.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { InformationOutlineIcon, SouthShortIcon, SortIcon as SortIcon$1 } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
5
5
  import { assignInlineVars } from "@vanilla-extract/dynamic";
6
6
  import { listSortIcon } from "../List/styles.css.js";
7
7
  import { Text } from "../Text/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}
1
+ {"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Row.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAehE,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,0HAUjB,QAAQ,4CA4JV,CAAA"}
@@ -1,7 +1,8 @@
1
1
  "use client";
2
2
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
3
3
  import { ArrowUpIcon, ArrowDownIcon } from "@ultraviolet/icons";
4
- import { cn, theme } from "@ultraviolet/themes";
4
+ import { theme } from "@ultraviolet/themes";
5
+ import { cn } from "@ultraviolet/utils";
5
6
  import { useRef, useEffect, useCallback, Children } from "react";
6
7
  import { Button } from "../Button/index.js";
7
8
  import { Checkbox } from "../Checkbox/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { forwardRef, useState, Children, useEffect } from "react";
5
5
  import { useListContext } from "../List/ListContext.js";
6
6
  import { listContainer } from "../List/styles.css.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { forwardRef, useMemo } from "react";
5
5
  import { Badge } from "../Badge/index.js";
6
6
  import { Stack } from "../Stack/index.js";
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { ArrowDownIcon } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
5
5
  import { forwardRef } from "react";
6
6
  import { Menu } from "../Menu/index.js";
7
7
  import { tabsMenuWrapper, tabsArrowIcon, tabsButton } from "./styles.css.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { useRef, useState, useMemo, useEffect, Children, isValidElement, cloneElement } from "react";
5
5
  import { tabsMenu, tabsMenuContainer, tabsContainer } from "./styles.css.js";
6
6
  import { Tab } from "./Tab.js";
@@ -6,10 +6,12 @@ type TagProps = {
6
6
  sentiment?: (typeof SENTIMENTS)[number];
7
7
  disabled?: boolean;
8
8
  copiable?: boolean;
9
+ copyButton?: boolean;
9
10
  copyText?: string;
10
11
  copiedText?: string;
11
12
  className?: string;
12
13
  children: ReactNode;
14
+ variant?: 'default' | 'code';
13
15
  'data-testid'?: string;
14
16
  style?: CSSProperties;
15
17
  };
@@ -17,6 +19,6 @@ type TagProps = {
17
19
  * Tag component is used to display a short text description of an item. It can be used to display a category
18
20
  * or any other metadata.
19
21
  */
20
- export declare const Tag: ({ children, isLoading, onClose, copiable, copyText, copiedText, disabled, sentiment, className, style, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
22
+ export declare const Tag: ({ children, isLoading, onClose, copiable, copyButton, copyText, copiedText, disabled, sentiment, variant, className, style, "data-testid": dataTestId, }: TagProps) => import("react/jsx-runtime").JSX.Element;
21
23
  export {};
22
24
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA0CD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,qIAYjB,QAAQ,4CAgDV,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAK9C,KAAK,QAAQ,GAAG;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AA+CD;;;GAGG;AACH,eAAO,MAAM,GAAG,GAAI,0JAcjB,QAAQ,4CA6DV,CAAA"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
3
- import { CloseIcon } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
3
+ import { CopyContentIcon, CloseIcon } from "@ultraviolet/icons";
4
+ import { cn } from "@ultraviolet/utils";
5
5
  import { useMemo } from "react";
6
6
  import useClipboard from "react-use-clipboard";
7
7
  import { Button } from "../Button/index.js";
@@ -14,7 +14,10 @@ const TagInner = ({
14
14
  children,
15
15
  isLoading = false,
16
16
  onClose,
17
- disabled = false
17
+ disabled = false,
18
+ copiable,
19
+ variant,
20
+ copyButton
18
21
  }) => /* @__PURE__ */ jsxs(Fragment, { children: [
19
22
  /* @__PURE__ */ jsx(
20
23
  Text,
@@ -23,10 +26,11 @@ const TagInner = ({
23
26
  as: "span",
24
27
  className: textTag,
25
28
  oneLine: true,
26
- variant: "caption",
29
+ variant: variant === "code" ? "code" : "caption",
27
30
  children
28
31
  }
29
32
  ),
33
+ copiable && copyButton && !isLoading ? /* @__PURE__ */ jsx(CopyContentIcon, { size: "xsmall" }) : null,
30
34
  onClose && !isLoading ? /* @__PURE__ */ jsx(
31
35
  Button,
32
36
  {
@@ -48,10 +52,12 @@ const Tag = ({
48
52
  isLoading,
49
53
  onClose,
50
54
  copiable = false,
55
+ copyButton,
51
56
  copyText = "Copy",
52
57
  copiedText = "Copied!",
53
58
  disabled,
54
59
  sentiment = "neutral",
60
+ variant = "default",
55
61
  className,
56
62
  style,
57
63
  "data-testid": dataTestId
@@ -79,7 +85,19 @@ const Tag = ({
79
85
  "data-testid": dataTestId,
80
86
  disabled,
81
87
  onClick: setCopied,
82
- children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })
88
+ type: "button",
89
+ children: /* @__PURE__ */ jsx(
90
+ TagInner,
91
+ {
92
+ copiable: true,
93
+ copyButton,
94
+ disabled,
95
+ isLoading,
96
+ onClose,
97
+ variant,
98
+ children
99
+ }
100
+ )
83
101
  }
84
102
  ) });
85
103
  }
@@ -89,7 +107,16 @@ const Tag = ({
89
107
  className: cn(className, containerTag({ disabled, sentiment })),
90
108
  "data-testid": dataTestId,
91
109
  style,
92
- children: /* @__PURE__ */ jsx(TagInner, { disabled, isLoading, onClose, children })
110
+ children: /* @__PURE__ */ jsx(
111
+ TagInner,
112
+ {
113
+ disabled,
114
+ isLoading,
115
+ onClose,
116
+ variant,
117
+ children
118
+ }
119
+ )
93
120
  }
94
121
  );
95
122
  };
@@ -5,8 +5,6 @@ export declare const containerTag: import("@vanilla-extract/recipes").RuntimeFn<
5
5
  selectors: {
6
6
  '&:hover, &:active': {
7
7
  cursor: "pointer";
8
- background: `var(--${string})`;
9
- borderColor: `var(--${string})`;
10
8
  };
11
9
  '&:active': {
12
10
  boxShadow: `var(--${string})`;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDvB,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/styles.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,sFAQb,CAAA;AAEV,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgEvB,CAAA;AAEF,eAAO,MAAM,OAAO,QAElB,CAAA;AAEF,eAAO,MAAM,cAAc,QAIzB,CAAA"}
@@ -1,8 +1,8 @@
1
1
  /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, sentiment: { danger: "uv_d6zknp2", info: "uv_d6zknp3", neutral: "uv_d6zknp4", primary: "uv_d6zknp5", secondary: "uv_d6zknp6", success: "uv_d6zknp7", warning: "uv_d6zknp8" }, disabled: { true: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [] });
4
- var textTag = "uv_d6zknpa";
5
- var closeButtonTag = "uv_d6zknpb";
3
+ var containerTag = createRuntimeFn({ defaultClassName: "uv_d6zknp0", variantClassNames: { copiable: { true: "uv_d6zknp1" }, sentiment: { danger: "uv_d6zknp2", info: "uv_d6zknp3", neutral: "uv_d6zknp4", primary: "uv_d6zknp5", secondary: "uv_d6zknp6", success: "uv_d6zknp7", warning: "uv_d6zknp8" }, disabled: { true: "uv_d6zknp9" } }, defaultVariants: { copiable: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ copiable: true, sentiment: "danger" }, "uv_d6zknpa"], [{ copiable: true, sentiment: "info" }, "uv_d6zknpb"], [{ copiable: true, sentiment: "neutral" }, "uv_d6zknpc"], [{ copiable: true, sentiment: "primary" }, "uv_d6zknpd"], [{ copiable: true, sentiment: "secondary" }, "uv_d6zknpe"], [{ copiable: true, sentiment: "success" }, "uv_d6zknpf"], [{ copiable: true, sentiment: "warning" }, "uv_d6zknpg"]] });
4
+ var textTag = "uv_d6zknph";
5
+ var closeButtonTag = "uv_d6zknpi";
6
6
  export {
7
7
  closeButtonTag,
8
8
  containerTag,
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AASd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAQzD,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4NAqBtB,aAAa,4CAiOf,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAA;AAQd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAQzD,KAAK,YAAY,GAAG,MAAM,OAAO,qBAAqB,CAAA;AAiBtD,KAAK,YAAY,GAAG,CAAC,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,EAAE,CAAA;AAEjE,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,4NAqBtB,aAAa,4CAiOf,CAAA"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { CloseIcon, CheckCircleOutlineIcon, AlertCircleIcon } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
4
+ import { cn, getUUID } from "@ultraviolet/utils";
5
5
  import { useState, useId, useEffect, useRef, useMemo } from "react";
6
6
  import { Button } from "../Button/index.js";
7
7
  import { Label } from "../Label/index.js";
@@ -10,7 +10,6 @@ import { Tag } from "../Tag/index.js";
10
10
  import { Text } from "../Text/index.js";
11
11
  import { Tooltip } from "../Tooltip/index.js";
12
12
  import { tagInputDataContainer, tagInput, tagInputStateContainer, tagInputContainer } from "./styles.css.js";
13
- import { getUUID } from "../../utils/ids.js";
14
13
  const STATUS = {
15
14
  IDLE: "idle",
16
15
  LOADING: "loading"
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { assignInlineVars } from "@vanilla-extract/dynamic";
5
5
  import { useRef, useState, useMemo, useEffect } from "react";
6
6
  import { Popover } from "../Popover/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { assignInlineVars } from "@vanilla-extract/dynamic";
5
5
  import { useRef } from "react";
6
6
  import recursivelyGetChildrenString from "../../helpers/recursivelyGetChildrenString.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAGV,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAgBd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAwDxD;;;;GAIG;AACH,eAAO,MAAM,SAAS;gBAjDR,MAAM;gBACN,OAAO;oBACH,MAAM;YACd,MAAM;aACL,SAAS;YACV,MAAM;uBACK,SAAS;cAClB,OAAO;gBACL,MAAM;gBACN,MAAM;kBACJ,MAAM,IAAI;aACf,SAAS;WACX,MAAM,OAAO,qBAAqB;cAC/B,MAAM,GAAG,OAAO;aACjB,SAAS;cACR,MAAM;WACT,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO;YACpC,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sWAiUxC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAGV,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AAgBd,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAwDxD;;;;GAIG;AACH,eAAO,MAAM,SAAS;gBAjDR,MAAM;gBACN,OAAO;oBACH,MAAM;YACd,MAAM;aACL,SAAS;YACV,MAAM;uBACK,SAAS;cAClB,OAAO;gBACL,MAAM;gBACN,MAAM;kBACJ,MAAM,IAAI;aACf,SAAS;WACX,MAAM,OAAO,qBAAqB;cAC/B,MAAM,GAAG,OAAO;aACjB,SAAS;cACR,MAAM;WACT,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,OAAO;YACpC,MAAM;mBACC,MAAM;oBACL,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;sWAkUxC,CAAA"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from "react/jsx-runtime";
3
3
  import { CloseIcon, CheckCircleIcon, AlertCircleIcon, EyeOffIcon, EyeIcon, AutoFixIcon } from "@ultraviolet/icons";
4
- import { cn } from "@ultraviolet/themes";
4
+ import { cn } from "@ultraviolet/utils";
5
5
  import { forwardRef, useId, useState, useRef, useImperativeHandle, useMemo, useCallback } from "react";
6
6
  import { Button } from "../Button/index.js";
7
7
  import { Label } from "../Label/index.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmBjE,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,4OAsBvB,cAAc,4CA4WhB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAmBjE,MAAM,MAAM,IAAI,GAAG;IACjB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,CACA;IACE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,YAAY,EAAE,MAAM,CAAA;CACrB,CACJ,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,4OAsBvB,cAAc,4CAoXhB,CAAA"}
@@ -95,8 +95,10 @@ const TimeInput = ({
95
95
  if (type === "h" && isCompleteHour(timeFormat, newValue)) {
96
96
  refMinutes.current?.focus();
97
97
  }
98
- const newFilled = { ...filled };
99
- newFilled[type] = true;
98
+ const newFilled = {
99
+ ...filled,
100
+ [type]: true
101
+ };
100
102
  setTime(newTime);
101
103
  onChange?.(newTime);
102
104
  setFilled(newFilled);
@@ -111,8 +113,10 @@ const TimeInput = ({
111
113
  } else {
112
114
  setValueByType(type, newTime, currentValue === 59 ? 0 : currentValue + 1);
113
115
  }
114
- const newFilled = { ...filled };
115
- newFilled[type] = true;
116
+ const newFilled = {
117
+ ...filled,
118
+ [type]: true
119
+ };
116
120
  setTime(newTime);
117
121
  onChange?.(newTime);
118
122
  setFilled(newFilled);
@@ -127,8 +131,10 @@ const TimeInput = ({
127
131
  } else {
128
132
  setValueByType(type, newTime, currentValue === 0 ? 59 : currentValue - 1);
129
133
  }
130
- const newFilled = { ...filled };
131
- newFilled[type] = true;
134
+ const newFilled = {
135
+ ...filled,
136
+ [type]: true
137
+ };
132
138
  setTime(newTime);
133
139
  onChange?.(newTime);
134
140
  setFilled(newFilled);
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { ToastContainer as ToastContainer$1, Slide } from "react-toastify";
5
5
  import { AUTOCLOSE_DELAY } from "./constants.js";
6
6
  import { toaster } from "./styles.css.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { forwardRef, useId } from "react";
5
5
  import { Row } from "../Row/index.js";
6
6
  import { Stack } from "../Stack/index.js";
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { useMemo, createContext, useContext } from "react";
5
5
  import { Label } from "../Label/index.js";
6
6
  import { Stack } from "../Stack/index.js";
@@ -37,7 +37,7 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
37
37
  portalTarget?: HTMLElement;
38
38
  dynamicDomRendering?: boolean;
39
39
  style?: import("react").CSSProperties;
40
- } & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "debounceDelay" | "innerRef"> & {
40
+ } & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "visible" | "style" | "className" | "children" | "data-testid" | "id" | "role" | "tabIndex" | "portalTarget" | "containerFullHeight" | "containerFullWidth" | "disableAnimation" | "debounceDelay" | "innerRef"> & {
41
41
  placement?: Exclude<ComponentProps<typeof Popup>["placement"], "nested-menu">;
42
42
  } & import("react").RefAttributes<HTMLDivElement>>;
43
43
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAwBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBA4CK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAnDZ,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAkD9E,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAyBhC;;;GAGG;AACH,eAAO,MAAM,OAAO;;;iBAwCd,CAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA/CU,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;kDAoD9E,CAAA"}
@@ -1,6 +1,6 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { cn } from "@ultraviolet/themes";
3
+ import { cn } from "@ultraviolet/utils";
4
4
  import { forwardRef } from "react";
5
5
  import { Popup } from "../Popup/index.js";
6
6
  import { tooltip } from "./styles.css.js";
@@ -20,6 +20,7 @@ const Tooltip = forwardRef(
20
20
  "data-testid": dataTestId,
21
21
  portalTarget,
22
22
  debounceDelay,
23
+ disableAnimation,
23
24
  tabIndex,
24
25
  style
25
26
  }, tooltipRef) => /* @__PURE__ */ jsx(
@@ -30,6 +31,7 @@ const Tooltip = forwardRef(
30
31
  containerFullWidth,
31
32
  "data-testid": dataTestId,
32
33
  debounceDelay,
34
+ disableAnimation,
33
35
  id,
34
36
  innerRef,
35
37
  maxWidth,