@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.
- package/dist/components/combobox-field/index.d.ts +18 -0
- package/dist/components/combobox-field/index.js +2 -0
- package/dist/components/combobox-field/index.js.map +1 -0
- package/dist/components/combobox-field/styles.d.ts +72 -0
- package/dist/components/combobox-field/styles.js +2 -0
- package/dist/components/combobox-field/styles.js.map +1 -0
- package/dist/components/combobox-field/types.d.ts +28 -0
- package/dist/components/hotkey/index.d.ts +25 -0
- package/dist/components/hotkey/index.js +2 -0
- package/dist/components/hotkey/index.js.map +1 -0
- package/dist/components/hotkey/styles.d.ts +53 -0
- package/dist/components/hotkey/styles.js +2 -0
- package/dist/components/hotkey/styles.js.map +1 -0
- package/dist/components/hotkey/types.d.ts +8 -0
- package/dist/components/hotkey/types.js +2 -0
- package/dist/components/hotkey/types.js.map +1 -0
- package/dist/components/input/index.js +1 -1
- package/dist/components/input/index.js.map +1 -1
- package/dist/components/input/styles.d.ts +2 -24
- package/dist/components/input/styles.js +1 -1
- package/dist/components/input/styles.js.map +1 -1
- package/dist/components/menu/index.js +1 -1
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/menu/styles.d.ts +9 -6
- package/dist/components/menu/styles.js +1 -1
- package/dist/components/menu/styles.js.map +1 -1
- package/dist/components/menu/types.d.ts +9 -2
- package/dist/components/query-builder/value-selector.js +1 -1
- package/dist/components/query-builder/value-selector.js.map +1 -1
- package/dist/components/select-field/index.d.ts +23 -0
- package/dist/components/select-field/index.js +2 -0
- package/dist/components/select-field/index.js.map +1 -0
- package/dist/components/select-field/styles.d.ts +60 -0
- package/dist/components/select-field/styles.js +2 -0
- package/dist/components/select-field/styles.js.map +1 -0
- package/dist/components/select-field/types.d.ts +26 -0
- package/dist/components/select-field/types.js +2 -0
- package/dist/components/select-field/types.js.map +1 -0
- package/dist/components/view-stack/index.d.ts +28 -0
- package/dist/components/view-stack/index.js +2 -0
- package/dist/components/view-stack/index.js.map +1 -0
- package/dist/components/view-stack/types.d.ts +58 -0
- package/dist/components/view-stack/types.js +2 -0
- package/dist/components/view-stack/types.js.map +1 -0
- package/dist/index.css +20 -0
- package/dist/index.d.ts +13 -6
- package/dist/index.js +1 -1
- package/dist/metafile-esm.json +1 -1
- package/dist/styles.css +178 -86
- package/package.json +11 -6
- package/dist/components/combobox/index.d.ts +0 -27
- package/dist/components/combobox/index.js +0 -2
- package/dist/components/combobox/index.js.map +0 -1
- package/dist/components/navigation-stack/index.d.ts +0 -20
- package/dist/components/navigation-stack/index.js +0 -2
- package/dist/components/navigation-stack/index.js.map +0 -1
- package/dist/components/navigation-stack/types.d.ts +0 -31
- /package/dist/components/{navigation-stack → combobox-field}/types.js +0 -0
- /package/dist/components/{navigation-stack → combobox-field}/types.js.map +0 -0
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/menu/styles.ts"],"names":["
|
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> &
|
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
|
-
|
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 {
|
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":"
|
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 @@
|
|
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 @@
|
|
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 {
|
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{
|
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
|