@a-type/ui 3.0.24 → 3.0.26

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 (64) hide show
  1. package/dist/cjs/components/button/Button.js +3 -3
  2. package/dist/cjs/components/button/Button.js.map +1 -1
  3. package/dist/cjs/components/forms/CheckboxField.js +4 -5
  4. package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
  5. package/dist/cjs/components/forms/FieldLabel.d.ts +1 -0
  6. package/dist/cjs/components/forms/FieldLabel.js +3 -2
  7. package/dist/cjs/components/forms/FieldLabel.js.map +1 -1
  8. package/dist/cjs/components/forms/FormikForm.d.ts +5 -0
  9. package/dist/cjs/components/forms/FormikForm.js +5 -1
  10. package/dist/cjs/components/forms/FormikForm.js.map +1 -1
  11. package/dist/cjs/components/forms/FormikForm.stories.d.ts +5 -0
  12. package/dist/cjs/components/forms/FormikForm.stories.js +10 -1
  13. package/dist/cjs/components/forms/FormikForm.stories.js.map +1 -1
  14. package/dist/cjs/components/forms/SubmitButton.js +1 -1
  15. package/dist/cjs/components/forms/SubmitButton.js.map +1 -1
  16. package/dist/cjs/components/forms/SwitchField.d.ts +8 -0
  17. package/dist/cjs/components/forms/SwitchField.js +30 -0
  18. package/dist/cjs/components/forms/SwitchField.js.map +1 -0
  19. package/dist/cjs/components/forms/ToggleGroupField.d.ts +13 -0
  20. package/dist/cjs/components/forms/ToggleGroupField.js +29 -0
  21. package/dist/cjs/components/forms/ToggleGroupField.js.map +1 -0
  22. package/dist/cjs/components/icon/Icon.d.ts +2 -1
  23. package/dist/cjs/components/icon/Icon.js +3 -2
  24. package/dist/cjs/components/icon/Icon.js.map +1 -1
  25. package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +1 -0
  26. package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
  27. package/dist/css/main.css +3 -3
  28. package/dist/esm/components/button/Button.js +3 -3
  29. package/dist/esm/components/button/Button.js.map +1 -1
  30. package/dist/esm/components/forms/CheckboxField.js +4 -5
  31. package/dist/esm/components/forms/CheckboxField.js.map +1 -1
  32. package/dist/esm/components/forms/FieldLabel.d.ts +1 -0
  33. package/dist/esm/components/forms/FieldLabel.js +2 -1
  34. package/dist/esm/components/forms/FieldLabel.js.map +1 -1
  35. package/dist/esm/components/forms/FormikForm.d.ts +5 -0
  36. package/dist/esm/components/forms/FormikForm.js +5 -1
  37. package/dist/esm/components/forms/FormikForm.js.map +1 -1
  38. package/dist/esm/components/forms/FormikForm.stories.d.ts +5 -0
  39. package/dist/esm/components/forms/FormikForm.stories.js +10 -1
  40. package/dist/esm/components/forms/FormikForm.stories.js.map +1 -1
  41. package/dist/esm/components/forms/SubmitButton.js +1 -1
  42. package/dist/esm/components/forms/SubmitButton.js.map +1 -1
  43. package/dist/esm/components/forms/SwitchField.d.ts +8 -0
  44. package/dist/esm/components/forms/SwitchField.js +27 -0
  45. package/dist/esm/components/forms/SwitchField.js.map +1 -0
  46. package/dist/esm/components/forms/ToggleGroupField.d.ts +13 -0
  47. package/dist/esm/components/forms/ToggleGroupField.js +26 -0
  48. package/dist/esm/components/forms/ToggleGroupField.js.map +1 -0
  49. package/dist/esm/components/icon/Icon.d.ts +2 -1
  50. package/dist/esm/components/icon/Icon.js +3 -2
  51. package/dist/esm/components/icon/Icon.js.map +1 -1
  52. package/dist/esm/components/toggleGroup/toggleGroup.d.ts +1 -0
  53. package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
  54. package/package.json +1 -1
  55. package/src/components/button/Button.tsx +7 -4
  56. package/src/components/forms/CheckboxField.tsx +8 -14
  57. package/src/components/forms/FieldLabel.tsx +6 -1
  58. package/src/components/forms/FormikForm.stories.tsx +22 -0
  59. package/src/components/forms/FormikForm.tsx +5 -1
  60. package/src/components/forms/SubmitButton.tsx +1 -0
  61. package/src/components/forms/SwitchField.tsx +41 -0
  62. package/src/components/forms/ToggleGroupField.tsx +40 -0
  63. package/src/components/icon/Icon.tsx +4 -1
  64. package/src/components/toggleGroup/toggleGroup.tsx +3 -0
