@accelint/design-toolkit 9.9.1 → 9.9.2
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/catalog-info.yaml +2 -2
- package/dist/components/accordion/group.d.ts +2 -2
- package/dist/components/accordion/header.d.ts +2 -2
- package/dist/components/accordion/index.d.ts +2 -2
- package/dist/components/accordion/panel.d.ts +2 -2
- package/dist/components/accordion/trigger.d.ts +2 -2
- package/dist/components/action-bar/index.d.ts +2 -2
- package/dist/components/audio/index.d.ts +2 -2
- package/dist/components/avatar/context.d.ts +4 -4
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/badge/context.d.ts +4 -4
- package/dist/components/badge/index.d.ts +2 -2
- package/dist/components/breadcrumbs/index.d.ts +2 -2
- package/dist/components/breadcrumbs/item.d.ts +2 -2
- package/dist/components/button/context.d.ts +8 -8
- package/dist/components/button/index.d.ts +2 -2
- package/dist/components/button/link.d.ts +2 -2
- package/dist/components/button/toggle.d.ts +2 -2
- package/dist/components/checkbox/context.d.ts +3 -3
- package/dist/components/checkbox/group.d.ts +2 -2
- package/dist/components/checkbox/index.d.ts +2 -2
- package/dist/components/chip/context.d.ts +2 -2
- package/dist/components/chip/deletable.d.ts +2 -2
- package/dist/components/chip/index.d.ts +2 -2
- package/dist/components/chip/list.d.ts +4 -4
- package/dist/components/chip/selectable.d.ts +2 -2
- package/dist/components/classification-badge/context.d.ts +4 -4
- package/dist/components/classification-badge/index.d.ts +2 -2
- package/dist/components/classification-banner/context.d.ts +4 -4
- package/dist/components/classification-banner/index.d.ts +2 -2
- package/dist/components/clock/index.d.ts +2 -2
- package/dist/components/color-picker/index.d.ts +2 -2
- package/dist/components/combobox-field/context.d.ts +4 -4
- package/dist/components/combobox-field/index.d.ts +2 -2
- package/dist/components/coordinate-field/context.d.ts +6 -6
- package/dist/components/coordinate-field/index.d.ts +2 -2
- package/dist/components/coordinate-field/segment.d.ts +2 -2
- package/dist/components/date-field/index.d.ts +2 -2
- package/dist/components/deferred-collection/index.d.ts +2 -2
- package/dist/components/details-list/context.d.ts +4 -4
- package/dist/components/details-list/index.d.ts +2 -2
- package/dist/components/details-list/label.d.ts +2 -2
- package/dist/components/details-list/value.d.ts +2 -2
- package/dist/components/dialog/content.d.ts +2 -2
- package/dist/components/dialog/context.d.ts +2 -2
- package/dist/components/dialog/footer.d.ts +2 -2
- package/dist/components/dialog/index.d.ts +2 -2
- package/dist/components/dialog/title.d.ts +2 -2
- package/dist/components/divider/context.d.ts +4 -4
- package/dist/components/divider/index.d.ts +2 -2
- package/dist/components/drawer/back.d.ts +2 -2
- package/dist/components/drawer/close.d.ts +2 -2
- package/dist/components/drawer/content.d.ts +2 -2
- package/dist/components/drawer/context.d.ts +2 -2
- package/dist/components/drawer/footer.d.ts +2 -2
- package/dist/components/drawer/header-title.d.ts +2 -2
- package/dist/components/drawer/header.d.ts +2 -2
- package/dist/components/drawer/index.d.ts +2 -2
- package/dist/components/drawer/layout-main.d.ts +2 -2
- package/dist/components/drawer/layout.d.ts +2 -2
- package/dist/components/drawer/menu-item.d.ts +2 -2
- package/dist/components/drawer/menu.d.ts +2 -2
- package/dist/components/drawer/panel.d.ts +2 -2
- package/dist/components/drawer/trigger.d.ts +2 -2
- package/dist/components/drawer/view.d.ts +2 -2
- package/dist/components/flashcard/index.d.ts +9 -9
- package/dist/components/floating-card/context.d.ts +2 -2
- package/dist/components/floating-card/index.d.ts +2 -2
- package/dist/components/floating-card/provider.d.ts +2 -2
- package/dist/components/hero/context.d.ts +2 -2
- package/dist/components/hero/index.d.ts +2 -2
- package/dist/components/hero/subtitle.d.ts +3 -3
- package/dist/components/hero/title.d.ts +2 -2
- package/dist/components/hotkey/context.d.ts +4 -4
- package/dist/components/hotkey/index.d.ts +2 -2
- package/dist/components/hotkey/set.d.ts +2 -2
- package/dist/components/icon/context.d.ts +4 -4
- package/dist/components/icon/index.d.ts +2 -2
- package/dist/components/input/context.d.ts +2 -2
- package/dist/components/input/index.d.ts +2 -2
- package/dist/components/kanban/card-body.d.ts +2 -2
- package/dist/components/kanban/card-header-actions.d.ts +2 -2
- package/dist/components/kanban/card-header-title.d.ts +2 -2
- package/dist/components/kanban/card-header.d.ts +2 -2
- package/dist/components/kanban/card.d.ts +2 -2
- package/dist/components/kanban/column-actions.d.ts +2 -2
- package/dist/components/kanban/column-container.d.ts +2 -2
- package/dist/components/kanban/column-content.d.ts +2 -2
- package/dist/components/kanban/column-header-actions.d.ts +2 -2
- package/dist/components/kanban/column-header-drag-handle.d.ts +2 -2
- package/dist/components/kanban/column-header-title.d.ts +2 -2
- package/dist/components/kanban/column-header.d.ts +2 -2
- package/dist/components/kanban/column.d.ts +2 -2
- package/dist/components/kanban/context.d.ts +2 -2
- package/dist/components/kanban/header-actions.d.ts +2 -2
- package/dist/components/kanban/header-search.d.ts +2 -2
- package/dist/components/kanban/header-title.d.ts +2 -2
- package/dist/components/kanban/header.d.ts +2 -2
- package/dist/components/kanban/kanban.d.ts +4 -4
- package/dist/components/kanban/styles.module.css +5 -0
- package/dist/components/label/context.d.ts +4 -4
- package/dist/components/label/index.d.ts +2 -2
- package/dist/components/lines/index.d.ts +2 -2
- package/dist/components/link/context.d.ts +2 -2
- package/dist/components/link/index.d.ts +2 -2
- package/dist/components/list/context.d.ts +2 -2
- package/dist/components/list/index.d.ts +2 -2
- package/dist/components/list/item-content.d.ts +2 -2
- package/dist/components/list/item-description.d.ts +2 -2
- package/dist/components/list/item-title.d.ts +2 -2
- package/dist/components/list/item.d.ts +2 -2
- package/dist/components/media-controls/context.d.ts +4 -4
- package/dist/components/media-controls/fullscreen-button.d.ts +2 -2
- package/dist/components/media-controls/index.d.ts +2 -2
- package/dist/components/media-controls/mute-button.d.ts +2 -2
- package/dist/components/media-controls/play-button.d.ts +2 -2
- package/dist/components/media-controls/playback-rate.d.ts +2 -2
- package/dist/components/media-controls/seek-button.d.ts +2 -2
- package/dist/components/media-controls/time-display.d.ts +2 -2
- package/dist/components/media-controls/time-range.d.ts +2 -2
- package/dist/components/media-controls/volume-slider.d.ts +2 -2
- package/dist/components/menu/context.d.ts +2 -2
- package/dist/components/menu/index.d.ts +2 -2
- package/dist/components/menu/item-description.d.ts +2 -2
- package/dist/components/menu/item-label.d.ts +2 -2
- package/dist/components/menu/item.d.ts +2 -2
- package/dist/components/menu/section.d.ts +2 -2
- package/dist/components/menu/separator.d.ts +2 -2
- package/dist/components/menu/submenu.d.ts +3 -3
- package/dist/components/notice/index.d.ts +2 -2
- package/dist/components/notice/list.d.ts +2 -2
- package/dist/components/notice/notice-icon.d.ts +2 -2
- package/dist/components/options/context.d.ts +2 -2
- package/dist/components/options/index.d.ts +2 -2
- package/dist/components/options/item-content.d.ts +2 -2
- package/dist/components/options/item-description.d.ts +2 -2
- package/dist/components/options/item-label.d.ts +2 -2
- package/dist/components/options/item.d.ts +2 -2
- package/dist/components/options/section.d.ts +2 -2
- package/dist/components/pagination/context.d.ts +2 -2
- package/dist/components/pagination/index.d.ts +2 -2
- package/dist/components/pagination/next.d.ts +2 -2
- package/dist/components/pagination/pages.d.ts +2 -2
- package/dist/components/pagination/prev.d.ts +2 -2
- package/dist/components/popover/content.d.ts +2 -2
- package/dist/components/popover/footer.d.ts +2 -2
- package/dist/components/popover/index.d.ts +2 -2
- package/dist/components/popover/title.d.ts +2 -2
- package/dist/components/popover/trigger.d.ts +2 -2
- package/dist/components/query-builder/action-element.d.ts +2 -2
- package/dist/components/query-builder/actions.d.ts +4 -4
- package/dist/components/query-builder/combinator-selector.d.ts +2 -2
- package/dist/components/query-builder/index.d.ts +2 -2
- package/dist/components/query-builder/rule-group.d.ts +4 -4
- package/dist/components/query-builder/rule.d.ts +2 -2
- package/dist/components/query-builder/styles.module.css +4 -1
- package/dist/components/query-builder/value-editor.d.ts +2 -2
- package/dist/components/query-builder/value-editor.js +1 -1
- package/dist/components/query-builder/value-editor.js.map +1 -1
- package/dist/components/query-builder/value-selector.d.ts +2 -2
- package/dist/components/radio/context.d.ts +3 -3
- package/dist/components/radio/group.d.ts +2 -2
- package/dist/components/radio/index.d.ts +2 -2
- package/dist/components/search-field/context.d.ts +4 -4
- package/dist/components/search-field/index.d.ts +2 -2
- package/dist/components/select-field/context.d.ts +4 -4
- package/dist/components/select-field/index.d.ts +2 -2
- package/dist/components/sidenav/avatar.d.ts +2 -2
- package/dist/components/sidenav/content.d.ts +2 -2
- package/dist/components/sidenav/context.d.ts +2 -2
- package/dist/components/sidenav/footer.d.ts +2 -2
- package/dist/components/sidenav/header.d.ts +2 -2
- package/dist/components/sidenav/index.d.ts +2 -2
- package/dist/components/sidenav/item.d.ts +2 -2
- package/dist/components/sidenav/link.d.ts +2 -2
- package/dist/components/sidenav/menu-item.d.ts +2 -2
- package/dist/components/sidenav/menu.d.ts +2 -2
- package/dist/components/sidenav/styles.module.css +20 -8
- package/dist/components/sidenav/trigger.d.ts +2 -2
- package/dist/components/skeleton/index.d.ts +2 -2
- package/dist/components/slider/index.d.ts +2 -2
- package/dist/components/status-indicator/index.d.ts +2 -2
- package/dist/components/switch/context.d.ts +4 -4
- package/dist/components/switch/index.d.ts +2 -2
- package/dist/components/table/body.d.ts +2 -2
- package/dist/components/table/cell.d.ts +2 -2
- package/dist/components/table/context.d.ts +2 -2
- package/dist/components/table/header-cell.d.ts +2 -2
- package/dist/components/table/header.d.ts +2 -2
- package/dist/components/table/index.d.ts +6 -2
- package/dist/components/table/index.js +17 -4
- package/dist/components/table/index.js.map +1 -1
- package/dist/components/table/row.d.ts +2 -2
- package/dist/components/table/types.d.ts +17 -0
- package/dist/components/tabs/context.d.ts +6 -6
- package/dist/components/tabs/index.d.ts +2 -2
- package/dist/components/tabs/list.d.ts +2 -2
- package/dist/components/tabs/panel.d.ts +2 -2
- package/dist/components/tabs/tab.d.ts +2 -2
- package/dist/components/text-area-field/context.d.ts +4 -4
- package/dist/components/text-area-field/index.d.ts +2 -2
- package/dist/components/text-field/context.d.ts +4 -4
- package/dist/components/text-field/index.d.ts +2 -2
- package/dist/components/time-field/index.d.ts +2 -2
- package/dist/components/tooltip/context.d.ts +2 -2
- package/dist/components/tooltip/index.d.ts +2 -2
- package/dist/components/tooltip/trigger.d.ts +2 -2
- package/dist/components/tree/context.d.ts +3 -3
- package/dist/components/tree/index.d.ts +2 -2
- package/dist/components/tree/item-actions.d.ts +2 -2
- package/dist/components/tree/item-content.d.ts +2 -2
- package/dist/components/tree/item-description.d.ts +2 -2
- package/dist/components/tree/item-label.d.ts +2 -2
- package/dist/components/tree/item-prefix-icon.d.ts +2 -2
- package/dist/components/tree/item.d.ts +2 -2
- package/dist/components/tree/lines.d.ts +2 -2
- package/dist/components/video/index.d.ts +2 -2
- package/dist/components/view-stack/context.d.ts +2 -2
- package/dist/components/view-stack/index.d.ts +2 -2
- package/dist/components/view-stack/trigger.d.ts +2 -2
- package/dist/components/view-stack/view.d.ts +2 -2
- package/dist/providers/portal.d.ts +2 -2
- package/dist/providers/theme-provider.d.ts +2 -2
- package/package.json +9 -9
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"value-editor.js","names":["defaultOptions: unknown[]","valueEditors: QueryBuilderValueEditors"],"sources":["../../../src/components/query-builder/value-editor.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 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 { useCallback } from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport styles from './styles.module.css';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\nimport type { InputProps } from '../input/types';\nimport type { QueryBuilderValueEditors } from './types';\n\nfunction CheckboxValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n value,\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <Checkbox\n classNames={{ checkbox: className }}\n isDisabled={disabled}\n isSelected={value}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n />\n );\n}\n\nfunction RadioGroupValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n value,\n values,\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <RadioGroup\n classNames={{ group: className }}\n value={value}\n isDisabled={disabled}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n aria-labelledby={name}\n >\n {values?.map((option) => (\n <Radio key={option.name} value={option.value}>\n {option.label}\n </Radio>\n ))}\n </RadioGroup>\n );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n type,\n value,\n values = defaultOptions,\n ...rest\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <ValueSelector\n {...rest}\n className={className}\n disabled={disabled}\n multiple={type === 'multiselect'}\n options={values}\n title={name}\n validation={!valid}\n value={value}\n handleOnChange={handleOnChange}\n aria-labelledby={name}\n />\n );\n}\n\nfunction SwitchValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n value,\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <Switch\n classNames={{ switch: className }}\n isDisabled={disabled}\n isSelected={Boolean(value)}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n aria-labelledby={name}\n />\n );\n}\n\nfunction TextValueEditor({\n disabled,\n fieldData: { name, placeholder, validator },\n handleOnChange,\n inputType,\n rule,\n value,\n className,\n}: ValueEditorProps) {\n const { valid, reasons } = getValidationResult(rule, validator);\n\n return (\n <TextField\n inputProps={{\n placeholder,\n type: (inputType as InputProps['type']) ?? 'text',\n }}\n size='small'\n value={value}\n classNames={{ field: className, input: { container: styles.textInput } }}\n isDisabled={disabled}\n isInvalid={!valid}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n aria-labelledby={name}\n errorMessage={reasons?.join('/n')}\n />\n );\n}\n\nfunction TextareaValueEditor({\n className,\n disabled,\n fieldData: { name, placeholder, validator },\n handleOnChange,\n rule,\n value,\n}: ValueEditorProps) {\n const { valid, reasons } = getValidationResult(rule, validator);\n\n return (\n <TextAreaField\n classNames={{ field: className }}\n size='small'\n errorMessage={reasons?.join('/n')}\n inputProps={{ placeholder }}\n value={value}\n isDisabled={disabled}\n isInvalid={!valid}\n onChange={handleOnChange}\n aria-label={name}\n aria-invalid={!valid}\n aria-labelledby={name}\n />\n );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n checkbox: CheckboxValueEditor,\n radio: RadioGroupValueEditor,\n select: SelectValueEditor,\n switch: SwitchValueEditor,\n text: TextValueEditor,\n textarea: TextareaValueEditor,\n};\n\n/**\n * ValueEditor - Input component for editing rule values\n *\n * Renders appropriate editor based on field type: text, checkbox, radio, select, switch, or textarea.\n * Supports multi-value operators (between, notBetween) with start/end inputs.\n *\n * @example\n * ```tsx\n * <ValueEditor\n * fieldData={{ name: 'age', valueEditorType: 'text' }}\n * operator=\"greaterThan\"\n * value=\"18\"\n * handleOnChange={(value) => console.log(value)}\n * rule={{ field: 'age', operator: 'greaterThan', value: '18' }}\n * />\n * ```\n *\n * @param props - ValueEditorProps from react-querybuilder.\n * @returns The rendered value editor, or null for null/notNull operators.\n */\nexport function ValueEditor(props: ValueEditorProps) {\n const {\n fieldData: { name, valueEditorType },\n operator,\n rule: ruleProp,\n } = props;\n\n const { valueAsArray, multiValueHandler } = useValueEditor({\n ...props,\n skipHook: true,\n });\n\n const rule = useCallback(\n (index: number) => ({\n ...ruleProp,\n value: valueAsArray[index],\n }),\n [ruleProp, valueAsArray],\n );\n\n const handleRangeStartChange = useCallback(\n (value: string) => multiValueHandler(value, 0),\n [multiValueHandler],\n );\n\n const handleRangeEndChange = useCallback(\n (value: string) => multiValueHandler(value, 1),\n [multiValueHandler],\n );\n\n const type =\n (typeof valueEditorType === 'function'\n ? valueEditorType(operator)\n : valueEditorType) ?? 'text';\n\n const Editor = valueEditors?.[type];\n\n if (operator === 'null' || operator === 'notNull' || !Editor) {\n return null;\n }\n\n if (multiValueOperators.includes(operator)) {\n return (\n <>\n {['start', 'end'].map((term, index) => (\n <div key={`${name}-${term}`}>\n <Editor\n {...props}\n rule={rule(index)}\n value={valueAsArray[index]}\n handleOnChange={\n index ? handleRangeEndChange : handleRangeStartChange\n }\n />\n </div>\n ))}\n </>\n );\n }\n\n return (\n <div>\n <Editor {...props} />\n </div>\n );\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"value-editor.js","names":["defaultOptions: unknown[]","valueEditors: QueryBuilderValueEditors"],"sources":["../../../src/components/query-builder/value-editor.tsx"],"sourcesContent":["// __private-exports\n/*\n * Copyright 2026 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 { useCallback } from 'react';\nimport { useValueEditor, type ValueEditorProps } from 'react-querybuilder';\nimport { Checkbox } from '../checkbox';\nimport { Radio } from '../radio';\nimport { RadioGroup } from '../radio/group';\nimport { Switch } from '../switch';\nimport { TextAreaField } from '../text-area-field';\nimport { TextField } from '../text-field';\nimport { multiValueOperators } from './constants';\nimport styles from './styles.module.css';\nimport { getValidationResult } from './utils';\nimport { ValueSelector } from './value-selector';\nimport type { InputProps } from '../input/types';\nimport type { QueryBuilderValueEditors } from './types';\n\nfunction CheckboxValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n value,\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <Checkbox\n classNames={{ checkbox: className }}\n isDisabled={disabled}\n isSelected={value}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n />\n );\n}\n\nfunction RadioGroupValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n value,\n values,\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <RadioGroup\n classNames={{ group: className }}\n value={value}\n isDisabled={disabled}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n aria-labelledby={name}\n >\n {values?.map((option) => (\n <Radio key={option.name} value={option.value}>\n {option.label}\n </Radio>\n ))}\n </RadioGroup>\n );\n}\n\nconst defaultOptions: unknown[] = [];\n\nfunction SelectValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n type,\n value,\n values = defaultOptions,\n ...rest\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <ValueSelector\n {...rest}\n className={className}\n disabled={disabled}\n multiple={type === 'multiselect'}\n options={values}\n title={name}\n validation={!valid}\n value={value}\n handleOnChange={handleOnChange}\n aria-labelledby={name}\n />\n );\n}\n\nfunction SwitchValueEditor({\n className,\n disabled,\n fieldData: { name, validator },\n handleOnChange,\n rule,\n value,\n}: ValueEditorProps) {\n const { valid } = getValidationResult(rule, validator);\n\n return (\n <Switch\n classNames={{ switch: className }}\n isDisabled={disabled}\n isSelected={Boolean(value)}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n aria-labelledby={name}\n />\n );\n}\n\nfunction TextValueEditor({\n disabled,\n fieldData: { name, placeholder, validator },\n handleOnChange,\n inputType,\n rule,\n value,\n className,\n}: ValueEditorProps) {\n const { valid, reasons } = getValidationResult(rule, validator);\n\n return (\n <TextField\n inputProps={{\n placeholder,\n type: (inputType as InputProps['type']) ?? 'text',\n }}\n size='small'\n value={value}\n classNames={{ field: className, input: { container: styles.textInput } }}\n isDisabled={disabled}\n isInvalid={!valid}\n onChange={handleOnChange}\n aria-invalid={!valid}\n aria-label={name}\n aria-labelledby={name}\n errorMessage={reasons?.join('/n')}\n />\n );\n}\n\nfunction TextareaValueEditor({\n className,\n disabled,\n fieldData: { name, placeholder, validator },\n handleOnChange,\n rule,\n value,\n}: ValueEditorProps) {\n const { valid, reasons } = getValidationResult(rule, validator);\n\n return (\n <TextAreaField\n classNames={{ field: className }}\n size='small'\n errorMessage={reasons?.join('/n')}\n inputProps={{ placeholder }}\n value={value}\n isDisabled={disabled}\n isInvalid={!valid}\n onChange={handleOnChange}\n aria-label={name}\n aria-invalid={!valid}\n aria-labelledby={name}\n />\n );\n}\n\nconst valueEditors: QueryBuilderValueEditors = {\n checkbox: CheckboxValueEditor,\n radio: RadioGroupValueEditor,\n select: SelectValueEditor,\n switch: SwitchValueEditor,\n text: TextValueEditor,\n textarea: TextareaValueEditor,\n};\n\n/**\n * ValueEditor - Input component for editing rule values\n *\n * Renders appropriate editor based on field type: text, checkbox, radio, select, switch, or textarea.\n * Supports multi-value operators (between, notBetween) with start/end inputs.\n *\n * @example\n * ```tsx\n * <ValueEditor\n * fieldData={{ name: 'age', valueEditorType: 'text' }}\n * operator=\"greaterThan\"\n * value=\"18\"\n * handleOnChange={(value) => console.log(value)}\n * rule={{ field: 'age', operator: 'greaterThan', value: '18' }}\n * />\n * ```\n *\n * @param props - ValueEditorProps from react-querybuilder.\n * @returns The rendered value editor, or null for null/notNull operators.\n */\nexport function ValueEditor(props: ValueEditorProps) {\n const {\n fieldData: { name, valueEditorType },\n operator,\n rule: ruleProp,\n } = props;\n\n const { valueAsArray, multiValueHandler } = useValueEditor({\n ...props,\n skipHook: true,\n });\n\n const rule = useCallback(\n (index: number) => ({\n ...ruleProp,\n value: valueAsArray[index],\n }),\n [ruleProp, valueAsArray],\n );\n\n const handleRangeStartChange = useCallback(\n (value: string) => multiValueHandler(value, 0),\n [multiValueHandler],\n );\n\n const handleRangeEndChange = useCallback(\n (value: string) => multiValueHandler(value, 1),\n [multiValueHandler],\n );\n\n const type =\n (typeof valueEditorType === 'function'\n ? valueEditorType(operator)\n : valueEditorType) ?? 'text';\n\n const Editor = valueEditors?.[type];\n\n if (operator === 'null' || operator === 'notNull' || !Editor) {\n return null;\n }\n\n if (multiValueOperators.includes(operator)) {\n return (\n <>\n {['start', 'end'].map((term, index) => (\n <div key={`${name}-${term}`}>\n <Editor\n {...props}\n rule={rule(index)}\n value={valueAsArray[index]}\n handleOnChange={\n index ? handleRangeEndChange : handleRangeStartChange\n }\n />\n </div>\n ))}\n </>\n );\n }\n\n return <Editor {...props} />;\n}\n"],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import "client-only";
|
|
14
|
-
import * as
|
|
14
|
+
import * as react_jsx_runtime78 from "react/jsx-runtime";
|
|
15
15
|
import { ValueSelectorProps } from "react-querybuilder";
|
|
16
16
|
|
|
17
17
|
//#region src/components/query-builder/value-selector.d.ts
|
|
@@ -36,7 +36,7 @@ import { ValueSelectorProps } from "react-querybuilder";
|
|
|
36
36
|
* @param props - ValueSelectorProps from react-querybuilder.
|
|
37
37
|
* @returns The rendered ValueSelector dropdown.
|
|
38
38
|
*/
|
|
39
|
-
declare function ValueSelector(props: ValueSelectorProps):
|
|
39
|
+
declare function ValueSelector(props: ValueSelectorProps): react_jsx_runtime78.JSX.Element;
|
|
40
40
|
//#endregion
|
|
41
41
|
export { ValueSelector };
|
|
42
42
|
//# sourceMappingURL=value-selector.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1 } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react36 from "react";
|
|
16
16
|
import { ContextValue } from "react-aria-components";
|
|
17
17
|
|
|
18
18
|
//#region src/components/radio/context.d.ts
|
|
@@ -21,13 +21,13 @@ import { ContextValue } from "react-aria-components";
|
|
|
21
21
|
*
|
|
22
22
|
* Provides context for RadioGroup component to share state with Radio components
|
|
23
23
|
*/
|
|
24
|
-
declare const RadioGroupContext:
|
|
24
|
+
declare const RadioGroupContext: react36.Context<ContextValue<RadioGroupProps$1, HTMLDivElement>>;
|
|
25
25
|
/**
|
|
26
26
|
* Context for Radio component
|
|
27
27
|
*
|
|
28
28
|
* Provides context for Radio component to share configuration from RadioGroup
|
|
29
29
|
*/
|
|
30
|
-
declare const RadioContext:
|
|
30
|
+
declare const RadioContext: react36.Context<ContextValue<RadioProps$1, HTMLLabelElement>>;
|
|
31
31
|
//#endregion
|
|
32
32
|
export { RadioContext, RadioGroupContext };
|
|
33
33
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { RadioGroupProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime79 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/radio/group.d.ts
|
|
18
18
|
|
|
@@ -41,7 +41,7 @@ import * as react_jsx_runtime189 from "react/jsx-runtime";
|
|
|
41
41
|
declare function RadioGroup({
|
|
42
42
|
ref,
|
|
43
43
|
...props
|
|
44
|
-
}: RadioGroupProps):
|
|
44
|
+
}: RadioGroupProps): react_jsx_runtime79.JSX.Element;
|
|
45
45
|
//#endregion
|
|
46
46
|
export { RadioGroup };
|
|
47
47
|
//# sourceMappingURL=group.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { RadioProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime80 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/radio/index.d.ts
|
|
18
18
|
|
|
@@ -37,7 +37,7 @@ import * as react_jsx_runtime190 from "react/jsx-runtime";
|
|
|
37
37
|
declare function Radio({
|
|
38
38
|
ref,
|
|
39
39
|
...props
|
|
40
|
-
}: RadioProps):
|
|
40
|
+
}: RadioProps): react_jsx_runtime80.JSX.Element;
|
|
41
41
|
//#endregion
|
|
42
42
|
export { Radio };
|
|
43
43
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
import { ProviderProps } from "../../lib/types.js";
|
|
14
14
|
import { SearchFieldProps as SearchFieldProps$1 } from "./types.js";
|
|
15
15
|
import "client-only";
|
|
16
|
-
import * as
|
|
16
|
+
import * as react26 from "react";
|
|
17
17
|
import { ContextValue } from "react-aria-components";
|
|
18
|
-
import * as
|
|
18
|
+
import * as react_jsx_runtime81 from "react/jsx-runtime";
|
|
19
19
|
|
|
20
20
|
//#region src/components/search-field/context.d.ts
|
|
21
21
|
/**
|
|
@@ -23,7 +23,7 @@ import * as react_jsx_runtime184 from "react/jsx-runtime";
|
|
|
23
23
|
*
|
|
24
24
|
* Provides context for SearchField component to share props
|
|
25
25
|
*/
|
|
26
|
-
declare const SearchFieldContext:
|
|
26
|
+
declare const SearchFieldContext: react26.Context<ContextValue<SearchFieldProps$1, HTMLDivElement>>;
|
|
27
27
|
/**
|
|
28
28
|
* Provider for SearchField component
|
|
29
29
|
*
|
|
@@ -35,7 +35,7 @@ declare const SearchFieldContext: react43.Context<ContextValue<SearchFieldProps$
|
|
|
35
35
|
declare function SearchFieldProvider({
|
|
36
36
|
children,
|
|
37
37
|
...props
|
|
38
|
-
}: ProviderProps<SearchFieldProps$1>):
|
|
38
|
+
}: ProviderProps<SearchFieldProps$1>): react_jsx_runtime81.JSX.Element;
|
|
39
39
|
//#endregion
|
|
40
40
|
export { SearchFieldContext, SearchFieldProvider };
|
|
41
41
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SearchFieldProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime82 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/search-field/index.d.ts
|
|
18
18
|
|
|
@@ -41,7 +41,7 @@ import * as react_jsx_runtime91 from "react/jsx-runtime";
|
|
|
41
41
|
declare function SearchField({
|
|
42
42
|
ref,
|
|
43
43
|
...props
|
|
44
|
-
}: SearchFieldProps):
|
|
44
|
+
}: SearchFieldProps): react_jsx_runtime82.JSX.Element;
|
|
45
45
|
//#endregion
|
|
46
46
|
export { SearchField };
|
|
47
47
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
import { ProviderProps } from "../../lib/types.js";
|
|
14
14
|
import { SelectFieldProps } from "./types.js";
|
|
15
15
|
import "client-only";
|
|
16
|
-
import * as
|
|
16
|
+
import * as react27 from "react";
|
|
17
17
|
import { ContextValue } from "react-aria-components";
|
|
18
|
-
import * as
|
|
18
|
+
import * as react_jsx_runtime83 from "react/jsx-runtime";
|
|
19
19
|
|
|
20
20
|
//#region src/components/select-field/context.d.ts
|
|
21
21
|
/** Context for SelectField component */
|
|
22
|
-
declare const SelectFieldContext:
|
|
22
|
+
declare const SelectFieldContext: react27.Context<ContextValue<SelectFieldProps, HTMLDivElement>>;
|
|
23
23
|
/**
|
|
24
24
|
* Provider for setting default props across multiple SelectField components
|
|
25
25
|
*
|
|
@@ -29,7 +29,7 @@ declare const SelectFieldContext: react30.Context<ContextValue<SelectFieldProps,
|
|
|
29
29
|
declare function SelectFieldProvider({
|
|
30
30
|
children,
|
|
31
31
|
...props
|
|
32
|
-
}: ProviderProps<SelectFieldProps>):
|
|
32
|
+
}: ProviderProps<SelectFieldProps>): react_jsx_runtime83.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
34
|
export { SelectFieldContext, SelectFieldProvider };
|
|
35
35
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SelectFieldProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime84 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/select-field/index.d.ts
|
|
18
18
|
|
|
@@ -43,7 +43,7 @@ import * as react_jsx_runtime142 from "react/jsx-runtime";
|
|
|
43
43
|
declare function SelectField({
|
|
44
44
|
ref,
|
|
45
45
|
...props
|
|
46
|
-
}: SelectFieldProps):
|
|
46
|
+
}: SelectFieldProps): react_jsx_runtime84.JSX.Element;
|
|
47
47
|
//#endregion
|
|
48
48
|
export { SelectField };
|
|
49
49
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavAvatarProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime85 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/avatar.d.ts
|
|
18
18
|
|
|
@@ -41,7 +41,7 @@ declare function SidenavAvatar({
|
|
|
41
41
|
children,
|
|
42
42
|
className,
|
|
43
43
|
...rest
|
|
44
|
-
}: SidenavAvatarProps):
|
|
44
|
+
}: SidenavAvatarProps): react_jsx_runtime85.JSX.Element;
|
|
45
45
|
//#endregion
|
|
46
46
|
export { SidenavAvatar };
|
|
47
47
|
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavContentProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime90 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/content.d.ts
|
|
18
18
|
|
|
@@ -45,7 +45,7 @@ declare function SidenavContent({
|
|
|
45
45
|
className,
|
|
46
46
|
children,
|
|
47
47
|
...rest
|
|
48
|
-
}: SidenavContentProps):
|
|
48
|
+
}: SidenavContentProps): react_jsx_runtime90.JSX.Element;
|
|
49
49
|
//#endregion
|
|
50
50
|
export { SidenavContent };
|
|
51
51
|
//# sourceMappingURL=content.d.ts.map
|
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavContextValue } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react38 from "react";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/context.d.ts
|
|
18
18
|
/** Context for sidenav state and identification */
|
|
19
|
-
declare const SidenavContext:
|
|
19
|
+
declare const SidenavContext: react38.Context<SidenavContextValue>;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { SidenavContext };
|
|
22
22
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import { SidenavFooterProps } from "./types.js";
|
|
14
|
-
import * as
|
|
14
|
+
import * as react_jsx_runtime112 from "react/jsx-runtime";
|
|
15
15
|
|
|
16
16
|
//#region src/components/sidenav/footer.d.ts
|
|
17
17
|
|
|
@@ -33,7 +33,7 @@ import * as react_jsx_runtime147 from "react/jsx-runtime";
|
|
|
33
33
|
* @param props - {@link SidenavFooterProps}
|
|
34
34
|
* @returns The rendered SidenavFooter component.
|
|
35
35
|
*/
|
|
36
|
-
declare function SidenavFooter(props: SidenavFooterProps):
|
|
36
|
+
declare function SidenavFooter(props: SidenavFooterProps): react_jsx_runtime112.JSX.Element;
|
|
37
37
|
//#endregion
|
|
38
38
|
export { SidenavFooter };
|
|
39
39
|
//# sourceMappingURL=footer.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavHeaderProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime86 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/header.d.ts
|
|
18
18
|
|
|
@@ -42,7 +42,7 @@ declare function SidenavHeader({
|
|
|
42
42
|
children,
|
|
43
43
|
classNames,
|
|
44
44
|
...rest
|
|
45
|
-
}: SidenavHeaderProps):
|
|
45
|
+
}: SidenavHeaderProps): react_jsx_runtime86.JSX.Element;
|
|
46
46
|
//#endregion
|
|
47
47
|
export { SidenavHeader };
|
|
48
48
|
//# sourceMappingURL=header.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime87 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/index.d.ts
|
|
18
18
|
|
|
@@ -87,7 +87,7 @@ declare function Sidenav({
|
|
|
87
87
|
isHiddenWhenClosed,
|
|
88
88
|
children,
|
|
89
89
|
...rest
|
|
90
|
-
}: SidenavProps):
|
|
90
|
+
}: SidenavProps): react_jsx_runtime87.JSX.Element | null;
|
|
91
91
|
//#endregion
|
|
92
92
|
export { Sidenav };
|
|
93
93
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavItemProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime110 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/item.d.ts
|
|
18
18
|
|
|
@@ -40,7 +40,7 @@ declare function SidenavItem({
|
|
|
40
40
|
classNames,
|
|
41
41
|
textValue,
|
|
42
42
|
...rest
|
|
43
|
-
}: SidenavItemProps):
|
|
43
|
+
}: SidenavItemProps): react_jsx_runtime110.JSX.Element;
|
|
44
44
|
//#endregion
|
|
45
45
|
export { SidenavItem };
|
|
46
46
|
//# sourceMappingURL=item.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavLinkProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime88 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/link.d.ts
|
|
18
18
|
|
|
@@ -40,7 +40,7 @@ declare function SidenavLink({
|
|
|
40
40
|
classNames,
|
|
41
41
|
textValue,
|
|
42
42
|
...rest
|
|
43
|
-
}: SidenavLinkProps):
|
|
43
|
+
}: SidenavLinkProps): react_jsx_runtime88.JSX.Element;
|
|
44
44
|
//#endregion
|
|
45
45
|
export { SidenavLink };
|
|
46
46
|
//# sourceMappingURL=link.d.ts.map
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import { SidenavMenuItemProps } from "./types.js";
|
|
14
|
-
import * as
|
|
14
|
+
import * as react_jsx_runtime115 from "react/jsx-runtime";
|
|
15
15
|
|
|
16
16
|
//#region src/components/sidenav/menu-item.d.ts
|
|
17
17
|
|
|
@@ -37,7 +37,7 @@ declare function SidenavMenuItem({
|
|
|
37
37
|
className,
|
|
38
38
|
children,
|
|
39
39
|
...rest
|
|
40
|
-
}: SidenavMenuItemProps):
|
|
40
|
+
}: SidenavMenuItemProps): react_jsx_runtime115.JSX.Element;
|
|
41
41
|
//#endregion
|
|
42
42
|
export { SidenavMenuItem };
|
|
43
43
|
//# sourceMappingURL=menu-item.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavMenuProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime89 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/menu.d.ts
|
|
18
18
|
|
|
@@ -43,7 +43,7 @@ declare function SidenavMenu({
|
|
|
43
43
|
classNames,
|
|
44
44
|
children,
|
|
45
45
|
...rest
|
|
46
|
-
}: SidenavMenuProps):
|
|
46
|
+
}: SidenavMenuProps): react_jsx_runtime89.JSX.Element;
|
|
47
47
|
//#endregion
|
|
48
48
|
export { SidenavMenu };
|
|
49
49
|
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
@layer components.l1 {
|
|
16
16
|
.sidenav {
|
|
17
|
-
@apply fg-
|
|
17
|
+
@apply fg-primary-bold gap-xs bg-surface-default p-m absolute left-0 row-span-full flex h-full flex-col;
|
|
18
18
|
|
|
19
19
|
@variant closed {
|
|
20
20
|
@apply items-center;
|
|
@@ -81,11 +81,11 @@
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
@variant pressed {
|
|
84
|
-
@apply bg-accent-primary-pressed;
|
|
84
|
+
@apply fg-a11y-on-accent bg-accent-primary-pressed;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
@variant selected {
|
|
88
|
-
@apply bg-accent-primary-bold;
|
|
88
|
+
@apply fg-a11y-on-accent bg-accent-primary-bold;
|
|
89
89
|
|
|
90
90
|
@variant hover {
|
|
91
91
|
@apply bg-accent-primary-hover;
|
|
@@ -98,6 +98,10 @@
|
|
|
98
98
|
@variant pressed {
|
|
99
99
|
@apply bg-accent-primary-pressed;
|
|
100
100
|
}
|
|
101
|
+
|
|
102
|
+
@variant disabled {
|
|
103
|
+
@apply fg-a11y-on-accent;
|
|
104
|
+
}
|
|
101
105
|
}
|
|
102
106
|
|
|
103
107
|
@variant disabled {
|
|
@@ -129,7 +133,7 @@
|
|
|
129
133
|
}
|
|
130
134
|
|
|
131
135
|
@variant pressed {
|
|
132
|
-
@apply bg-accent-primary-pressed;
|
|
136
|
+
@apply fg-a11y-on-accent bg-accent-primary-pressed;
|
|
133
137
|
}
|
|
134
138
|
|
|
135
139
|
@variant disabled {
|
|
@@ -164,11 +168,11 @@
|
|
|
164
168
|
}
|
|
165
169
|
|
|
166
170
|
@variant pressed {
|
|
167
|
-
@apply bg-accent-primary-pressed;
|
|
171
|
+
@apply fg-a11y-on-accent bg-accent-primary-pressed;
|
|
168
172
|
}
|
|
169
173
|
|
|
170
174
|
@variant selected {
|
|
171
|
-
@apply bg-accent-primary-bold;
|
|
175
|
+
@apply fg-a11y-on-accent bg-accent-primary-bold;
|
|
172
176
|
|
|
173
177
|
@variant hover {
|
|
174
178
|
@apply bg-accent-primary-hover;
|
|
@@ -181,6 +185,10 @@
|
|
|
181
185
|
@variant pressed {
|
|
182
186
|
@apply bg-accent-primary-pressed;
|
|
183
187
|
}
|
|
188
|
+
|
|
189
|
+
@variant disabled {
|
|
190
|
+
@apply fg-a11y-on-accent;
|
|
191
|
+
}
|
|
184
192
|
}
|
|
185
193
|
|
|
186
194
|
@variant disabled {
|
|
@@ -248,11 +256,11 @@
|
|
|
248
256
|
}
|
|
249
257
|
|
|
250
258
|
@variant pressed {
|
|
251
|
-
@apply bg-accent-primary-pressed;
|
|
259
|
+
@apply fg-a11y-on-accent bg-accent-primary-pressed;
|
|
252
260
|
}
|
|
253
261
|
|
|
254
262
|
@variant selected {
|
|
255
|
-
@apply bg-accent-primary-bold;
|
|
263
|
+
@apply fg-a11y-on-accent bg-accent-primary-bold;
|
|
256
264
|
|
|
257
265
|
@variant hover {
|
|
258
266
|
@apply bg-accent-primary-hover;
|
|
@@ -265,6 +273,10 @@
|
|
|
265
273
|
@variant pressed {
|
|
266
274
|
@apply bg-accent-primary-pressed;
|
|
267
275
|
}
|
|
276
|
+
|
|
277
|
+
@variant disabled {
|
|
278
|
+
@apply fg-a11y-on-accent;
|
|
279
|
+
}
|
|
268
280
|
}
|
|
269
281
|
|
|
270
282
|
@variant disabled {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SidenavTriggerProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime111 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/sidenav/trigger.d.ts
|
|
18
18
|
|
|
@@ -39,7 +39,7 @@ declare function SidenavTrigger({
|
|
|
39
39
|
children,
|
|
40
40
|
for: type,
|
|
41
41
|
...rest
|
|
42
|
-
}: SidenavTriggerProps):
|
|
42
|
+
}: SidenavTriggerProps): react_jsx_runtime111.JSX.Element;
|
|
43
43
|
//#endregion
|
|
44
44
|
export { SidenavTrigger };
|
|
45
45
|
//# sourceMappingURL=trigger.d.ts.map
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import { SkeletonProps } from "./types.js";
|
|
14
|
-
import * as
|
|
14
|
+
import * as react_jsx_runtime127 from "react/jsx-runtime";
|
|
15
15
|
|
|
16
16
|
//#region src/components/skeleton/index.d.ts
|
|
17
17
|
/**
|
|
@@ -34,7 +34,7 @@ declare function Skeleton({
|
|
|
34
34
|
className,
|
|
35
35
|
variant,
|
|
36
36
|
...rest
|
|
37
|
-
}: SkeletonProps):
|
|
37
|
+
}: SkeletonProps): react_jsx_runtime127.JSX.Element;
|
|
38
38
|
//#endregion
|
|
39
39
|
export { Skeleton };
|
|
40
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SliderProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime113 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/slider/index.d.ts
|
|
18
18
|
|
|
@@ -71,7 +71,7 @@ declare function Slider({
|
|
|
71
71
|
step: stepProp,
|
|
72
72
|
value: valueProp,
|
|
73
73
|
...rest
|
|
74
|
-
}: SliderProps):
|
|
74
|
+
}: SliderProps): react_jsx_runtime113.JSX.Element;
|
|
75
75
|
//#endregion
|
|
76
76
|
export { Slider };
|
|
77
77
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { StatusIndicatorProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime91 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/status-indicator/index.d.ts
|
|
18
18
|
/**
|
|
@@ -35,7 +35,7 @@ declare function StatusIndicator({
|
|
|
35
35
|
className,
|
|
36
36
|
status,
|
|
37
37
|
...rest
|
|
38
|
-
}: StatusIndicatorProps):
|
|
38
|
+
}: StatusIndicatorProps): react_jsx_runtime91.JSX.Element;
|
|
39
39
|
//#endregion
|
|
40
40
|
export { StatusIndicator };
|
|
41
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
import { ProviderProps } from "../../lib/types.js";
|
|
14
14
|
import { SwitchProps as SwitchProps$1 } from "./types.js";
|
|
15
15
|
import "client-only";
|
|
16
|
-
import * as
|
|
16
|
+
import * as react28 from "react";
|
|
17
17
|
import { ContextValue } from "react-aria-components";
|
|
18
|
-
import * as
|
|
18
|
+
import * as react_jsx_runtime92 from "react/jsx-runtime";
|
|
19
19
|
|
|
20
20
|
//#region src/components/switch/context.d.ts
|
|
21
21
|
/** Context for sharing props across Switch components */
|
|
22
|
-
declare const SwitchContext:
|
|
22
|
+
declare const SwitchContext: react28.Context<ContextValue<SwitchProps$1, HTMLLabelElement>>;
|
|
23
23
|
/**
|
|
24
24
|
* Sets default props for all Switch components within.
|
|
25
25
|
*
|
|
@@ -38,7 +38,7 @@ declare const SwitchContext: react31.Context<ContextValue<SwitchProps$1, HTMLLab
|
|
|
38
38
|
declare function SwitchProvider({
|
|
39
39
|
children,
|
|
40
40
|
...props
|
|
41
|
-
}: ProviderProps<SwitchProps$1>):
|
|
41
|
+
}: ProviderProps<SwitchProps$1>): react_jsx_runtime92.JSX.Element;
|
|
42
42
|
//#endregion
|
|
43
43
|
export { SwitchContext, SwitchProvider };
|
|
44
44
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
import { SwitchProps } from "./types.js";
|
|
14
14
|
import "client-only";
|
|
15
|
-
import * as
|
|
15
|
+
import * as react_jsx_runtime118 from "react/jsx-runtime";
|
|
16
16
|
|
|
17
17
|
//#region src/components/switch/index.d.ts
|
|
18
18
|
|
|
@@ -38,7 +38,7 @@ import * as react_jsx_runtime163 from "react/jsx-runtime";
|
|
|
38
38
|
declare function Switch({
|
|
39
39
|
ref,
|
|
40
40
|
...props
|
|
41
|
-
}: SwitchProps):
|
|
41
|
+
}: SwitchProps): react_jsx_runtime118.JSX.Element;
|
|
42
42
|
//#endregion
|
|
43
43
|
export { Switch };
|
|
44
44
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import { TableBodyProps } from "./types.js";
|
|
14
|
-
import * as
|
|
14
|
+
import * as react_jsx_runtime119 from "react/jsx-runtime";
|
|
15
15
|
|
|
16
16
|
//#region src/components/table/body.d.ts
|
|
17
17
|
|
|
@@ -39,7 +39,7 @@ declare function TableBody<T>({
|
|
|
39
39
|
ref,
|
|
40
40
|
rows,
|
|
41
41
|
...rest
|
|
42
|
-
}: TableBodyProps<T>):
|
|
42
|
+
}: TableBodyProps<T>): react_jsx_runtime119.JSX.Element;
|
|
43
43
|
//#endregion
|
|
44
44
|
export { TableBody };
|
|
45
45
|
//# sourceMappingURL=body.d.ts.map
|