@accelint/design-toolkit 2.5.0 → 2.6.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 (59) hide show
  1. package/dist/components/combobox-field/index.d.ts +18 -0
  2. package/dist/components/combobox-field/index.js +2 -0
  3. package/dist/components/combobox-field/index.js.map +1 -0
  4. package/dist/components/combobox-field/styles.d.ts +72 -0
  5. package/dist/components/combobox-field/styles.js +2 -0
  6. package/dist/components/combobox-field/styles.js.map +1 -0
  7. package/dist/components/combobox-field/types.d.ts +28 -0
  8. package/dist/components/hotkey/index.d.ts +25 -0
  9. package/dist/components/hotkey/index.js +2 -0
  10. package/dist/components/hotkey/index.js.map +1 -0
  11. package/dist/components/hotkey/styles.d.ts +53 -0
  12. package/dist/components/hotkey/styles.js +2 -0
  13. package/dist/components/hotkey/styles.js.map +1 -0
  14. package/dist/components/hotkey/types.d.ts +8 -0
  15. package/dist/components/hotkey/types.js +2 -0
  16. package/dist/components/hotkey/types.js.map +1 -0
  17. package/dist/components/input/index.js +1 -1
  18. package/dist/components/input/index.js.map +1 -1
  19. package/dist/components/input/styles.d.ts +2 -24
  20. package/dist/components/input/styles.js +1 -1
  21. package/dist/components/input/styles.js.map +1 -1
  22. package/dist/components/menu/index.js +1 -1
  23. package/dist/components/menu/index.js.map +1 -1
  24. package/dist/components/menu/styles.d.ts +9 -6
  25. package/dist/components/menu/styles.js +1 -1
  26. package/dist/components/menu/styles.js.map +1 -1
  27. package/dist/components/menu/types.d.ts +9 -2
  28. package/dist/components/query-builder/value-selector.js +1 -1
  29. package/dist/components/query-builder/value-selector.js.map +1 -1
  30. package/dist/components/select-field/index.d.ts +23 -0
  31. package/dist/components/select-field/index.js +2 -0
  32. package/dist/components/select-field/index.js.map +1 -0
  33. package/dist/components/select-field/styles.d.ts +60 -0
  34. package/dist/components/select-field/styles.js +2 -0
  35. package/dist/components/select-field/styles.js.map +1 -0
  36. package/dist/components/select-field/types.d.ts +26 -0
  37. package/dist/components/select-field/types.js +2 -0
  38. package/dist/components/select-field/types.js.map +1 -0
  39. package/dist/components/view-stack/index.d.ts +28 -0
  40. package/dist/components/view-stack/index.js +2 -0
  41. package/dist/components/view-stack/index.js.map +1 -0
  42. package/dist/components/view-stack/types.d.ts +58 -0
  43. package/dist/components/view-stack/types.js +2 -0
  44. package/dist/components/view-stack/types.js.map +1 -0
  45. package/dist/index.css +20 -0
  46. package/dist/index.d.ts +13 -6
  47. package/dist/index.js +1 -1
  48. package/dist/metafile-esm.json +1 -1
  49. package/dist/styles.css +178 -86
  50. package/package.json +11 -6
  51. package/dist/components/combobox/index.d.ts +0 -27
  52. package/dist/components/combobox/index.js +0 -2
  53. package/dist/components/combobox/index.js.map +0 -1
  54. package/dist/components/navigation-stack/index.d.ts +0 -20
  55. package/dist/components/navigation-stack/index.js +0 -2
  56. package/dist/components/navigation-stack/index.js.map +0 -1
  57. package/dist/components/navigation-stack/types.d.ts +0 -31
  58. /package/dist/components/{navigation-stack → combobox-field}/types.js +0 -0
  59. /package/dist/components/{navigation-stack → combobox-field}/types.js.map +0 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/menu/styles.ts"],"names":["MenuStyles","tv","e"],"mappings":"sCAiBE,MAAA,CAAS,CAAA,CAAA,OACT,CAAA,MAAO,CAAA,KAGIA,CAAaC,MACxB,CAAA,CAAA,CAAO,CACLC,EAAA,CAAA,CAAA,KAAM,CAAA,CAAA,IAAA,CAAA,yIACA,CAAA,IAAA,CAAA,kBAEJ,CAAA,IAAA,CAAA,CAAA,4DACA,CAAA,qHACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,yFACF,CAAA,WACE,CAAA,kLACI,CAAA,IAAA,CAAA,oBACN,CAAA,aAAe,CAAA,2CACf,CAAW,gDACD,CAAA,QAAA,CAAA,oBAEZ,CAAU,CACR,QAAS,CACP,CAAA,aACQ,CAAA,CAAA,IAAA,CAAA,WAEC,CACP,QAAM,CAAA,CAAA,IAAA,CAAA,aAIR,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,4HAEE,CAAA,mGAGJ,CAAS,CACP,CAAA,OACE,CAAA,CAAA,IAAA,CAAA,CAAA,0GACA,CAAA,2FAKR,CAAA,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,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';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const MenuStylesDefaults = {\n variant: 'cozy',\n color: 'info',\n} as const;\n\nexport const MenuStyles = tv({\n slots: {\n menu: 'group/menu mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light',\n icon: '[grid-area:icon]',\n item: [\n 'group/menu-item flex items-center gap-x-s px-s text-body-s',\n 'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:\"icon_label_space_action\"_\"icon_description_space_action\"]',\n 'disabled:fg-disabled disabled:bg-transparent',\n ],\n label:\n 'truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full',\n description:\n 'fg-default-dark group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light group-disabled/menu-item:fg-disabled truncate text-body-xs [grid-area:description]',\n more: '[grid-area:action]',\n sectionHeader: 'fg-default-dark px-s py-xs text-header-xs',\n separator: 'mx-3 my-1 border border-static-light',\n keyboard: '[grid-area:action]',\n },\n variants: {\n variant: {\n cozy: {\n item: 'pt-s pb-s',\n },\n compact: {\n item: 'pt-xs pb-xs',\n },\n },\n color: {\n info: {\n item: [\n 'fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n 'selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold',\n ],\n },\n serious: {\n item: [\n 'fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n 'selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold',\n ],\n },\n },\n },\n defaultVariants: MenuStylesDefaults,\n});\n\nexport type MenuStyleVariants = VariantProps<typeof MenuStyles> & {\n prefixIcon?: ReactNode;\n};\n"]}
