@starci/grammar 0.6.0 → 0.7.1
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/.build-stamp.json +4 -4
- package/dist/common/registry.d.ts +12 -12
- package/dist/common/renderers-forms.d.ts +13 -13
- package/dist/common/renderers-forms.d.ts.map +1 -1
- package/dist/common/renderers-forms.js +1 -1
- package/dist/common/renderers-forms.js.map +1 -1
- package/dist/common/styles.css +37 -21
- package/dist/core/branch/ComboBox/index.d.ts +3 -1
- package/dist/core/branch/ComboBox/index.d.ts.map +1 -1
- package/dist/core/branch/ComboBox/index.js +3 -3
- package/dist/core/branch/ComboBox/index.js.map +1 -1
- package/dist/core/branch/DatePicker/index.d.ts +3 -1
- package/dist/core/branch/DatePicker/index.d.ts.map +1 -1
- package/dist/core/branch/DatePicker/index.js +3 -3
- package/dist/core/branch/DatePicker/index.js.map +1 -1
- package/dist/core/branch/DateRangePicker/index.d.ts +3 -1
- package/dist/core/branch/DateRangePicker/index.d.ts.map +1 -1
- package/dist/core/branch/DateRangePicker/index.js +3 -3
- package/dist/core/branch/DateRangePicker/index.js.map +1 -1
- package/dist/core/branch/Select/index.d.ts +3 -1
- package/dist/core/branch/Select/index.d.ts.map +1 -1
- package/dist/core/branch/Select/index.js +3 -3
- package/dist/core/branch/Select/index.js.map +1 -1
- package/dist/core/composite/CheckboxGroup/index.d.ts +3 -1
- package/dist/core/composite/CheckboxGroup/index.d.ts.map +1 -1
- package/dist/core/composite/CheckboxGroup/index.js +2 -2
- package/dist/core/composite/CheckboxGroup/index.js.map +1 -1
- package/dist/core/composite/RadioGroup/index.d.ts +3 -1
- package/dist/core/composite/RadioGroup/index.d.ts.map +1 -1
- package/dist/core/composite/RadioGroup/index.js +2 -2
- package/dist/core/composite/RadioGroup/index.js.map +1 -1
- package/dist/core/index.d.ts +0 -108
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +0 -2
- package/dist/core/index.js.map +1 -1
- package/dist/core/primitive/Checkbox/index.d.ts +3 -1
- package/dist/core/primitive/Checkbox/index.d.ts.map +1 -1
- package/dist/core/primitive/Checkbox/index.js +2 -2
- package/dist/core/primitive/Checkbox/index.js.map +1 -1
- package/dist/core/primitive/DateField/index.d.ts +6 -3
- package/dist/core/primitive/DateField/index.d.ts.map +1 -1
- package/dist/core/primitive/DateField/index.js +4 -4
- package/dist/core/primitive/DateField/index.js.map +1 -1
- package/dist/core/primitive/Field/index.d.ts +12 -0
- package/dist/core/primitive/Field/index.d.ts.map +1 -1
- package/dist/core/primitive/Field/index.js +2 -0
- package/dist/core/primitive/Field/index.js.map +1 -1
- package/dist/core/primitive/Input/index.d.ts.map +1 -1
- package/dist/core/primitive/Input/index.js +1 -1
- package/dist/core/primitive/Input/index.js.map +1 -1
- package/dist/core/primitive/NumberField/index.d.ts +3 -1
- package/dist/core/primitive/NumberField/index.d.ts.map +1 -1
- package/dist/core/primitive/NumberField/index.js +2 -2
- package/dist/core/primitive/NumberField/index.js.map +1 -1
- package/dist/core/primitive/SearchField/index.d.ts +3 -1
- package/dist/core/primitive/SearchField/index.d.ts.map +1 -1
- package/dist/core/primitive/SearchField/index.js +2 -2
- package/dist/core/primitive/SearchField/index.js.map +1 -1
- package/dist/core/primitive/Textarea/index.d.ts +3 -1
- package/dist/core/primitive/Textarea/index.d.ts.map +1 -1
- package/dist/core/primitive/Textarea/index.js +3 -3
- package/dist/core/primitive/Textarea/index.js.map +1 -1
- package/dist/core/primitive/TimeField/index.d.ts +3 -1
- package/dist/core/primitive/TimeField/index.d.ts.map +1 -1
- package/dist/core/primitive/TimeField/index.js +2 -2
- package/dist/core/primitive/TimeField/index.js.map +1 -1
- package/package.json +2 -2
package/dist/.build-stamp.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schema": "starci/grammar-build-stamp@1",
|
|
3
3
|
"package": "@starci/grammar",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.7.1",
|
|
5
5
|
"algorithm": "starci/grammar-source-digest@1",
|
|
6
|
-
"sourceDigest": "sha256:
|
|
7
|
-
"distDigest": "sha256:
|
|
8
|
-
"builtAt": "2026-09-
|
|
6
|
+
"sourceDigest": "sha256:729dbb6d2501b00a06afec610cc935aad5135bb78a3347cc3c96196ca9bc2780",
|
|
7
|
+
"distDigest": "sha256:95e41f3a2abb8ec70dc05bab8c36fc37524ab6b196aa71e266ee1229c8f57985",
|
|
8
|
+
"builtAt": "2026-09-30T05:56:03.256Z"
|
|
9
9
|
}
|
|
@@ -42,25 +42,25 @@ export declare const COMMON_GRAMMAR_COMPONENTS: Readonly<{
|
|
|
42
42
|
readonly Toast: ({ toast, dismissLabel, onDismiss, isPaused }: import("./renderers-overlays.js").ToastProps) => import("react").JSX.Element;
|
|
43
43
|
readonly Toaster: ({ label, dismissLabel, queue, placement, maxVisible }: import("./renderers-overlays.js").ToasterProps) => import("react").JSX.Element;
|
|
44
44
|
readonly ButtonGroup: ({ label, children, orientation, isDisabled, width }: import("./renderers-forms.js").ButtonGroupProps) => import("react").JSX.Element;
|
|
45
|
-
readonly Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, ...field }: import("./renderers-forms.js").CheckboxProps) => import("react").JSX.Element;
|
|
46
|
-
readonly CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, ...field }: import("./renderers-forms.js").CheckboxGroupProps) => import("react").JSX.Element;
|
|
47
|
-
readonly ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, ...field }: import("./renderers-forms.js").ComboBoxProps) => import("react").JSX.Element;
|
|
48
|
-
readonly DateField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, ...field }: import("./renderers-forms.js").DateFieldProps) => import("react").JSX.Element;
|
|
49
|
-
readonly DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, ...field }: import("./renderers-forms.js").DatePickerProps) => import("react").JSX.Element;
|
|
50
|
-
readonly DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, ...field }: import("./renderers-forms.js").DateRangePickerProps) => import("react").JSX.Element;
|
|
45
|
+
readonly Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, variant, ...field }: import("./renderers-forms.js").CheckboxProps) => import("react").JSX.Element;
|
|
46
|
+
readonly CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, ...field }: import("./renderers-forms.js").CheckboxGroupProps) => import("react").JSX.Element;
|
|
47
|
+
readonly ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, variant, ...field }: import("./renderers-forms.js").ComboBoxProps) => import("react").JSX.Element;
|
|
48
|
+
readonly DateField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, variant, ...field }: import("./renderers-forms.js").DateFieldProps) => import("react").JSX.Element;
|
|
49
|
+
readonly DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, variant, ...field }: import("./renderers-forms.js").DatePickerProps) => import("react").JSX.Element;
|
|
50
|
+
readonly DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, variant, ...field }: import("./renderers-forms.js").DateRangePickerProps) => import("react").JSX.Element;
|
|
51
51
|
readonly Field: ({ id: idProp, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, children, }: import("./renderers-forms.js").FieldProps) => import("react").JSX.Element;
|
|
52
52
|
readonly Fieldset: ({ legend, isLegendHidden, description, errorMessage, children, actions, isDisabled }: import("./renderers-forms.js").FieldsetProps) => import("react").JSX.Element;
|
|
53
53
|
readonly FileDropzone: ({ id: idProp, accept, multiple, onFilesChange, prompt, icon, hideFileList, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./renderers-forms.js").FileDropzoneProps) => import("react").JSX.Element;
|
|
54
54
|
readonly Form: ({ children, label, id, onSubmit, onReset, action, method, validationErrors, validationBehavior, isPending, }: import("./renderers-forms.js").FormProps) => import("react").JSX.Element;
|
|
55
|
-
readonly NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, ...field }: import("./renderers-forms.js").NumberFieldProps) => import("react").JSX.Element;
|
|
56
|
-
readonly RadioGroup: ({ options, value, defaultValue, onValueChange, orientation, ...field }: import("./renderers-forms.js").RadioGroupProps) => import("react").JSX.Element;
|
|
57
|
-
readonly SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, ...field }: import("./renderers-forms.js").SearchFieldProps) => import("react").JSX.Element;
|
|
55
|
+
readonly NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, variant, ...field }: import("./renderers-forms.js").NumberFieldProps) => import("react").JSX.Element;
|
|
56
|
+
readonly RadioGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, ...field }: import("./renderers-forms.js").RadioGroupProps) => import("react").JSX.Element;
|
|
57
|
+
readonly SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, variant, ...field }: import("./renderers-forms.js").SearchFieldProps) => import("react").JSX.Element;
|
|
58
58
|
readonly SegmentedControl: ({ options, value, defaultValue, onValueChange, width, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./renderers-forms.js").SegmentedControlProps) => import("react").JSX.Element;
|
|
59
|
-
readonly Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, ...field }: import("./renderers-forms.js").SelectProps) => import("react").JSX.Element;
|
|
59
|
+
readonly Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, variant, ...field }: import("./renderers-forms.js").SelectProps) => import("react").JSX.Element;
|
|
60
60
|
readonly Slider: ({ value, defaultValue, onValueChange, onValueCommit, minValue, maxValue, step, formatOptions, thumbLabels, orientation, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./renderers-forms.js").SliderProps) => import("react").JSX.Element;
|
|
61
61
|
readonly Switch: ({ value, isSelected, defaultSelected, onSelectedChange, ...field }: import("./renderers-forms.js").SwitchProps) => import("react").JSX.Element;
|
|
62
|
-
readonly Textarea: ({ id, placeholder, value, defaultValue, rows, maxLength, minLength, onValueChange, ...field }: import("./renderers-forms.js").TextareaProps) => import("react").JSX.Element;
|
|
63
|
-
readonly TimeField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, hourCycle, ...field }: import("./renderers-forms.js").TimeFieldProps) => import("react").JSX.Element;
|
|
62
|
+
readonly Textarea: ({ id, placeholder, value, defaultValue, rows, maxLength, minLength, onValueChange, variant, ...field }: import("./renderers-forms.js").TextareaProps) => import("react").JSX.Element;
|
|
63
|
+
readonly TimeField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, hourCycle, variant, ...field }: import("./renderers-forms.js").TimeFieldProps) => import("react").JSX.Element;
|
|
64
64
|
readonly Badge: ({ children, startContent, tone, isDot, isSkeleton }: import("./renderers.js").BadgeProps) => import("react").JSX.Element;
|
|
65
65
|
readonly Button: (props: import("./renderers.js").ButtonProps) => import("react").JSX.Element;
|
|
66
66
|
readonly ChatWorkspace: (props: import("./renderers.js").ChatWorkspaceProps) => import("react").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Field, type FieldControlAttributes, type FieldControlProps, type FieldProps } from "../core/primitive/Field/index.js";
|
|
1
|
+
export { Field, fieldVariantAttributes, type FieldControlAttributes, type FieldControlProps, type FieldProps, type FieldVariant } from "../core/primitive/Field/index.js";
|
|
2
2
|
export { Textarea, type TextareaProps } from "../core/primitive/Textarea/index.js";
|
|
3
3
|
export { SearchField, type SearchFieldProps } from "../core/primitive/SearchField/index.js";
|
|
4
4
|
export { NumberField, type NumberFieldProps } from "../core/primitive/NumberField/index.js";
|
|
@@ -21,24 +21,24 @@ export { DateRangePicker, type DateRangePickerProps, type DateRangeValue } from
|
|
|
21
21
|
/** The form group of Common renderers, spread into `COMMON_GRAMMAR_COMPONENTS`. */
|
|
22
22
|
export declare const COMMON_FORMS_COMPONENTS: Readonly<{
|
|
23
23
|
readonly ButtonGroup: ({ label, children, orientation, isDisabled, width }: import("./renderers-forms.js").ButtonGroupProps) => import("react").JSX.Element;
|
|
24
|
-
readonly Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, ...field }: import("./renderers-forms.js").CheckboxProps) => import("react").JSX.Element;
|
|
25
|
-
readonly CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, ...field }: import("./renderers-forms.js").CheckboxGroupProps) => import("react").JSX.Element;
|
|
26
|
-
readonly ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, ...field }: import("./renderers-forms.js").ComboBoxProps) => import("react").JSX.Element;
|
|
27
|
-
readonly DateField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, ...field }: import("./renderers-forms.js").DateFieldProps) => import("react").JSX.Element;
|
|
28
|
-
readonly DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, ...field }: import("./renderers-forms.js").DatePickerProps) => import("react").JSX.Element;
|
|
29
|
-
readonly DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, ...field }: import("./renderers-forms.js").DateRangePickerProps) => import("react").JSX.Element;
|
|
24
|
+
readonly Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, variant, ...field }: import("./renderers-forms.js").CheckboxProps) => import("react").JSX.Element;
|
|
25
|
+
readonly CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, ...field }: import("./renderers-forms.js").CheckboxGroupProps) => import("react").JSX.Element;
|
|
26
|
+
readonly ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, variant, ...field }: import("./renderers-forms.js").ComboBoxProps) => import("react").JSX.Element;
|
|
27
|
+
readonly DateField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, variant, ...field }: import("./renderers-forms.js").DateFieldProps) => import("react").JSX.Element;
|
|
28
|
+
readonly DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, variant, ...field }: import("./renderers-forms.js").DatePickerProps) => import("react").JSX.Element;
|
|
29
|
+
readonly DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, variant, ...field }: import("./renderers-forms.js").DateRangePickerProps) => import("react").JSX.Element;
|
|
30
30
|
readonly Field: ({ id: idProp, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, children, }: import("./renderers-forms.js").FieldProps) => import("react").JSX.Element;
|
|
31
31
|
readonly Fieldset: ({ legend, isLegendHidden, description, errorMessage, children, actions, isDisabled }: import("./renderers-forms.js").FieldsetProps) => import("react").JSX.Element;
|
|
32
32
|
readonly FileDropzone: ({ id: idProp, accept, multiple, onFilesChange, prompt, icon, hideFileList, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./renderers-forms.js").FileDropzoneProps) => import("react").JSX.Element;
|
|
33
33
|
readonly Form: ({ children, label, id, onSubmit, onReset, action, method, validationErrors, validationBehavior, isPending, }: import("./renderers-forms.js").FormProps) => import("react").JSX.Element;
|
|
34
|
-
readonly NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, ...field }: import("./renderers-forms.js").NumberFieldProps) => import("react").JSX.Element;
|
|
35
|
-
readonly RadioGroup: ({ options, value, defaultValue, onValueChange, orientation, ...field }: import("./renderers-forms.js").RadioGroupProps) => import("react").JSX.Element;
|
|
36
|
-
readonly SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, ...field }: import("./renderers-forms.js").SearchFieldProps) => import("react").JSX.Element;
|
|
34
|
+
readonly NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, variant, ...field }: import("./renderers-forms.js").NumberFieldProps) => import("react").JSX.Element;
|
|
35
|
+
readonly RadioGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, ...field }: import("./renderers-forms.js").RadioGroupProps) => import("react").JSX.Element;
|
|
36
|
+
readonly SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, variant, ...field }: import("./renderers-forms.js").SearchFieldProps) => import("react").JSX.Element;
|
|
37
37
|
readonly SegmentedControl: ({ options, value, defaultValue, onValueChange, width, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./renderers-forms.js").SegmentedControlProps) => import("react").JSX.Element;
|
|
38
|
-
readonly Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, ...field }: import("./renderers-forms.js").SelectProps) => import("react").JSX.Element;
|
|
38
|
+
readonly Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, variant, ...field }: import("./renderers-forms.js").SelectProps) => import("react").JSX.Element;
|
|
39
39
|
readonly Slider: ({ value, defaultValue, onValueChange, onValueCommit, minValue, maxValue, step, formatOptions, thumbLabels, orientation, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./renderers-forms.js").SliderProps) => import("react").JSX.Element;
|
|
40
40
|
readonly Switch: ({ value, isSelected, defaultSelected, onSelectedChange, ...field }: import("./renderers-forms.js").SwitchProps) => import("react").JSX.Element;
|
|
41
|
-
readonly Textarea: ({ id, placeholder, value, defaultValue, rows, maxLength, minLength, onValueChange, ...field }: import("./renderers-forms.js").TextareaProps) => import("react").JSX.Element;
|
|
42
|
-
readonly TimeField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, hourCycle, ...field }: import("./renderers-forms.js").TimeFieldProps) => import("react").JSX.Element;
|
|
41
|
+
readonly Textarea: ({ id, placeholder, value, defaultValue, rows, maxLength, minLength, onValueChange, variant, ...field }: import("./renderers-forms.js").TextareaProps) => import("react").JSX.Element;
|
|
42
|
+
readonly TimeField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, hourCycle, variant, ...field }: import("./renderers-forms.js").TimeFieldProps) => import("react").JSX.Element;
|
|
43
43
|
}>;
|
|
44
44
|
//# sourceMappingURL=renderers-forms.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers-forms.d.ts","sourceRoot":"","sources":["../../src/common/renderers-forms.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,EAAE,KAAK,sBAAsB,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"renderers-forms.d.ts","sourceRoot":"","sources":["../../src/common/renderers-forms.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,sBAAsB,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACzK,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC9F,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,eAAe,EAAE,MAAM,sCAAsC,CAAA;AAC3G,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,sCAAsC,CAAA;AACrF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,yCAAyC,CAAA;AAC9F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AACjG,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC5I,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAC9H,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAC/E,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACrF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAEzH,mFAAmF;AACnF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;EAIzB,CAAA"}
|
|
@@ -20,7 +20,7 @@ import { Select } from "../core/branch/Select/index.js";
|
|
|
20
20
|
import { ComboBox } from "../core/branch/ComboBox/index.js";
|
|
21
21
|
import { DatePicker } from "../core/branch/DatePicker/index.js";
|
|
22
22
|
import { DateRangePicker } from "../core/branch/DateRangePicker/index.js";
|
|
23
|
-
export { Field } from "../core/primitive/Field/index.js";
|
|
23
|
+
export { Field, fieldVariantAttributes } from "../core/primitive/Field/index.js";
|
|
24
24
|
export { Textarea } from "../core/primitive/Textarea/index.js";
|
|
25
25
|
export { SearchField } from "../core/primitive/SearchField/index.js";
|
|
26
26
|
export { NumberField } from "../core/primitive/NumberField/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers-forms.js","sourceRoot":"","sources":["../../src/common/renderers-forms.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,gGAAgG;AAChG,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAA;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAA;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAA;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AAEzE,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"renderers-forms.js","sourceRoot":"","sources":["../../src/common/renderers-forms.ts"],"names":[],"mappings":"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"}
|
package/dist/common/styles.css
CHANGED
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
width: min(100%, var(--starci-core-page-measure, 80rem));
|
|
240
240
|
min-width: 0;
|
|
241
241
|
margin-inline: auto;
|
|
242
|
-
padding-inline: var(--
|
|
242
|
+
padding-inline: var(--grammar-page-inset, clamp(1rem, 3vw, 2rem));
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
.starci-core-page-container[data-grammar-page-measure="reading"] {
|
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
flex-wrap: wrap;
|
|
257
257
|
align-items: flex-end;
|
|
258
258
|
justify-content: space-between;
|
|
259
|
-
gap: var(--
|
|
259
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
260
260
|
}
|
|
261
261
|
|
|
262
262
|
/* The copy keeps a readable basis, so a narrow header wraps its action below instead of crushing the copy. */
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
display: grid;
|
|
446
446
|
min-width: 0;
|
|
447
447
|
grid-template-columns: minmax(0, 1fr);
|
|
448
|
-
gap: var(--
|
|
448
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
.starci-core-primary-rail-layout[data-grammar-layout-align="start"] { align-items: start; }
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
width: min(100%, var(--starci-core-form-measure, 30rem));
|
|
484
484
|
min-width: 0;
|
|
485
485
|
flex-direction: column;
|
|
486
|
-
gap: var(--
|
|
486
|
+
gap: var(--grammar-section-gap, 1rem);
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
.starci-core-form-surface--compact {
|
|
@@ -668,7 +668,7 @@
|
|
|
668
668
|
min-width: 0;
|
|
669
669
|
width: 100%;
|
|
670
670
|
flex-direction: column;
|
|
671
|
-
gap: var(--
|
|
671
|
+
gap: var(--grammar-section-gap, 1rem);
|
|
672
672
|
}
|
|
673
673
|
|
|
674
674
|
.starci-core-surface-label {
|
|
@@ -676,7 +676,7 @@
|
|
|
676
676
|
min-width: 0;
|
|
677
677
|
align-items: baseline;
|
|
678
678
|
justify-content: space-between;
|
|
679
|
-
gap: var(--
|
|
679
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
680
680
|
}
|
|
681
681
|
|
|
682
682
|
.starci-core-surface-label > :first-child {
|
|
@@ -1210,7 +1210,7 @@
|
|
|
1210
1210
|
display: flex;
|
|
1211
1211
|
min-width: 0;
|
|
1212
1212
|
align-items: center;
|
|
1213
|
-
gap: var(--
|
|
1213
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
1216
|
.starci-core-tab-label {
|
|
@@ -1227,7 +1227,7 @@
|
|
|
1227
1227
|
min-width: 0;
|
|
1228
1228
|
margin: 0;
|
|
1229
1229
|
align-items: flex-start;
|
|
1230
|
-
gap: var(--
|
|
1230
|
+
gap: var(--grammar-row-gap, 0.75rem);
|
|
1231
1231
|
padding: var(--starci-core-row-inset, 1rem);
|
|
1232
1232
|
}
|
|
1233
1233
|
|
|
@@ -1648,7 +1648,7 @@
|
|
|
1648
1648
|
@container starci-core-primary-rail (max-width: 32rem) {
|
|
1649
1649
|
/*
|
|
1650
1650
|
* Collapsed to a column, the header stays a region boundary, not a tighter internal
|
|
1651
|
-
* rhythm - `PrimaryRailLayout` and `WorkspaceShell` both hold `--
|
|
1651
|
+
* rhythm - `PrimaryRailLayout` and `WorkspaceShell` both hold `--grammar-region-gap`
|
|
1652
1652
|
* across every collapse tier and only ever change track/area, never the gap itself. The
|
|
1653
1653
|
* stamped `data-contract="GAP-5"` on this root must stay true here too, so this rule may
|
|
1654
1654
|
* change direction and alignment but not the gap value.
|
|
@@ -1656,7 +1656,7 @@
|
|
|
1656
1656
|
.starci-core-section-header {
|
|
1657
1657
|
align-items: flex-start;
|
|
1658
1658
|
flex-direction: column;
|
|
1659
|
-
gap: var(--
|
|
1659
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
1662
|
|
|
@@ -1729,8 +1729,8 @@
|
|
|
1729
1729
|
min-height: 4rem;
|
|
1730
1730
|
grid-template-columns: minmax(0, 1fr) auto auto !important;
|
|
1731
1731
|
align-items: center;
|
|
1732
|
-
gap: var(--
|
|
1733
|
-
padding-block: var(--
|
|
1732
|
+
gap: var(--grammar-row-gap, 0.75rem);
|
|
1733
|
+
padding-block: var(--grammar-inline-gap, 0.5rem);
|
|
1734
1734
|
}
|
|
1735
1735
|
|
|
1736
1736
|
.starci-core-navigation-feature-nav-primary.starci-core-page-container {
|
|
@@ -1765,7 +1765,7 @@
|
|
|
1765
1765
|
display: flex;
|
|
1766
1766
|
align-items: center;
|
|
1767
1767
|
justify-content: end;
|
|
1768
|
-
gap: var(--
|
|
1768
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
1769
1769
|
}
|
|
1770
1770
|
|
|
1771
1771
|
/*
|
|
@@ -1857,7 +1857,7 @@
|
|
|
1857
1857
|
min-height: 3.25rem;
|
|
1858
1858
|
align-items: center;
|
|
1859
1859
|
justify-content: space-between;
|
|
1860
|
-
gap: var(--
|
|
1860
|
+
gap: var(--grammar-row-gap, 0.75rem);
|
|
1861
1861
|
padding-inline: 0.75rem;
|
|
1862
1862
|
border-bottom: 1px solid var(--separator, var(--starci-core-separator, GrayText));
|
|
1863
1863
|
background: var(--background, var(--starci-core-canvas, Canvas));
|
|
@@ -1878,7 +1878,7 @@
|
|
|
1878
1878
|
display: flex;
|
|
1879
1879
|
min-width: 0;
|
|
1880
1880
|
align-items: center;
|
|
1881
|
-
gap: var(--
|
|
1881
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
1882
1882
|
}
|
|
1883
1883
|
|
|
1884
1884
|
.starci-core-subnav-leading,
|
|
@@ -1970,7 +1970,7 @@
|
|
|
1970
1970
|
|
|
1971
1971
|
.starci-core-workspace-shell-header {
|
|
1972
1972
|
min-width: 0;
|
|
1973
|
-
margin-block-end: var(--
|
|
1973
|
+
margin-block-end: var(--grammar-region-gap, 1.5rem);
|
|
1974
1974
|
}
|
|
1975
1975
|
|
|
1976
1976
|
.starci-core-workspace-shell-compact-header,
|
|
@@ -1998,7 +1998,7 @@
|
|
|
1998
1998
|
min-width: 0;
|
|
1999
1999
|
grid-template-areas: "navigation" "primary" "rail";
|
|
2000
2000
|
grid-template-columns: minmax(0, 1fr);
|
|
2001
|
-
gap: var(--
|
|
2001
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
2002
2002
|
}
|
|
2003
2003
|
|
|
2004
2004
|
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation-track="intrinsic"] {
|
|
@@ -2113,7 +2113,7 @@
|
|
|
2113
2113
|
.starci-core-workspace-shell-primary {
|
|
2114
2114
|
display: flex;
|
|
2115
2115
|
flex-direction: column;
|
|
2116
|
-
gap: var(--
|
|
2116
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
2117
2117
|
outline: none;
|
|
2118
2118
|
}
|
|
2119
2119
|
|
|
@@ -2350,7 +2350,7 @@
|
|
|
2350
2350
|
min-width: 0;
|
|
2351
2351
|
flex: 1;
|
|
2352
2352
|
grid-template-columns: minmax(0, 1fr);
|
|
2353
|
-
gap: var(--
|
|
2353
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
2354
2354
|
}
|
|
2355
2355
|
|
|
2356
2356
|
.starci-core-chat-workspace-layout-without-rail {
|
|
@@ -2480,7 +2480,7 @@
|
|
|
2480
2480
|
min-width: 0;
|
|
2481
2481
|
align-items: center;
|
|
2482
2482
|
justify-content: space-between;
|
|
2483
|
-
gap: var(--
|
|
2483
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
2484
2484
|
border-block-start: 1px solid var(--separator, var(--starci-core-separator, GrayText));
|
|
2485
2485
|
background: var(--background, var(--starci-core-canvas, Canvas));
|
|
2486
2486
|
padding: 0.75rem 1rem;
|
|
@@ -2552,10 +2552,26 @@
|
|
|
2552
2552
|
width: 100% !important;
|
|
2553
2553
|
min-width: 0;
|
|
2554
2554
|
flex-direction: column !important;
|
|
2555
|
-
gap: var(--
|
|
2555
|
+
gap: var(--grammar-section-gap, 1rem) !important;
|
|
2556
2556
|
padding: 0 !important;
|
|
2557
2557
|
}
|
|
2558
2558
|
|
|
2559
|
+
/*
|
|
2560
|
+
* THE FORM MEASURE WINS OVER THE CARD'S FULL WIDTH. `measure="form"` / `"formCompact"` stamp
|
|
2561
|
+
* `.starci-core-form-surface(--compact)` on this same root, but the important `width: 100%` above
|
|
2562
|
+
* beat their normal `min(100%, 30rem)`, so a form card stretched across the whole content region
|
|
2563
|
+
* (owner, 2026-09-28: the StarCi Next sign-in card at 1184px). The capped card is centred in its
|
|
2564
|
+
* column (knowledge MEASURE-4 case-3: a cap plus `mx-auto`, never a left-aligned cap).
|
|
2565
|
+
*/
|
|
2566
|
+
.starci-core-surface-card.starci-core-form-surface {
|
|
2567
|
+
width: min(100%, var(--starci-core-form-measure, 30rem)) !important;
|
|
2568
|
+
margin-inline: auto;
|
|
2569
|
+
}
|
|
2570
|
+
|
|
2571
|
+
.starci-core-surface-card.starci-core-form-surface--compact {
|
|
2572
|
+
width: min(100%, var(--starci-core-form-compact-measure, 28rem)) !important;
|
|
2573
|
+
}
|
|
2574
|
+
|
|
2559
2575
|
.starci-core-surface-label {
|
|
2560
2576
|
padding: 0 !important;
|
|
2561
2577
|
}
|
|
@@ -21,6 +21,8 @@ export type ComboBoxProps = FieldControlProps & {
|
|
|
21
21
|
readonly isPending?: boolean;
|
|
22
22
|
/** When the list opens: while typing (default), on focus, or only from the trigger/arrow keys. */
|
|
23
23
|
readonly menuTrigger?: "input" | "focus" | "manual";
|
|
24
|
+
/** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
|
|
25
|
+
readonly variant?: "primary" | "secondary";
|
|
24
26
|
};
|
|
25
27
|
/**
|
|
26
28
|
* Type to filter a list, then pick (combobox / autocomplete).
|
|
@@ -28,5 +30,5 @@ export type ComboBoxProps = FieldControlProps & {
|
|
|
28
30
|
* The vendor owns the combobox role, `aria-expanded`, `aria-activedescendant`, arrow/Enter/Escape
|
|
29
31
|
* handling and the "contains" filter. Pending keeps the input editable and marks the list busy.
|
|
30
32
|
*/
|
|
31
|
-
export declare const ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, ...field }: ComboBoxProps) => import("react").JSX.Element;
|
|
33
|
+
export declare const ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, variant, ...field }: ComboBoxProps) => import("react").JSX.Element;
|
|
32
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC5C,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,0BAA0B;IAC1B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,kEAAkE;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACnC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,8FAA8F;IAC9F,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IACpC,8EAA8E;IAC9E,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B,oDAAoD;IACpD,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,kGAAkG;IAClG,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;IACnD,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAcD;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,0LAgBtB,aAAa,gCAgDf,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { ComboBox as HeroComboBox, Input as HeroInput, ListBox as HeroListBox, Spinner as HeroSpinner, } from "@heroui/react";
|
|
4
|
-
import { FieldDescription, FieldErrorText, FieldLabel, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
4
|
+
import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
5
5
|
import { ListOptions } from "../Select/index.js";
|
|
6
6
|
/*
|
|
7
7
|
* Consumer hook: `starci-core-combo-box` names this control's root for a consumer or family
|
|
@@ -19,9 +19,9 @@ import { ListOptions } from "../Select/index.js";
|
|
|
19
19
|
* The vendor owns the combobox role, `aria-expanded`, `aria-activedescendant`, arrow/Enter/Escape
|
|
20
20
|
* handling and the "contains" filter. Pending keeps the input editable and marks the list busy.
|
|
21
21
|
*/
|
|
22
|
-
export const ComboBox = ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue = false, emptyState, isPending = false, menuTrigger = "input", ...field }) => {
|
|
22
|
+
export const ComboBox = ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue = false, emptyState, isPending = false, menuTrigger = "input", variant = "primary", ...field }) => {
|
|
23
23
|
const { anchor, portalProps } = useGrammarPortal();
|
|
24
|
-
return (_jsxs(HeroComboBox, { "data-tier": "branch", "data-component": "ComboBox", "data-contract": "A11Y-1 FIELD-1 FIELD-2 CONTROL-STATE-2", className: "starci-core-field starci-core-combo-box", fullWidth: true, ...vendorFieldProps({ ...field, isPending }), isReadOnly: field.isReadOnly === true, allowsCustomValue: allowsCustomValue, menuTrigger: menuTrigger, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(inputValue === undefined ? defaultInputValue === undefined ? {} : { defaultInputValue } : { inputValue }), ...(onInputChange === undefined ? {} : { onInputChange }), onChange: (key) => onValueChange?.(key === null ? null : String(key)), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroComboBox.InputGroup, { className: "starci-core-combo-box-group", "data-grammar-field-control": "true", children: [_jsx(HeroInput, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-combo-box-input", ...(isPending ? { "aria-busy": true } : {}) }), _jsx(HeroComboBox.Trigger, { className: "starci-core-combo-box-trigger", children: isPending ? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" }) : undefined })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroComboBox.Popover, { className: "starci-core-list-popover", "data-grammar-popover": "ComboBox", "data-contract": "LAYOUT-4", ...portalProps, children: _jsx(HeroListBox, { className: "starci-core-list", ...(isPending ? { "aria-busy": true } : {}), ...(emptyState == null ? {} : {
|
|
24
|
+
return (_jsxs(HeroComboBox, { "data-tier": "branch", "data-component": "ComboBox", "data-contract": "A11Y-1 FIELD-1 FIELD-2 CONTROL-STATE-2", className: "starci-core-field starci-core-combo-box", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps({ ...field, isPending }), isReadOnly: field.isReadOnly === true, allowsCustomValue: allowsCustomValue, menuTrigger: menuTrigger, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(inputValue === undefined ? defaultInputValue === undefined ? {} : { defaultInputValue } : { inputValue }), ...(onInputChange === undefined ? {} : { onInputChange }), onChange: (key) => onValueChange?.(key === null ? null : String(key)), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroComboBox.InputGroup, { className: "starci-core-combo-box-group", "data-grammar-field-control": "true", children: [_jsx(HeroInput, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-combo-box-input", ...(isPending ? { "aria-busy": true } : {}) }), _jsx(HeroComboBox.Trigger, { className: "starci-core-combo-box-trigger", children: isPending ? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" }) : undefined })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroComboBox.Popover, { className: "starci-core-list-popover", "data-grammar-popover": "ComboBox", "data-contract": "LAYOUT-4", ...portalProps, children: _jsx(HeroListBox, { className: "starci-core-list", ...(isPending ? { "aria-busy": true } : {}), ...(emptyState == null ? {} : {
|
|
25
25
|
renderEmptyState: () => _jsx("div", { className: "starci-core-list-empty", "data-grammar-list-empty": "true", "data-contract": "STATE-3", children: emptyState }),
|
|
26
26
|
}), children: _jsx(ListOptions, { options: options }) }) })] }));
|
|
27
27
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,QAAQ,IAAI,YAAY,EACxB,KAAK,IAAI,SAAS,EAClB,OAAO,IAAI,WAAW,EACtB,OAAO,IAAI,WAAW,GAEzB,MAAM,eAAe,CAAA;AAEtB,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,WAAW,EAAmB,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/ComboBox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ export type DatePickerProps = FieldControlProps & {
|
|
|
10
10
|
/** Days the reader may not pick; they stay visible and are announced unavailable. */
|
|
11
11
|
readonly isDateUnavailable?: (date: DateValue) => boolean;
|
|
12
12
|
readonly granularity?: DateGranularity;
|
|
13
|
+
/** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
|
|
14
|
+
readonly variant?: "primary" | "secondary";
|
|
13
15
|
};
|
|
14
16
|
/** Month grid used by DatePicker: heading, previous/next, and the day grid (arrow-key navigable). */
|
|
15
17
|
export declare const PickerCalendar: () => import("react").JSX.Element;
|
|
@@ -19,5 +21,5 @@ export declare const PickerRangeCalendar: () => import("react").JSX.Element;
|
|
|
19
21
|
* A date typed in segments or picked from a month grid in a popover. The trigger is a named button,
|
|
20
22
|
* the popover is a dialog that traps and returns focus, and the grid is the vendor's.
|
|
21
23
|
*/
|
|
22
|
-
export declare const DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, ...field }: DatePickerProps) => import("react").JSX.Element;
|
|
24
|
+
export declare const DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, variant, ...field }: DatePickerProps) => import("react").JSX.Element;
|
|
23
25
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,SAAS,EACjB,MAAM,eAAe,CAAA;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAKH,KAAK,SAAS,EACjB,MAAM,eAAe,CAAA;AACtB,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAEvF,MAAM,MAAM,eAAe,GAAG,iBAAiB,GAAG;IAC9C,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACjC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACxC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,qFAAqF;IACrF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IACzD,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAED,qGAAqG;AACrG,eAAO,MAAM,cAAc,mCAY1B,CAAA;AAED,0FAA0F;AAC1F,eAAO,MAAM,mBAAmB,mCAY/B,CAAA;AAeD;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,+GAUxB,eAAe,gCAmCjB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Calendar as HeroCalendar, DateField as HeroDateField, DatePicker as HeroDatePicker, RangeCalendar as HeroRangeCalendar, } from "@heroui/react";
|
|
4
|
-
import { FieldDescription, FieldErrorText, FieldLabel, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
4
|
+
import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
5
5
|
import { DateSegments } from "../../primitive/DateField/index.js";
|
|
6
6
|
/** Month grid used by DatePicker: heading, previous/next, and the day grid (arrow-key navigable). */
|
|
7
7
|
export const PickerCalendar = () => (_jsxs(HeroCalendar, { className: "starci-core-calendar", "data-grammar-calendar": "single", children: [_jsxs(HeroCalendar.Header, { className: "starci-core-calendar-header", children: [_jsx(HeroCalendar.NavButton, { slot: "previous", className: "starci-core-calendar-nav" }), _jsx(HeroCalendar.Heading, { className: "starci-core-calendar-heading" }), _jsx(HeroCalendar.NavButton, { slot: "next", className: "starci-core-calendar-nav" })] }), _jsxs(HeroCalendar.Grid, { className: "starci-core-calendar-grid", children: [_jsx(HeroCalendar.GridHeader, { children: (day) => _jsx(HeroCalendar.HeaderCell, { children: day }) }), _jsx(HeroCalendar.GridBody, { children: (date) => _jsx(HeroCalendar.Cell, { date: date, className: "starci-core-calendar-cell", "data-grammar-calendar-cell": "true" }) })] })] }));
|
|
@@ -22,8 +22,8 @@ export const PickerRangeCalendar = () => (_jsxs(HeroRangeCalendar, { className:
|
|
|
22
22
|
* A date typed in segments or picked from a month grid in a popover. The trigger is a named button,
|
|
23
23
|
* the popover is a dialog that traps and returns focus, and the grid is the vendor's.
|
|
24
24
|
*/
|
|
25
|
-
export const DatePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity = "day", ...field }) => {
|
|
25
|
+
export const DatePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity = "day", variant = "primary", ...field }) => {
|
|
26
26
|
const { anchor, portalProps } = useGrammarPortal();
|
|
27
|
-
return (_jsxs(HeroDatePicker, { "data-tier": "branch", "data-component": "DatePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", "data-grammar-field-control": "true", children: [_jsx(DateSegments, {}), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDatePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDatePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDatePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DatePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerCalendar, {}) })] }));
|
|
27
|
+
return (_jsxs(HeroDatePicker, { "data-tier": "branch", "data-component": "DatePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", variant: variant, "data-grammar-field-control": "true", children: [_jsx(DateSegments, {}), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDatePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDatePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDatePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DatePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerCalendar, {}) })] }));
|
|
28
28
|
};
|
|
29
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,QAAQ,IAAI,YAAY,EACxB,SAAS,IAAI,aAAa,EAC1B,UAAU,IAAI,cAAc,EAC5B,aAAa,IAAI,iBAAiB,GAErC,MAAM,eAAe,CAAA;AACtB,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,YAAY,EAAwB,MAAM,oCAAoC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DatePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,9 @@ export type DateRangePickerProps = Omit<FieldControlProps, "name"> & {
|
|
|
15
15
|
/** Form names for the two ends of the range. */
|
|
16
16
|
readonly startName?: string;
|
|
17
17
|
readonly endName?: string;
|
|
18
|
+
/** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
|
|
19
|
+
readonly variant?: "primary" | "secondary";
|
|
18
20
|
};
|
|
19
21
|
/** A start and an end date, typed in two segment groups or picked as a span on a month grid. */
|
|
20
|
-
export declare const DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, ...field }: DateRangePickerProps) => import("react").JSX.Element;
|
|
22
|
+
export declare const DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, variant, ...field }: DateRangePickerProps) => import("react").JSX.Element;
|
|
21
23
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,UAAU,EAClB,MAAM,eAAe,CAAA;AACtB,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EACd,KAAK,UAAU,EAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAGvF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;AAElD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,GAAG;IACjE,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IACtC,QAAQ,CAAC,YAAY,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7C,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAA;IACzD,8EAA8E;IAC9E,QAAQ,CAAC,yBAAyB,CAAC,EAAE,OAAO,CAAA;IAC5C,QAAQ,CAAC,WAAW,CAAC,EAAE,eAAe,CAAA;IACtC,gDAAgD;IAChD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;IACzB,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAcD,gGAAgG;AAChG,eAAO,MAAM,eAAe,GAAI,8JAa7B,oBAAoB,gCAwCtB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { DateField as HeroDateField, DateRangePicker as HeroDateRangePicker, } from "@heroui/react";
|
|
4
|
-
import { FieldDescription, FieldErrorText, FieldLabel, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
4
|
+
import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, useGrammarPortal, vendorFieldProps, } from "../../primitive/Field/index.js";
|
|
5
5
|
import { DateSegments } from "../../primitive/DateField/index.js";
|
|
6
6
|
import { PickerRangeCalendar } from "../DatePicker/index.js";
|
|
7
7
|
/*
|
|
@@ -15,8 +15,8 @@ import { PickerRangeCalendar } from "../DatePicker/index.js";
|
|
|
15
15
|
* consumer or family select those parts without reaching for vendor class names.
|
|
16
16
|
*/
|
|
17
17
|
/** A start and an end date, typed in two segment groups or picked as a span on a month grid. */
|
|
18
|
-
export const DateRangePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges = false, granularity = "day", startName, endName, ...field }) => {
|
|
18
|
+
export const DateRangePicker = ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges = false, granularity = "day", startName, endName, variant = "primary", ...field }) => {
|
|
19
19
|
const { anchor, portalProps } = useGrammarPortal();
|
|
20
|
-
return (_jsxs(HeroDateRangePicker, { "data-tier": "branch", "data-component": "DateRangePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, allowsNonContiguousRanges: allowsNonContiguousRanges, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), ...(startName === undefined ? {} : { startName }), ...(endName === undefined ? {} : { endName }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", "data-grammar-field-control": "true", children: [_jsx(DateSegments, { slot: "start" }), _jsx(HeroDateRangePicker.RangeSeparator, { className: "starci-core-date-range-separator" }), _jsx(DateSegments, { slot: "end" }), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDateRangePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDateRangePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDateRangePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DateRangePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerRangeCalendar, {}) })] }));
|
|
20
|
+
return (_jsxs(HeroDateRangePicker, { "data-tier": "branch", "data-component": "DateRangePicker", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field starci-core-date-picker", ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, allowsNonContiguousRanges: allowsNonContiguousRanges, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(isDateUnavailable === undefined ? {} : { isDateUnavailable }), ...(startName === undefined ? {} : { startName }), ...(endName === undefined ? {} : { endName }), children: [anchor, _jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroDateField.Group, { className: "starci-core-date-group", variant: variant, "data-grammar-field-control": "true", children: [_jsx(DateSegments, { slot: "start" }), _jsx(HeroDateRangePicker.RangeSeparator, { className: "starci-core-date-range-separator" }), _jsx(DateSegments, { slot: "end" }), _jsx(HeroDateField.Suffix, { className: "starci-core-date-suffix", children: _jsx(HeroDateRangePicker.Trigger, { className: "starci-core-date-trigger", children: _jsx(HeroDateRangePicker.TriggerIndicator, {}) }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage }), _jsx(HeroDateRangePicker.Popover, { className: "starci-core-date-popover", "data-grammar-popover": "DateRangePicker", "data-contract": "LAYOUT-4 FOCUS-3", ...portalProps, children: _jsx(PickerRangeCalendar, {}) })] }));
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,SAAS,IAAI,aAAa,EAC1B,eAAe,IAAI,mBAAmB,GAGzC,MAAM,eAAe,CAAA;AACtB,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,YAAY,EAAwB,MAAM,oCAAoC,CAAA;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/DateRangePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,8 @@ export type SelectProps = FieldControlProps & {
|
|
|
15
15
|
readonly onValueChange?: (value: string | null) => void;
|
|
16
16
|
/** Options are still arriving. The trigger stays named and focusable, announces pending, and does not open. */
|
|
17
17
|
readonly isPending?: boolean;
|
|
18
|
+
/** Layer variant: `secondary` when the control sits on a surface (ANATOMY-2 case-1). */
|
|
19
|
+
readonly variant?: "primary" | "secondary";
|
|
18
20
|
};
|
|
19
21
|
/** Renders the options as vendor list-box items with the selected-state indicator. */
|
|
20
22
|
export declare const ListOptions: ({ options }: {
|
|
@@ -27,5 +29,5 @@ export declare const ListOptions: ({ options }: {
|
|
|
27
29
|
* trigger focusable and announced but holds the value and never opens the list; the vendor select
|
|
28
30
|
* has no read-only mode of its own.
|
|
29
31
|
*/
|
|
30
|
-
export declare const Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, ...field }: SelectProps) => import("react").JSX.Element;
|
|
32
|
+
export declare const Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, variant, ...field }: SelectProps) => import("react").JSX.Element;
|
|
31
33
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/Select/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAOH,KAAK,iBAAiB,EACzB,MAAM,gCAAgC,CAAA;AAEvC,yGAAyG;AACzG,MAAM,MAAM,UAAU,GAAG;IACrB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAA;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG;IAC1C,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,+GAA+G;IAC/G,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,wFAAwF;IACxF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAC7C,CAAA;AAID,sFAAsF;AACtF,eAAO,MAAM,WAAW,GAAI,aAAa;IAAE,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,CAAA;CAAE,gCAqBvF,CAAA;AAeD;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,GAAI,4FASpB,WAAW,gCA8Cb,CAAA"}
|