package/dist/esm/components/button/Button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/forms/CheckboxField.js CHANGED
@@ -12,17 +12,16 @@ var __rest = (this && this.__rest) || function (s, e) {
12
12
  };
13
13
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
14
  import { useField } from 'formik';
15
- import { withClassName } from '../../hooks.js';
16
15
  import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
16
+ import { Box } from '../box/Box.js';
17
17
  import { Checkbox } from '../checkbox/index.js';
18
+ import { HorizontalFieldLabel } from './FieldLabel.js';
18
19
  export function CheckboxField(_a) {
19
20
  var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
20
21
  const [props, _, tools] = useField({ name, type: 'checkbox' });
21
22
  const id = useIdOrGenerated(providedId);
22
- return (_jsxs(FieldRoot, { className: className, children: [_jsx(Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
23
+ return (_jsxs(Box, { gap: "sm", className: className, children: [_jsx(Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
23
24
  tools.setValue(!!v);
24
- } }, rest)), label && _jsx(FieldLabel, { htmlFor: id, children: label })] }));
25
+ }, id: id }, rest)), label && (_jsx(HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
25
26
  }
26
- const FieldRoot = withClassName('div', 'layer-components:flex layer-components:flex-row layer-components:gap-2');
27
- const FieldLabel = withClassName('label', 'layer-components:inline-flex layer-components:flex-col layer-components:gap-1 layer-components:text-md layer-components:font-normal layer-components:color-dark/50 layer-components:mt-2px');
28
27
  //# sourceMappingURL=CheckboxField.js.map
package/dist/esm/components/forms/CheckboxField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAUhD,MAAM,UAAU,aAAa,CAAC,EAOT;QAPS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEM,EADjB,IAAI,cANsB,gDAO7B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,aAC9B,KAAC,QAAQ,oBACJ,KAAK,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,IACG,IAAI,EACP,EACD,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,IAC5C,CACZ,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAC9B,KAAK,EACL,wCAAwC,CACxC,CAAC;AAEF,MAAM,UAAU,GAAG,aAAa,CAC/B,OAAO,EACP,wFAAwF,CACxF,CAAC"}
1
+ {"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,UAAU,aAAa,CAAC,EAOT;QAPS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEM,EADjB,IAAI,cANsB,gDAO7B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,KAAC,QAAQ,oBACJ,KAAK,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,EACD,EAAE,EAAE,EAAE,IACF,IAAI,EACP,EACD,KAAK,IAAI,CACT,KAAC,oBAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}
package/dist/esm/components/forms/FieldLabel.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
2
+ export declare const HorizontalFieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
package/dist/esm/components/forms/FieldLabel.js CHANGED
@@ -1,4 +1,5 @@
1
1
  // @unocss-include
2
2
  import { withClassName } from '../../hooks.js';
3
- export const FieldLabel = withClassName('label', 'inline-flex flex-col gap-1 text-sm font-bold color-gray-ink');
3
+ export const FieldLabel = withClassName('label', 'inline-flex flex-col gap-xs text-sm font-bold color-gray-ink ml-md');
4
+ export const HorizontalFieldLabel = withClassName('label', 'inline-flex flex-row items-center gap-sm text-sm color-gray-ink');
4
5
  //# sourceMappingURL=FieldLabel.js.map
package/dist/esm/components/forms/FieldLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,OAAO,EACP,6DAA6D,CAC7D,CAAC"}
1
+ {"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,OAAO,EACP,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAChD,OAAO,EACP,iEAAiE,CACjE,CAAC"}
package/dist/esm/components/forms/FormikForm.d.ts CHANGED
@@ -2,6 +2,7 @@ import { FormikConfig, FormikValues } from 'formik';
2
2
  import { CheckboxField } from './CheckboxField.js';
3
3
  import { NumberStepperField } from './NumberStepperField.js';
4
4
  import { SubmitButton } from './SubmitButton.js';
5
+ import { SwitchField } from './SwitchField.js';
5
6
  import { TextAreaField } from './TextField.js';
6
7
  export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
7
8
  className?: string;
@@ -16,4 +17,8 @@ export declare const FormikForm: typeof FormikFormRoot & {
16
17
  NumberStepperField: typeof NumberStepperField;
17
18
  SubmitButton: typeof SubmitButton;
18
19
  CheckboxField: typeof CheckboxField;
20
+ SwitchField: typeof SwitchField;
21
+ ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
22
+ Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
23
+ };
19
24
  };
package/dist/esm/components/forms/FormikForm.js CHANGED
@@ -17,14 +17,16 @@ import { CheckboxField } from './CheckboxField.js';
17
17
  import { Form } from './Form.js';
18
18
  import { NumberStepperField } from './NumberStepperField.js';
19
19
  import { SubmitButton } from './SubmitButton.js';
20
+ import { SwitchField } from './SwitchField.js';
20
21
  import { TextAreaField, TextField } from './TextField.js';
22
+ import { ToggleGroupField } from './ToggleGroupField.js';
21
23
  export { FieldArray } from 'formik';
22
24
  export function FormikFormRoot(_a) {
23
25
  var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
24
26
  const wrappedOnSubmit = useCallback(async (values, bag) => {
25
27
  try {
26
28
  bag.setSubmitting(true);
27
- return await onSubmit(values, bag);
29
+ return await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(values, bag));
28
30
  }
29
31
  finally {
30
32
  bag.setSubmitting(false);
@@ -41,5 +43,7 @@ export const FormikForm = Object.assign(FormikFormRoot, {
41
43
  NumberStepperField,
42
44
  SubmitButton,
43
45
  CheckboxField,
46
+ SwitchField,
47
+ ToggleGroupField,
44
48
  });
45
49
  //# sourceMappingURL=FormikForm.js.map
package/dist/esm/components/forms/FormikForm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAO1D,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,WAAW,CAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACpC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,aAAa;CACb,CAAC,CAAC"}
1
+ {"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,WAAW,CAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,EAAE,GAAG,CAAC,CAAA,CAAC;QACtC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,WAAW;IACX,gBAAgB;CAChB,CAAC,CAAC"}
package/dist/esm/components/forms/FormikForm.stories.d.ts CHANGED
@@ -3,6 +3,7 @@ import { CheckboxField } from './CheckboxField.js';
3
3
  import { FormikForm } from './FormikForm.js';
4
4
  import { NumberStepperField } from './NumberStepperField.js';
5
5
  import { SubmitButton } from './SubmitButton.js';
6
+ import { SwitchField } from './SwitchField.js';
6
7
  declare const meta: {
7
8
  title: string;
8
9
  component: typeof import("./FormikForm.js").FormikFormRoot & {
@@ -13,6 +14,10 @@ declare const meta: {
13
14
  NumberStepperField: typeof NumberStepperField;
14
15
  SubmitButton: typeof SubmitButton;
15
16
  CheckboxField: typeof CheckboxField;
17
+ SwitchField: typeof SwitchField;
18
+ ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
19
+ Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
20
+ };
16
21
  };
17
22
  argTypes: {};
18
23
  parameters: {
package/dist/esm/components/forms/FormikForm.stories.js CHANGED
@@ -15,7 +15,9 @@ import { CheckboxField } from './CheckboxField.js';
15
15
  import { FormikForm } from './FormikForm.js';
16
16
  import { NumberStepperField } from './NumberStepperField.js';
17
17
  import { SubmitButton } from './SubmitButton.js';
18
+ import { SwitchField } from './SwitchField.js';
18
19
  import { TextField } from './TextField.js';
20
+ import { ToggleGroupField } from './ToggleGroupField.js';
19
21
  const meta = {
20
22
  title: 'Components/Form',
21
23
  component: FormikForm,
@@ -26,6 +28,11 @@ const meta = {
26
28
  };
27
29
  export default meta;
28
30
  export const Default = {
31
+ args: {
32
+ onSubmit: (values) => {
33
+ alert(JSON.stringify(values, null, 2));
34
+ },
35
+ },
29
36
  render(_a) {
30
37
  var { initialValues } = _a, args = __rest(_a, ["initialValues"]);
31
38
  return (_jsxs(FormikForm, Object.assign({ initialValues: {
@@ -33,7 +40,9 @@ export const Default = {
33
40
  password: '',
34
41
  age: 18,
35
42
  tos: false,
36
- } }, args, { children: [_jsx(TextField, { name: "email", type: "email", label: "Email" }), _jsx(TextField, { name: "password", type: "password", label: "Password" }), _jsx(NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), _jsx(CheckboxField, { name: "tos", label: "I agree" }), _jsx(SubmitButton, { children: "Sign up" })] })));
43
+ newsletter: false,
44
+ plan: 'basic',
45
+ } }, args, { children: [_jsx(TextField, { name: "email", type: "email", label: "Email" }), _jsx(TextField, { name: "password", type: "password", label: "Password" }), _jsx(NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), _jsx(CheckboxField, { name: "tos", label: "I agree" }), _jsx(SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), _jsxs(ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [_jsx(ToggleGroupField.Item, { value: "basic", children: "Basic" }), _jsx(ToggleGroupField.Item, { value: "pro", children: "Pro" }), _jsx(ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), _jsx(SubmitButton, { children: "Sign up" })] })));
37
46
  },
38
47
  };
39
48
  //# sourceMappingURL=FormikForm.stories.js.map
package/dist/esm/components/forms/FormikForm.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,EAA0B;YAA1B,EAAE,aAAa,OAAW,EAAN,IAAI,cAAxB,iBAA0B,CAAF;QAC9B,OAAO,CACN,MAAC,UAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;aACV,IACG,IAAI,eAER,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACrD,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,KAAC,kBAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,KAAC,aAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,KAAC,YAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;KACD;IACD,MAAM,CAAC,EAA0B;YAA1B,EAAE,aAAa,OAAW,EAAN,IAAI,cAAxB,iBAA0B,CAAF;QAC9B,OAAO,CACN,MAAC,UAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;gBACV,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,OAAO;aACb,IACG,IAAI,eAER,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACrD,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,KAAC,kBAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,KAAC,aAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,yBAAyB,GAAG,EACjE,MAAC,gBAAgB,IAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,QAAQ,mBAER,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAA4B,EAC9D,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,2BAEjB,IACN,EACnB,KAAC,YAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}
package/dist/esm/components/forms/SubmitButton.js CHANGED
@@ -4,6 +4,6 @@ import { useFormikContext } from 'formik';
4
4
  import { Button } from '../button/Button.js';
5
5
  export function SubmitButton(props) {
6
6
  const { isSubmitting, isValid } = useFormikContext();
7
- return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", type: "submit" }, props)));
7
+ return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", emphasis: "primary", type: "submit" }, props)));
8
8
  }
9
9
  //# sourceMappingURL=SubmitButton.js.map
package/dist/esm/components/forms/SubmitButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,IACT,KAAK,EACR,CACF,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAC,QAAQ,IACT,KAAK,EACR,CACF,CAAC;AACH,CAAC"}
package/dist/esm/components/forms/SwitchField.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export interface SwitchFieldProps {
2
+ name: string;
3
+ label?: string;
4
+ required?: boolean;
5
+ className?: string;
6
+ id?: string;
7
+ }
8
+ export declare function SwitchField({ name, label, className, required, id: providedId, ...rest }: SwitchFieldProps): import("react/jsx-runtime").JSX.Element;
package/dist/esm/components/forms/SwitchField.js ADDED
@@ -0,0 +1,27 @@
1
+ // @unocss-include
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import { useField } from 'formik';
15
+ import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
16
+ import { Box } from '../box/Box.js';
17
+ import { Switch } from '../switch/Switch.js';
18
+ import { HorizontalFieldLabel } from './FieldLabel.js';
19
+ export function SwitchField(_a) {
20
+ var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
21
+ const [props, _, tools] = useField({ name, type: 'checkbox' });
22
+ const id = useIdOrGenerated(providedId);
23
+ return (_jsxs(Box, { gap: "sm", className: className, children: [_jsx(Switch, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
24
+ tools.setValue(!!v);
25
+ }, id: id }, rest)), label && (_jsx(HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
26
+ }
27
+ //# sourceMappingURL=SwitchField.js.map
package/dist/esm/components/forms/SwitchField.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../src/components/forms/SwitchField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,UAAU,WAAW,CAAC,EAOT;QAPS,EAC3B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEI,EADf,IAAI,cANoB,gDAO3B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,KAAC,MAAM,oBACF,KAAK,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,EACD,EAAE,EAAE,EAAE,IACF,IAAI,EACP,EACD,KAAK,IAAI,CACT,KAAC,oBAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}
package/dist/esm/components/forms/ToggleGroupField.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { ToggleGroupProps } from '../toggleGroup/toggleGroup.js';
2
+ export type ToggleGroupFieldProps = ToggleGroupProps & {
3
+ name: string;
4
+ label?: string;
5
+ required?: boolean;
6
+ className?: string;
7
+ id?: string;
8
+ };
9
+ declare function ToggleGroupFieldDefault({ name, label, required, className, id, ...props }: ToggleGroupFieldProps): import("react/jsx-runtime").JSX.Element;
10
+ export declare const ToggleGroupField: typeof ToggleGroupFieldDefault & {
11
+ Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
12
+ };
13
+ export {};
package/dist/esm/components/forms/ToggleGroupField.js ADDED
@@ -0,0 +1,26 @@
1
+ // @unocss-include
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import { useField } from 'formik';
15
+ import { ToggleGroup } from '../toggleGroup/toggleGroup.js';
16
+ import { FieldLabel } from './FieldLabel.js';
17
+ import { FieldRoot } from './TextField.js';
18
+ function ToggleGroupFieldDefault(_a) {
19
+ var { name, label, required, className, id } = _a, props = __rest(_a, ["name", "label", "required", "className", "id"]);
20
+ const [fieldProps, _, tools] = useField(Object.assign({ name }, props));
21
+ return (_jsxs(FieldRoot, { children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(ToggleGroup, Object.assign({}, fieldProps, { onValueChange: (v) => tools.setValue(v) }, props, { id: id, className: className }))] }));
22
+ }
23
+ export const ToggleGroupField = Object.assign(ToggleGroupFieldDefault, {
24
+ Item: ToggleGroup.Item,
25
+ });
26
+ //# sourceMappingURL=ToggleGroupField.js.map
package/dist/esm/components/forms/ToggleGroupField.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleGroupField.js","sourceRoot":"","sources":["../../../../src/components/forms/ToggleGroupField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAoB,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAU3C,SAAS,uBAAuB,CAAC,EAOT;QAPS,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,EAAE,OAEqB,EADpB,KAAK,cANwB,gDAOhC,CADQ;IAER,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,iBAAG,IAAI,IAAK,KAAK,EAAG,CAAC;IAE5D,OAAO,CACN,MAAC,SAAS,eACR,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,WAAW,oBACP,UAAU,IACd,aAAa,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IACxC,KAAK,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IACnB,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IACtE,IAAI,EAAE,WAAW,CAAC,IAAI;CACtB,CAAC,CAAC"}
package/dist/esm/components/icon/Icon.d.ts CHANGED
@@ -3,7 +3,8 @@ import { IconName } from './generated/iconNames.js';
3
3
  export interface IconProps extends HTMLAttributes<SVGSVGElement> {
4
4
  name: IconName;
5
5
  size?: number;
6
+ loading?: boolean;
6
7
  }
7
- export declare const Icon: ({ ref, name, size, className, ...rest }: IconProps & {
8
+ export declare const Icon: ({ ref, name, size, className, loading: loadingProp, ...rest }: IconProps & {
8
9
  ref?: React.Ref<SVGSVGElement>;
9
10
  }) => import("react/jsx-runtime").JSX.Element;
package/dist/esm/components/icon/Icon.js CHANGED
@@ -15,8 +15,9 @@ import classNames from 'clsx';
15
15
  import { Spinner } from '../spinner/Spinner.js';
16
16
  import { useIconLoading } from './IconLoadingContext.js';
17
17
  export const Icon = function Icon(_a) {
18
- var { ref, name, size = 15, className } = _a, rest = __rest(_a, ["ref", "name", "size", "className"]);
19
- const loading = useIconLoading();
18
+ var { ref, name, size = 15, className, loading: loadingProp } = _a, rest = __rest(_a, ["ref", "name", "size", "className", "loading"]);
19
+ const loadingContext = useIconLoading();
20
+ const loading = loadingProp !== false && (loadingProp || loadingContext);
20
21
  if (loading) {
21
22
  return _jsx(Spinner, { size: size, className: "icon inline-block" });
22
23
  }
package/dist/esm/components/icon/Icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAOzD,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EAQjC;QARiC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,OAIT,EAHG,IAAI,cAL0B,oCAMjC,CADO;IAIP,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IAEjC,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,GAAG,CAAC;IAC9D,CAAC;IAED,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,MAAM,EACN,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,cAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAQzD,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,IAAI,CAAC,EASjC;QATiC,EACjC,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,EACT,OAAO,EAAE,WAAW,OAIpB,EAHG,IAAI,cAN0B,+CAOjC,CADO;IAIP,MAAM,cAAc,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,WAAW,KAAK,KAAK,IAAI,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;IAEzE,IAAI,OAAO,EAAE,CAAC;QACb,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,mBAAmB,GAAG,CAAC;IAC9D,CAAC;IAED,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,MAAM,EACN,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,cAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC"}
package/dist/esm/components/toggleGroup/toggleGroup.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
2
2
  export declare const ToggleGroupRoot: import("react").FunctionComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
3
3
  export declare const ToggleGroupItem: import("react").FunctionComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
4
+ export type ToggleGroupProps = ToggleGroupPrimitive.ToggleGroupMultipleProps | ToggleGroupPrimitive.ToggleGroupSingleProps;
4
5
  export declare const ToggleGroup: import("react").FunctionComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>> & {
5
6
  Item: import("react").FunctionComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
6
7
  };
package/dist/esm/components/toggleGroup/toggleGroup.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,yEAAyE,CACzE,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,wLAAwL,EACxL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,6FAA6F,CAC7F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}
1
+ {"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,yEAAyE,CACzE,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,wLAAwL,EACxL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,6FAA6F,CAC7F,CAAC;AAKF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "3.0.24",
3
+ "version": "3.0.26",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/components/button/Button.tsx CHANGED
@@ -130,7 +130,7 @@ export function ButtonRoot({
130
130
  exit={{ width: 0, marginLeft: '-0.5rem' }}
131
131
  className={clsx(
132
132
  'flex-shrink-0 inline-block overflow-hidden my-auto flex',
133
- '[[data-has-icon=true]>&]:hidden',
133
+ '[[data-has-icon=true]_&]:hidden',
134
134
  )}
135
135
  data-default-loader
136
136
  >
@@ -145,9 +145,11 @@ export function ButtonRoot({
145
145
  )}
146
146
  {children}
147
147
  {isDropdownTrigger && (
148
- <DropdownMenuTriggerIcon asChild>
149
- <Icon name="chevron" />
150
- </DropdownMenuTriggerIcon>
148
+ <IconLoadingProvider value={false}>
149
+ <DropdownMenuTriggerIcon asChild>
150
+ <Icon name="chevron" />
151
+ </DropdownMenuTriggerIcon>
152
+ </IconLoadingProvider>
151
153
  )}
152
154
  </Comp>
153
155
  </IconLoadingProvider>
@@ -167,6 +169,7 @@ export const ButtonToggleIndicator = memo(function ToggleIndicator({
167
169
  style={{
168
170
  width: value ? '15px' : 0,
169
171
  }}
172
+ loading={false}
170
173
  />
171
174
  );
172
175
  });
package/src/components/forms/CheckboxField.tsx CHANGED
@@ -1,7 +1,8 @@
1
1
  import { useField } from 'formik';
2
- import { withClassName } from '../../hooks.js';
3
2
  import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
3
+ import { Box } from '../box/Box.js';
4
4
  import { Checkbox } from '../checkbox/index.js';
5
+ import { HorizontalFieldLabel } from './FieldLabel.js';
5
6
 
6
7
  export interface CheckboxFieldProps {
7
8
  name: string;
@@ -22,26 +23,19 @@ export function CheckboxField({
22
23
  const [props, _, tools] = useField({ name, type: 'checkbox' });
23
24
  const id = useIdOrGenerated(providedId);
24
25
  return (
25
- <FieldRoot className={className}>
26
+ <Box gap="sm" className={className}>
26
27
  <Checkbox
27
28
  {...props}
28
29
  checked={props.checked}
29
30
  onCheckedChange={(v) => {
30
31
  tools.setValue(!!v);
31
32
  }}
33
+ id={id}
32
34
  {...rest}
33
35
  />
34
- {label && <FieldLabel htmlFor={id}>{label}</FieldLabel>}
35
- </FieldRoot>
36
+ {label && (
37
+ <HorizontalFieldLabel htmlFor={id}>{label}</HorizontalFieldLabel>
38
+ )}
39
+ </Box>
36
40
  );
37
41
  }
38
-
39
- const FieldRoot = withClassName(
40
- 'div',
41
- 'layer-components:(flex flex-row gap-2)',
42
- );
43
-
44
- const FieldLabel = withClassName(
45
- 'label',
46
- 'layer-components:(inline-flex flex-col gap-1 text-md font-normal color-dark/50 mt-2px)',
47
- );
package/src/components/forms/FieldLabel.tsx CHANGED
@@ -2,5 +2,10 @@ import { withClassName } from '../../hooks.js';
2
2
 
3
3
  export const FieldLabel = withClassName(
4
4
  'label',
5
- 'inline-flex flex-col gap-1 text-sm font-bold color-gray-ink',
5
+ 'inline-flex flex-col gap-xs text-sm font-bold color-gray-ink ml-md',
6
+ );
7
+
8
+ export const HorizontalFieldLabel = withClassName(
9
+ 'label',
10
+ 'inline-flex flex-row items-center gap-sm text-sm color-gray-ink',
6
11
  );
package/src/components/forms/FormikForm.stories.tsx CHANGED
@@ -3,7 +3,9 @@ import { CheckboxField } from './CheckboxField.js';
3
3
  import { FormikForm } from './FormikForm.js';
4
4
  import { NumberStepperField } from './NumberStepperField.js';
5
5
  import { SubmitButton } from './SubmitButton.js';
6
+ import { SwitchField } from './SwitchField.js';
6
7
  import { TextField } from './TextField.js';
8
+ import { ToggleGroupField } from './ToggleGroupField.js';
7
9
 
8
10
  const meta = {
9
11
  title: 'Components/Form',
@@ -19,6 +21,11 @@ export default meta;
19
21
  type Story = StoryObj<typeof FormikForm>;
20
22
 
21
23
  export const Default: Story = {
24
+ args: {
25
+ onSubmit: (values) => {
26
+ alert(JSON.stringify(values, null, 2));
27
+ },
28
+ },
22
29
  render({ initialValues, ...args }) {
23
30
  return (
24
31
  <FormikForm
@@ -27,6 +34,8 @@ export const Default: Story = {
27
34
  password: '',
28
35
  age: 18,
29
36
  tos: false,
37
+ newsletter: false,
38
+ plan: 'basic',
30
39
  }}
31
40
  {...args}
32
41
  >
@@ -34,6 +43,19 @@ export const Default: Story = {
34
43
  <TextField name="password" type="password" label="Password" />
35
44
  <NumberStepperField name="age" label="Age" min={13} max={100} />
36
45
  <CheckboxField name="tos" label="I agree" />
46
+ <SwitchField name="newsletter" label="Subscribe to newsletter" />
47
+ <ToggleGroupField
48
+ type="single"
49
+ name="plan"
50
+ label="Select your plan"
51
+ required
52
+ >
53
+ <ToggleGroupField.Item value="basic">Basic</ToggleGroupField.Item>
54
+ <ToggleGroupField.Item value="pro">Pro</ToggleGroupField.Item>
55
+ <ToggleGroupField.Item value="enterprise">
56
+ Enterprise
57
+ </ToggleGroupField.Item>
58
+ </ToggleGroupField>
37
59
  <SubmitButton>Sign up</SubmitButton>
38
60
  </FormikForm>
39
61
  );
package/src/components/forms/FormikForm.tsx CHANGED
@@ -4,7 +4,9 @@ import { CheckboxField } from './CheckboxField.js';
4
4
  import { Form } from './Form.js';
5
5
  import { NumberStepperField } from './NumberStepperField.js';
6
6
  import { SubmitButton } from './SubmitButton.js';
7
+ import { SwitchField } from './SwitchField.js';
7
8
  import { TextAreaField, TextField } from './TextField.js';
9
+ import { ToggleGroupField } from './ToggleGroupField.js';
8
10
 
9
11
  export interface FormikFormProps<T extends FormikValues = FormikValues>
10
12
  extends FormikConfig<T> {
@@ -23,7 +25,7 @@ export function FormikFormRoot<Values extends FormikValues>({
23
25
  async (values: Values, bag: FormikHelpers<Values>) => {
24
26
  try {
25
27
  bag.setSubmitting(true);
26
- return await onSubmit(values, bag);
28
+ return await onSubmit?.(values, bag);
27
29
  } finally {
28
30
  bag.setSubmitting(false);
29
31
  }
@@ -52,4 +54,6 @@ export const FormikForm = Object.assign(FormikFormRoot, {
52
54
  NumberStepperField,
53
55
  SubmitButton,
54
56
  CheckboxField,
57
+ SwitchField,
58
+ ToggleGroupField,
55
59
  });
package/src/components/forms/SubmitButton.tsx CHANGED
@@ -8,6 +8,7 @@ export function SubmitButton(props: ButtonProps) {
8
8
  loading={isSubmitting}
9
9
  disabled={!isValid}
10
10
  color="primary"
11
+ emphasis="primary"
11
12
  type="submit"
12
13
  {...props}
13
14
  />
package/src/components/forms/SwitchField.tsx ADDED
@@ -0,0 +1,41 @@
1
+ import { useField } from 'formik';
2
+ import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
3
+ import { Box } from '../box/Box.js';
4
+ import { Switch } from '../switch/Switch.js';
5
+ import { HorizontalFieldLabel } from './FieldLabel.js';
6
+
7
+ export interface SwitchFieldProps {
8
+ name: string;
9
+ label?: string;
10
+ required?: boolean;
11
+ className?: string;
12
+ id?: string;
13
+ }
14
+
15
+ export function SwitchField({
16
+ name,
17
+ label,
18
+ className,
19
+ required,
20
+ id: providedId,
21
+ ...rest
22
+ }: SwitchFieldProps) {
23
+ const [props, _, tools] = useField({ name, type: 'checkbox' });
24
+ const id = useIdOrGenerated(providedId);
25
+ return (
26
+ <Box gap="sm" className={className}>
27
+ <Switch
28
+ {...props}
29
+ checked={props.checked}
30
+ onCheckedChange={(v) => {
31
+ tools.setValue(!!v);
32
+ }}
33
+ id={id}
34
+ {...rest}
35
+ />
36
+ {label && (
37
+ <HorizontalFieldLabel htmlFor={id}>{label}</HorizontalFieldLabel>
38
+ )}
39
+ </Box>
40
+ );
41
+ }
package/src/components/forms/ToggleGroupField.tsx ADDED
@@ -0,0 +1,40 @@
1
+ import { useField } from 'formik';
2
+ import { ToggleGroup, ToggleGroupProps } from '../toggleGroup/toggleGroup.js';
3
+ import { FieldLabel } from './FieldLabel.js';
4
+ import { FieldRoot } from './TextField.js';
5
+
6
+ export type ToggleGroupFieldProps = ToggleGroupProps & {
7
+ name: string;
8
+ label?: string;
9
+ required?: boolean;
10
+ className?: string;
11
+ id?: string;
12
+ };
13
+
14
+ function ToggleGroupFieldDefault({
15
+ name,
16
+ label,
17
+ required,
18
+ className,
19
+ id,
20
+ ...props
21
+ }: ToggleGroupFieldProps) {
22
+ const [fieldProps, _, tools] = useField({ name, ...props });
23
+
24
+ return (
25
+ <FieldRoot>
26
+ {label && <FieldLabel htmlFor={id}>{label}</FieldLabel>}
27
+ <ToggleGroup
28
+ {...fieldProps}
29
+ onValueChange={(v: any) => tools.setValue(v)}
30
+ {...props}
31
+ id={id}
32
+ className={className}
33
+ />
34
+ </FieldRoot>
35
+ );
36
+ }
37
+
38
+ export const ToggleGroupField = Object.assign(ToggleGroupFieldDefault, {
39
+ Item: ToggleGroup.Item,
40
+ });