1
+ {"version":3,"sources":["../../../src/components/menu/styles.ts"],"names":["tv","e"],"mappings":"6CAiBW,CAAA,CAAA,OACT,CAAA,MAAO,CAAA,MAGiBA,SACjB,CACLC,EAAA,CAAA,CAAA,qJACM,CAAA,IAAA,CAAA,qFAGJ,CAAA,qHACA,CAAA,8CAGA,CAAA,CAAA,KAAA,CAAA,qGAEA,CAAA,CAAA,iEAEA,CAAA,+EACA,CAAA,sCAEI,CAAA,CAAA,IAAA,CAAA,kCACS,CAAA,2CACf,CAAW,gDAET,CAAA,MAAA,CAAA,CAAA,oBACA,CAAA,sHAGO,EACX,OACA,CAAA,EAAA,CAAU,CACR,QAAS,CACP,QACE,CAAA,CAAA,sBAEO,CACP,CAAA,OAAM,CAAA,CAAA,IAAA,CAAA,aAIR,CAAA,CAAA,CAAA,KACE,CAAA,CAAA,4HAEE,CAAA,mGAGJ,CAAS,CACP,QACE,CAAA,CAAA,IAAA,CAAA,CAAA,sMAMR,CAAA,CAAA,CAAA,CAAA,CAAA,eACD,CAAA,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';\nimport type { ReactNode } from 'react';\nimport type { VariantProps } from 'tailwind-variants';\n\nexport const MenuStylesDefaults = {\n variant: 'cozy',\n color: 'info',\n} as const;\n\nexport const MenuStyles = tv({\n slots: {\n menu: 'group/menu mt-s overflow-y-auto overflow-x-clip rounded-medium bg-surface-overlay shadow-elevation-overlay outline outline-static-light',\n icon: '[grid-area:icon]',\n item: [\n 'group/menu-item flex items-center gap-x-s px-s text-body-s',\n 'grid grid-cols-[auto_auto_1fr_auto] [grid-template-areas:\"icon_label_space_action\"_\"icon_description_space_action\"]',\n 'disabled:fg-disabled disabled:bg-transparent',\n ],\n label:\n 'truncate [grid-area:label] group-not-has-[>_[slot=description]]/menu-item:row-span-full',\n description: [\n '[grid-area:description]',\n 'fg-default-dark truncate text-body-xs',\n 'group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light',\n 'group-disabled/menu-item:fg-disabled',\n ],\n more: '[grid-area:action]',\n sectionHeader: 'fg-default-dark px-s py-xs text-header-xs',\n separator: 'mx-3 my-1 border border-static-light',\n hotkey: [\n '[grid-area:action]',\n 'group-hover/menu-item:fg-inverse-light group-focus/menu-item:fg-inverse-light',\n 'group-disabled/menu-item:fg-disabled',\n ],\n popover: '',\n },\n variants: {\n variant: {\n cozy: {\n item: 'pt-s pb-s',\n },\n compact: {\n item: 'pt-xs pb-xs',\n },\n },\n color: {\n info: {\n item: [\n 'fg-default-light hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n 'selected:bg-highlight-bold open:bg-highlight-bold hover:bg-highlight-bold focus:bg-highlight-bold',\n ],\n },\n serious: {\n item: [\n 'fg-serious hover:fg-inverse-light focus:fg-inverse-light open:fg-inverse-light selected:fg-inverse-light',\n 'selected:bg-serious-bold open:bg-serious-bold hover:bg-serious-bold focus:bg-serious-bold',\n ],\n },\n },\n },\n defaultVariants: MenuStylesDefaults,\n});\n\nexport type MenuStyleVariants = VariantProps<typeof MenuStyles> & {\n prefixIcon?: ReactNode;\n};\n"]}
@@ -4,7 +4,14 @@ import { IconProps } from '../icon/types.js';
4
4
  import { MenuStyleVariants } from './styles.js';
5
5
  import 'tailwind-variants';
6
6
 
7
- type MenuProps<T> = MenuProps$1<T> & Pick<MenuStyleVariants, 'variant'> & RefAttributes<HTMLDivElement> & Pick<PopoverProps, 'placement' | 'offset' | 'containerPadding' | 'isNonModal'>;
7
+ type MenuProps<T> = Omit<MenuProps$1<T>, 'className'> & Pick<MenuStyleVariants, 'variant'> & RefAttributes<HTMLDivElement> & {
8
+ classNames?: {
9
+ menu?: MenuProps$1<T>['className'];
10
+ popover?: PopoverProps['className'];
11
+ };
12
+ } & {
13
+ popoverProps?: Omit<PopoverProps, 'children' | 'className' | 'style'>;
14
+ };
8
15
  type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
9
16
  color?: 'info' | 'serious';
10
17
  classNames?: {
@@ -12,7 +19,7 @@ type MenuItemProps = Omit<MenuItemProps$1, 'className'> & {
12
19
  text?: TextProps['className'];
13
20
  more?: IconProps['className'];
14
21
  icon?: IconProps['className'];
15
- keyboard?: string;
22
+ hotkey?: string;
16
23
  };
17
24
  };
18
25
  type MenuTriggerProps = MenuTriggerProps$1;
