@accelint/design-system 0.12.4 → 0.12.6
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/aria/index.d.ts +8 -4
- package/dist/components/aria/index.js +25 -4
- package/dist/components/aria/index.js.map +1 -1
- package/dist/components/button/index.js +2 -2
- package/dist/components/button/index.js.map +1 -1
- package/dist/components/collection/index.js +0 -2
- package/dist/components/collection/index.js.map +1 -1
- package/dist/components/icon/index.d.ts +1 -1
- package/dist/components/index.d.ts +4 -4
- package/dist/components/index.js +3 -3
- package/dist/components/menu/index.js +3 -3
- package/dist/components/menu/index.js.map +1 -1
- package/dist/components/options/index.js +3 -3
- package/dist/components/options/index.js.map +1 -1
- package/dist/components/picker/index.js +2 -2
- package/dist/components/picker/index.js.map +1 -1
- package/dist/components/query-builder/value-selector.js +15 -15
- package/dist/components/query-builder/value-selector.js.map +1 -1
- package/dist/components/select/index.js.map +1 -1
- package/dist/components/text-field/index.d.ts +6 -6
- package/dist/index.d.ts +4 -4
- package/dist/index.js +1 -1
- package/dist/ladle/actions.js.map +1 -1
- package/dist/test/setup.js +2 -2
- package/dist/test/setup.js.map +1 -1
- package/package.json +5 -3
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../../chunk-PZ5AY32C.js';
|
|
2
|
-
import { useContext, useCallback, useMemo } from 'react';
|
|
2
|
+
import { useContext, useCallback, useMemo, createElement } from 'react';
|
|
3
3
|
import { useValueSelector, isOptionGroupArray } from 'react-querybuilder';
|
|
4
4
|
import { callRenderProps } from '../../utils/props/index.js';
|
|
5
|
-
import {
|
|
5
|
+
import { AriaListBoxSection, AriaHeader, AriaSelectValue } from '../aria/index.js';
|
|
6
6
|
import { Button } from '../button/index.js';
|
|
7
7
|
import { OptionsItem, OptionsList, Options } from '../options/index.js';
|
|
8
8
|
import { Select } from '../select/index.js';
|
|
@@ -37,7 +37,7 @@ function ValueSelector({
|
|
|
37
37
|
[onChange]
|
|
38
38
|
);
|
|
39
39
|
const options = useMemo(
|
|
40
|
-
() => isOptionGroupArray(optionsProp) ? optionsProp.map((section) => /* @__PURE__ */ jsxs(
|
|
40
|
+
() => isOptionGroupArray(optionsProp) ? optionsProp.map((section) => /* @__PURE__ */ jsxs(AriaListBoxSection, { children: [
|
|
41
41
|
/* @__PURE__ */ jsx(AriaHeader, { children: section.label }),
|
|
42
42
|
section.options.map((option) => /* @__PURE__ */ jsx(OptionsItem, { id: option.name, children: option.label }, option.name))
|
|
43
43
|
] }, section.label)) : optionsProp.map((option) => /* @__PURE__ */ jsx(OptionsItem, { id: option.name, children: option.label }, option.name)),
|
|
@@ -54,23 +54,23 @@ function ValueSelector({
|
|
|
54
54
|
"aria-label": title,
|
|
55
55
|
children: options
|
|
56
56
|
}
|
|
57
|
-
) : /* @__PURE__ */
|
|
57
|
+
) : /* @__PURE__ */ createElement(
|
|
58
58
|
Select,
|
|
59
59
|
{
|
|
60
60
|
...rest,
|
|
61
|
-
|
|
61
|
+
key: Array.isArray(val) ? val[0] : val,
|
|
62
62
|
size,
|
|
63
63
|
isInvalid: title === "Value" && !validation,
|
|
64
|
-
|
|
65
|
-
"aria-label": title
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}
|
|
64
|
+
onChange: handleSelectionChange,
|
|
65
|
+
"aria-label": title
|
|
66
|
+
},
|
|
67
|
+
(renderProps) => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
68
|
+
/* @__PURE__ */ jsxs(Button, { children: [
|
|
69
|
+
/* @__PURE__ */ jsx(AriaSelectValue, { children: ({ selectedText }) => selectedText }),
|
|
70
|
+
callRenderProps(icons?.select, renderProps)
|
|
71
|
+
] }),
|
|
72
|
+
/* @__PURE__ */ jsx(Options, { children: /* @__PURE__ */ jsx(OptionsList, { children: options }) })
|
|
73
|
+
] })
|
|
74
74
|
);
|
|
75
75
|
}
|
|
76
76
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":[],"mappings":";;;;;;;;;;;AA4BO,SAAS,aAAA,CAAiD;AAAA,EAC/D,cAAA;AAAA,EACA,aAAA;AAAA,EACA,OAAA,EAAS,WAAA;AAAA,EACT,QAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,EAAE,KAAA,EAAO,IAAA,EAAK,GAAI,WAAW,mBAAmB,CAAA;AAEtD,EAAA,MAAM,EAAE,QAAA,EAAU,GAAA,EAAI,GAAI,gBAAA,CAAiB;AAAA,IACzC,cAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,qBAAA,GAAwB,WAAA;AAAA,IAC5B,CAAC,SAAA,KAA0B;AACzB,MAAA,QAAA,CAAS,SAAA,GAAY,CAAA,EAAG,SAAS,CAAA,CAAA,GAAK,EAAE,CAAA;AAAA,IAC1C,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,uBAAA,GAA0B,WAAA;AAAA,IAC9B,CAAC,SAAoB,QAAA,CAAS,CAAC,GAAG,IAAI,CAAA,CAAE,IAAA,CAAK,IAAI,CAAC,CAAA;AAAA,IAClD,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,OAAA,GAAU,OAAA;AAAA,IACd,MACE,mBAAmB,WAAW,CAAA,GAC1B,YAAY,GAAA,CAAI,CAAC,OAAA,qBACf,IAAA,CAAC,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/query-builder/value-selector.tsx"],"names":[],"mappings":"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","file":"value-selector.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 type { Key } from '@react-types/shared';\nimport { useCallback, useContext, useMemo } from 'react';\nimport type { Selection } from 'react-aria-components';\nimport {\n type FullOption,\n type ValueSelectorProps,\n isOptionGroupArray,\n useValueSelector,\n} from 'react-querybuilder';\nimport { callRenderProps } from '../../utils/props';\nimport { AriaHeader, AriaListBoxSection, AriaSelectValue } from '../aria';\nimport { Button } from '../button';\nimport { Options, OptionsItem, OptionsList } from '../options';\nimport { Select } from '../select';\nimport { QueryBuilderContext } from './constants';\n\nexport function ValueSelector<T extends FullOption = FullOption>({\n handleOnChange,\n listsAsArrays,\n options: optionsProp,\n multiple,\n title,\n validation,\n value,\n ...rest\n}: ValueSelectorProps<T>) {\n const { icons, size } = useContext(QueryBuilderContext);\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 onChange(selection ? `${selection}` : []);\n },\n [onChange],\n );\n\n const handleMultiSelectChange = useCallback(\n (keys: Selection) => onChange([...keys].join(', ')),\n [onChange],\n );\n\n const options = useMemo(\n () =>\n isOptionGroupArray(optionsProp)\n ? optionsProp.map((section) => (\n <AriaListBoxSection key={section.label}>\n <AriaHeader>{section.label}</AriaHeader>\n {section.options.map((option) => (\n <OptionsItem id={option.name} key={option.name}>\n {option.label}\n </OptionsItem>\n ))}\n </AriaListBoxSection>\n ))\n : optionsProp.map((option) => (\n <OptionsItem id={option.name} key={option.name}>\n {option.label}\n </OptionsItem>\n )),\n [optionsProp],\n );\n\n return multiple ? (\n <OptionsList // TODO: Replace with ChipField when it exists\n {...rest}\n selectedKeys={val}\n selectionMode='multiple'\n size={size}\n onSelectionChange={handleMultiSelectChange}\n aria-label={title}\n >\n {options}\n </OptionsList>\n ) : (\n <Select\n {...rest}\n key={Array.isArray(val) ? val[0] : val}\n size={size}\n isInvalid={title === 'Value' && !validation}\n onChange={handleSelectionChange}\n aria-label={title}\n >\n {(renderProps) => (\n <>\n <Button>\n <AriaSelectValue>\n {({ selectedText }) => selectedText}\n </AriaSelectValue>\n {callRenderProps(icons?.select, renderProps)}\n </Button>\n <Options>\n <OptionsList>{options}</OptionsList>\n </Options>\n </>\n )}\n </Select>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/select/index.tsx"],"names":["Select","
|
|
1
|
+
{"version":3,"sources":["../../../src/components/select/index.tsx"],"names":["Select","RACSelect"],"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\nimport {\n type ForwardedRef,\n createContext,\n forwardRef,\n useCallback,\n useMemo,\n} from 'react';\nimport {\n type ContextValue,\n type FieldErrorProps,\n type LabelProps,\n Provider,\n Select as RACSelect,\n type SelectRenderProps as RACSelectRenderProps,\n type SelectValueProps,\n type TextProps,\n} from 'react-aria-components';\nimport { useContextProps } from '../../hooks/use-context-props';\nimport { useDefaultProps } from '../../hooks/use-defaults';\nimport { useTheme } from '../../hooks/use-theme';\nimport { bodies } from '../../styles/typography.css';\nimport { inlineVars } from '../../utils/css';\nimport { callRenderProps, mergeClassNames } from '../../utils/props';\nimport {\n AriaFieldErrorContext,\n AriaLabelContext,\n AriaSelectValueContext,\n AriaTextContext,\n} from '../aria';\nimport { ButtonContext } from '../button';\nimport type { ButtonProps } from '../button/types';\nimport { OptionsContext } from '../options';\nimport type { OptionsProps } from '../options/types';\nimport { selectClassNames, selectStateVars } from './select.css';\nimport type { SelectMapping, SelectProps } from './types';\n\nconst defaultMapping: SelectMapping = {\n description: {\n sm: bodies.xs,\n lg: bodies.xs,\n },\n error: {\n sm: bodies.xs,\n lg: bodies.xs,\n },\n toggle: {\n sm: { size: 'sm', variant: 'hollow' },\n lg: { size: 'md', variant: 'hollow' },\n },\n};\n\nexport const SelectContext =\n createContext<ContextValue<SelectProps<object>, HTMLDivElement>>(null);\n\nexport const Select = forwardRef(function Select<T extends object>(\n props: SelectProps<T>,\n ref: ForwardedRef<HTMLDivElement>,\n) {\n [props, ref] = useContextProps(props, ref, SelectContext);\n props = useDefaultProps(props, 'Select');\n\n const {\n children: childrenProp,\n classNames: classNamesProp,\n mapping: mappingProp,\n size = 'lg',\n } = props;\n\n const theme = useTheme();\n\n const mapping = useMemo(\n () => ({\n ...defaultMapping,\n ...mappingProp,\n }),\n [mappingProp],\n );\n\n const classNames = useMemo(\n () =>\n mergeClassNames(selectClassNames, theme.Select, classNamesProp, {\n description: mapping.description[size],\n error: mapping.error[size],\n }),\n [classNamesProp, theme.Select, mapping, size],\n );\n\n const values = useMemo<\n [\n [typeof AriaLabelContext, ContextValue<LabelProps, HTMLLabelElement>],\n [typeof ButtonContext, ContextValue<ButtonProps, HTMLButtonElement>],\n [\n typeof AriaSelectValueContext,\n ContextValue<SelectValueProps<object>, HTMLSpanElement>,\n ],\n [typeof AriaTextContext, ContextValue<TextProps, HTMLElement>],\n [\n typeof AriaFieldErrorContext,\n ContextValue<FieldErrorProps, HTMLElement>,\n ],\n [typeof OptionsContext, ContextValue<OptionsProps, HTMLElement>],\n ]\n >(\n () => [\n [AriaLabelContext, { className: classNames?.label }],\n [\n ButtonContext,\n {\n ...mapping.toggle[size],\n classNames: classNames?.toggle,\n },\n ],\n [\n AriaSelectValueContext,\n {\n className: classNames?.value,\n },\n ],\n [\n AriaTextContext,\n {\n slots: {\n description: { className: classNames?.description },\n },\n },\n ],\n [AriaFieldErrorContext, { className: classNames?.error }],\n [OptionsContext, { classNames: classNames?.options, size }],\n ],\n [classNames, mapping, size],\n );\n\n const style = useCallback(\n (renderProps: RACSelectRenderProps) =>\n inlineVars(selectStateVars, {\n ...renderProps,\n size,\n }),\n [size],\n );\n\n const children = useCallback(\n (renderProps: RACSelectRenderProps) => (\n <div className={classNames?.select}>\n <Provider values={values}>\n {callRenderProps(childrenProp, {\n ...renderProps,\n defaultChildren: null,\n })}\n </Provider>\n </div>\n ),\n [childrenProp, values, classNames?.select],\n );\n\n return (\n <RACSelect\n {...props}\n ref={ref}\n className={classNames?.container}\n style={style}\n >\n {children}\n </RACSelect>\n );\n});\n"]}
|
|
@@ -8,22 +8,19 @@ import '../input/types.js';
|
|
|
8
8
|
|
|
9
9
|
declare const TextFieldContext: react.Context<ContextValue<TextFieldProps, HTMLDivElement>>;
|
|
10
10
|
declare const TextField: (props: {
|
|
11
|
-
id?: string | undefined;
|
|
12
11
|
children?: react.ReactNode | ((values: TextFieldRenderProps & {
|
|
13
12
|
defaultChildren: react.ReactNode | undefined;
|
|
14
13
|
}) => react.ReactNode);
|
|
15
|
-
type?: "text" | "search" | "url" | "tel" | "email" | "password" | (string & {}) | undefined;
|
|
16
|
-
pattern?: string | undefined;
|
|
17
|
-
value?: string | undefined;
|
|
18
|
-
hidden?: boolean | undefined | undefined;
|
|
19
|
-
translate?: "yes" | "no" | undefined | undefined;
|
|
20
14
|
slot?: string | null | undefined;
|
|
21
15
|
defaultValue?: string | undefined;
|
|
22
16
|
autoFocus?: boolean | undefined;
|
|
23
17
|
dir?: string | undefined | undefined;
|
|
24
18
|
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
|
|
19
|
+
hidden?: boolean | undefined | undefined;
|
|
20
|
+
id?: string | undefined;
|
|
25
21
|
lang?: string | undefined | undefined;
|
|
26
22
|
spellCheck?: string | undefined;
|
|
23
|
+
translate?: "yes" | "no" | undefined | undefined;
|
|
27
24
|
autoCorrect?: string | undefined;
|
|
28
25
|
inert?: boolean | undefined | undefined;
|
|
29
26
|
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
|
|
@@ -115,6 +112,9 @@ declare const TextField: (props: {
|
|
|
115
112
|
onTransitionStart?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
116
113
|
onTransitionStartCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
|
|
117
114
|
form?: string | undefined;
|
|
115
|
+
value?: string | undefined;
|
|
116
|
+
type?: "text" | "search" | "url" | "tel" | "email" | "password" | (string & {}) | undefined;
|
|
117
|
+
pattern?: string | undefined;
|
|
118
118
|
isDisabled?: boolean | undefined;
|
|
119
119
|
onFocusChange?: ((isFocused: boolean) => void) | undefined;
|
|
120
120
|
name?: string | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext } from './components/aria/index.js';
|
|
1
|
+
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaListBoxSection, AriaListBoxSectionContext, AriaMenuSection, AriaMenuSectionContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext } from './components/aria/index.js';
|
|
2
2
|
export { Button, ButtonContext, LinkButton, LinkButtonContext, ToggleButton, ToggleButtonContext } from './components/button/index.js';
|
|
3
3
|
export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './components/button/button.css.js';
|
|
4
4
|
export { ButtonClassNames, ButtonColors, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, ButtonState, ButtonVariants, LinkButtonProps, ToggleButtonProps } from './components/button/types.js';
|
|
@@ -75,12 +75,12 @@ export { SwitchAlignment, SwitchClassNames, SwitchProps, SwitchRenderProps, Swit
|
|
|
75
75
|
export { Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext } from './components/tabs/index.js';
|
|
76
76
|
export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './components/tabs/tabs.css.js';
|
|
77
77
|
export { TabListAlignment, TabListAnchor, TabListProps, TabListState, TabListVariants, TabPanelProps, TabPanelRenderProps, TabPanelState, TabPanelsProps, TabPanelsState, TabProps, TabRenderProps, TabState, TabsClassNames, TabsProps } from './components/tabs/types.js';
|
|
78
|
-
export { TextArea, TextAreaContext } from './components/textarea/index.js';
|
|
79
|
-
export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.css.js';
|
|
80
|
-
export { TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState } from './components/textarea/types.js';
|
|
81
78
|
export { TextField, TextFieldContext } from './components/text-field/index.js';
|
|
82
79
|
export { textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars } from './components/text-field/text-field.css.js';
|
|
83
80
|
export { TextFieldClassNames, TextFieldMapping, TextFieldProps, TextFieldSizes, TextFieldState } from './components/text-field/types.js';
|
|
81
|
+
export { TextArea, TextAreaContext } from './components/textarea/index.js';
|
|
82
|
+
export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.css.js';
|
|
83
|
+
export { TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState } from './components/textarea/types.js';
|
|
84
84
|
export { TimeField, TimeFieldContext } from './components/time-field/index.js';
|
|
85
85
|
export { timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars } from './components/time-field/time-field.css.js';
|
|
86
86
|
export { TimeFieldClassNames, TimeFieldMapping, TimeFieldProps, TimeFieldRenderProps, TimeFieldSizes, TimeFieldState } from './components/time-field/types.js';
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './chunk-PZ5AY32C.js';
|
|
2
|
-
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext, Button, ButtonContext, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList, ComboBox, ComboBoxContext, DateField, DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments, Dialog, DialogContext, Drawer, DrawerDialog, DrawerDialogContext, DrawerTab, DrawerTabList, Element, ElementContext, Group, GroupContext, Icon, IconContext, Input, InputContext, LinkButton, LinkButtonContext, Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext, MergeProvider, NumberField, NumberFieldContext, Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext, Picker, PickerContext, PickerItem, PickerItemContext, Popover, PopoverContext, QueryBuilder, QueryBuilderContext, Radio, RadioContext, RadioGroup, RadioGroupContext, SearchField, SearchFieldContext, Select, SelectContext, Slider, SliderBar, SliderBarContext, SliderContext, SliderOutput, SliderOutputContext, SliderThumb, SliderThumbContext, SliderTrack, SliderTrackContext, Switch, SwitchContext, Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext, TextArea, TextAreaContext, TextField, TextFieldContext, TimeField, TimeFieldContext, ToggleButton, ToggleButtonContext, Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext, Tree, TreeGroup, TreeItem, TreeStateContext, buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars, comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars, createCollectionRenderer, dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars, dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars, groupClassNames, groupContainer, groupSpaceVars, groupStateVars, iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars, inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars, menuClassNames, menuColorVars, menuContainers, menuItemStateVars, menuSpaceVars, menuStateVars, numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars, optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars, popoverClassNames, popoverColorVars, popoverContainer, popoverSpaceVars, popoverStateVars, pressToMouseEvent, queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars, radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars, searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, sliderClassNames, sliderColorVars, sliderSpaceVars, sliderStateVars, sliderThumbStateVars, sliderTrackStateVars, switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars, textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars, timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/index.js';
|
|
2
|
+
export { AriaFieldError, AriaFieldErrorContext, AriaGroup, AriaGroupContext, AriaHeader, AriaHeaderContext, AriaHeading, AriaHeadingContext, AriaKeyboard, AriaKeyboardContext, AriaLabel, AriaLabelContext, AriaListBoxSection, AriaListBoxSectionContext, AriaMenuSection, AriaMenuSectionContext, AriaSection, AriaSectionContext, AriaSelectValue, AriaSelectValueContext, AriaSeparator, AriaSeparatorContext, AriaText, AriaTextContext, Button, ButtonContext, Checkbox, CheckboxContext, CheckboxGroup, CheckboxGroupContext, Chip, ChipContext, ChipGroup, ChipGroupContext, ChipItem, ChipList, ComboBox, ComboBoxContext, DateField, DateInput, DateInputContext, DateSegment, DateSegmentContext, DateSegments, Dialog, DialogContext, Drawer, DrawerDialog, DrawerDialogContext, DrawerTab, DrawerTabList, Element, ElementContext, Group, GroupContext, Icon, IconContext, Input, InputContext, LinkButton, LinkButtonContext, Menu, MenuContext, MenuItem, MenuItemContext, MenuList, MenuListContext, MergeProvider, NumberField, NumberFieldContext, Options, OptionsContext, OptionsItem, OptionsItemContext, OptionsList, OptionsListContext, Picker, PickerContext, PickerItem, PickerItemContext, Popover, PopoverContext, QueryBuilder, QueryBuilderContext, Radio, RadioContext, RadioGroup, RadioGroupContext, SearchField, SearchFieldContext, Select, SelectContext, Slider, SliderBar, SliderBarContext, SliderContext, SliderOutput, SliderOutputContext, SliderThumb, SliderThumbContext, SliderTrack, SliderTrackContext, Switch, SwitchContext, Tab, TabContext, TabList, TabListContext, TabPanel, TabPanelContext, TabPanels, TabPanelsContext, Tabs, TabsContext, TextArea, TextAreaContext, TextField, TextFieldContext, TimeField, TimeFieldContext, ToggleButton, ToggleButtonContext, Tooltip, TooltipContext, TooltipTarget, TooltipTargetContext, Tree, TreeGroup, TreeItem, TreeStateContext, buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars, comboBoxClassNames, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars, createCollectionRenderer, dateFieldClassNames, dateFieldColorVars, dateFieldContainer, dateFieldSpaceVars, dateFieldStateVars, dateInputClassNames, dateInputColorVars, dateInputContainer, dateInputSpaceVars, dateInputStateVars, dateSegmentStateVars, dateSegmentsContainer, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars, groupClassNames, groupContainer, groupSpaceVars, groupStateVars, iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars, inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars, menuClassNames, menuColorVars, menuContainers, menuItemStateVars, menuSpaceVars, menuStateVars, numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars, optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars, popoverClassNames, popoverColorVars, popoverContainer, popoverSpaceVars, popoverStateVars, pressToMouseEvent, queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars, radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars, searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, sliderClassNames, sliderColorVars, sliderSpaceVars, sliderStateVars, sliderThumbStateVars, sliderTrackStateVars, switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars, textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars, timeFieldClassNames, timeFieldColorVars, timeFieldContainer, timeFieldSpaceVars, timeFieldStateVars, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/index.js';
|
|
3
3
|
export { DefaultsProvider, ThemeProvider, useCollectionRender, useContextProps, useDefaultProps, useDefaults, usePropagatingPress, useSlot, useTheme, useTree, useUpdateEffect } from './hooks/index.js';
|
|
4
4
|
export { bodies, defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, families, focusOutlineStyle, focusVars, genericColorVars, headings, inputs, label, layers, radiusVars, semanticColorVars, sizeVars, spaceVars, surfaces, typographyVars, zIndexVars } from './styles/index.js';
|
|
5
5
|
export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, applyThemeVars, assignPartialVars, callRenderProps, colorChannelAsNumberValidator, colorChannelAsStringValidator, computeContract, containerQueries, containerQuery, continuePropagation, inlineVars, mergeClassNames, mergeProps, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator, unwrapCssVar, wrapRenderProps } from './utils/index.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../node_modules/.pnpm/@ladle+react@4.1.2_@swc+helpers@0.5.17_@types+node@24.
|
|
1
|
+
{"version":3,"sources":["../../../node_modules/.pnpm/@ladle+react@4.1.2_@swc+helpers@0.5.17_@types+node@24.7.0_@types+react@19.0.0_react-dom_f98566c0bf65cf207ce651acf689d3b6/node_modules/@ladle/react/lib/app/exports.ts","../../src/ladle/actions.ts"],"names":[],"mappings":";;;;;;AA+CO,IAAM,MAAA,GAAS,CAAC,IAAA,KAAiB;AACtC,EAAA,MAAM,WAAY,MAAA,CACf,aAAA;AACH,EAAA,OAAO,CAAC,KAAA,GAAa,MAAA,KACnB,QAAA,CAAS;AAAA,IACP,MAAM,UAAA,CAAW,YAAA;AAAA,IACjB,KAAA,EAAO,EAAE,IAAA,EAAM,KAAA,EAAM;AAAA,IACrB,KAAA,EAAO;AAAA,GACR,CAAA;AACL,CAAA;;;ACtDO,SAAS,WAAc,IAAA,EAA+B;AAC3D,EAAA,OAAO,IAAA,CAAK,MAAA,CAAmB,CAAC,GAAA,EAAK,GAAA,KAAQ;AAC3C,IAAA,GAAA,CAAI,GAAG,CAAA,GAAI,MAAA,CAAO,GAAa,CAAA;AAE/B,IAAA,OAAO,GAAA;AAAA,EACT,CAAA,EAAG,EAAE,CAAA;AACP","file":"actions.js","sourcesContent":["import type * as React from \"react\";\nimport { useLadleContext } from \"./src/context\";\nimport {\n StoryDecorator,\n ActionType,\n GlobalState,\n ThemeState,\n ModeState,\n GlobalAction,\n Config,\n KnownMeta,\n MetaJson as BaseMetaJson,\n MetaJsonStory as BaseMetaJsonStory,\n} from \"../shared/types\";\n\nimport * as msw from \"msw\";\nexport { msw };\n\nexport type { UserConfig } from \"../shared/types\";\nexport { useMDXComponents } from \"@mdx-js/react\";\nexport const Story = (props: any) => props.children;\nexport const Meta = (props: any) => props.children;\nexport const Description = (props: any) => props.children;\n\ntype ReactNodeWithoutObject =\n | React.ReactElement\n | string\n | number\n | boolean\n | null\n | undefined;\n\nexport { useLadleContext, ActionType, ThemeState, ModeState };\nexport type { StoryDecorator };\n\n// deprecated, linkTo is just easier to use\nexport const useLink = () => {\n const { dispatch } = useLadleContext();\n return (value: string) => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const linkTo = (value: string) => {\n const dispatch = (window as any)\n .ladleDispatch as React.Dispatch<GlobalAction>;\n return () => dispatch({ type: ActionType.UpdateStory, value });\n};\n\nexport const action = (name: string) => {\n const dispatch = (window as any)\n .ladleDispatch as React.Dispatch<GlobalAction>;\n return (event: any = undefined) =>\n dispatch({\n type: ActionType.UpdateAction,\n value: { name, event },\n clear: false,\n });\n};\n\nexport type GlobalProvider = React.FC<{\n globalState: GlobalState;\n dispatch: React.Dispatch<GlobalAction>;\n config: Config;\n children: ReactNodeWithoutObject;\n storyMeta?: Meta;\n}>;\n\nexport type SourceHeader = React.FC<{\n path: string;\n locStart: number;\n locEnd: number;\n}>;\n\nexport interface StoryDefault<P = {}> {\n args?: Args<P>;\n argTypes?: ArgTypes<P>;\n decorators?: StoryDecorator<P>[];\n meta?: Meta;\n title?: string;\n msw?: msw.RequestHandler[];\n parameters?: { [key: string]: any };\n}\n\nexport interface Story<P = {}> extends React.FC<P> {\n args?: Args<P>;\n argTypes?: ArgTypes<P>;\n decorators?: StoryDecorator<P>[];\n meta?: Meta;\n storyName?: string;\n msw?: msw.RequestHandler[];\n parameters?: { [key: string]: any };\n}\n\nexport type Args<\n P = {\n [key: string]: any;\n },\n> = Partial<P>;\n\nexport type ControlType =\n | \"select\"\n | \"multi-select\"\n | \"radio\"\n | \"inline-radio\"\n | \"check\"\n | \"inline-check\"\n | \"background\"\n | \"color\"\n | \"date\"\n | \"number\"\n | \"text\"\n | \"boolean\"\n | \"range\";\n\nexport interface ArgType<K = any> {\n control?: {\n name?: string;\n labels?: { [key: string]: string };\n type: ControlType;\n min?: number;\n max?: number;\n step?: number;\n [key: string]: any;\n };\n mapping?: { [key: string | number]: any };\n options?: K[] | unknown;\n defaultValue?: K;\n description?: string;\n name?: string;\n action?: string;\n [key: string]: any;\n}\n\nexport type ArgTypes<\n P = {\n [key: string]: any;\n },\n> = {\n [key in keyof P]?: ArgType<P[key]>;\n};\n\nexport interface Meta extends KnownMeta {\n [key: string]: any;\n}\n\nexport type MetaJson = BaseMetaJson<Meta>;\nexport type MetaJsonStory = BaseMetaJsonStory<Meta>;\n","import { action } from '@ladle/react';\n\nexport function actions<T>(...keys: (keyof T)[]): Partial<T> {\n return keys.reduce<Partial<T>>((acc, key) => {\n acc[key] = action(key as string) as T[keyof T];\n\n return acc;\n }, {});\n}\n"]}
|
package/dist/test/setup.js
CHANGED
|
@@ -4081,13 +4081,13 @@ async function waitForImportsToResolve() {
|
|
|
4081
4081
|
await waitForImportsToResolve();
|
|
4082
4082
|
}
|
|
4083
4083
|
|
|
4084
|
-
// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.
|
|
4084
|
+
// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.7.0_jsdom@25.0.1_msw@2.11.3_@types+node@24.7.0_typescript@5.8.3_/node_modules/vitest/dist/chunks/_commonjsHelpers.BFTU3MAI.js
|
|
4085
4085
|
var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
|
|
4086
4086
|
function getDefaultExportFromCjs(x) {
|
|
4087
4087
|
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
|
|
4088
4088
|
}
|
|
4089
4089
|
|
|
4090
|
-
// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.
|
|
4090
|
+
// ../node_modules/.pnpm/vitest@2.1.9_@types+node@24.7.0_jsdom@25.0.1_msw@2.11.3_@types+node@24.7.0_typescript@5.8.3_/node_modules/vitest/dist/chunks/date.W2xKR2qe.js
|
|
4091
4091
|
var RealDate = Date;
|
|
4092
4092
|
var now = null;
|
|
4093
4093
|
var MockDate = class _MockDate extends RealDate {
|