@accelint/design-toolkit 2.4.3 → 2.5.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 (252) hide show
  1. package/dist/components/accordion/index.d.ts +1 -1
  2. package/dist/components/accordion/index.js +1 -1
  3. package/dist/components/accordion/index.js.map +1 -1
  4. package/dist/components/accordion/styles.d.ts +1 -5
  5. package/dist/components/accordion/styles.js +1 -1
  6. package/dist/components/accordion/styles.js.map +1 -1
  7. package/dist/components/accordion/types.d.ts +9 -10
  8. package/dist/components/avatar/index.d.ts +4 -2
  9. package/dist/components/avatar/index.js +1 -1
  10. package/dist/components/avatar/index.js.map +1 -1
  11. package/dist/components/avatar/styles.d.ts +16 -15
  12. package/dist/components/avatar/styles.js +1 -1
  13. package/dist/components/avatar/styles.js.map +1 -1
  14. package/dist/components/avatar/types.d.ts +7 -7
  15. package/dist/components/badge/index.d.ts +3 -2
  16. package/dist/components/badge/index.js +1 -1
  17. package/dist/components/badge/index.js.map +1 -1
  18. package/dist/components/badge/styles.js +1 -1
  19. package/dist/components/badge/styles.js.map +1 -1
  20. package/dist/components/badge/types.d.ts +3 -4
  21. package/dist/components/box/index.js +1 -1
  22. package/dist/components/box/index.js.map +1 -1
  23. package/dist/components/button/index.d.ts +6 -4
  24. package/dist/components/button/index.js +1 -1
  25. package/dist/components/button/index.js.map +1 -1
  26. package/dist/components/button/styles.d.ts +25 -24
  27. package/dist/components/button/styles.js +1 -1
  28. package/dist/components/button/styles.js.map +1 -1
  29. package/dist/components/button/types.d.ts +3 -5
  30. package/dist/components/checkbox/index.js +1 -1
  31. package/dist/components/checkbox/index.js.map +1 -1
  32. package/dist/components/checkbox/styles.d.ts +19 -18
  33. package/dist/components/checkbox/styles.js +1 -1
  34. package/dist/components/checkbox/styles.js.map +1 -1
  35. package/dist/components/chip/index.d.ts +4 -2
  36. package/dist/components/chip/index.js +1 -1
  37. package/dist/components/chip/index.js.map +1 -1
  38. package/dist/components/chip/styles.d.ts +70 -69
  39. package/dist/components/chip/styles.js +1 -1
  40. package/dist/components/chip/styles.js.map +1 -1
  41. package/dist/components/chip/types.d.ts +5 -5
  42. package/dist/components/classification-badge/index.d.ts +3 -2
  43. package/dist/components/classification-badge/index.js +1 -1
  44. package/dist/components/classification-badge/index.js.map +1 -1
  45. package/dist/components/classification-badge/styles.js +1 -1
  46. package/dist/components/classification-badge/styles.js.map +1 -1
  47. package/dist/components/classification-badge/types.d.ts +3 -4
  48. package/dist/components/classification-banner/index.d.ts +3 -2
  49. package/dist/components/classification-banner/index.js +1 -1
  50. package/dist/components/classification-banner/index.js.map +1 -1
  51. package/dist/components/classification-banner/styles.js +1 -1
  52. package/dist/components/classification-banner/styles.js.map +1 -1
  53. package/dist/components/classification-banner/types.d.ts +3 -4
  54. package/dist/components/color-picker/index.d.ts +45 -15
  55. package/dist/components/color-picker/index.js +1 -1
  56. package/dist/components/color-picker/index.js.map +1 -1
  57. package/dist/components/color-picker/styles.d.ts +42 -0
  58. package/dist/components/color-picker/styles.js +2 -0
  59. package/dist/components/color-picker/styles.js.map +1 -0
  60. package/dist/components/color-picker/types.d.ts +13 -0
  61. package/dist/components/color-picker/types.js +2 -0
  62. package/dist/components/color-picker/types.js.map +1 -0
  63. package/dist/components/combobox/index.d.ts +9 -14
  64. package/dist/components/combobox/index.js +1 -1
  65. package/dist/components/combobox/index.js.map +1 -1
  66. package/dist/components/date-field/index.d.ts +8 -24
  67. package/dist/components/date-field/index.js +1 -1
  68. package/dist/components/date-field/index.js.map +1 -1
  69. package/dist/components/date-field/styles.d.ts +69 -0
  70. package/dist/components/date-field/styles.js +2 -0
  71. package/dist/components/date-field/styles.js.map +1 -0
  72. package/dist/components/date-field/types.d.ts +29 -0
  73. package/dist/components/date-field/types.js +2 -0
  74. package/dist/components/date-field/types.js.map +1 -0
  75. package/dist/components/details-list/index.d.ts +59 -0
  76. package/dist/components/details-list/index.js +2 -0
  77. package/dist/components/details-list/index.js.map +1 -0
  78. package/dist/components/details-list/styles.d.ts +65 -0
  79. package/dist/components/details-list/styles.js +2 -0
  80. package/dist/components/details-list/styles.js.map +1 -0
  81. package/dist/components/details-list/types.d.ts +16 -0
  82. package/dist/components/details-list/types.js +2 -0
  83. package/dist/components/details-list/types.js.map +1 -0
  84. package/dist/components/dialog/index.d.ts +1 -0
  85. package/dist/components/dialog/index.js +1 -1
  86. package/dist/components/dialog/index.js.map +1 -1
  87. package/dist/components/drawer/context.d.ts +13 -0
  88. package/dist/components/drawer/context.js +2 -0
  89. package/dist/components/drawer/context.js.map +1 -0
  90. package/dist/components/drawer/index.d.ts +48 -0
  91. package/dist/components/drawer/index.js +2 -0
  92. package/dist/components/drawer/index.js.map +1 -0
  93. package/dist/components/drawer/state.d.ts +26 -0
  94. package/dist/components/drawer/state.js +2 -0
  95. package/dist/components/drawer/state.js.map +1 -0
  96. package/dist/components/drawer/styles.d.ts +118 -0
  97. package/dist/components/drawer/styles.js +2 -0
  98. package/dist/components/drawer/styles.js.map +1 -0
  99. package/dist/components/drawer/types.d.ts +279 -0
  100. package/dist/components/drawer/types.js +2 -0
  101. package/dist/components/drawer/types.js.map +1 -0
  102. package/dist/components/hero/index.d.ts +45 -0
  103. package/dist/components/hero/index.js +2 -0
  104. package/dist/components/hero/index.js.map +1 -0
  105. package/dist/components/hero/styles.d.ts +48 -0
  106. package/dist/components/hero/styles.js +2 -0
  107. package/dist/components/hero/styles.js.map +1 -0
  108. package/dist/components/hero/types.d.ts +13 -0
  109. package/dist/components/hero/types.js +2 -0
  110. package/dist/components/hero/types.js.map +1 -0
  111. package/dist/components/icon/index.d.ts +3 -2
  112. package/dist/components/icon/index.js +1 -1
  113. package/dist/components/icon/index.js.map +1 -1
  114. package/dist/components/icon/styles.js +1 -1
  115. package/dist/components/icon/styles.js.map +1 -1
  116. package/dist/components/icon/types.d.ts +4 -5
  117. package/dist/components/input/index.d.ts +1 -0
  118. package/dist/components/input/index.js +1 -1
  119. package/dist/components/input/index.js.map +1 -1
  120. package/dist/components/input/styles.js +1 -1
  121. package/dist/components/input/styles.js.map +1 -1
  122. package/dist/components/input/types.d.ts +1 -0
  123. package/dist/components/label/index.d.ts +3 -2
  124. package/dist/components/label/index.js +1 -1
  125. package/dist/components/label/index.js.map +1 -1
  126. package/dist/components/label/styles.js +1 -1
  127. package/dist/components/label/styles.js.map +1 -1
  128. package/dist/components/label/types.d.ts +2 -3
  129. package/dist/components/menu/index.d.ts +16 -21
  130. package/dist/components/menu/index.js +1 -1
  131. package/dist/components/menu/index.js.map +1 -1
  132. package/dist/components/menu/styles.js +1 -1
  133. package/dist/components/menu/styles.js.map +1 -1
  134. package/dist/components/navigation-stack/index.d.ts +20 -0
  135. package/dist/components/navigation-stack/index.js +2 -0
  136. package/dist/components/navigation-stack/index.js.map +1 -0
  137. package/dist/components/navigation-stack/types.d.ts +31 -0
  138. package/dist/components/navigation-stack/types.js +2 -0
  139. package/dist/components/navigation-stack/types.js.map +1 -0
  140. package/dist/components/options/index.d.ts +28 -22
  141. package/dist/components/options/index.js +1 -1
  142. package/dist/components/options/index.js.map +1 -1
  143. package/dist/components/options/styles.d.ts +72 -0
  144. package/dist/components/options/styles.js +2 -0
  145. package/dist/components/options/styles.js.map +1 -0
  146. package/dist/components/options/types.d.ts +29 -0
  147. package/dist/components/options/types.js +2 -0
  148. package/dist/components/options/types.js.map +1 -0
  149. package/dist/components/popover/index.js +1 -1
  150. package/dist/components/popover/index.js.map +1 -1
  151. package/dist/components/popover/styles.d.ts +16 -15
  152. package/dist/components/popover/styles.js +1 -1
  153. package/dist/components/popover/styles.js.map +1 -1
  154. package/dist/components/query-builder/action-element.js +1 -1
  155. package/dist/components/query-builder/action-element.js.map +1 -1
  156. package/dist/components/query-builder/constants.js +1 -1
  157. package/dist/components/query-builder/constants.js.map +1 -1
  158. package/dist/components/query-builder/group.js +1 -1
  159. package/dist/components/query-builder/group.js.map +1 -1
  160. package/dist/components/query-builder/index.d.ts +5 -20
  161. package/dist/components/query-builder/index.js +1 -1
  162. package/dist/components/query-builder/index.js.map +1 -1
  163. package/dist/components/query-builder/rule.js +1 -1
  164. package/dist/components/query-builder/rule.js.map +1 -1
  165. package/dist/components/query-builder/types.d.ts +22 -0
  166. package/dist/components/query-builder/types.js +2 -0
  167. package/dist/components/query-builder/types.js.map +1 -0
  168. package/dist/components/query-builder/utils.js +1 -1
  169. package/dist/components/query-builder/utils.js.map +1 -1
  170. package/dist/components/query-builder/value-editor.js +1 -1
  171. package/dist/components/query-builder/value-editor.js.map +1 -1
  172. package/dist/components/query-builder/value-selector.js +1 -1
  173. package/dist/components/query-builder/value-selector.js.map +1 -1
  174. package/dist/components/radio/index.js +1 -1
  175. package/dist/components/radio/index.js.map +1 -1
  176. package/dist/components/radio/styles.d.ts +19 -18
  177. package/dist/components/radio/styles.js +1 -1
  178. package/dist/components/radio/styles.js.map +1 -1
  179. package/dist/components/radio/types.d.ts +2 -3
  180. package/dist/components/search-field/index.d.ts +56 -15
  181. package/dist/components/search-field/index.js +1 -1
  182. package/dist/components/search-field/index.js.map +1 -1
  183. package/dist/components/search-field/styles.d.ts +53 -0
  184. package/dist/components/search-field/styles.js +2 -0
  185. package/dist/components/search-field/styles.js.map +1 -0
  186. package/dist/components/search-field/types.d.ts +25 -0
  187. package/dist/components/search-field/types.js +2 -0
  188. package/dist/components/search-field/types.js.map +1 -0
  189. package/dist/components/skeleton/index.d.ts +42 -0
  190. package/dist/components/skeleton/index.js +2 -0
  191. package/dist/components/skeleton/index.js.map +1 -0
  192. package/dist/components/skeleton/styles.d.ts +23 -0
  193. package/dist/components/skeleton/styles.js +2 -0
  194. package/dist/components/skeleton/styles.js.map +1 -0
  195. package/dist/components/skeleton/types.d.ts +8 -0
  196. package/dist/components/skeleton/types.js +2 -0
  197. package/dist/components/skeleton/types.js.map +1 -0
  198. package/dist/components/slider/index.js +1 -1
  199. package/dist/components/slider/index.js.map +1 -1
  200. package/dist/components/switch/index.d.ts +3 -2
  201. package/dist/components/switch/index.js +1 -1
  202. package/dist/components/switch/index.js.map +1 -1
  203. package/dist/components/switch/styles.d.ts +13 -12
  204. package/dist/components/switch/styles.js +1 -1
  205. package/dist/components/switch/styles.js.map +1 -1
  206. package/dist/components/switch/types.d.ts +2 -3
  207. package/dist/components/tabs/index.js +1 -1
  208. package/dist/components/tabs/index.js.map +1 -1
  209. package/dist/components/text-area-field/index.d.ts +4 -3
  210. package/dist/components/text-area-field/index.js +1 -1
  211. package/dist/components/text-area-field/index.js.map +1 -1
  212. package/dist/components/text-area-field/styles.d.ts +19 -18
  213. package/dist/components/text-area-field/styles.js +1 -1
  214. package/dist/components/text-area-field/styles.js.map +1 -1
  215. package/dist/components/text-area-field/types.d.ts +2 -3
  216. package/dist/components/text-field/index.d.ts +4 -2
  217. package/dist/components/text-field/index.js +1 -1
  218. package/dist/components/text-field/index.js.map +1 -1
  219. package/dist/components/text-field/styles.d.ts +19 -18
  220. package/dist/components/text-field/styles.js +1 -1
  221. package/dist/components/text-field/styles.js.map +1 -1
  222. package/dist/components/text-field/types.d.ts +4 -4
  223. package/dist/components/tooltip/index.d.ts +14 -28
  224. package/dist/components/tooltip/index.js +1 -1
  225. package/dist/components/tooltip/index.js.map +1 -1
  226. package/dist/components/tooltip/styles.d.ts +5 -0
  227. package/dist/components/tooltip/styles.js +2 -0
  228. package/dist/components/tooltip/styles.js.map +1 -0
  229. package/dist/components/tooltip/types.d.ts +8 -0
  230. package/dist/components/tooltip/types.js +2 -0
  231. package/dist/components/tooltip/types.js.map +1 -0
  232. package/dist/icons/catalog.js +1 -1
  233. package/dist/index.d.ts +54 -28
  234. package/dist/index.js +1 -1
  235. package/dist/lib/react.d.ts +13 -12
  236. package/dist/lib/react.js +4 -4
  237. package/dist/lib/react.js.map +1 -1
  238. package/dist/lib/types.d.ts +6 -2
  239. package/dist/lib/utils.js +1 -1
  240. package/dist/lib/utils.js.map +1 -1
  241. package/dist/metafile-esm.json +1 -1
  242. package/dist/styles.css +1341 -278
  243. package/dist/tokens/index.js +1 -1
  244. package/dist/tokens/index.js.map +1 -1
  245. package/dist/variants/variants.css +6 -0
  246. package/package.json +79 -56
  247. package/dist/components/options-item/index.d.ts +0 -30
  248. package/dist/components/options-item/index.js +0 -2
  249. package/dist/components/options-item/index.js.map +0 -1
  250. package/dist/components/query-builder/example-configuration.d.ts +0 -30
  251. package/dist/components/query-builder/example-configuration.js +0 -2
  252. package/dist/components/query-builder/example-configuration.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["TextFieldStyles","z","TextFieldContext","createContext","b","props","TextFieldProvider","ref","useContextProps","rest","errorMessage","errorMessageProp","size","AriaTextField","y","classNames","className","field","isInvalidProp","jsxs","Fragment","k","labelProp","isSmall","jsx","Label","g","Input","M","inputProps","descriptionProp","isInvalid","Text","I","FieldError","C","error","TextField"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n TextField as AriaTextField,\n type ContextValue,\n FieldError,\n Text,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\n\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldStyles } from './styles';\nimport type { TextFieldProps, TextFieldProviderProps } from './types';\n\nconst { field, label, description, error } = TextFieldStyles();\n\nexport const TextFieldContext =\n createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nfunction TextFieldProvider({ children, ...props }: TextFieldProviderProps) {\n return (\n <TextFieldContext.Provider value={props}>\n {children}\n </TextFieldContext.Provider>\n );\n}\nTextFieldProvider.displayName = 'TextField.Provider';\n\nexport function TextField({ ref, ...props }: TextFieldProps) {\n [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n const {\n classNames,\n description: descriptionProp,\n errorMessage: errorMessageProp,\n inputProps,\n label: labelProp,\n size = 'medium',\n isInvalid: isInvalidProp,\n ...rest\n } = props;\n const errorMessage = errorMessageProp || null; // Protect against empty string\n const isSmall = size === 'small';\n\n return (\n <AriaTextField\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.field, (className) =>\n field({ className }),\n )}\n isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n data-size={size}\n >\n {(\n { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n ) => (\n <>\n {!!labelProp && !isSmall && (\n <Label\n className={label({ className: classNames?.label })}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {labelProp}\n </Label>\n )}\n <Input\n {...inputProps}\n classNames={classNames?.input}\n disabled={isDisabled}\n required={isRequired}\n size={size}\n isInvalid={isInvalid}\n />\n {!!descriptionProp && !(isSmall || isInvalid) && (\n <Text\n slot='description'\n className={description({ className: classNames?.description })}\n >\n {descriptionProp}\n </Text>\n )}\n <FieldError\n className={composeRenderProps(classNames?.error, (className) =>\n error({ className }),\n )}\n >\n {errorMessage}\n </FieldError>\n </>\n )}\n </AriaTextField>\n );\n}\nTextField.displayName = 'TextField';\nTextField.Provider = TextFieldProvider;\n"]}
1
+ {"version":3,"sources":["../../../src/components/text-field/index.tsx"],"names":["description","TextFieldStyles","TextFieldProvider","N","children","e","props","ref","L","rest","errorMessageProp","size","AriaTextField","composeRenderProps","classNames","className","field","c","isDisabled","isInvalid","isRequired","labelProp","isSmall","jsx","Label","label","g","inputProps","M","descriptionProp","I","error","errorMessage","TextField"],"mappings":"+TA8BsB,MAAA,CAAA,KAAAA,CAAa,CAAA,CAAA,KAAM,CAAA,CAAIC,CAAAA,WAGqB,CAAA,CAElE,CAAA,KAAA,CAAA,CAAA,CAASC,CAAAA,eAAkB,EACzB,CAAA,CAAA,CAAAC,aAAA,CAAA,IAAAC,EACA,SAEA,CAAA,CAAA,CAAA,QACoB,CAAA,CAAA,CAAA,GAAjB,CAA0B,CAAA,CAAA,CAAA,OACxBC,GAAA,CAAA,CAAA,CAAA,QAIPH,CAAkB,CAAA,KAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAEzB,CAAA,oBAAmC,CAAmB,SAC5BI,CAAAA,CAAOC,CAAAA,GAAO,CAAA,CAAA,CAAA,GAAsB,CAEnE,CAAA,CAAA,CAAA,CAAA,CAAM,CACJ,CAAA,CAAA,CAAAC,eAAA,CAAA,CAAA,CAAA,CAAA,EAAA,IACA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,UACA,CAAA,CAAA,CAAA,WACA,CAAA,CAAA,CAAA,YAEA,CAAA,CAAA,CAAA,UAAO,CAAA,CAAA,CACP,KAAA,CAAA,CAAA,CAAA,IACA,CAAA,CAAA,CAAGC,QAEgBC,CAAAA,SACLC,CAAAA,CAAAA,CAAS,GAAA,CAAA,CAAA,CAAA,CAAA,CAEzB,CAAA,CAAA,CAAA,EAAA,IACGC,CAAAA,CAAA,CACE,CAAA,GAAGH,OAEJ,CAAA,OAAAJ,GAAA,CAAWQ,SAAAA,CAAmBC,CAAAA,GAAY,CAAA,CAAA,GAAQC,CAAAA,CAAAA,CAChDC,SAAQ,CAAAC,kBAAA,CAAA,CAAAF,EAAW,KAErB,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SAA4C,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,SACnD,CAAA,CAAA,GAAA,CAAWJ,CAAAA,IAEV,CAAA,MAAA,CAAA,CACC,WAAE,CAAAO,CAAAA,CAAY,QAAA,CAAA,CAAAC,CAAAA,UAAW,CAAA,CAAAC,CAAW,SAGjC,CAAA,CAAA,CAAA,UAAEC,CAAAA,CAAa,CAACC,GACfC,IAAAA,CAACC,QAAAA,CAAA,CACC,QAAA,CAAA,CAAWC,CAAAA,CAAM,CAAE,EAAA,CAAA,CAAA,EAAApB,GAAA,CAAAqB,KAAA,CAAWZ,CAAAA,SAAmB,CACjD,CAAA,CAAA,CAAA,SAAYI,CACZ,CAAA,EAAA,KAAA,CAAA,CAAA,CAAYE,UAEX,CAAAC,CAAAA,CACH,UAGIM,CAAAA,CACJ,CAAA,QAAA,CAAA,CAAYb,CAAAA,CAAAA,CAAYT,GAAA,CAAAuB,KAAA,CAAA,CAAA,GACxB,CAAA,CAAA,UACA,CAAA,CAAA,EAAA,KACA,CAAA,QACA,CAAA,CAAA,CAAA,QAED,CAAC,CAACC,CAAAA,IAAqBP,CAAAA,CAAAA,CAAWH,SAE/B,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,EAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EACLd,GAAA,CAAAyB,IAAA,CAAA,CAAA,IAAA,CAAW9B,aAAyBc,CAAAA,SAAY,CAAA,CAAA,CAAA,CAAY,SAE3D,CAAA,CAAA,EAAAe,WAIH,CAAA,CAAA,CAAA,QAA8Bf,CAAY,CAAA,CAAA,CAAA,CAAAT,GAAA,CAAQU,UAAAA,CAAAA,CAChDgB,SAAQ,CAAAd,kBAAA,CAAA,CAAAF,EAAW,KAGpB,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAiB,SAObC,CAAAA,CAAU,CAAA,CAAA,CAAA,CAAA,QAAc,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACxBA,WAAqB/B,CAAAA,WAAAA,CAAAA,CAAAA,CAAAA,QAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport {\n TextField as AriaTextField,\n type ContextValue,\n FieldError,\n Text,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\n\nimport type { ProviderProps } from '@/lib/types';\nimport { Input } from '../input';\nimport { Label } from '../label';\nimport { TextFieldStyles } from './styles';\nimport type { TextFieldProps } from './types';\n\nconst { field, label, description, error } = TextFieldStyles();\n\nexport const TextFieldContext =\n createContext<ContextValue<TextFieldProps, HTMLDivElement>>(null);\n\nfunction TextFieldProvider({\n children,\n ...props\n}: ProviderProps<TextFieldProps>) {\n return (\n <TextFieldContext.Provider value={props}>\n {children}\n </TextFieldContext.Provider>\n );\n}\nTextFieldProvider.displayName = 'TextField.Provider';\n\nexport function TextField({ ref, ...props }: TextFieldProps) {\n [props, ref] = useContextProps(props, ref ?? null, TextFieldContext);\n\n const {\n classNames,\n description: descriptionProp,\n errorMessage: errorMessageProp,\n inputProps,\n label: labelProp,\n size = 'medium',\n isInvalid: isInvalidProp,\n ...rest\n } = props;\n const errorMessage = errorMessageProp || null; // Protect against empty string\n const isSmall = size === 'small';\n\n return (\n <AriaTextField\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.field, (className) =>\n field({ className }),\n )}\n isInvalid={isInvalidProp || (errorMessage ? true : undefined)} // Leave uncontrolled if possible to fallback to validation state\n data-size={size}\n >\n {(\n { isDisabled, isInvalid, isRequired }, // Rely on internal state, not props, since state could differ from props\n ) => (\n <>\n {!!labelProp && !isSmall && (\n <Label\n className={label({ className: classNames?.label })}\n isDisabled={isDisabled}\n isRequired={isRequired}\n >\n {labelProp}\n </Label>\n )}\n <Input\n {...inputProps}\n classNames={classNames?.input}\n disabled={isDisabled}\n required={isRequired}\n size={size}\n isInvalid={isInvalid}\n />\n {!!descriptionProp && !(isSmall || isInvalid) && (\n <Text\n slot='description'\n className={description({ className: classNames?.description })}\n >\n {descriptionProp}\n </Text>\n )}\n <FieldError\n className={composeRenderProps(classNames?.error, (className) =>\n error({ className }),\n )}\n >\n {errorMessage}\n </FieldError>\n </>\n )}\n </AriaTextField>\n );\n}\nTextField.displayName = 'TextField';\nTextField.Provider = TextFieldProvider;\n"]}
@@ -1,23 +1,24 @@
1
1
  import * as tailwind_variants from 'tailwind-variants';
2
+ import * as tailwind_merge from 'tailwind-merge';
2
3
 
3
4
  declare const TextFieldStyles: tailwind_variants.TVReturnType<{
4
5
  [key: string]: {
5
- [key: string]: tailwind_variants.ClassValue | {
6
- input?: tailwind_variants.ClassValue;
7
- label?: tailwind_variants.ClassValue;
8
- error?: tailwind_variants.ClassValue;
9
- description?: tailwind_variants.ClassValue;
10
- field?: tailwind_variants.ClassValue;
6
+ [key: string]: tailwind_merge.ClassNameValue | {
7
+ input?: tailwind_merge.ClassNameValue;
8
+ label?: tailwind_merge.ClassNameValue;
9
+ error?: tailwind_merge.ClassNameValue;
10
+ description?: tailwind_merge.ClassNameValue;
11
+ field?: tailwind_merge.ClassNameValue;
11
12
  };
12
13
  };
13
14
  } | {
14
15
  [x: string]: {
15
- [x: string]: tailwind_variants.ClassValue | {
16
- input?: tailwind_variants.ClassValue;
17
- label?: tailwind_variants.ClassValue;
18
- error?: tailwind_variants.ClassValue;
19
- description?: tailwind_variants.ClassValue;
20
- field?: tailwind_variants.ClassValue;
16
+ [x: string]: tailwind_merge.ClassNameValue | {
17
+ input?: tailwind_merge.ClassNameValue;
18
+ label?: tailwind_merge.ClassNameValue;
19
+ error?: tailwind_merge.ClassNameValue;
20
+ description?: tailwind_merge.ClassNameValue;
21
+ field?: tailwind_merge.ClassNameValue;
21
22
  };
22
23
  };
23
24
  } | {}, {
@@ -28,12 +29,12 @@ declare const TextFieldStyles: tailwind_variants.TVReturnType<{
28
29
  error: string;
29
30
  }, undefined, {
30
31
  [key: string]: {
31
- [key: string]: tailwind_variants.ClassValue | {
32
- input?: tailwind_variants.ClassValue;
33
- label?: tailwind_variants.ClassValue;
34
- error?: tailwind_variants.ClassValue;
35
- description?: tailwind_variants.ClassValue;
36
- field?: tailwind_variants.ClassValue;
32
+ [key: string]: tailwind_merge.ClassNameValue | {
33
+ input?: tailwind_merge.ClassNameValue;
34
+ label?: tailwind_merge.ClassNameValue;
35
+ error?: tailwind_merge.ClassNameValue;
36
+ description?: tailwind_merge.ClassNameValue;
37
+ field?: tailwind_merge.ClassNameValue;
37
38
  };
38
39
  };
39
40
  } | {}, {
@@ -1,2 +1,2 @@
1
- import {tv}from'./../../lib/utils.js';var l=tv({slots:{field:"group/text-field flex flex-col gap-xs",label:"",input:"",description:["fg-default-dark text-body-xs","group-disabled/text-field:fg-disabled"],error:"fg-serious text-body-xs"}});export{l as TextFieldStyles};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'./../../lib/utils.js';const l=tv({slots:{field:"group/text-field flex flex-col gap-xs",label:"",input:"",description:["fg-default-dark text-body-xs","group-disabled/text-field:fg-disabled"],error:"fg-serious text-body-xs"}});export{l as TextFieldStyles};//# sourceMappingURL=styles.js.map
2
2
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/text-field/styles.ts"],"names":["e"],"mappings":"sCAeE,IAAA,CAAA,CAAAA,EAAA,CAAO,CACL,KAAA,CAAO,CAAA,KAAA,CAAA,uCACA,CAAA,KACP,CAAA,EAAO,CAAA,KACP,CAAA,EAAA,CAAA,WACE,CAAA,CAAA,sEAGF,CAAO,CAAA,KAAA,CAAA,yBAEV,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const TextFieldStyles = tv({\n slots: {\n field: 'group/text-field flex flex-col gap-xs',\n label: '',\n input: '',\n description: [\n 'fg-default-dark text-body-xs',\n 'group-disabled/text-field:fg-disabled',\n ],\n error: 'fg-serious text-body-xs',\n },\n});\n"]}
1
+ {"version":3,"sources":["../../../src/components/text-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,uCAEP,CAAA,KAAO,CAAA,EACP,CAAA,KAAA,CAAA,EAAA,CAAA,WACE,CAAA,CAAA,sEAGK,CAAA,CAAA,KAAA,CAAA,yBAEV,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const TextFieldStyles = tv({\n slots: {\n field: 'group/text-field flex flex-col gap-xs',\n label: '',\n input: '',\n description: [\n 'fg-default-dark text-body-xs',\n 'group-disabled/text-field:fg-disabled',\n ],\n error: 'fg-serious text-body-xs',\n },\n});\n"]}
@@ -1,13 +1,14 @@
1
- import { RefAttributes, PropsWithChildren } from 'react';
1
+ import { RefAttributes } from 'react';
2
2
  import { TextFieldProps as TextFieldProps$1, FieldErrorProps } from 'react-aria-components';
3
3
  import { InputProps } from '../input/types.js';
4
4
  import { LabelProps } from '../label/types.js';
5
5
  import 'tailwind-variants';
6
6
  import '../button/types.js';
7
7
  import '../button/styles.js';
8
+ import 'tailwind-merge';
8
9
  import '../input/styles.js';
9
10
 
10
- type TextFieldProps = Omit<TextFieldProps$1, 'children' | 'className'> & RefAttributes<HTMLDivElement> & {
11
+ type TextFieldProps = Omit<TextFieldProps$1, 'children' | 'className' | 'type' | 'pattern'> & RefAttributes<HTMLDivElement> & {
11
12
  classNames?: {
12
13
  field?: TextFieldProps$1['className'];
13
14
  label?: LabelProps['className'];
@@ -21,6 +22,5 @@ type TextFieldProps = Omit<TextFieldProps$1, 'children' | 'className'> & RefAttr
21
22
  errorMessage?: string;
22
23
  size?: 'medium' | 'small';
23
24
  };
24
- type TextFieldProviderProps = PropsWithChildren<TextFieldProps>;
25
25
 
26
- export type { TextFieldProps, TextFieldProviderProps };
26
+ export type { TextFieldProps };
@@ -1,36 +1,22 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as cva_types from 'cva/types';
3
- import { VariantProps } from 'cva';
4
- import react__default from 'react';
5
- import { TooltipTriggerComponentProps, Focusable, TooltipProps as TooltipProps$1 } from 'react-aria-components';
2
+ import * as react from 'react';
3
+ import { ContextValue } from 'react-aria-components';
4
+ import { TooltipProps, TooltipTriggerProps, TooltipBodyProps } from './types.js';
6
5
 
7
- declare const tooltipStyles: (props?: cva_types.ClassProp | undefined) => string;
8
- interface TooltipProps extends TooltipTriggerComponentProps {
9
- }
10
- declare function Tooltip({ children, closeDelay, delay, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
6
+ declare const TooltipContext: react.Context<ContextValue<TooltipProps, HTMLDivElement>>;
7
+ declare function Tooltip({ ref, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
11
8
  declare namespace Tooltip {
12
9
  var displayName: string;
13
- var as: (props: VariantProps<typeof tooltipStyles>, className?: string | string[]) => string;
14
- var Trigger: {
15
- ({ children, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
16
- displayName: string;
17
- };
18
- var Body: {
19
- ({ children, className, offset, placement, ...props }: TooltipBodyProps): react_jsx_runtime.JSX.Element;
20
- displayName: string;
21
- };
10
+ var Trigger: typeof TooltipTrigger;
11
+ var Body: typeof TooltipBody;
22
12
  }
23
- interface TooltipTriggerProps extends react__default.ComponentProps<typeof Focusable> {
13
+ declare function TooltipTrigger({ children, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
14
+ declare namespace TooltipTrigger {
15
+ var displayName: string;
24
16
  }
25
- declare const TooltipTrigger: {
26
- ({ children, ...props }: TooltipTriggerProps): react_jsx_runtime.JSX.Element;
27
- displayName: string;
28
- };
29
- interface TooltipBodyProps extends TooltipProps$1 {
17
+ declare function TooltipBody({ children, className, offset, placement, ...props }: TooltipBodyProps): react_jsx_runtime.JSX.Element;
18
+ declare namespace TooltipBody {
19
+ var displayName: string;
30
20
  }
31
- declare const TooltipBody: {
32
- ({ children, className, offset, placement, ...props }: TooltipBodyProps): react_jsx_runtime.JSX.Element;
33
- displayName: string;
34
- };
35
21
 
36
- export { Tooltip, TooltipBody, type TooltipBodyProps, type TooltipProps, TooltipTrigger, type TooltipTriggerProps };
22
+ export { Tooltip, TooltipContext };
@@ -1,2 +1,2 @@
1
- import {containsExactChildren}from'./../../lib/react.js';import {cn}from'./../../lib/utils.js';import'client-only';import {cva}from'cva';import {TooltipTrigger,Focusable,Tooltip}from'react-aria-components';import {jsx}from'react/jsx-runtime';var n=cva("fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay");function e({children:o,closeDelay:t=0,delay:r=400,...p}){return containsExactChildren({children:o,componentName:e.displayName,restrictions:{[i.displayName]:{min:1,max:1},[s.displayName]:{min:1,max:1}}}),jsx(TooltipTrigger,{closeDelay:t,delay:r,...p,children:o})}e.displayName="Tooltip";e.as=(o,t)=>cn(n({...o,className:t}));var i=({children:o,...t})=>jsx(Focusable,{...t,children:o});i.displayName="Tooltip.Trigger";var s=({children:o,className:t,offset:r=5,placement:p="bottom",...T})=>jsx(Tooltip,{...T,className:cn(n({className:t})),offset:r,placement:p,children:o});s.displayName="Tooltip.Body";e.Trigger=i;e.Body=s;export{e as Tooltip,s as TooltipBody,i as TooltipTrigger};//# sourceMappingURL=index.js.map
1
+ import {jsx}from'react/jsx-runtime';import {createContext}from'react';import'client-only';import {containsExactChildren}from'./../../lib/react.js';import {useContextProps,TooltipTrigger,Focusable,Tooltip,composeRenderProps}from'react-aria-components';import {TooltipStyles}from'./styles.js';const x=createContext(null);function r({ref:t,...o}){[o,t]=useContextProps(o,t??null,x);const{children:i,...e}=o;return containsExactChildren({children:i,componentName:r.displayName,restrictions:[[p,{min:1,max:1}],[l,{min:1,max:1}]]}),jsx(TooltipTrigger,{...e,children:i})}r.displayName="Tooltip";function p({children:t,...o}){return jsx(Focusable,{...o,children:t})}p.displayName="Tooltip.Trigger";function l({children:t,className:o,offset:i=5,placement:e="bottom",...T}){return jsx(Tooltip,{...T,className:composeRenderProps(o,s=>TooltipStyles({className:s})),offset:i,placement:e,children:t})}l.displayName="Tooltip.Body",r.Trigger=p,r.Body=l;export{r as Tooltip,x as TooltipContext};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/tooltip/index.tsx"],"names":["y","closeDelay","containsExactChildren","m","Tooltip","TooltipBody","RACTooltipTrigger","props","children","cn","tooltipStyles","a","Focusable","l","c","TooltipTrigger","placement","g","className"],"mappings":"kPA0BE,IAAA,CAAA,CAAAA,GAAA,CAAA,2KAMA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QAAAC,CAAAA,CAAa,cAEb,CAAA,CAAA,KAEA,OAAAC,GACE,WACAC,qBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAeC,aAAQ,CACvB,CAAA,CAAA,WAAc,CACZ,YAAgB,CAAA,CAAW,CAAA,CAAG,CAAE,WAAe,EAC/C,CAACC,aAAuB,CAAA,CAAG,CAAE,WAAe,EAEhD,CAAC,IAGEC,CAAAA,CAAA,cAA8BL,cAAAA,CAAY,CAAA,UAAkBM,CAAAA,CAC1D,CAAA,KAAA,CAAA,CAAA,CAAAC,GAGP,CACAJ,CAAAA,aAAsB,CAAA,CAAA,qBAIjBK,CAAGC,EAAc,EAAE,CAAA,CAAGH,EAAO,CAAA,GAAAI,EAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAC,CAAA,SAKb,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAH,KAAU,CAAA,CAAA,CAAGD,QACpCK,CAAA,CAAW,CAAA,IAAW,CAAA,GAAAC,GAAA,CAAAC,SAAA,CAAA,CAAAN,IAEhCO,CAAAA,QAAe,CAAA,CAAA,CAAA,EAAc,gCAK3BP,IAAAA,CACA,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,MAAA,CAAAQ,CAAAA,CAAY,CAAA,CAAA,SACZ,CAAGT,CACL,CAAA,QAGO,CAAA,IACD,CAAA,GAAAM,GAAA,CAAAI,OAAA,CAAA,CAAA,GAAcP,CAAAA,CAAc,YAAEQ,CAAU,CAAC,CAAC,CAAA,UAE1C,CAAA,CAAA,CAAA,CAAA,CAAA,MAAWF,CAEV,WACH,CAAA,CAGJX,SAAY,CAAA,CAAA,CAAA,EAAc,CAAA,CAAA,WAAA,CAAA,eAGlB,CAAA,CAAA,OAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport { containsExactChildren } from '@/lib/react';\nimport { cn } from '@/lib/utils';\nimport 'client-only';\nimport { type VariantProps, cva } from 'cva';\nimport type React from 'react';\nimport {\n Focusable,\n Tooltip as RACTooltip,\n type TooltipProps as RACTooltipProps,\n TooltipTrigger as RACTooltipTrigger,\n type TooltipTriggerComponentProps,\n} from 'react-aria-components';\n\nconst tooltipStyles = cva(\n 'fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay',\n);\n\nexport interface TooltipProps extends TooltipTriggerComponentProps {}\n\nexport function Tooltip({\n children,\n closeDelay = 0,\n delay = 400,\n ...props\n}: TooltipProps) {\n containsExactChildren({\n children,\n componentName: Tooltip.displayName,\n restrictions: {\n [TooltipTrigger.displayName]: { min: 1, max: 1 },\n [TooltipBody.displayName]: { min: 1, max: 1 },\n },\n });\n\n return (\n <RACTooltipTrigger closeDelay={closeDelay} delay={delay} {...props}>\n {children}\n </RACTooltipTrigger>\n );\n}\nTooltip.displayName = 'Tooltip';\nTooltip.as = (\n props: VariantProps<typeof tooltipStyles>,\n className?: string | string[],\n) => cn(tooltipStyles({ ...props, className }));\n\nexport interface TooltipTriggerProps\n extends React.ComponentProps<typeof Focusable> {}\n\nexport const TooltipTrigger = ({ children, ...props }: TooltipTriggerProps) => {\n return <Focusable {...props}>{children}</Focusable>;\n};\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nexport interface TooltipBodyProps extends RACTooltipProps {}\n\nexport const TooltipBody = ({\n children,\n className,\n offset = 5,\n placement = 'bottom',\n ...props\n}: TooltipBodyProps) => {\n return (\n <RACTooltip\n {...props}\n className={cn(tooltipStyles({ className }))}\n offset={offset}\n placement={placement}\n >\n {children}\n </RACTooltip>\n );\n};\nTooltipBody.displayName = 'Tooltip.Body';\n\nTooltip.Trigger = TooltipTrigger;\nTooltip.Body = TooltipBody;\n"]}
1
+ {"version":3,"sources":["../../../src/components/tooltip/index.tsx"],"names":["props","useContextProps","ref","TooltipContext","d","rest","m","Tooltip","jsx","AriaTooltipTrigger","n","g","children","u","TooltipTrigger","className","placement","c","y","f","offset","TooltipBody"],"mappings":"6TAiC0B,WAAc,CAAiB,CACvD,CAACA,GAAU,CAAA,CAAIC,CAAAA,GAAuBC,CAAAA,CAAAA,CAAO,CAAA,CAAA,CAAA,CAAA,CAAMC,CAAc,CAAAC,eAEjE,CAAA,CAAA,CAAA,CAAA,EAAQ,IAAA,CAAA,CAAA,CAAA,CAAA,KAAU,CAAGC,QAErB,CAAA,CAAA,CAAA,GAAsB,CACpB,CAAA,CAAA,CAAA,CAAA,OACAC,qBAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAeC,aAAQ,CACvB,CAAA,CAAA,WAAc,CACZ,cAAgC,CAAE,CAAC,EACnC,GAAc,CAAE,CAAA,CAAA,GAAK,CAAG,IAAK,CAAE,CAAC,CAClC,CACF,GAEOC,CAAAA,CAACC,IAAoB,CAAA,CAAGJ,EAAO,CAAA,CAAA,CAAA,CAAAK,GAAA,CAAAC,cAAA,CAAA,CAAAC,GACxC,CACAL,SAAQ,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,+BAEc,CAAA,CAAA,CAAGP,QACrC,CAAA,CAAA,CAAOQ,IAAC,CAAW,CAAA,CAAA,OAAWE,GAAA,CAAAG,SAAA,CAAA,CAAAD,GAChC,CACAE,SAAe,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,2BAI3B,CAAA,CAAA,CAAA,QAAAC,CACA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,MAAA,CAAAC,EAAY,CAAA,CAAA,SACZ,CAAGhB,CACL,CAAA,QACE,CACEQ,IAAC,CACE,CAAA,CAAA,OACDE,GAAA,CAAAO,OAAA,CAAA,CAAA,GAA8BF,EAAYA,SACxB,CAAAG,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAUC,aAAC,CAC7B,UACQC,CACR,WAAWJ,CAEV,CAAA,CAAA,SACH,CAEJ,CACAK,SAAY,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,WAAA,CAAA,eAGlB,CAAA,CAAA,OAAOA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAAA,CAAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\nimport { createContext } from 'react';\nimport 'client-only';\nimport { containsExactChildren } from '@/lib/react';\nimport {\n Tooltip as AriaTooltip,\n TooltipTrigger as AriaTooltipTrigger,\n type ContextValue,\n Focusable,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { TooltipStyles } from './styles';\nimport type {\n TooltipBodyProps,\n TooltipProps,\n TooltipTriggerProps,\n} from './types';\n\nexport const TooltipContext =\n createContext<ContextValue<TooltipProps, HTMLDivElement>>(null);\n\nexport function Tooltip({ ref, ...props }: TooltipProps) {\n [props, ref] = useContextProps(props, ref ?? null, TooltipContext);\n\n const { children, ...rest } = props;\n\n containsExactChildren({\n children,\n componentName: Tooltip.displayName,\n restrictions: [\n [TooltipTrigger, { min: 1, max: 1 }],\n [TooltipBody, { min: 1, max: 1 }],\n ],\n });\n\n return <AriaTooltipTrigger {...rest}>{children}</AriaTooltipTrigger>;\n}\nTooltip.displayName = 'Tooltip';\n\nfunction TooltipTrigger({ children, ...props }: TooltipTriggerProps) {\n return <Focusable {...props}>{children}</Focusable>;\n}\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nfunction TooltipBody({\n children,\n className,\n offset = 5,\n placement = 'bottom',\n ...props\n}: TooltipBodyProps) {\n return (\n <AriaTooltip\n {...props}\n className={composeRenderProps(className, (className) =>\n TooltipStyles({ className }),\n )}\n offset={offset}\n placement={placement}\n >\n {children}\n </AriaTooltip>\n );\n}\nTooltipBody.displayName = 'Tooltip.Body';\n\nTooltip.Trigger = TooltipTrigger;\nTooltip.Body = TooltipBody;\n"]}
@@ -0,0 +1,5 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+
3
+ declare const TooltipStyles: tailwind_variants.TVReturnType<{} | {} | {}, undefined, "fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay", {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, "fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay", unknown, unknown, undefined>>;
4
+
5
+ export { TooltipStyles };
@@ -0,0 +1,2 @@
1
+ import {tv}from'./../../lib/utils.js';const o=tv({base:"fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay"});export{o as TooltipStyles};//# sourceMappingURL=styles.js.map
2
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/tooltip/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAM,CAAA,CAAAA,EAAA,CAAA,CAAA,IAAA,CAAA,2KACP,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { tv } from '@/lib/utils';\n\nexport const TooltipStyles = tv({\n base: 'fg-default-light flex max-w-[160px] items-center justify-center break-words rounded-small bg-surface-overlay px-s py-xs text-center text-body-xs shadow-elevation-overlay',\n});\n"]}
@@ -0,0 +1,8 @@
1
+ import { ComponentPropsWithRef, ComponentProps } from 'react';
2
+ import { TooltipTriggerComponentProps, Focusable, TooltipProps as TooltipProps$1 } from 'react-aria-components';
3
+
4
+ type TooltipBodyProps = TooltipProps$1;
5
+ type TooltipProps = Omit<ComponentPropsWithRef<'div'>, 'className'> & TooltipTriggerComponentProps;
6
+ type TooltipTriggerProps = ComponentProps<typeof Focusable>;
7
+
8
+ export type { TooltipBodyProps, TooltipProps, TooltipTriggerProps };
@@ -0,0 +1,2 @@
1
+ //# sourceMappingURL=types.js.map
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"types.js"}
@@ -1,2 +1,2 @@
1
- import {Bell,Information,Connection,Success,ConnectionLost,Warning,Live,Problem,ArrowDown,ArrowLeft,ArrowNortheast,ArrowNorthwest,ArrowRight,ArrowSoutheast,ArrowSouthwest,ArrowUp,ArrowKeys,Arrow,ChevronDown,ChevronFillDown,ChevronUp,ChevronFillUp,ChevronLeft,ChevronFillLeft,ChevronRight,ChevronFillRight,CursorCrosshair,CursorDefault,CursorDrag,TrackEta,MouseLeftClick,MouseMiddleClick,MouseRightClick,MouseScroll,ScrollClick,Airspaces,Appearance,Ascending,Assignment,Attributes,BoltNotVisible,Bolt,Brightness,BugReport,Calendar,ChartStackedBar,CircleTool,ColorPicker,CommonOperatingPic,Contrast,CopSettings,Coverage,Dashboard,Data,Descending,ElectromagneticSpectrum,Feed,FlightPlan,Gantt,Grid,Hamburger,Handover,Handshake,Help,InterceptPoint,Kebab,LayerGroup,Layers,LineTool,LocationFill,LocationStroke,Message,Mode,Newspaper,NonEditable,None,Note,Overlays,PanelClosed,PanelOpen,Person,Phone,Placeholder,Plots,PolygonTool,Radar,Radio,RectangleTool,Region,Sector,SelectionList,SensorHealth,Settings,Spotlight,ThreatAssess,Ticket,Time,Timer,TrackHistory,UnscheduledMaintenance,UserManual,WatchTower,Wind,AddFill,AddToList,Add,ArrangeTable,AttachFile,Cancel,CancelFill,CenterOn,Check,CollapseWindow,CollapseAll,Condense,CopyToClipboard,CreateCoa,Delete,DragHorz,DragVert,Duplicate,Edit,ExpandAll,ExpandLeft,ExpandRight,ExpandWindow,Expand,ExploreData,Filter,Flag,Focus,GlobalShare,Group,Hide,Import,InsertChart,JumpTo,Lasso,Link,LockFill,LockOutline,Login,Logout,Loop,Move,Mute,OpenContainer,PasteFromClipboard,Pause,Pin,Play,Playback,PolygonLasso,PopBackIn,PopOut,Record,RectangleSelect,RemoveFill,RemoveFromList,Remove,Reverse,Screenshot,Search,Share,Show,StackCards,Stack,Tether,TrackChanges,Undo,ZoomIn,ZoomOut,ZoomTo}from'@accelint/icons';import {jsx}from'react/jsx-runtime';var uo={actions:{description:"These icons mainly represent an act a user can take in the user interface.",icons:[{name:"add-fill",icon:jsx(AddFill,{})},{name:"add-to-list",icon:jsx(AddToList,{})},{name:"add",icon:jsx(Add,{})},{name:"arrange-table",icon:jsx(ArrangeTable,{})},{name:"attach-file",icon:jsx(AttachFile,{})},{name:"cancel",icon:jsx(Cancel,{})},{name:"cancel-fill",icon:jsx(CancelFill,{})},{name:"center-on",icon:jsx(CenterOn,{})},{name:"check",icon:jsx(Check,{})},{name:"collapse-window",icon:jsx(CollapseWindow,{})},{name:"collapse-all",icon:jsx(CollapseAll,{})},{name:"condense",icon:jsx(Condense,{})},{name:"copy-to-clipboard",icon:jsx(CopyToClipboard,{})},{name:"create-coa",icon:jsx(CreateCoa,{})},{name:"delete",icon:jsx(Delete,{})},{name:"drag-horz",icon:jsx(DragHorz,{})},{name:"drag-vert",icon:jsx(DragVert,{})},{name:"duplicate",icon:jsx(Duplicate,{})},{name:"edit",icon:jsx(Edit,{})},{name:"expand-all",icon:jsx(ExpandAll,{})},{name:"expand-left",icon:jsx(ExpandLeft,{})},{name:"expand-right",icon:jsx(ExpandRight,{})},{name:"expand-window",icon:jsx(ExpandWindow,{})},{name:"expand",icon:jsx(Expand,{})},{name:"explore-data",icon:jsx(ExploreData,{})},{name:"filter",icon:jsx(Filter,{})},{name:"flag",icon:jsx(Flag,{})},{name:"focus",icon:jsx(Focus,{})},{name:"global-share",icon:jsx(GlobalShare,{})},{name:"group",icon:jsx(Group,{})},{name:"hide",icon:jsx(Hide,{})},{name:"import",icon:jsx(Import,{})},{name:"insert-chart",icon:jsx(InsertChart,{})},{name:"jump-to",icon:jsx(JumpTo,{})},{name:"lasso",icon:jsx(Lasso,{})},{name:"link",icon:jsx(Link,{})},{name:"lock-fill",icon:jsx(LockFill,{})},{name:"lock-outline",icon:jsx(LockOutline,{})},{name:"login",icon:jsx(Login,{})},{name:"logout",icon:jsx(Logout,{})},{name:"loop",icon:jsx(Loop,{})},{name:"move",icon:jsx(Move,{})},{name:"mute",icon:jsx(Mute,{})},{name:"open-container",icon:jsx(OpenContainer,{})},{name:"paste-from-clipboard",icon:jsx(PasteFromClipboard,{})},{name:"pause",icon:jsx(Pause,{})},{name:"pin",icon:jsx(Pin,{})},{name:"play",icon:jsx(Play,{})},{name:"playback",icon:jsx(Playback,{})},{name:"polygon-lasso",icon:jsx(PolygonLasso,{})},{name:"pop-back-in",icon:jsx(PopBackIn,{})},{name:"pop-out",icon:jsx(PopOut,{})},{name:"record",icon:jsx(Record,{})},{name:"rectangle-select",icon:jsx(RectangleSelect,{})},{name:"remove-fill",icon:jsx(RemoveFill,{})},{name:"remove-from-list",icon:jsx(RemoveFromList,{})},{name:"remove",icon:jsx(Remove,{})},{name:"reverse",icon:jsx(Reverse,{})},{name:"screenshot",icon:jsx(Screenshot,{})},{name:"search",icon:jsx(Search,{})},{name:"share",icon:jsx(Share,{})},{name:"show",icon:jsx(Show,{})},{name:"stack-cards",icon:jsx(StackCards,{})},{name:"stack",icon:jsx(Stack,{})},{name:"tether",icon:jsx(Tether,{})},{name:"track-changes",icon:jsx(TrackChanges,{})},{name:"undo",icon:jsx(Undo,{})},{name:"zoom-in",icon:jsx(ZoomIn,{})},{name:"zoom-out",icon:jsx(ZoomOut,{})},{name:"zoom-to",icon:jsx(ZoomTo,{})}]},symbols:{description:"These icons mainly represent an object or concept.",icons:[{name:"airspaces",icon:jsx(Airspaces,{})},{name:"appearance",icon:jsx(Appearance,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"ascending",icon:jsx(Ascending,{})},{name:"assignment",icon:jsx(Assignment,{})},{name:"attributes",icon:jsx(Attributes,{})},{name:"bolt-not-visible",icon:jsx(BoltNotVisible,{})},{name:"bolt",icon:jsx(Bolt,{})},{name:"brightness",icon:jsx(Brightness,{})},{name:"bug-report",icon:jsx(BugReport,{})},{name:"calendar",icon:jsx(Calendar,{})},{name:"chart-stacked-bar",icon:jsx(ChartStackedBar,{})},{name:"circle-tool",icon:jsx(CircleTool,{})},{name:"color-picker",icon:jsx(ColorPicker,{})},{name:"common-operating-pic",icon:jsx(CommonOperatingPic,{})},{name:"contrast",icon:jsx(Contrast,{})},{name:"cop-settings",icon:jsx(CopSettings,{})},{name:"coverage",icon:jsx(Coverage,{})},{name:"dashboard",icon:jsx(Dashboard,{})},{name:"data",icon:jsx(Data,{})},{name:"descending",icon:jsx(Descending,{})},{name:"electromagnetic-spectrum",icon:jsx(ElectromagneticSpectrum,{})},{name:"feed",icon:jsx(Feed,{})},{name:"flight-plan",icon:jsx(FlightPlan,{})},{name:"gantt",icon:jsx(Gantt,{})},{name:"grid",icon:jsx(Grid,{})},{name:"hamburger",icon:jsx(Hamburger,{})},{name:"handover",icon:jsx(Handover,{})},{name:"handshake",icon:jsx(Handshake,{})},{name:"help",icon:jsx(Help,{})},{name:"intercept-point",icon:jsx(InterceptPoint,{})},{name:"kebab",icon:jsx(Kebab,{})},{name:"layer-group",icon:jsx(LayerGroup,{})},{name:"layers",icon:jsx(Layers,{})},{name:"line-tool",icon:jsx(LineTool,{})},{name:"location-fill",icon:jsx(LocationFill,{})},{name:"location-stroke",icon:jsx(LocationStroke,{})},{name:"message",icon:jsx(Message,{})},{name:"mode",icon:jsx(Mode,{})},{name:"newspaper",icon:jsx(Newspaper,{})},{name:"non-editable",icon:jsx(NonEditable,{})},{name:"none",icon:jsx(None,{})},{name:"note",icon:jsx(Note,{})},{name:"overlays",icon:jsx(Overlays,{})},{name:"panel-closed",icon:jsx(PanelClosed,{})},{name:"panel-open",icon:jsx(PanelOpen,{})},{name:"person",icon:jsx(Person,{})},{name:"phone",icon:jsx(Phone,{})},{name:"placeholder",icon:jsx(Placeholder,{})},{name:"plots",icon:jsx(Plots,{})},{name:"polygon-tool",icon:jsx(PolygonTool,{})},{name:"radar",icon:jsx(Radar,{})},{name:"radio",icon:jsx(Radio,{})},{name:"rectangle-tool",icon:jsx(RectangleTool,{})},{name:"region",icon:jsx(Region,{})},{name:"sector",icon:jsx(Sector,{})},{name:"selection-list",icon:jsx(SelectionList,{})},{name:"sensor-health",icon:jsx(SensorHealth,{})},{name:"settings",icon:jsx(Settings,{})},{name:"spotlight",icon:jsx(Spotlight,{})},{name:"threat-assess",icon:jsx(ThreatAssess,{})},{name:"ticket",icon:jsx(Ticket,{})},{name:"time",icon:jsx(Time,{})},{name:"timer",icon:jsx(Timer,{})},{name:"track-history",icon:jsx(TrackHistory,{})},{name:"unscheduled-maintenance",icon:jsx(UnscheduledMaintenance,{})},{name:"user-manual",icon:jsx(UserManual,{})},{name:"watch-tower",icon:jsx(WatchTower,{})},{name:"wind",icon:jsx(Wind,{})}]},controls:{description:"These icons portray acts or symbols related to control or configuration.",icons:[{name:"arrow-down",icon:jsx(ArrowDown,{})},{name:"arrow-left",icon:jsx(ArrowLeft,{})},{name:"arrow-northeast",icon:jsx(ArrowNortheast,{})},{name:"arrow-northwest",icon:jsx(ArrowNorthwest,{})},{name:"arrow-right",icon:jsx(ArrowRight,{})},{name:"arrow-southeast",icon:jsx(ArrowSoutheast,{})},{name:"arrow-southeast",icon:jsx(ArrowSouthwest,{})},{name:"arrow-up",icon:jsx(ArrowUp,{})},{name:"arrow-keys",icon:jsx(ArrowKeys,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"chevron-down",icon:jsx(ChevronDown,{})},{name:"chevron-fill-down",icon:jsx(ChevronFillDown,{})},{name:"chevron-up",icon:jsx(ChevronUp,{})},{name:"chevron-fill-up",icon:jsx(ChevronFillUp,{})},{name:"chevron-left",icon:jsx(ChevronLeft,{})},{name:"chevron-fill-left",icon:jsx(ChevronFillLeft,{})},{name:"chevron-right",icon:jsx(ChevronRight,{})},{name:"chevron-fill-right",icon:jsx(ChevronFillRight,{})},{name:"cursor-crosshair",icon:jsx(CursorCrosshair,{})},{name:"cursor-default",icon:jsx(CursorDefault,{})},{name:"cursor-drag",icon:jsx(CursorDrag,{})},{name:"track-eta",icon:jsx(TrackEta,{})},{name:"mouse-left-click",icon:jsx(MouseLeftClick,{})},{name:"mouse-middle-click",icon:jsx(MouseMiddleClick,{})},{name:"mouse-right-click",icon:jsx(MouseRightClick,{})},{name:"mouse-scroll",icon:jsx(MouseScroll,{})},{name:"scroll-click",icon:jsx(ScrollClick,{})}]},feedback:{description:"These icons portray communication or providing feedback to the user.",icons:[{name:"bell",icon:jsx(Bell,{})},{name:"information",icon:jsx(Information,{})},{name:"connection",icon:jsx(Connection,{})},{name:"success",icon:jsx(Success,{})},{name:"connection-lost",icon:jsx(ConnectionLost,{})},{name:"warning",icon:jsx(Warning,{})},{name:"live",icon:jsx(Live,{})},{name:"problem",icon:jsx(Problem,{})}]}};export{uo as default};//# sourceMappingURL=catalog.js.map
1
+ import {jsx}from'react/jsx-runtime';import {Bell,Information,Connection,Success,ConnectionLost,Warning,Live,Problem,ArrowDown,ArrowLeft,ArrowNortheast,ArrowNorthwest,ArrowRight,ArrowSoutheast,ArrowSouthwest,ArrowUp,ArrowKeys,Arrow,ChevronDown,ChevronFillDown,ChevronUp,ChevronFillUp,ChevronLeft,ChevronFillLeft,ChevronRight,ChevronFillRight,CursorCrosshair,CursorDefault,CursorDrag,TrackEta,MouseLeftClick,MouseMiddleClick,MouseRightClick,MouseScroll,ScrollClick,Airspaces,Appearance,Ascending,Assignment,Attributes,BoltNotVisible,Bolt,Brightness,BugReport,Calendar,ChartStackedBar,CircleTool,ColorPicker,CommonOperatingPic,Contrast,CopSettings,Coverage,Dashboard,Data,Descending,ElectromagneticSpectrum,Feed,FlightPlan,Gantt,Grid,Hamburger,Handover,Handshake,Help,InterceptPoint,Kebab,LayerGroup,Layers,LineTool,LocationFill,LocationStroke,Message,Mode,Newspaper,NonEditable,None,Note,Overlays,PanelClosed,PanelOpen,Person,Phone,Placeholder,Plots,PolygonTool,Radar,Radio,RectangleTool,Region,Sector,SelectionList,SensorHealth,Settings,Spotlight,ThreatAssess,Ticket,Time,Timer,TrackHistory,UnscheduledMaintenance,UserManual,WatchTower,Wind,AddFill,AddToList,Add,ArrangeTable,AttachFile,Cancel,CancelFill,CenterOn,Check,CollapseWindow,CollapseAll,Condense,CopyToClipboard,CreateCoa,Delete,DragHorz,DragVert,Duplicate,Edit,ExpandAll,ExpandLeft,ExpandRight,ExpandWindow,Expand,ExploreData,Filter,Flag,Focus,GlobalShare,Group,Hide,Import,InsertChart,JumpTo,Lasso,Link,LockFill,LockOutline,Login,Logout,Loop,Move,Mute,OpenContainer,PasteFromClipboard,Pause,Pin,Play,Playback,PolygonLasso,PopBackIn,PopOut,Record,RectangleSelect,RemoveFill,RemoveFromList,Remove,Reverse,Screenshot,Search,Share,Show,StackCards,Stack,Tether,TrackChanges,Undo,ZoomIn,ZoomOut,ZoomTo}from'@accelint/icons';var uo={actions:{description:"These icons mainly represent an act a user can take in the user interface.",icons:[{name:"add-fill",icon:jsx(AddFill,{})},{name:"add-to-list",icon:jsx(AddToList,{})},{name:"add",icon:jsx(Add,{})},{name:"arrange-table",icon:jsx(ArrangeTable,{})},{name:"attach-file",icon:jsx(AttachFile,{})},{name:"cancel",icon:jsx(Cancel,{})},{name:"cancel-fill",icon:jsx(CancelFill,{})},{name:"center-on",icon:jsx(CenterOn,{})},{name:"check",icon:jsx(Check,{})},{name:"collapse-window",icon:jsx(CollapseWindow,{})},{name:"collapse-all",icon:jsx(CollapseAll,{})},{name:"condense",icon:jsx(Condense,{})},{name:"copy-to-clipboard",icon:jsx(CopyToClipboard,{})},{name:"create-coa",icon:jsx(CreateCoa,{})},{name:"delete",icon:jsx(Delete,{})},{name:"drag-horz",icon:jsx(DragHorz,{})},{name:"drag-vert",icon:jsx(DragVert,{})},{name:"duplicate",icon:jsx(Duplicate,{})},{name:"edit",icon:jsx(Edit,{})},{name:"expand-all",icon:jsx(ExpandAll,{})},{name:"expand-left",icon:jsx(ExpandLeft,{})},{name:"expand-right",icon:jsx(ExpandRight,{})},{name:"expand-window",icon:jsx(ExpandWindow,{})},{name:"expand",icon:jsx(Expand,{})},{name:"explore-data",icon:jsx(ExploreData,{})},{name:"filter",icon:jsx(Filter,{})},{name:"flag",icon:jsx(Flag,{})},{name:"focus",icon:jsx(Focus,{})},{name:"global-share",icon:jsx(GlobalShare,{})},{name:"group",icon:jsx(Group,{})},{name:"hide",icon:jsx(Hide,{})},{name:"import",icon:jsx(Import,{})},{name:"insert-chart",icon:jsx(InsertChart,{})},{name:"jump-to",icon:jsx(JumpTo,{})},{name:"lasso",icon:jsx(Lasso,{})},{name:"link",icon:jsx(Link,{})},{name:"lock-fill",icon:jsx(LockFill,{})},{name:"lock-outline",icon:jsx(LockOutline,{})},{name:"login",icon:jsx(Login,{})},{name:"logout",icon:jsx(Logout,{})},{name:"loop",icon:jsx(Loop,{})},{name:"move",icon:jsx(Move,{})},{name:"mute",icon:jsx(Mute,{})},{name:"open-container",icon:jsx(OpenContainer,{})},{name:"paste-from-clipboard",icon:jsx(PasteFromClipboard,{})},{name:"pause",icon:jsx(Pause,{})},{name:"pin",icon:jsx(Pin,{})},{name:"play",icon:jsx(Play,{})},{name:"playback",icon:jsx(Playback,{})},{name:"polygon-lasso",icon:jsx(PolygonLasso,{})},{name:"pop-back-in",icon:jsx(PopBackIn,{})},{name:"pop-out",icon:jsx(PopOut,{})},{name:"record",icon:jsx(Record,{})},{name:"rectangle-select",icon:jsx(RectangleSelect,{})},{name:"remove-fill",icon:jsx(RemoveFill,{})},{name:"remove-from-list",icon:jsx(RemoveFromList,{})},{name:"remove",icon:jsx(Remove,{})},{name:"reverse",icon:jsx(Reverse,{})},{name:"screenshot",icon:jsx(Screenshot,{})},{name:"search",icon:jsx(Search,{})},{name:"share",icon:jsx(Share,{})},{name:"show",icon:jsx(Show,{})},{name:"stack-cards",icon:jsx(StackCards,{})},{name:"stack",icon:jsx(Stack,{})},{name:"tether",icon:jsx(Tether,{})},{name:"track-changes",icon:jsx(TrackChanges,{})},{name:"undo",icon:jsx(Undo,{})},{name:"zoom-in",icon:jsx(ZoomIn,{})},{name:"zoom-out",icon:jsx(ZoomOut,{})},{name:"zoom-to",icon:jsx(ZoomTo,{})}]},symbols:{description:"These icons mainly represent an object or concept.",icons:[{name:"airspaces",icon:jsx(Airspaces,{})},{name:"appearance",icon:jsx(Appearance,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"ascending",icon:jsx(Ascending,{})},{name:"assignment",icon:jsx(Assignment,{})},{name:"attributes",icon:jsx(Attributes,{})},{name:"bolt-not-visible",icon:jsx(BoltNotVisible,{})},{name:"bolt",icon:jsx(Bolt,{})},{name:"brightness",icon:jsx(Brightness,{})},{name:"bug-report",icon:jsx(BugReport,{})},{name:"calendar",icon:jsx(Calendar,{})},{name:"chart-stacked-bar",icon:jsx(ChartStackedBar,{})},{name:"circle-tool",icon:jsx(CircleTool,{})},{name:"color-picker",icon:jsx(ColorPicker,{})},{name:"common-operating-pic",icon:jsx(CommonOperatingPic,{})},{name:"contrast",icon:jsx(Contrast,{})},{name:"cop-settings",icon:jsx(CopSettings,{})},{name:"coverage",icon:jsx(Coverage,{})},{name:"dashboard",icon:jsx(Dashboard,{})},{name:"data",icon:jsx(Data,{})},{name:"descending",icon:jsx(Descending,{})},{name:"electromagnetic-spectrum",icon:jsx(ElectromagneticSpectrum,{})},{name:"feed",icon:jsx(Feed,{})},{name:"flight-plan",icon:jsx(FlightPlan,{})},{name:"gantt",icon:jsx(Gantt,{})},{name:"grid",icon:jsx(Grid,{})},{name:"hamburger",icon:jsx(Hamburger,{})},{name:"handover",icon:jsx(Handover,{})},{name:"handshake",icon:jsx(Handshake,{})},{name:"help",icon:jsx(Help,{})},{name:"intercept-point",icon:jsx(InterceptPoint,{})},{name:"kebab",icon:jsx(Kebab,{})},{name:"layer-group",icon:jsx(LayerGroup,{})},{name:"layers",icon:jsx(Layers,{})},{name:"line-tool",icon:jsx(LineTool,{})},{name:"location-fill",icon:jsx(LocationFill,{})},{name:"location-stroke",icon:jsx(LocationStroke,{})},{name:"message",icon:jsx(Message,{})},{name:"mode",icon:jsx(Mode,{})},{name:"newspaper",icon:jsx(Newspaper,{})},{name:"non-editable",icon:jsx(NonEditable,{})},{name:"none",icon:jsx(None,{})},{name:"note",icon:jsx(Note,{})},{name:"overlays",icon:jsx(Overlays,{})},{name:"panel-closed",icon:jsx(PanelClosed,{})},{name:"panel-open",icon:jsx(PanelOpen,{})},{name:"person",icon:jsx(Person,{})},{name:"phone",icon:jsx(Phone,{})},{name:"placeholder",icon:jsx(Placeholder,{})},{name:"plots",icon:jsx(Plots,{})},{name:"polygon-tool",icon:jsx(PolygonTool,{})},{name:"radar",icon:jsx(Radar,{})},{name:"radio",icon:jsx(Radio,{})},{name:"rectangle-tool",icon:jsx(RectangleTool,{})},{name:"region",icon:jsx(Region,{})},{name:"sector",icon:jsx(Sector,{})},{name:"selection-list",icon:jsx(SelectionList,{})},{name:"sensor-health",icon:jsx(SensorHealth,{})},{name:"settings",icon:jsx(Settings,{})},{name:"spotlight",icon:jsx(Spotlight,{})},{name:"threat-assess",icon:jsx(ThreatAssess,{})},{name:"ticket",icon:jsx(Ticket,{})},{name:"time",icon:jsx(Time,{})},{name:"timer",icon:jsx(Timer,{})},{name:"track-history",icon:jsx(TrackHistory,{})},{name:"unscheduled-maintenance",icon:jsx(UnscheduledMaintenance,{})},{name:"user-manual",icon:jsx(UserManual,{})},{name:"watch-tower",icon:jsx(WatchTower,{})},{name:"wind",icon:jsx(Wind,{})}]},controls:{description:"These icons portray acts or symbols related to control or configuration.",icons:[{name:"arrow-down",icon:jsx(ArrowDown,{})},{name:"arrow-left",icon:jsx(ArrowLeft,{})},{name:"arrow-northeast",icon:jsx(ArrowNortheast,{})},{name:"arrow-northwest",icon:jsx(ArrowNorthwest,{})},{name:"arrow-right",icon:jsx(ArrowRight,{})},{name:"arrow-southeast",icon:jsx(ArrowSoutheast,{})},{name:"arrow-southeast",icon:jsx(ArrowSouthwest,{})},{name:"arrow-up",icon:jsx(ArrowUp,{})},{name:"arrow-keys",icon:jsx(ArrowKeys,{})},{name:"arrow",icon:jsx(Arrow,{})},{name:"chevron-down",icon:jsx(ChevronDown,{})},{name:"chevron-fill-down",icon:jsx(ChevronFillDown,{})},{name:"chevron-up",icon:jsx(ChevronUp,{})},{name:"chevron-fill-up",icon:jsx(ChevronFillUp,{})},{name:"chevron-left",icon:jsx(ChevronLeft,{})},{name:"chevron-fill-left",icon:jsx(ChevronFillLeft,{})},{name:"chevron-right",icon:jsx(ChevronRight,{})},{name:"chevron-fill-right",icon:jsx(ChevronFillRight,{})},{name:"cursor-crosshair",icon:jsx(CursorCrosshair,{})},{name:"cursor-default",icon:jsx(CursorDefault,{})},{name:"cursor-drag",icon:jsx(CursorDrag,{})},{name:"track-eta",icon:jsx(TrackEta,{})},{name:"mouse-left-click",icon:jsx(MouseLeftClick,{})},{name:"mouse-middle-click",icon:jsx(MouseMiddleClick,{})},{name:"mouse-right-click",icon:jsx(MouseRightClick,{})},{name:"mouse-scroll",icon:jsx(MouseScroll,{})},{name:"scroll-click",icon:jsx(ScrollClick,{})}]},feedback:{description:"These icons portray communication or providing feedback to the user.",icons:[{name:"bell",icon:jsx(Bell,{})},{name:"information",icon:jsx(Information,{})},{name:"connection",icon:jsx(Connection,{})},{name:"success",icon:jsx(Success,{})},{name:"connection-lost",icon:jsx(ConnectionLost,{})},{name:"warning",icon:jsx(Warning,{})},{name:"live",icon:jsx(Live,{})},{name:"problem",icon:jsx(Problem,{})}]}};export{uo as default};//# sourceMappingURL=catalog.js.map
2
2
  //# sourceMappingURL=catalog.js.map
package/dist/index.d.ts CHANGED
@@ -1,86 +1,112 @@
1
1
  export { Accordion, AccordionContext } from './components/accordion/index.js';
2
- export { AccordionStyleVariants, AccordionStyles, AccordionStylesDefaults } from './components/accordion/styles.js';
3
- export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps } from './components/accordion/types.js';
2
+ export { AccordionStyles, AccordionStylesDefaults } from './components/accordion/styles.js';
3
+ export { AccordionGroupProps, AccordionHeaderProps, AccordionPanelProps, AccordionProps, AccordionStyleVariants, AccordionTriggerProps } from './components/accordion/types.js';
4
4
  export { Avatar, AvatarContext } from './components/avatar/index.js';
5
5
  export { AvatarStyles } from './components/avatar/styles.js';
6
- export { AvatarProps, AvatarProviderProps } from './components/avatar/types.js';
6
+ export { AvatarProps } from './components/avatar/types.js';
7
7
  export { Badge, BadgeContext } from './components/badge/index.js';
8
8
  export { BadgeStyles, BadgeStylesDefaults } from './components/badge/styles.js';
9
- export { BadgeProps, BadgeProviderProps } from './components/badge/types.js';
9
+ export { BadgeProps } from './components/badge/types.js';
10
10
  export { Box, BoxProps } from './components/box/index.js';
11
11
  export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './components/button/index.js';
12
12
  export { ButtonStyles, ButtonStylesDefaults, LinkButtonStyles, ToggleButtonStyles } from './components/button/styles.js';
13
- export { ButtonProps, ButtonProviderProps, ButtonStyleVariants, LinkButtonProps, LinkButtonProviderProps, ToggleButtonProps, ToggleButtonProviderProps } from './components/button/types.js';
13
+ export { ButtonProps, ButtonStyleVariants, LinkButtonProps, ToggleButtonProps } from './components/button/types.js';
14
14
  export { Checkbox, CheckboxContext, CheckboxGroupContext } from './components/checkbox/index.js';
15
15
  export { CheckboxStyles } from './components/checkbox/styles.js';
16
16
  export { CheckboxGroupProps, CheckboxProps } from './components/checkbox/types.js';
17
17
  export { Chip, ChipContext } from './components/chip/index.js';
18
18
  export { BaseChipStyles, ChipStyles, ChipStylesDefaults, DeletableChipStyles, SelectableChipStyles } from './components/chip/styles.js';
19
- export { BaseChipProps, ChipListProps, ChipProps, ChipProviderProps, DeletableChipProps, SelectableChipProps } from './components/chip/types.js';
19
+ export { BaseChipProps, ChipListProps, ChipProps, DeletableChipProps, SelectableChipProps } from './components/chip/types.js';
20
20
  export { ClassificationBadge, ClassificationBadgeContext } from './components/classification-badge/index.js';
21
21
  export { ClassificationBadgeStyles, ClassificationBadgeStylesDefaults } from './components/classification-badge/styles.js';
22
- export { ClassificationBadgeProps, ClassificationBadgeProviderProps, ClassificationBadgeStyleVariants } from './components/classification-badge/types.js';
22
+ export { ClassificationBadgeProps, ClassificationBadgeStyleVariants } from './components/classification-badge/types.js';
23
23
  export { ClassificationBanner, ClassificationBannerContext } from './components/classification-banner/index.js';
24
24
  export { ClassificationBannerStyles, ClassificationBannerStylesDefaults } from './components/classification-banner/styles.js';
25
- export { ClassificationBannerProps, ClassificationBannerProviderProps, ClassificationBannerStyleVariants } from './components/classification-banner/types.js';
26
- export { ColorPicker, ColorPickerProps, useColorPickerState } from './components/color-picker/index.js';
27
- export { ComboBox, ComboBoxProps, ComboBoxSection } from './components/combobox/index.js';
28
- export { DateField, DateFieldProps } from './components/date-field/index.js';
25
+ export { ClassificationBannerProps, ClassificationBannerStyleVariants } from './components/classification-banner/types.js';
26
+ export { ColorPicker } from './components/color-picker/index.js';
27
+ export { ColorPickerStyles } from './components/color-picker/styles.js';
28
+ export { ColorPickerProps } from './components/color-picker/types.js';
29
+ export { ComboBox, ComboBoxProps } from './components/combobox/index.js';
30
+ export { DateField } from './components/date-field/index.js';
31
+ export { DateFieldStyles, DateFieldStylesDefault } from './components/date-field/styles.js';
32
+ export { DateFieldProps, DateInputProps } from './components/date-field/types.js';
33
+ export { DetailsList, DetailsListContext } from './components/details-list/index.js';
34
+ export { DetailsListStyles, DetailsListStylesDefaults } from './components/details-list/styles.js';
35
+ export { DetailsListLabelProps, DetailsListProps, DetailsListValueProps } from './components/details-list/types.js';
29
36
  export { Dialog, DialogProps, DialogTitle } from './components/dialog/index.js';
37
+ export { useDrawerContext, useDrawersContext, useDrawersState } from './components/drawer/context.js';
38
+ export { Drawer } from './components/drawer/index.js';
39
+ export { DrawerAction, createDefaultDrawerState, drawerStateReducer } from './components/drawer/state.js';
40
+ export { DrawerMenuStyles, DrawerStyles } from './components/drawer/styles.js';
41
+ export { DrawerContainerProps, DrawerContextValue, DrawerDefaults, DrawerLayoutProps, DrawerLayoutPush, DrawerLayouts, DrawerMenuItemProps, DrawerMenuProps, DrawerPanelProps, DrawerPlacement, DrawerProps, DrawerProviderProps, DrawerSize, DrawerState, DrawerTriggerProps, DrawersContextValue, OnOpenChangeCallback } from './components/drawer/types.js';
42
+ export { Hero, HeroContext } from './components/hero/index.js';
43
+ export { HeroStyles } from './components/hero/styles.js';
44
+ export { HeroProps } from './components/hero/types.js';
30
45
  export { Icon, IconContext } from './components/icon/index.js';
31
46
  export { IconStyles } from './components/icon/styles.js';
32
- export { IconProps, IconProviderProps } from './components/icon/types.js';
47
+ export { IconProps } from './components/icon/types.js';
33
48
  export { Input, InputContext } from './components/input/index.js';
34
49
  export { InputStyles, InputStylesDefaults } from './components/input/styles.js';
35
50
  export { InputProps } from './components/input/types.js';
36
51
  export { Label, LabelContext } from './components/label/index.js';
37
52
  export { LabelStyles } from './components/label/styles.js';
38
- export { LabelProps, LabelProviderProps } from './components/label/types.js';
39
- export { Menu, MenuContext, MenuDescription, MenuItem, MenuLabel, MenuSection, MenuSeparator } from './components/menu/index.js';
53
+ export { LabelProps } from './components/label/types.js';
54
+ export { Menu, MenuContext } from './components/menu/index.js';
40
55
  export { MenuStyleVariants, MenuStyles, MenuStylesDefaults } from './components/menu/styles.js';
41
56
  export { MenuItemProps, MenuProps, MenuSectionProps, MenuTextProps, MenuTriggerProps, SeparatorProps, SubmenuTriggerProps } from './components/menu/types.js';
42
- export { Options, OptionsContext, OptionsProps, OptionsSection } from './components/options/index.js';
43
- export { IOptionsItem, OptionsItem, OptionsItemProps } from './components/options-item/index.js';
57
+ export { NavigationStack } from './components/navigation-stack/index.js';
58
+ export { NavigationStackContextValue, NavigationStackNavigateProps, NavigationStackProps, NavigationStackViewProps } from './components/navigation-stack/types.js';
59
+ export { Options, OptionsContext } from './components/options/index.js';
60
+ export { OptionsStyles } from './components/options/styles.js';
61
+ export { OptionsDataItem, OptionsItemProps, OptionsItemTextProps, OptionsProps, OptionsSectionProps } from './components/options/types.js';
44
62
  export { Popover, PopoverTrigger } from './components/popover/index.js';
45
63
  export { PopoverStyles } from './components/popover/styles.js';
46
64
  export { PopoverBodyProps, PopoverContentProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps } from './components/popover/types.js';
47
- export { ClassNames, DefaultRQBProps, Field, QueryBuilder, QueryBuilderContextType, QueryBuilderProps, QueryBuilderValueEditors, RuleGroupType } from './components/query-builder/index.js';
65
+ export { QueryBuilder } from './components/query-builder/index.js';
66
+ export { ClassNames, DefaultRQBProps, Field, QueryBuilderContextType, QueryBuilderProps, QueryBuilderValueEditors, RuleGroupType } from './components/query-builder/types.js';
48
67
  export { Radio, RadioContext } from './components/radio/index.js';
49
68
  export { RadioStyles } from './components/radio/styles.js';
50
- export { RadioGroupProps, RadioProps, RadioProviderProps } from './components/radio/types.js';
51
- export { SearchField, SearchFieldProps } from './components/search-field/index.js';
69
+ export { RadioGroupProps, RadioProps } from './components/radio/types.js';
70
+ export { SearchField, SearchFieldContext } from './components/search-field/index.js';
71
+ export { SearchFieldStyles, SearchFieldStylesDefaults } from './components/search-field/styles.js';
72
+ export { SearchFieldProps, SearchFieldStyleVariants } from './components/search-field/types.js';
73
+ export { Skeleton } from './components/skeleton/index.js';
74
+ export { SkeletonStyles, SkeletonStylesDefaults } from './components/skeleton/styles.js';
75
+ export { SkeletonProps, SkeletonStyleVariants } from './components/skeleton/types.js';
52
76
  export { RangeSlider, RangeSliderProps, Slider, SliderProps } from './components/slider/index.js';
53
77
  export { Switch, SwitchContext } from './components/switch/index.js';
54
78
  export { SwitchStyles } from './components/switch/styles.js';
55
- export { SwitchProps, SwitchProviderProps } from './components/switch/types.js';
79
+ export { SwitchProps } from './components/switch/types.js';
56
80
  export { TabListProps, TabPanelProps, TabProps, Tabs, TabsProps } from './components/tabs/index.js';
57
81
  export { TextAreaField, TextAreaFieldContext } from './components/text-area-field/index.js';
58
82
  export { TextAreaStyles } from './components/text-area-field/styles.js';
59
- export { TextAreaFieldProps, TextAreaFieldProviderProps } from './components/text-area-field/types.js';
83
+ export { TextAreaFieldProps } from './components/text-area-field/types.js';
60
84
  export { TextField, TextFieldContext } from './components/text-field/index.js';
61
85
  export { TextFieldStyles } from './components/text-field/styles.js';
62
- export { TextFieldProps, TextFieldProviderProps } from './components/text-field/types.js';
63
- export { Tooltip, TooltipBody, TooltipBodyProps, TooltipProps, TooltipTrigger, TooltipTriggerProps } from './components/tooltip/index.js';
86
+ export { TextFieldProps } from './components/text-field/types.js';
87
+ export { Tooltip, TooltipContext } from './components/tooltip/index.js';
88
+ export { TooltipStyles } from './components/tooltip/styles.js';
89
+ export { TooltipBodyProps, TooltipProps, TooltipTriggerProps } from './components/tooltip/types.js';
64
90
  export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
65
- export { ChildrenRenderProps, ClassNameRenderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
91
+ export { ChildrenRenderProps, ClassNameRenderProps, ProviderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, SlottedValue, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
66
92
  export { cn, isSlottedContextValue, tv, twMerge } from './lib/utils.js';
67
93
  export { RGBAColor, colorAdvisory, colorAdvisoryBold, colorAdvisoryHover, colorAdvisorySubtle, colorClassificationConfidential, colorClassificationCui, colorClassificationMissing, colorClassificationSecret, colorClassificationTopSecret, colorClassificationTsSci, colorClassificationUnclass, colorCritical, colorCriticalBold, colorCriticalHover, colorCriticalSubtle, colorDefaultDark, colorDefaultLight, colorDisabled, colorHighlight, colorHighlightBold, colorHighlightHover, colorHighlightSubtle, colorInfo, colorInfoBold, colorInfoHover, colorInfoSubtle, colorInteractive, colorInteractiveDefault, colorInteractiveDisabled, colorInteractiveHover, colorInteractiveHoverDark, colorInteractiveHoverLight, colorInverseDark, colorInverseLight, colorNormal, colorNormalBold, colorNormalHover, colorNormalSubtle, colorSerious, colorSeriousBold, colorSeriousHover, colorSeriousSubtle, colorStaticDark, colorStaticLight, colorSurfaceDefault, colorSurfaceOverlay, colorSurfaceRaised, colorTransparentDark, colorTransparentLight, fontDisplay, fontPrimary, iconSizeL, iconSizeM, iconSizeS, iconSizeXs, radiusLarge, radiusMedium, radiusNone, radiusRound, radiusSmall, shadowElevationDefault, shadowElevationOverlay, shadowElevationRaised, spacing0, spacingL, spacingM, spacingNone, spacingOversized, spacingS, spacingXl, spacingXs, spacingXxl, spacingXxs, typographyBodyLHeight, typographyBodyLSize, typographyBodyLSpacing, typographyBodyMHeight, typographyBodyMSize, typographyBodyMSpacing, typographyBodySHeight, typographyBodySSize, typographyBodySSpacing, typographyBodyXsHeight, typographyBodyXsSize, typographyBodyXsSpacing, typographyBodyXxsHeight, typographyBodyXxsSize, typographyBodyXxsSpacing, typographyButtonLHeight, typographyButtonLSize, typographyButtonLSpacing, typographyButtonMHeight, typographyButtonMSize, typographyButtonMSpacing, typographyButtonSHeight, typographyButtonSSize, typographyButtonSSpacing, typographyButtonXsHeight, typographyButtonXsSize, typographyButtonXsSpacing, typographyHeaderLHeight, typographyHeaderLSize, typographyHeaderLSpacing, typographyHeaderMHeight, typographyHeaderMSize, typographyHeaderMSpacing, typographyHeaderSHeight, typographyHeaderSSize, typographyHeaderSSpacing, typographyHeaderXlHeight, typographyHeaderXlSize, typographyHeaderXlSpacing, typographyHeaderXsHeight, typographyHeaderXsSize, typographyHeaderXsSpacing, typographyHeaderXxlHeight, typographyHeaderXxlSize, typographyHeaderXxlSpacing } from './tokens/index.js';
68
94
  import 'react/jsx-runtime';
69
95
  import 'react';
70
96
  import 'react-aria-components';
71
97
  import 'tailwind-variants';
98
+ import 'tailwind-merge';
72
99
  import '@radix-ui/react-avatar';
73
100
  import '@react-types/overlays';
74
101
  import '@react-types/shared';
75
- import 'cva/types';
76
- import 'cva';
102
+ import 'class-variance-authority/types';
103
+ import 'class-variance-authority';
77
104
  import '@internationalized/date';
105
+ import 'type-fest';
78
106
  import './components/query-builder/value-selector.js';
79
107
  import 'react-querybuilder';
80
108
  import './components/query-builder/value-editor.js';
81
109
  import './components/query-builder/group.js';
82
110
  import './components/query-builder/rule.js';
83
111
  import './components/query-builder/action-element.js';
84
- import 'type-fest';
85
- import 'tailwind-merge';
86
112
  import 'clsx';
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar,AvatarContext}from'./components/avatar/index.js';export{AvatarStyles}from'./components/avatar/styles.js';export{Badge,BadgeContext}from'./components/badge/index.js';export{BadgeStyles,BadgeStylesDefaults}from'./components/badge/styles.js';export{Box}from'./components/box/index.js';export{Button,ButtonContext,LinkButton,LinkButtonContext,ToggleButton,ToggleButtonContext}from'./components/button/index.js';export{ButtonStyles,ButtonStylesDefaults,LinkButtonStyles,ToggleButtonStyles}from'./components/button/styles.js';export{Checkbox,CheckboxContext,CheckboxGroupContext}from'./components/checkbox/index.js';export{CheckboxStyles}from'./components/checkbox/styles.js';export{Chip,ChipContext}from'./components/chip/index.js';export{BaseChipStyles,ChipStyles,ChipStylesDefaults,DeletableChipStyles,SelectableChipStyles}from'./components/chip/styles.js';export{ClassificationBadge,ClassificationBadgeContext}from'./components/classification-badge/index.js';export{ClassificationBadgeStyles,ClassificationBadgeStylesDefaults}from'./components/classification-badge/styles.js';export{ClassificationBanner,ClassificationBannerContext}from'./components/classification-banner/index.js';export{ClassificationBannerStyles,ClassificationBannerStylesDefaults}from'./components/classification-banner/styles.js';export{ColorPicker,useColorPickerState}from'./components/color-picker/index.js';export{ComboBox,ComboBoxSection}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles}from'./components/icon/styles.js';export{Input,InputContext}from'./components/input/index.js';export{InputStyles,InputStylesDefaults}from'./components/input/styles.js';export{Label,LabelContext}from'./components/label/index.js';export{LabelStyles}from'./components/label/styles.js';export{Menu,MenuContext,MenuDescription,MenuItem,MenuLabel,MenuSection,MenuSeparator}from'./components/menu/index.js';export{MenuStyles,MenuStylesDefaults}from'./components/menu/styles.js';export{Options,OptionsContext,OptionsSection}from'./components/options/index.js';export{OptionsItem}from'./components/options-item/index.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio,RadioContext}from'./components/radio/index.js';export{RadioStyles}from'./components/radio/styles.js';export{SearchField}from'./components/search-field/index.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch,SwitchContext}from'./components/switch/index.js';export{SwitchStyles}from'./components/switch/styles.js';export{Tabs}from'./components/tabs/index.js';export{TextAreaField,TextAreaFieldContext}from'./components/text-area-field/index.js';export{TextAreaStyles}from'./components/text-area-field/styles.js';export{TextField,TextFieldContext}from'./components/text-field/index.js';export{TextFieldStyles}from'./components/text-field/styles.js';export{Tooltip,TooltipBody,TooltipTrigger}from'./components/tooltip/index.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';export{colorAdvisory,colorAdvisoryBold,colorAdvisoryHover,colorAdvisorySubtle,colorClassificationConfidential,colorClassificationCui,colorClassificationMissing,colorClassificationSecret,colorClassificationTopSecret,colorClassificationTsSci,colorClassificationUnclass,colorCritical,colorCriticalBold,colorCriticalHover,colorCriticalSubtle,colorDefaultDark,colorDefaultLight,colorDisabled,colorHighlight,colorHighlightBold,colorHighlightHover,colorHighlightSubtle,colorInfo,colorInfoBold,colorInfoHover,colorInfoSubtle,colorInteractive,colorInteractiveDefault,colorInteractiveDisabled,colorInteractiveHover,colorInteractiveHoverDark,colorInteractiveHoverLight,colorInverseDark,colorInverseLight,colorNormal,colorNormalBold,colorNormalHover,colorNormalSubtle,colorSerious,colorSeriousBold,colorSeriousHover,colorSeriousSubtle,colorStaticDark,colorStaticLight,colorSurfaceDefault,colorSurfaceOverlay,colorSurfaceRaised,colorTransparentDark,colorTransparentLight,fontDisplay,fontPrimary,iconSizeL,iconSizeM,iconSizeS,iconSizeXs,radiusLarge,radiusMedium,radiusNone,radiusRound,radiusSmall,shadowElevationDefault,shadowElevationOverlay,shadowElevationRaised,spacing0,spacingL,spacingM,spacingNone,spacingOversized,spacingS,spacingXl,spacingXs,spacingXxl,spacingXxs,typographyBodyLHeight,typographyBodyLSize,typographyBodyLSpacing,typographyBodyMHeight,typographyBodyMSize,typographyBodyMSpacing,typographyBodySHeight,typographyBodySSize,typographyBodySSpacing,typographyBodyXsHeight,typographyBodyXsSize,typographyBodyXsSpacing,typographyBodyXxsHeight,typographyBodyXxsSize,typographyBodyXxsSpacing,typographyButtonLHeight,typographyButtonLSize,typographyButtonLSpacing,typographyButtonMHeight,typographyButtonMSize,typographyButtonMSpacing,typographyButtonSHeight,typographyButtonSSize,typographyButtonSSpacing,typographyButtonXsHeight,typographyButtonXsSize,typographyButtonXsSpacing,typographyHeaderLHeight,typographyHeaderLSize,typographyHeaderLSpacing,typographyHeaderMHeight,typographyHeaderMSize,typographyHeaderMSpacing,typographyHeaderSHeight,typographyHeaderSSize,typographyHeaderSSpacing,typographyHeaderXlHeight,typographyHeaderXlSize,typographyHeaderXlSpacing,typographyHeaderXsHeight,typographyHeaderXsSize,typographyHeaderXsSpacing,typographyHeaderXxlHeight,typographyHeaderXxlSize,typographyHeaderXxlSpacing}from'./tokens/index.js';//# sourceMappingURL=index.js.map
1
+ export{Accordion,AccordionContext}from'./components/accordion/index.js';export{AccordionStyles,AccordionStylesDefaults}from'./components/accordion/styles.js';export{Avatar,AvatarContext}from'./components/avatar/index.js';export{AvatarStyles}from'./components/avatar/styles.js';export{Badge,BadgeContext}from'./components/badge/index.js';export{BadgeStyles,BadgeStylesDefaults}from'./components/badge/styles.js';export{Box}from'./components/box/index.js';export{Button,ButtonContext,LinkButton,LinkButtonContext,ToggleButton,ToggleButtonContext}from'./components/button/index.js';export{ButtonStyles,ButtonStylesDefaults,LinkButtonStyles,ToggleButtonStyles}from'./components/button/styles.js';export{Checkbox,CheckboxContext,CheckboxGroupContext}from'./components/checkbox/index.js';export{CheckboxStyles}from'./components/checkbox/styles.js';export{Chip,ChipContext}from'./components/chip/index.js';export{BaseChipStyles,ChipStyles,ChipStylesDefaults,DeletableChipStyles,SelectableChipStyles}from'./components/chip/styles.js';export{ClassificationBadge,ClassificationBadgeContext}from'./components/classification-badge/index.js';export{ClassificationBadgeStyles,ClassificationBadgeStylesDefaults}from'./components/classification-badge/styles.js';export{ClassificationBanner,ClassificationBannerContext}from'./components/classification-banner/index.js';export{ClassificationBannerStyles,ClassificationBannerStylesDefaults}from'./components/classification-banner/styles.js';export{ColorPicker}from'./components/color-picker/index.js';export{ColorPickerStyles}from'./components/color-picker/styles.js';export{ComboBox}from'./components/combobox/index.js';export{DateField}from'./components/date-field/index.js';export{DateFieldStyles,DateFieldStylesDefault}from'./components/date-field/styles.js';export{DetailsList,DetailsListContext}from'./components/details-list/index.js';export{DetailsListStyles,DetailsListStylesDefaults}from'./components/details-list/styles.js';export{Dialog,DialogTitle}from'./components/dialog/index.js';export{useDrawerContext,useDrawersContext,useDrawersState}from'./components/drawer/context.js';export{Drawer}from'./components/drawer/index.js';export{createDefaultDrawerState,drawerStateReducer}from'./components/drawer/state.js';export{DrawerMenuStyles,DrawerStyles}from'./components/drawer/styles.js';export{DrawerDefaults}from'./components/drawer/types.js';export{Hero,HeroContext}from'./components/hero/index.js';export{HeroStyles}from'./components/hero/styles.js';export{Icon,IconContext}from'./components/icon/index.js';export{IconStyles}from'./components/icon/styles.js';export{Input,InputContext}from'./components/input/index.js';export{InputStyles,InputStylesDefaults}from'./components/input/styles.js';export{Label,LabelContext}from'./components/label/index.js';export{LabelStyles}from'./components/label/styles.js';export{Menu,MenuContext}from'./components/menu/index.js';export{MenuStyles,MenuStylesDefaults}from'./components/menu/styles.js';export{NavigationStack}from'./components/navigation-stack/index.js';export{Options,OptionsContext}from'./components/options/index.js';export{OptionsStyles}from'./components/options/styles.js';export{Popover,PopoverTrigger}from'./components/popover/index.js';export{PopoverStyles}from'./components/popover/styles.js';export{QueryBuilder}from'./components/query-builder/index.js';export{Radio,RadioContext}from'./components/radio/index.js';export{RadioStyles}from'./components/radio/styles.js';export{SearchField,SearchFieldContext}from'./components/search-field/index.js';export{SearchFieldStyles,SearchFieldStylesDefaults}from'./components/search-field/styles.js';export{Skeleton}from'./components/skeleton/index.js';export{SkeletonStyles,SkeletonStylesDefaults}from'./components/skeleton/styles.js';export{RangeSlider,Slider}from'./components/slider/index.js';export{Switch,SwitchContext}from'./components/switch/index.js';export{SwitchStyles}from'./components/switch/styles.js';export{Tabs}from'./components/tabs/index.js';export{TextAreaField,TextAreaFieldContext}from'./components/text-area-field/index.js';export{TextAreaStyles}from'./components/text-area-field/styles.js';export{TextField,TextFieldContext}from'./components/text-field/index.js';export{TextFieldStyles}from'./components/text-field/styles.js';export{Tooltip,TooltipContext}from'./components/tooltip/index.js';export{TooltipStyles}from'./components/tooltip/styles.js';export{containsExactChildren,expectsIconWrapper}from'./lib/react.js';export{cn,isSlottedContextValue,tv,twMerge}from'./lib/utils.js';export{colorAdvisory,colorAdvisoryBold,colorAdvisoryHover,colorAdvisorySubtle,colorClassificationConfidential,colorClassificationCui,colorClassificationMissing,colorClassificationSecret,colorClassificationTopSecret,colorClassificationTsSci,colorClassificationUnclass,colorCritical,colorCriticalBold,colorCriticalHover,colorCriticalSubtle,colorDefaultDark,colorDefaultLight,colorDisabled,colorHighlight,colorHighlightBold,colorHighlightHover,colorHighlightSubtle,colorInfo,colorInfoBold,colorInfoHover,colorInfoSubtle,colorInteractive,colorInteractiveDefault,colorInteractiveDisabled,colorInteractiveHover,colorInteractiveHoverDark,colorInteractiveHoverLight,colorInverseDark,colorInverseLight,colorNormal,colorNormalBold,colorNormalHover,colorNormalSubtle,colorSerious,colorSeriousBold,colorSeriousHover,colorSeriousSubtle,colorStaticDark,colorStaticLight,colorSurfaceDefault,colorSurfaceOverlay,colorSurfaceRaised,colorTransparentDark,colorTransparentLight,fontDisplay,fontPrimary,iconSizeL,iconSizeM,iconSizeS,iconSizeXs,radiusLarge,radiusMedium,radiusNone,radiusRound,radiusSmall,shadowElevationDefault,shadowElevationOverlay,shadowElevationRaised,spacing0,spacingL,spacingM,spacingNone,spacingOversized,spacingS,spacingXl,spacingXs,spacingXxl,spacingXxs,typographyBodyLHeight,typographyBodyLSize,typographyBodyLSpacing,typographyBodyMHeight,typographyBodyMSize,typographyBodyMSpacing,typographyBodySHeight,typographyBodySSize,typographyBodySSpacing,typographyBodyXsHeight,typographyBodyXsSize,typographyBodyXsSpacing,typographyBodyXxsHeight,typographyBodyXxsSize,typographyBodyXxsSpacing,typographyButtonLHeight,typographyButtonLSize,typographyButtonLSpacing,typographyButtonMHeight,typographyButtonMSize,typographyButtonMSpacing,typographyButtonSHeight,typographyButtonSSize,typographyButtonSSpacing,typographyButtonXsHeight,typographyButtonXsSize,typographyButtonXsSpacing,typographyHeaderLHeight,typographyHeaderLSize,typographyHeaderLSpacing,typographyHeaderMHeight,typographyHeaderMSize,typographyHeaderMSpacing,typographyHeaderSHeight,typographyHeaderSSize,typographyHeaderSSpacing,typographyHeaderXlHeight,typographyHeaderXlSize,typographyHeaderXlSpacing,typographyHeaderXsHeight,typographyHeaderXsSize,typographyHeaderXsSpacing,typographyHeaderXxlHeight,typographyHeaderXxlSize,typographyHeaderXxlSpacing}from'./tokens/index.js';//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1,14 +1,18 @@
1
- import { ReactNode } from 'react';
1
+ import { ReactNode, JSXElementConstructor } from 'react';
2
2
 
3
+ type ChildrenTypes = ReactNode | ReactNode[] | ((values: any & {
4
+ defaultChildren: ReactNode | undefined;
5
+ }) => ReactNode);
3
6
  type ContainsExactChildrenProps = {
4
7
  componentName: string;
5
- children: ReactNode | ReactNode[] | ((values: any & {
6
- defaultChildren: ReactNode | undefined;
7
- }) => ReactNode);
8
- restrictions: Record<string, {
9
- min: number;
10
- max?: number;
11
- }>;
8
+ children: ChildrenTypes;
9
+ restrictions: [
10
+ string | JSXElementConstructor<any>,
11
+ {
12
+ min: number;
13
+ max?: number;
14
+ }
15
+ ][];
12
16
  };
13
17
  /**
14
18
  * Validates the intended composite component structure.
@@ -36,9 +40,6 @@ declare function containsExactChildren({ children, componentName, restrictions,
36
40
  * @param children the children of the calling component
37
41
  * @param componentName the displayName of the calling component
38
42
  */
39
- declare function expectsIconWrapper({ children, componentName }: {
40
- children: any;
41
- componentName: any;
42
- }): void;
43
+ declare function expectsIconWrapper({ children, componentName, }: Omit<ContainsExactChildrenProps, 'restrictions'>): void;
43
44
 
44
45
  export { containsExactChildren, expectsIconWrapper };
package/dist/lib/react.js CHANGED
@@ -1,5 +1,5 @@
1
- import {Children,isValidElement}from'react';var c=class extends Error{constructor(r){super(r),this.name="ComponentStructureError";}};function m({children:s,componentName:r,restrictions:l}){let i=Children.toArray(s);if(!i.every(isValidElement))throw new c(`<${r}> received invalid children.`);let u=i.reduce((n,o)=>{let e=o?.type?.displayName;return e&&(n[e]=(n[e]||0)+1),n},{}),a=[],d=[];for(let[n,{min:o,max:e}]of Object.entries(l)){let t=u[n]??0;t<o&&a.push(`${o-t} of <${n}>`),e!==void 0&&t>e&&d.push(`${t-e} of <${n}>`);}if(a.length||d.length){let n=(e,t)=>t.length?` ${e}:
2
- ${t.join(", ")}
3
- `:"",o=`Invalid <${r}> structure
4
- ${n("Missing the following",a)}${n("Excess of the following",d)}`;throw new c(o.trim())}}function g({children:s,componentName:r}){Children.toArray(s).map(i=>{if(isValidElement(i)&&i.type.name?.startsWith("Svg"))throw new Error(`${r} is using an icon without the required Icon wrapper`)});}export{m as containsExactChildren,g as expectsIconWrapper};//# sourceMappingURL=react.js.map
1
+ import {jsx,Fragment}from'react/jsx-runtime';import {isValidElement,Children,Fragment as Fragment$1}from'react';class m extends Error{constructor(t){super(t),this.name="ComponentStructureError";}}function y(o){const t=Children.toArray(typeof o=="function"?o({state:{},defaultChildren:jsx(Fragment,{})}):o);let i=0;for(;i<t.length;){const e=t[i];e!=null&&typeof e=="object"&&!(e instanceof Promise)&&!(Symbol.iterator in e)&&e.type===Fragment$1&&e.props!=null&&typeof e.props=="object"&&"children"in e.props?t.splice(i,1,...Children.toArray(e.props.children)):i++;}return t}function N({children:o,componentName:t,restrictions:i}){if(process.env.NODE_ENV==="production")return;const e=y(o);if(!e.every(isValidElement))throw new m(`<${t}> received invalid children.`);const f=e.reduce((n,s)=>{const r=s.type?.name??s.type?.displayName??s.type?.render?.name;return r&&(n[r]=(n[r]||0)+1),n},{}),p=[],d=[];for(const[n,{min:s,max:r}]of i){const c=typeof n=="string"?n:n.name??n.displayName??n.render?.name,a=f[c]??0;a<s&&p.push(`${s-a} of <${c}>`),r!==void 0&&a>r&&d.push(`${a-r} of <${c}>`);}if(p.length||d.length){const n=(r,c)=>c.length?` ${r}:
2
+ ${c.join(", ")}
3
+ `:"",s=`Invalid <${t}> structure
4
+ ${n("Missing the following",p)}${n("Excess of the following",d)}`;throw new m(s.trim())}}function x({children:o,componentName:t}){if(process.env.NODE_ENV==="production")return;Children.toArray(o).map(e=>{if(isValidElement(e)&&e.type?.name?.startsWith("Svg"))throw new Error(`${t} is using an icon without the required Icon wrapper`)});}export{N as containsExactChildren,x as expectsIconWrapper};//# sourceMappingURL=react.js.map
5
5
  //# sourceMappingURL=react.js.map