@@ -1,2 +1,2 @@
1
- import {jsx}from'react/jsx-runtime';import'client-only';import {useCallback,useMemo}from'react';import {useValueSelector,isOptionGroupArray}from'react-querybuilder';import {ComboBox}from'../combobox/index.js';import {Options}from'../options/index.js';function K(i){const{handleOnChange:n,disabled:m,listsAsArrays:p,options:l,multiple:u,title:y,validation:V,value:c,...b}=i,{onChange:s,val:o}=useValueSelector({handleOnChange:n,listsAsArrays:p,multiple:u,value:c}),d=useCallback(e=>{e&&s(`${e}`);},[s]),h=useMemo(()=>isOptionGroupArray(l)?l.map(e=>jsx(Options.Section,{header:e.label,children:e.options.map(t=>jsx(Options.Item,{id:t.name,children:t.label},t.name))},e.label)):l.map(e=>jsx(Options.Item,{textValue:e.label,id:e.name,children:e.label},e.name)),[l]);return jsx(ComboBox,{size:"small",isDisabled:m,...b,selectedKey:Array.isArray(o)?o[0]:o,"aria-labelledby":y,onSelectionChange:d,children:h})}export{K as ValueSelector};//# sourceMappingURL=value-selector.js.map
1
+ import {jsx}from'react/jsx-runtime';import'client-only';import {useCallback,useMemo}from'react';import {useValueSelector,isOptionGroupArray}from'react-querybuilder';import {ComboBoxField}from'../combobox-field/index.js';import {Options}from'../options/index.js';function K(s){const{handleOnChange:n,disabled:m,listsAsArrays:p,options:l,multiple:d,title:u,validation:V,value:y,...c}=s,{onChange:i,val:o}=useValueSelector({handleOnChange:n,listsAsArrays:p,multiple:d,value:y}),b=useCallback(e=>{e&&i(`${e}`);},[i]),h=useMemo(()=>isOptionGroupArray(l)?l.map(e=>jsx(Options.Section,{header:e.label,children:e.options.map(t=>jsx(Options.Item,{id:t.name,children:t.label},t.name))},e.label)):l.map(e=>jsx(Options.Item,{textValue:e.label,id:e.name,children:e.label},e.name)),[l]);return jsx(ComboBoxField,{size:"small",isDisabled:m,...c,selectedKey:Array.isArray(o)?o[0]:o,"aria-labelledby":u,onSelectionChange:b,children:h})}export{K as ValueSelector};//# sourceMappingURL=value-selector.js.map
2
2
  //# sourceMappingURL=value-selector.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":["multiple","title","validation","value","onChange","val","useValueSelector","handleOnChange","O","selection","S","options","useMemo","isOptionGroupArray","optionsProp","section","jsx","Options","C","r","option","a","A","disabled","handleSelectionChange"],"mappings":"2PA2BI,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,eACAA,CAAAA,OACAC,CAAAA,CACA,CAAA,QAAA,CAAA,CAAAC,MACA,CAAA,CAAAC,CAAAA,UAIM,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CAAU,GAAA,CAAAC,CAAI,CAAA,CAAIC,CAAAA,CAAiB,QACzC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAC,CAAAA,CACAC,gCACA,CAAA,CAAA,CAAA,aACAL,CACF,CAAC,CAAA,QAG4B,CACrBM,CAAAA,CAAAA,KACO,CAAGA,CAAS,EAAE,CAE3B,CAAA,CACAC,WAACN,CAAQ,CACX,EAEMO,CAAAA,CAAUC,EACd,CAAA,CAAA,CAAA,EACEC,CAAmBC,CAAW,CAAA,EAC1BA,CAAAA,CAAY,IAAKC,CAAAA,CAAAA,CACfC,OAAAA,CAACC,IAAQC,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAR,CAAoC,GAAA,CAAA,CAAA,EAAQH,GAAAA,CAAQI,eAClD,CAAA,CAAA,MAAQ,QAAQ,CAAA,QACdF,CAAAA,CAAQ,CAAA,OAAK,CAAIG,GAAO,CAAA,CAAA,EACtBC,GAAA,CAAAF,OAAA,CAAA,IAAA,CAAAC,GAAO,CAAA,CAAA,CAAA,IAD0BA,CAAO,QAFzBL,CAAAA,CAAQ,CAAA,KAO/B,CAAA,CACDD,CAAAA,CAAY,IAAKM,CAAAA,CAAAA,CACfJ,CAAAA,CAACC,MAAQ,CAAR,CACC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAWG,GAAAA,CAAOD,YAClB,CAAA,CAAA,SAGC,CAAA,CAAA,CAAA,KAAAC,CAAAA,SAFIA,CAAO,QAKrBN,CAAW,CACd,MAEA,CAAA,CAAA,CACEE,CAAAA,IACE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,OACLK,GAAA,CAAAC,QAAA,CAAA,CAAA,IAAYC,mBAEC,CAAA,CAAA,CAAA,GAAM,CAAA,CAAA,WAAmB,CAAC,KACvC,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiBtB,CAAAA,CACjB,kBAAmBuB,CAAAA,CAElB,iBAGP,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA","file":"value-selector.js","sourcesContent":["// __private-exports\n/*\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 type { Key } from '@react-types/shared';\nimport { useCallback, useMemo } from 'react';\nimport {\n type ValueSelectorProps,\n isOptionGroupArray,\n useValueSelector,\n} from 'react-querybuilder';\nimport { ComboBox } from '../combobox';\nimport { Options } from '../options';\n\nexport function ValueSelector(props: ValueSelectorProps) {\n const {\n handleOnChange,\n disabled,\n listsAsArrays,\n options: optionsProp,\n multiple,\n title,\n validation,\n value,\n ...rest\n } = props;\n\n const { onChange, val } = useValueSelector({\n handleOnChange,\n listsAsArrays,\n multiple,\n value,\n });\n\n const handleSelectionChange = useCallback(\n (selection: Key | null) => {\n if (selection) {\n onChange(`${selection}`);\n }\n },\n [onChange],\n );\n\n const options = useMemo(\n () =>\n isOptionGroupArray(optionsProp)\n ? optionsProp.map((section) => (\n <Options.Section key={section.label} header={section.label}>\n {section.options.map((option) => (\n <Options.Item id={option.name} key={option.name}>\n {option.label}\n </Options.Item>\n ))}\n </Options.Section>\n ))\n : optionsProp.map((option) => (\n <Options.Item\n textValue={option.label}\n id={option.name}\n key={option.name}\n >\n {option.label}\n </Options.Item>\n )),\n [optionsProp],\n );\n\n return (\n <ComboBox\n size='small'\n isDisabled={disabled}\n {...rest}\n selectedKey={Array.isArray(val) ? val[0] : val}\n aria-labelledby={title}\n onSelectionChange={handleSelectionChange}\n >\n {options}\n </ComboBox>\n );\n}\n"]}
