@ark-ui/solid 3.4.0 → 3.4.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.
Files changed (10) hide show
  1. package/dist/cjs/index.js +9 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +9 -3
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/source/components/checkbox/checkbox-group.jsx +1 -0
  6. package/dist/source/components/checkbox/use-checkbox-group.js +2 -0
  7. package/dist/source/components/combobox/use-combobox.js +1 -1
  8. package/dist/source/components/select/use-select.js +1 -1
  9. package/dist/types/components/checkbox/use-checkbox-group.d.ts +7 -0
  10. package/package.json +40 -40
package/dist/source/components/checkbox/checkbox-group.jsx CHANGED
@@ -10,6 +10,7 @@ export const CheckboxGroup = (props) => {
10
10
  'onValueChange',
11
11
  'disabled',
12
12
  'readOnly',
13
+ 'name',
13
14
  ]);
14
15
  const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
15
16
  return (<CheckboxGroupContextProvider value={checkboxGroup}>
package/dist/source/components/checkbox/use-checkbox-group.js CHANGED
@@ -34,6 +34,7 @@ export function useCheckboxGroup(props = {}) {
34
34
  toggleValue(itemProps.value);
35
35
  }
36
36
  },
37
+ name: props.name,
37
38
  disabled: props.disabled,
38
39
  readOnly: props.readOnly,
39
40
  };
@@ -41,6 +42,7 @@ export function useCheckboxGroup(props = {}) {
41
42
  return {
42
43
  isChecked,
43
44
  value,
45
+ name: props.name,
44
46
  disabled: props.disabled,
45
47
  readOnly: props.readOnly,
46
48
  setValue,
package/dist/source/components/combobox/use-combobox.js CHANGED
@@ -11,7 +11,7 @@ export const useCombobox = (props) => {
11
11
  'itemToString',
12
12
  'items',
13
13
  ]);
14
- const collection = () => combobox.collection(collectionOptions);
14
+ const collection = () => combobox.collection({ ...collectionOptions });
15
15
  const locale = useLocaleContext();
16
16
  const environment = useEnvironmentContext();
17
17
  const id = createUniqueId();
package/dist/source/components/select/use-select.js CHANGED
@@ -11,7 +11,7 @@ export const useSelect = (props) => {
11
11
  'itemToString',
12
12
  'items',
13
13
  ]);
14
- const collection = () => select.collection(collectionOptions);
14
+ const collection = () => select.collection({ ...collectionOptions });
15
15
  const locale = useLocaleContext();
16
16
  const environment = useEnvironmentContext();
17
17
  const id = createUniqueId();
package/dist/types/components/checkbox/use-checkbox-group.d.ts CHANGED
@@ -8,6 +8,11 @@ export interface UseCheckboxGroupProps {
8
8
  * The controlled value of the checkbox group
9
9
  */
10
10
  value?: Accessor<string[]>;
11
+ /**
12
+ * The name of the input fields in the checkbox group
13
+ * (Useful for form submission).
14
+ */
15
+ name?: string;
11
16
  /**
12
17
  * The callback to call when the value changes
13
18
  */
@@ -27,6 +32,7 @@ export interface CheckboxGroupItemProps {
27
32
  export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): Accessor<{
28
33
  isChecked: (val: string | undefined) => boolean;
29
34
  value: Accessor<string[]>;
35
+ name: string;
30
36
  disabled: boolean;
31
37
  readOnly: boolean;
32
38
  setValue: (next: string[] | ((prev: string[]) => string[])) => void;
@@ -35,6 +41,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): Accesso
35
41
  getItemProps: (itemProps: CheckboxGroupItemProps) => {
36
42
  checked: boolean;
37
43
  onCheckedChange(): void;
44
+ name: string;
38
45
  disabled: boolean;
39
46
  readOnly: boolean;
40
47
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/solid",
3
- "version": "3.4.0",
3
+ "version": "3.4.1",
4
4
  "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -82,45 +82,45 @@
82
82
  "sideEffects": false,
83
83
  "dependencies": {
84
84
  "@ark-ui/anatomy": "^3.4.0",
85
- "@zag-js/accordion": "0.58.2",
86
- "@zag-js/avatar": "0.58.2",
87
- "@zag-js/carousel": "0.58.2",
88
- "@zag-js/checkbox": "0.58.2",
89
- "@zag-js/clipboard": "0.58.2",
90
- "@zag-js/collapsible": "0.58.2",
91
- "@zag-js/color-picker": "0.58.2",
92
- "@zag-js/combobox": "0.58.2",
93
- "@zag-js/date-picker": "0.58.2",
94
- "@zag-js/dialog": "0.58.2",
95
- "@zag-js/dom-query": "0.58.2",
96
- "@zag-js/editable": "0.58.2",
97
- "@zag-js/file-upload": "0.58.2",
98
- "@zag-js/hover-card": "0.58.2",
99
- "@zag-js/file-utils": "0.58.2",
100
- "@zag-js/i18n-utils": "0.58.2",
101
- "@zag-js/menu": "0.58.2",
102
- "@zag-js/number-input": "0.58.2",
103
- "@zag-js/pagination": "0.58.2",
104
- "@zag-js/pin-input": "0.58.2",
105
- "@zag-js/popover": "0.58.2",
106
- "@zag-js/presence": "0.58.2",
107
- "@zag-js/progress": "0.58.2",
108
- "@zag-js/qr-code": "0.58.2",
109
- "@zag-js/radio-group": "0.58.2",
110
- "@zag-js/rating-group": "0.58.2",
111
- "@zag-js/select": "0.58.2",
112
- "@zag-js/signature-pad": "0.58.2",
113
- "@zag-js/slider": "0.58.2",
114
- "@zag-js/solid": "0.58.2",
115
- "@zag-js/splitter": "0.58.2",
116
- "@zag-js/switch": "0.58.2",
117
- "@zag-js/tabs": "0.58.2",
118
- "@zag-js/tags-input": "0.58.2",
119
- "@zag-js/toast": "0.58.2",
120
- "@zag-js/toggle-group": "0.58.2",
121
- "@zag-js/tooltip": "0.58.2",
122
- "@zag-js/tree-view": "0.58.2",
123
- "@zag-js/types": "0.58.2"
85
+ "@zag-js/accordion": "0.58.3",
86
+ "@zag-js/avatar": "0.58.3",
87
+ "@zag-js/carousel": "0.58.3",
88
+ "@zag-js/checkbox": "0.58.3",
89
+ "@zag-js/clipboard": "0.58.3",
90
+ "@zag-js/collapsible": "0.58.3",
91
+ "@zag-js/color-picker": "0.58.3",
92
+ "@zag-js/combobox": "0.58.3",
93
+ "@zag-js/date-picker": "0.58.3",
94
+ "@zag-js/dialog": "0.58.3",
95
+ "@zag-js/dom-query": "0.58.3",
96
+ "@zag-js/editable": "0.58.3",
97
+ "@zag-js/file-upload": "0.58.3",
98
+ "@zag-js/hover-card": "0.58.3",
99
+ "@zag-js/file-utils": "0.58.3",
100
+ "@zag-js/i18n-utils": "0.58.3",
101
+ "@zag-js/menu": "0.58.3",
102
+ "@zag-js/number-input": "0.58.3",
103
+ "@zag-js/pagination": "0.58.3",
104
+ "@zag-js/pin-input": "0.58.3",
105
+ "@zag-js/popover": "0.58.3",
106
+ "@zag-js/presence": "0.58.3",
107
+ "@zag-js/progress": "0.58.3",
108
+ "@zag-js/qr-code": "0.58.3",
109
+ "@zag-js/radio-group": "0.58.3",
110
+ "@zag-js/rating-group": "0.58.3",
111
+ "@zag-js/select": "0.58.3",
112
+ "@zag-js/signature-pad": "0.58.3",
113
+ "@zag-js/slider": "0.58.3",
114
+ "@zag-js/solid": "0.58.3",
115
+ "@zag-js/splitter": "0.58.3",
116
+ "@zag-js/switch": "0.58.3",
117
+ "@zag-js/tabs": "0.58.3",
118
+ "@zag-js/tags-input": "0.58.3",
119
+ "@zag-js/toast": "0.58.3",
120
+ "@zag-js/toggle-group": "0.58.3",
121
+ "@zag-js/tooltip": "0.58.3",
122
+ "@zag-js/tree-view": "0.58.3",
123
+ "@zag-js/types": "0.58.3"
124
124
  },
125
125
  "devDependencies": {
126
126
  "@biomejs/biome": "1.8.2",