1
+ {"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":["multiple","title","validation","value","onChange","val","useValueSelector","handleOnChange","O","selection","S","options","useMemo","isOptionGroupArray","optionsProp","section","jsx","Options","C","r","option","a","A","disabled","handleSelectionChange"],"mappings":"sQA2BI,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,oBAEA,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAA,eACAA,CAAAA,OACAC,CAAAA,CACA,CAAA,QAAA,CAAA,CAAAC,MACA,CAAA,CAAAC,CAAAA,UAIM,CAAA,CAAA,CAAA,KAAA,CAAAC,CAAAA,CAAU,GAAA,CAAAC,CAAI,CAAA,CAAIC,CAAAA,CAAiB,QACzC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAAC,CAAAA,CACAC,gCACA,CAAA,CAAA,CAAA,aACAL,CACF,CAAC,CAAA,QAG4B,CACrBM,CAAAA,CAAAA,KACO,CAAGA,CAAS,EAAE,CAE3B,CAAA,CACAC,WAACN,CAAQ,CACX,EAEMO,CAAAA,CAAUC,EACd,CAAA,CAAA,CAAA,EACEC,CAAmBC,CAAW,CAAA,EAC1BA,CAAAA,CAAY,IAAKC,CAAAA,CAAAA,CACfC,OAAAA,CAACC,IAAQC,kBAAA,CAAA,CAAA,CAAA,CAAA,CAAR,CAAoC,GAAA,CAAA,CAAA,EAAQH,GAAAA,CAAQI,eAClD,CAAA,CAAA,MAAQ,QAAQ,CAAA,QACdF,CAAAA,CAAQ,CAAA,OAAK,CAAIG,GAAO,CAAA,CAAA,EACtBC,GAAA,CAAAF,OAAA,CAAA,IAAA,CAAAC,GAAO,CAAA,CAAA,CAAA,IAD0BA,CAAO,QAFzBL,CAAAA,CAAQ,CAAA,KAO/B,CAAA,CACDD,CAAAA,CAAY,IAAKM,CAAAA,CAAAA,CACfJ,CAAAA,CAACC,MAAQ,CAAR,CACC,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,EAAWG,GAAAA,CAAOD,YAClB,CAAA,CAAA,SAGC,CAAA,CAAA,CAAA,KAAAC,CAAAA,SAFIA,CAAO,QAKrBN,CAAW,CACd,MAEA,CAAA,CAAA,CACEE,CAAAA,IACE,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,OACLK,GAAA,CAAAC,aAAA,CAAA,CAAA,IAAYC,mBAEC,CAAA,CAAA,CAAA,GAAM,CAAA,CAAA,WAAmB,CAAC,KACvC,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAiBtB,CAAAA,CACjB,kBAAmBuB,CAAAA,CAElB,iBAGP,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA","file":"value-selector.js","sourcesContent":["// __private-exports\n/*\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 type { Key } from '@react-types/shared';\nimport { useCallback, useMemo } from 'react';\nimport {\n type ValueSelectorProps,\n isOptionGroupArray,\n useValueSelector,\n} from 'react-querybuilder';\nimport { ComboBoxField } from '../combobox-field';\nimport { Options } from '../options';\n\nexport function ValueSelector(props: ValueSelectorProps) {\n const {\n handleOnChange,\n disabled,\n listsAsArrays,\n options: optionsProp,\n multiple,\n title,\n validation,\n value,\n ...rest\n } = props;\n\n const { onChange, val } = useValueSelector({\n handleOnChange,\n listsAsArrays,\n multiple,\n value,\n });\n\n const handleSelectionChange = useCallback(\n (selection: Key | null) => {\n if (selection) {\n onChange(`${selection}`);\n }\n },\n [onChange],\n );\n\n const options = useMemo(\n () =>\n isOptionGroupArray(optionsProp)\n ? optionsProp.map((section) => (\n <Options.Section key={section.label} header={section.label}>\n {section.options.map((option) => (\n <Options.Item id={option.name} key={option.name}>\n {option.label}\n </Options.Item>\n ))}\n </Options.Section>\n ))\n : optionsProp.map((option) => (\n <Options.Item\n textValue={option.label}\n id={option.name}\n key={option.name}\n >\n {option.label}\n </Options.Item>\n )),\n [optionsProp],\n );\n\n return (\n <ComboBoxField\n size='small'\n isDisabled={disabled}\n {...rest}\n selectedKey={Array.isArray(val) ? val[0] : val}\n aria-labelledby={title}\n onSelectionChange={handleSelectionChange}\n >\n {options}\n </ComboBoxField>\n );\n}\n"]}
@@ -0,0 +1,23 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as react from 'react';
3
+ import { ProviderProps } from '../../lib/types.js';
4
+ import { ContextValue } from 'react-aria-components';
5
+ import { SelectFieldProps } from './types.js';
6
+ import '../button/types.js';
7
+ import 'tailwind-variants';
8
+ import '../button/styles.js';
9
+ import 'tailwind-merge';
10
+ import '../label/types.js';
11
+
12
+ declare const SelectFieldContext: react.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
13
+ declare function SelectFieldProvider({ children, ...props }: ProviderProps<SelectFieldProps>): react_jsx_runtime.JSX.Element;
14
+ declare namespace SelectFieldProvider {
15
+ var displayName: string;
16
+ }
17
+ declare function SelectField({ ref, ...props }: SelectFieldProps): react_jsx_runtime.JSX.Element;
18
+ declare namespace SelectField {
19
+ var displayName: string;
20
+ var Provider: typeof SelectFieldProvider;
21
+ }
22
+
23
+ export { SelectField, SelectFieldContext };
@@ -0,0 +1,2 @@
1
+ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import V from'@accelint/icons/chevron-down';import {createContext}from'react';import {useContextProps,Select,composeRenderProps,SelectValue,Text,FieldError,Popover,Virtualizer,ListLayout}from'react-aria-components';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {Label}from'../label/index.js';import {Options}from'../options/index.js';import {SelectFieldStyles}from'./styles.js';const {description:k,error:G,trigger:J,label:p,field:K,value:Q}=SelectFieldStyles(),d=createContext(null);function u({children:o,...t}){return jsx(d.Provider,{value:t,children:o})}u.displayName="SelectField.Provider";function P({ref:o,...t}){[t,o]=useContextProps(t,o??null,d);const{size:n,children:S,classNames:r,description:c,errorMessage:f,label:N,layoutOptions:F,isInvalid:y,...g}=t,m=f||null,i=n==="small",b=!i&&!!p;return jsx(Select,{...g,ref:o,className:composeRenderProps(r?.field,s=>K({className:s})),isInvalid:y||(m?true:void 0),"data-size":n,children:composeRenderProps(S,(s,{isRequired:x,isDisabled:C,isInvalid:L})=>jsxs(Fragment,{children:[b&&jsx(Label,{className:p({className:r?.label}),isRequired:x,isDisabled:C,children:N}),jsxs(Button,{variant:"outline",size:i?"small":"medium",className:composeRenderProps(r?.trigger,a=>J({className:a})),children:[jsx(SelectValue,{className:Q({className:r?.value})}),jsx(Icon,{children:jsx(V,{className:"transform group-open/select-field:rotate-180"})})]}),!!c&&!(i||L)&&jsx(Text,{className:k({className:r?.description}),slot:"description",children:c}),jsx(FieldError,{className:composeRenderProps(r?.error,a=>G({className:a})),children:m}),jsx(Popover,{className:"min-w-(--trigger-width)",children:jsx(Virtualizer,{layout:ListLayout,layoutOptions:F,children:jsx(Options,{children:s})})})]}))})}P.displayName="SelectField",P.Provider=u;export{P as SelectField,d as SelectFieldContext};//# sourceMappingURL=index.js.map
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/select-field/index.tsx"],"names":["SelectFieldStyles","createContext","SelectFieldProvider","children","props","H","z","jsx","SelectField","SelectFieldContext","D","classNames","descriptionProp","errorMessageProp","errorMessage","showLabel","label","AriaSelect","rest","ref","composeRenderProps","className","e","A","isInvalidProp","size","isRequired","isDisabled","isInvalid","jsxs","Fragment","Button","isSmall","v","T","trigger","AriaSelectValue","value","Icon","I","ChevronDown","B","M","error","l","AriaPopover","E","O","w","q"],"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 type { ProviderProps } from '@/lib/types';\nimport ChevronDown from '@accelint/icons/chevron-down';\nimport { createContext } from 'react';\nimport {\n Select as AriaSelect,\n SelectValue as AriaSelectValue,\n type ContextValue,\n FieldError,\n ListLayout,\n Text,\n Virtualizer,\n composeRenderProps,\n useContextProps,\n} from 'react-aria-components';\nimport { Popover as AriaPopover } from 'react-aria-components';\nimport { Button } from '../button';\nimport { Icon } from '../icon';\nimport { Label } from '../label';\nimport { Options } from '../options';\nimport { SelectFieldStyles } from './styles';\nimport type { SelectFieldProps } from './types';\n\nconst { description, error, trigger, label, field, value } =\n SelectFieldStyles();\n\nexport const SelectFieldContext =\n createContext<ContextValue<SelectFieldProps, HTMLDivElement>>(null);\n\nfunction SelectFieldProvider({\n children,\n ...props\n}: ProviderProps<SelectFieldProps>) {\n return (\n <SelectFieldContext.Provider value={props}>\n {children}\n </SelectFieldContext.Provider>\n );\n}\nSelectFieldProvider.displayName = 'SelectField.Provider';\n\nexport function SelectField({ ref, ...props }: SelectFieldProps) {\n [props, ref] = useContextProps(props, ref ?? null, SelectFieldContext);\n\n const {\n size,\n children,\n classNames,\n description: descriptionProp,\n errorMessage: errorMessageProp,\n label: labelProp,\n layoutOptions,\n isInvalid: isInvalidProp,\n ...rest\n } = props;\n const errorMessage = errorMessageProp || null; // Protect against empty string\n const isSmall = size === 'small';\n const showLabel = !isSmall && !!label;\n\n return (\n <AriaSelect\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.field, (className) =>\n field({ className }),\n )}\n isInvalid={isInvalidProp || (errorMessage ? true : undefined)}\n data-size={size}\n >\n {composeRenderProps(\n children,\n (children, { isRequired, isDisabled, isInvalid }) => (\n <>\n {showLabel && (\n <Label\n className={label({ className: classNames?.label })}\n isRequired={isRequired}\n isDisabled={isDisabled}\n >\n {labelProp}\n </Label>\n )}\n <Button\n variant='outline'\n size={isSmall ? 'small' : 'medium'}\n className={composeRenderProps(classNames?.trigger, (className) =>\n trigger({ className }),\n )}\n >\n <AriaSelectValue\n className={value({ className: classNames?.value })}\n />\n <Icon>\n <ChevronDown className='transform group-open/select-field:rotate-180' />\n </Icon>\n </Button>\n {!!descriptionProp && !(isSmall || isInvalid) && (\n <Text\n className={description({ className: classNames?.description })}\n slot='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 <AriaPopover className='min-w-(--trigger-width)'>\n <Virtualizer layout={ListLayout} layoutOptions={layoutOptions}>\n <Options>{children}</Options>\n </Virtualizer>\n </AriaPopover>\n </>\n ),\n )}\n </AriaSelect>\n );\n}\nSelectField.displayName = 'SelectField';\nSelectField.Provider = SelectFieldProvider;\n"]}
@@ -0,0 +1,60 @@
1
+ import * as tailwind_variants from 'tailwind-variants';
2
+ import * as tailwind_merge from 'tailwind-merge';
3
+
4
+ declare const SelectFieldStyles: tailwind_variants.TVReturnType<{
5
+ [key: string]: {
6
+ [key: string]: tailwind_merge.ClassNameValue | {
7
+ label?: tailwind_merge.ClassNameValue;
8
+ value?: tailwind_merge.ClassNameValue;
9
+ trigger?: tailwind_merge.ClassNameValue;
10
+ error?: tailwind_merge.ClassNameValue;
11
+ description?: tailwind_merge.ClassNameValue;
12
+ field?: tailwind_merge.ClassNameValue;
13
+ };
14
+ };
15
+ } | {
16
+ [x: string]: {
17
+ [x: string]: tailwind_merge.ClassNameValue | {
18
+ label?: tailwind_merge.ClassNameValue;
19
+ value?: tailwind_merge.ClassNameValue;
20
+ trigger?: tailwind_merge.ClassNameValue;
21
+ error?: tailwind_merge.ClassNameValue;
22
+ description?: tailwind_merge.ClassNameValue;
23
+ field?: tailwind_merge.ClassNameValue;
24
+ };
25
+ };
26
+ } | {}, {
27
+ field: string;
28
+ trigger: string[];
29
+ label: string;
30
+ description: string;
31
+ error: string;
32
+ value: string[];
33
+ }, undefined, {
34
+ [key: string]: {
35
+ [key: string]: tailwind_merge.ClassNameValue | {
36
+ label?: tailwind_merge.ClassNameValue;
37
+ value?: tailwind_merge.ClassNameValue;
38
+ trigger?: tailwind_merge.ClassNameValue;
39
+ error?: tailwind_merge.ClassNameValue;
40
+ description?: tailwind_merge.ClassNameValue;
41
+ field?: tailwind_merge.ClassNameValue;
42
+ };
43
+ };
44
+ } | {}, {
45
+ field: string;
46
+ trigger: string[];
47
+ label: string;
48
+ description: string;
49
+ error: string;
50
+ value: string[];
51
+ }, tailwind_variants.TVReturnType<unknown, {
52
+ field: string;
53
+ trigger: string[];
54
+ label: string;
55
+ description: string;
56
+ error: string;
57
+ value: string[];
58
+ }, undefined, unknown, unknown, undefined>>;
59
+
60
+ export { SelectFieldStyles };
@@ -0,0 +1,2 @@
1
+ import {tv}from'./../../lib/utils.js';const i=tv({slots:{field:"group/select-field",trigger:["justify-between","size-medium:py-xs group-size-medium/select-field:min-w-[220px]","group-size-small/select-field:fit-content size-small:py-xxs","group-invalid/select-field:enabled:outline-serious","group-focus/select-field:enabled:outline-highlight-bold"],label:"",description:"fg-default-dark group-disabled/select-field:fg-disabled text-body-xs",error:"fg-serious text-body-xs",value:["flex items-center","group-size-small/select-field:gap-xs","group-size-medium/select-field:gap-s"]}});export{i as SelectFieldStyles};//# sourceMappingURL=styles.js.map
2
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/select-field/styles.ts"],"names":["e"],"mappings":"sCAeE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KAAO,CAAA,CAAA,KAAA,CAAA,oBAEL,2BACA,CAAA,gEACA,CAAA,6DACA,CAAA,oDACA,CAAA,yDAEK,CACP,CAAA,KAAA,CAAA,EAAA,CAAA,kFAEO,CAAA,KAAA,CAAA,yBAEL,CAAA,KAAA,CAAA,CAAA,mBACA,CAAA,sCACA,CAAA,sCAGL,CAAA,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 SelectFieldStyles = tv({\n slots: {\n field: 'group/select-field',\n trigger: [\n 'justify-between',\n 'size-medium:py-xs group-size-medium/select-field:min-w-[220px]',\n 'group-size-small/select-field:fit-content size-small:py-xxs',\n 'group-invalid/select-field:enabled:outline-serious',\n 'group-focus/select-field:enabled:outline-highlight-bold',\n ],\n label: '',\n description:\n 'fg-default-dark group-disabled/select-field:fg-disabled text-body-xs',\n error: 'fg-serious text-body-xs',\n value: [\n 'flex items-center',\n 'group-size-small/select-field:gap-xs',\n 'group-size-medium/select-field:gap-s',\n ],\n },\n});\n"]}
@@ -0,0 +1,26 @@
1
+ import { RefAttributes } from 'react';
2
+ import { SelectProps, VirtualizerProps, ListLayoutOptions, FieldErrorProps } from 'react-aria-components';
3
+ import { ButtonProps } from '../button/types.js';
4
+ import { LabelProps } from '../label/types.js';
5
+ import 'tailwind-variants';
6
+ import '../button/styles.js';
7
+ import 'tailwind-merge';
8
+
9
+ type SelectFieldProps = Omit<SelectProps, 'className'> & Pick<VirtualizerProps<ListLayoutOptions>, 'layoutOptions'> & RefAttributes<HTMLDivElement> & {
10
+ classNames?: {
11
+ description?: string;
12
+ error?: FieldErrorProps['className'];
13
+ field?: string;
14
+ label?: LabelProps['className'];
15
+ trigger?: ButtonProps['className'];
16
+ value?: string;
17
+ };
18
+ } & {
19
+ label?: string;
20
+ description?: string;
21
+ errorMessage?: string;
22
+ size?: 'medium' | 'small';
23
+ isReadOnly?: boolean;
24
+ };
25
+
26
+ export type { SelectFieldProps };
@@ -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"}
@@ -0,0 +1,28 @@
1
+ import * as react from 'react';
2
+ import * as react_jsx_runtime from 'react/jsx-runtime';
3
+ import { ViewStackProps, ViewStackViewProps, ViewStackTriggerProps } from './types.js';
4
+ import '@accelint/core';
5
+ import 'react-aria-components';
6
+
7
+ declare const ViewStackEventTypes: {
8
+ readonly back: "ViewStack:back";
9
+ readonly clear: "ViewStack:clear";
10
+ readonly reset: "ViewStack:reset";
11
+ readonly push: "ViewStack:push";
12
+ };
13
+ declare function ViewStackTrigger({ children, for: types }: ViewStackTriggerProps): react_jsx_runtime.JSX.Element;
14
+ declare namespace ViewStackTrigger {
15
+ var displayName: string;
16
+ }
17
+ declare function ViewStackView({ id, children }: ViewStackViewProps): react.ReactNode;
18
+ declare namespace ViewStackView {
19
+ var displayName: string;
20
+ }
21
+ declare function ViewStack({ id, children, defaultView }: ViewStackProps): react_jsx_runtime.JSX.Element;
22
+ declare namespace ViewStack {
23
+ var displayName: string;
24
+ var View: typeof ViewStackView;
25
+ var Trigger: typeof ViewStackTrigger;
26
+ }
27
+
28
+ export { ViewStack, ViewStackEventTypes };
@@ -0,0 +1,2 @@
1
+ import {jsx}from'react/jsx-runtime';import'client-only';import {Broadcast}from'@accelint/bus';import {isUUID}from'@accelint/core';import {PressResponder}from'@react-aria/interactions';import {createContext,useRef,useState,useCallback,useEffect,useContext}from'react';import {Pressable}from'react-aria-components';const r=Broadcast.getInstance(),w="ViewStack",v=createContext({parent:null,stack:[],view:null,register:()=>{},unregister:()=>{}}),i={back:`${w}:back`,clear:`${w}:clear`,reset:`${w}:reset`,push:`${w}:push`};function y({children:e,for:c}){const{parent:t}=useContext(v);function o(){for(const n of Array.isArray(c)?c:[c])if(isUUID(n))r.emit(i.push,{view:n});else {const[s,p]=n.split(":"),k=p??t;k&&r.emit(`${w}:${s}`,{stack:k});}}return jsx(PressResponder,{onPress:o,children:jsx(Pressable,{children:e})})}y.displayName="ViewStack.Trigger";function E({id:e,children:c}){const{parent:t,view:o,register:n,unregister:s}=useContext(v);if(!t)throw new Error("ViewStack.View must be implemented within a ViewStack");if(!isUUID(e))throw new Error("ViewStack.View's id must be a UniqueId");return useEffect(()=>{n(e);},[n,s,e]),o===e?c:null}E.displayName="ViewStack.View";function m({id:e,children:c,defaultView:t}){if(!isUUID(e))throw new Error("ViewStack's id must be a UniqueId");const o=useRef(new Set),[n,s]=useState(t?[t]:[]),p=n.at(-1)??null,k=useCallback(a=>{e===a?.payload?.stack&&s(u=>u.length<=1?t?[t]:[]:u.slice(0,-1));},[e,t]),S=useCallback(a=>{e===a?.payload?.stack&&s(()=>[]);},[e]),V=useCallback(a=>{e===a?.payload?.stack&&s(()=>t?[t]:[]);},[e,t]),f=useCallback(a=>{o.current.has(a?.payload?.view)&&s(u=>[...u,a?.payload?.view]);},[]);return useEffect(()=>(r.on(i.back,k),r.on(i.clear,S),r.on(i.reset,V),r.on(i.push,f),()=>{r.off(i.back,k),r.off(i.clear,S),r.off(i.reset,V),r.off(i.push,f);}),[k,S,V,f]),jsx(v.Provider,{value:{parent:e,stack:n,view:p,register:a=>o.current.add(a),unregister:a=>o.current.delete(a)},children:c})}m.displayName="ViewStack",m.View=E,m.Trigger=y;export{m as ViewStack,i as ViewStackEventTypes};//# sourceMappingURL=index.js.map
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/view-stack/index.tsx"],"names":["bus","Broadcast","ViewStackEventNamespace","ViewStackContext","createContext","ViewStackEventTypes","ViewStackTrigger","children","types","parent","useContext","handlePress","type","isUUID","event","target","stack","jsx","PressResponder","Pressable","ViewStackView","id","view","register","unregister","useEffect","ViewStack","defaultView","views","useRef","setStack","useState","handleBack","useCallback","data","prev","handleClear","handleReset","handlePush"],"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 { Broadcast, type Payload } from '@accelint/bus';\nimport { type UniqueId, isUUID } from '@accelint/core';\nimport { PressResponder } from '@react-aria/interactions';\nimport {\n createContext,\n useCallback,\n useContext,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { Pressable } from 'react-aria-components';\nimport type {\n ViewStackBackEvent,\n ViewStackClearEvent,\n ViewStackContextValue,\n ViewStackProps,\n ViewStackPushEvent,\n ViewStackResetEvent,\n ViewStackTriggerProps,\n ViewStackViewProps,\n} from './types';\n\nconst bus = Broadcast.getInstance();\nconst ViewStackEventNamespace = 'ViewStack';\nconst ViewStackContext = createContext<ViewStackContextValue>({\n parent: null,\n stack: [],\n view: null,\n register: () => undefined,\n unregister: () => undefined,\n});\n\nexport const ViewStackEventTypes = {\n back: `${ViewStackEventNamespace}:back`,\n clear: `${ViewStackEventNamespace}:clear`,\n reset: `${ViewStackEventNamespace}:reset`,\n push: `${ViewStackEventNamespace}:push`,\n} as const;\n\nfunction ViewStackTrigger({ children, for: types }: ViewStackTriggerProps) {\n const { parent } = useContext(ViewStackContext);\n\n function handlePress() {\n for (const type of Array.isArray(types) ? types : [types]) {\n if (isUUID(type)) {\n bus.emit<ViewStackPushEvent>(ViewStackEventTypes.push, {\n view: type,\n });\n } else {\n const [event, target] = type.split(':') as [\n 'back' | 'clear' | 'reset',\n UniqueId | undefined,\n ];\n const stack = target ?? parent;\n\n if (stack) {\n bus.emit<\n ViewStackBackEvent | ViewStackClearEvent | ViewStackResetEvent\n >(`${ViewStackEventNamespace}:${event}`, {\n stack,\n });\n }\n }\n }\n }\n\n return (\n <PressResponder onPress={handlePress}>\n <Pressable>{children}</Pressable>\n </PressResponder>\n );\n}\nViewStackTrigger.displayName = 'ViewStack.Trigger';\n\nfunction ViewStackView({ id, children }: ViewStackViewProps) {\n const { parent, view, register, unregister } = useContext(ViewStackContext);\n\n if (!parent) {\n throw new Error('ViewStack.View must be implemented within a ViewStack');\n }\n\n if (!isUUID(id)) {\n throw new Error(`ViewStack.View's id must be a UniqueId`);\n }\n\n useEffect(() => {\n register(id);\n\n () => unregister(id);\n }, [register, unregister, id]);\n\n return view === id ? children : null;\n}\nViewStackView.displayName = 'ViewStack.View';\n\nexport function ViewStack({ id, children, defaultView }: ViewStackProps) {\n if (!isUUID(id)) {\n throw new Error(`ViewStack's id must be a UniqueId`);\n }\n\n const views = useRef(new Set<UniqueId>());\n const [stack, setStack] = useState<UniqueId[]>(\n defaultView ? [defaultView] : [],\n );\n const view = stack.at(-1) ?? null;\n\n const handleBack = useCallback(\n (data: Payload<ViewStackBackEvent>) => {\n if (id === data?.payload?.stack) {\n setStack((prev) => {\n if (prev.length <= 1) {\n return defaultView ? [defaultView] : [];\n }\n\n return prev.slice(0, -1);\n });\n }\n },\n [id, defaultView],\n );\n\n const handleClear = useCallback(\n (data: Payload<ViewStackClearEvent>) => {\n if (id === data?.payload?.stack) {\n setStack(() => []);\n }\n },\n [id],\n );\n\n const handleReset = useCallback(\n (data: Payload<ViewStackResetEvent>) => {\n if (id === data?.payload?.stack) {\n setStack(() => (defaultView ? [defaultView] : []));\n }\n },\n [id, defaultView],\n );\n\n const handlePush = useCallback((data: Payload<ViewStackPushEvent>) => {\n if (views.current.has(data?.payload?.view)) {\n setStack((prev) => [...prev, data?.payload?.view]);\n }\n }, []);\n\n useEffect(() => {\n bus.on(ViewStackEventTypes.back, handleBack);\n bus.on(ViewStackEventTypes.clear, handleClear);\n bus.on(ViewStackEventTypes.reset, handleReset);\n bus.on(ViewStackEventTypes.push, handlePush);\n\n return () => {\n bus.off(ViewStackEventTypes.back, handleBack);\n bus.off(ViewStackEventTypes.clear, handleClear);\n bus.off(ViewStackEventTypes.reset, handleReset);\n bus.off(ViewStackEventTypes.push, handlePush);\n };\n }, [handleBack, handleClear, handleReset, handlePush]);\n\n return (\n <ViewStackContext.Provider\n value={{\n parent: id,\n stack,\n view,\n register: (view: UniqueId) => views.current.add(view),\n unregister: (view: UniqueId) => views.current.delete(view),\n }}\n >\n {children}\n </ViewStackContext.Provider>\n );\n}\nViewStack.displayName = 'ViewStack';\nViewStack.View = ViewStackView;\nViewStack.Trigger = ViewStackTrigger;\n"]}
@@ -0,0 +1,58 @@
1
+ import { UniqueId } from '@accelint/core';
2
+ import { RefAttributes, PropsWithChildren, ComponentProps } from 'react';
3
+ import { Pressable } from 'react-aria-components';
4
+
5
+ type ViewStackProps = RefAttributes<HTMLDivElement> & PropsWithChildren<{
6
+ id: UniqueId;
7
+ defaultView?: UniqueId;
8
+ }>;
9
+ type ViewStackViewProps = RefAttributes<HTMLDivElement> & PropsWithChildren<{
10
+ id: UniqueId;
11
+ }>;
12
+ type ViewStackBackEvent = {
13
+ stack: UniqueId;
14
+ };
15
+ type ViewStackClearEvent = {
16
+ stack: UniqueId;
17
+ };
18
+ type ViewStackResetEvent = {
19
+ stack: UniqueId;
20
+ };
21
+ type ViewStackPushEvent = {
22
+ view: UniqueId;
23
+ };
24
+ type SimpleEvents = 'back' | 'clear' | 'reset' | UniqueId;
25
+ type TargetedEvents = `back:${UniqueId}` | `clear:${UniqueId}` | `reset:${UniqueId}`;
26
+ type ChainedEvents = (SimpleEvents | TargetedEvents)[];
27
+ type ViewStackTriggerProps = {
28
+ children: ComponentProps<typeof Pressable>['children'];
29
+ /**
30
+ * __SimpleEvents__ allow the easiest implementation of events, but come with some restrictions:
31
+ * - The literal commands `back | clear | reset` will only work inside of the context of a ViewStack
32
+ * - When passing a view's UniqueId the behavior is always to push that id onto it's parent's stack
33
+ *
34
+ * __TargetedEvents__ allow for external control of a ViewStack, the UniqueId of a Stack is passed to know which stack to affect
35
+ *
36
+ * __ChainedEvents__ allow a list of events from a single control to enable multiple behaviors
37
+ *
38
+ * @example
39
+ * // Clear a stack and then push a view on:
40
+ * ['clear', myViewId]
41
+ *
42
+ * // Reset multiple stacks:
43
+ * [`reset:${stackOneId}`, `reset:${stackTwoId}`]
44
+ *
45
+ * // Hydrate a stack with multiple views:
46
+ * [viewOneId, viewTwoId, viewThreeId]
47
+ */
48
+ for: SimpleEvents | TargetedEvents | ChainedEvents;
49
+ };
50
+ type ViewStackContextValue = {
51
+ parent: UniqueId | null;
52
+ stack: string[];
53
+ view: UniqueId | null;
54
+ register: (view: UniqueId) => void;
55
+ unregister: (view: UniqueId) => void;
56
+ };
57
+
58
+ export type { ViewStackBackEvent, ViewStackClearEvent, ViewStackContextValue, ViewStackProps, ViewStackPushEvent, ViewStackResetEvent, ViewStackTriggerProps, ViewStackViewProps };
@@ -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"}
package/dist/index.css CHANGED
@@ -179,6 +179,26 @@ body {
179
179
  display: none;
180
180
  }
181
181
 
182
+ /*
183
+ * Scrollbars
184
+ */
185
+ *::-webkit-scrollbar {
186
+ width: var(--spacing-l);
187
+ height: var(--spacing-l);
188
+ }
189
+
190
+ *::-webkit-scrollbar-track {
191
+ background: var(--color-interactive);
192
+ }
193
+
194
+ *::-webkit-scrollbar-thumb{
195
+ background-color: var(--color-interactive-hover-light);
196
+ border-radius: var(--radius-large);
197
+ border: 5px solid transparent;
198
+ background-clip: padding-box;
199
+ }
200
+
201
+
182
202
  /**
183
203
  * Rule line only applicable to the QueryBuilder component
184
204
  */
package/dist/index.d.ts CHANGED
@@ -26,7 +26,9 @@ export { ClassificationBannerProps, ClassificationBannerStyleVariants } from './
26
26
  export { ColorPicker } from './components/color-picker/index.js';
27
27
  export { ColorPickerStyles } from './components/color-picker/styles.js';
28
28
  export { ColorPickerProps } from './components/color-picker/types.js';
29
- export { ComboBox, ComboBoxProps } from './components/combobox/index.js';
29
+ export { ComboBoxField, ComboBoxFieldContext } from './components/combobox-field/index.js';
30
+ export { ComboBoxStyles } from './components/combobox-field/styles.js';
31
+ export { ComboBoxFieldProps } from './components/combobox-field/types.js';
30
32
  export { DateField } from './components/date-field/index.js';
31
33
  export { DateFieldStyles, DateFieldStylesDefault } from './components/date-field/styles.js';
32
34
  export { DateFieldProps, DateInputProps } from './components/date-field/types.js';
@@ -42,6 +44,9 @@ export { DrawerContainerProps, DrawerContextValue, DrawerDefaults, DrawerLayoutP
42
44
  export { Hero, HeroContext } from './components/hero/index.js';
43
45
  export { HeroStyles } from './components/hero/styles.js';
44
46
  export { HeroProps } from './components/hero/types.js';
47
+ export { Hotkey, HotkeyContext, HotkeySet } from './components/hotkey/index.js';
48
+ export { HotkeyStyles, HotkeyStylesDefaults } from './components/hotkey/styles.js';
49
+ export { HotkeyProps, HotkeySetProps } from './components/hotkey/types.js';
45
50
  export { Icon, IconContext } from './components/icon/index.js';
46
51
  export { IconStyles } from './components/icon/styles.js';
47
52
  export { IconProps } from './components/icon/types.js';
@@ -54,8 +59,6 @@ export { LabelProps } from './components/label/types.js';
54
59
  export { Menu, MenuContext } from './components/menu/index.js';
55
60
  export { MenuStyleVariants, MenuStyles, MenuStylesDefaults } from './components/menu/styles.js';
56
61
  export { MenuItemProps, MenuProps, MenuSectionProps, MenuTextProps, MenuTriggerProps, SeparatorProps, SubmenuTriggerProps } from './components/menu/types.js';
57
- export { NavigationStack } from './components/navigation-stack/index.js';
58
- export { NavigationStackContextValue, NavigationStackNavigateProps, NavigationStackProps, NavigationStackViewProps } from './components/navigation-stack/types.js';
59
62
  export { Options, OptionsContext } from './components/options/index.js';
60
63
  export { OptionsStyles } from './components/options/styles.js';
61
64
  export { OptionsDataItem, OptionsItemProps, OptionsItemTextProps, OptionsProps, OptionsSectionProps } from './components/options/types.js';
@@ -70,6 +73,9 @@ export { RadioGroupProps, RadioProps } from './components/radio/types.js';
70
73
  export { SearchField, SearchFieldContext } from './components/search-field/index.js';
71
74
  export { SearchFieldStyles, SearchFieldStylesDefaults } from './components/search-field/styles.js';
72
75
  export { SearchFieldProps, SearchFieldStyleVariants } from './components/search-field/types.js';
76
+ export { SelectField, SelectFieldContext } from './components/select-field/index.js';
77
+ export { SelectFieldStyles } from './components/select-field/styles.js';
78
+ export { SelectFieldProps } from './components/select-field/types.js';
73
79
  export { Skeleton } from './components/skeleton/index.js';
74
80
  export { SkeletonStyles, SkeletonStylesDefaults } from './components/skeleton/styles.js';
75
81
  export { SkeletonProps, SkeletonStyleVariants } from './components/skeleton/types.js';
@@ -87,6 +93,8 @@ export { TextFieldProps } from './components/text-field/types.js';
87
93
  export { Tooltip, TooltipContext } from './components/tooltip/index.js';
88
94
  export { TooltipStyles } from './components/tooltip/styles.js';
89
95
  export { TooltipBodyProps, TooltipProps, TooltipTriggerProps } from './components/tooltip/types.js';
96
+ export { ViewStack, ViewStackEventTypes } from './components/view-stack/index.js';
97
+ export { ViewStackBackEvent, ViewStackClearEvent, ViewStackContextValue, ViewStackProps, ViewStackPushEvent, ViewStackResetEvent, ViewStackTriggerProps, ViewStackViewProps } from './components/view-stack/types.js';
90
98
  export { containsExactChildren, expectsIconWrapper } from './lib/react.js';
91
99
  export { ChildrenRenderProps, ClassNameRenderProps, ProviderProps, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, SlottedValue, StylePropRenderProps, StyleRenderProps } from './lib/types.js';
92
100
  export { cn, isSlottedContextValue, tv, twMerge } from './lib/utils.js';
@@ -99,14 +107,13 @@ import 'tailwind-merge';
99
107
  import '@radix-ui/react-avatar';
100
108
  import '@react-types/overlays';
101
109
  import '@react-types/shared';
102
- import 'class-variance-authority/types';
103
- import 'class-variance-authority';
104
110
  import '@internationalized/date';
105
- import 'type-fest';
106
111
  import './components/query-builder/value-selector.js';
107
112
  import 'react-querybuilder';
108
113
  import './components/query-builder/value-editor.js';
109
114
  import './components/query-builder/group.js';
110
115
  import './components/query-builder/rule.js';
111
116
  import './components/query-builder/action-element.js';
117
+ import 'type-fest';
118
+ import '@accelint/core';
112
119
  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}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
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{ComboBoxField,ComboBoxFieldContext}from'./components/combobox-field/index.js';export{ComboBoxStyles}from'./components/combobox-field/styles.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{Hotkey,HotkeyContext,HotkeySet}from'./components/hotkey/index.js';export{HotkeyStyles,HotkeyStylesDefaults}from'./components/hotkey/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{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{SelectField,SelectFieldContext}from'./components/select-field/index.js';export{SelectFieldStyles}from'./components/select-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{ViewStack,ViewStackEventTypes}from'./components/view-stack/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
2
2
  //# sourceMappingURL=index.js.map