@a-type/ui 3.0.23 → 3.0.25

package/dist/cjs/components/card/Card.js

@@ -35,7 +35,7 @@ function CardMain(_a) {
     return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleLayer, { children: (0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-start layer-components:gap-1 layer-components:transition layer-components:pb-xs layer-components:flex-1 layer-components:min-h-40px layer-components:bg-transparent', 'layer-components:border-none layer-components:text-start layer-components:text-inherit layer-components:text-sm layer-components:relative layer-components:z-1 layer-components:p-0 layer-components:font-inherit layer-components:outline-none layer-components:rounded-t-md', !!compact && 'layer-variants:pb-0', isInteractive &&
                 (0, clsx_1.default)('layer-components:cursor-pointer', 'layer-components:hover:bg-black/10 layer-components:hover:color-black', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-black/10 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-visually-focused=true]]:bg-black/10 layer-components:[&[data-visually-focused=true]]:ring-inset layer-components:[&[data-visually-focused=true]]:ring-4 layer-components:[&[data-visually-focused=true]]:ring-accent', 'layer-components:disabled:cursor-default', 'layer-components:[&[data-visually-disabled=true]]:cursor-default'), className), "data-compact": compact, "data-visually-focused": rest.visuallyFocused, "data-visually-disabled": rest.visuallyDisabled, "data-interactive": isInteractive, style: scaleStyles }, rest, { children: children })) }));
 }
-exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:my-xs layer-components:mx-xs layer-components:py-xs layer-components:px-md layer-components:w-auto layer-components:max-h-80px layer-components:max-w-full layer-components:relative layer-components:z-1', 'layer-components:bg-white layer-components:rounded-md layer-components:border layer-components:border-solid layer-components:border-gray-dark layer-components:transition-colors', 'layer-components:text-md layer-components:overflow-hidden layer-components:text-ellipsis layer-components:text-inherit layer-components:font-semibold', 'layer-components:[[data-compact=true]_&]:py-xs layer-components:[[data-compact=true]_&]:text-sm');
+exports.CardTitle = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:my-xs layer-components:mx-xs layer-components:py-xs layer-components:px-sm layer-components:w-auto layer-components:max-h-80px layer-components:max-w-full layer-components:relative layer-components:z-1', 'layer-components:bg-white layer-components:rounded-md layer-components:border layer-components:border-solid layer-components:border-gray-dark layer-components:transition-colors', 'layer-components:text-md layer-components:overflow-hidden layer-components:text-ellipsis layer-components:text-inherit layer-components:font-semibold', 'layer-components:[[data-compact=true]_&]:text-sm');
 const CardContentRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:px-2 layer-components:py-1 layer-components:bg-white/80 layer-components:color-black layer-components:rounded-sm layer-components:mx-2 layer-components:my-0.5 layer-components:border layer-components:border-solid layer-components:border-gray-dark/50 layer-components:text-xs layer-components:relative layer-components:z-1', 'layer-variants:[[data-compact=true]_&]:py-0 layer-variants:[[data-compact=true]_&]:px-sm layer-variants:[[data-compact=true]_&]:my-0 layer-variants:[[data-compact=true]_&]:text-xs', 'layer-variants:[&[data-unstyled=true]]:p-0 layer-variants:[&[data-unstyled=true]]:[background:unset] layer-variants:[&[data-unstyled=true]]:border-none');
 function CardContent(_a) {
     var { unstyled, ref } = _a, rest = __rest(_a, ["unstyled", "ref"]);

package/dist/cjs/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwBA,4BA0DC;AAoBD,kCAEC;;AAxGD,qDAA4C;AAC5C,gDAA8B;AAQ9B,6CAA0D;AAC1D,+DAGqC;AACrC,0CAAoC;AACpC,sDAA8D;AAC9D,sDAAgD;AAEnC,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,IAAA,oBAAS,EAAC,YAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EACtC,qJAAqJ,EACrJ,kEAAkE,CAClE,CAAC;AAEF,SAAgB,QAAQ,CAAC,EAqBxB;QArBwB,EACxB,OAAO,EACP,SAAS,EACT,OAAO,EACP,cAAc,EACd,GAAG,EACH,KAAK,EACL,QAAQ,OAcR,EAbG,IAAI,cARiB,iFASxB,CADO;IAcP,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvE,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAE/D,MAAM,WAAW,GAAG,IAAA,mCAAmB,EAAC,KAAK,CAAC,CAAC;IAE/C,OAAO,CACN,uBAAC,+BAAe,cACf,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,sGAAsG,EACtG,wHAAwH,EACxH,CAAC,CAAC,OAAO,IAAI,uBAAuB,EACpC,aAAa;gBACZ,IAAA,cAAU,EACT,iCAAiC,EACjC,kDAAkD,EAClD,qCAAqC,EACrC,yFAAyF,EACzF,8FAA8F,EAC9F,4CAA4C,EAC5C,oEAAoE,CACpE,EACF,SAAS,CACT,kBACa,OAAO,2BACE,IAAI,CAAC,eAAe,4BACnB,IAAI,CAAC,gBAAgB,sBAC3B,aAAa,EAC/B,KAAK,EAAE,WAAW,IACd,IAAI,cAEP,QAAQ,IACH,GACU,CAClB,CAAC;AACH,CAAC;AAEY,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,KAAK,EACL,0GAA0G,EAC1G,+FAA+F,EAC/F,qFAAqF,EACrF,oDAAoD,CACpD,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,8JAA8J,EAC9J,kEAAkE,EAClE,6EAA6E,CAC7E,CAAC;AAKF,SAAgB,WAAW,CAAC,EAA4C;QAA5C,EAAE,QAAQ,EAAE,GAAG,OAA6B,EAAxB,IAAI,cAAxB,mBAA0B,CAAF;IACnD,OAAO,uBAAC,eAAe,kBAAC,GAAG,EAAE,GAAG,mBAAiB,QAAQ,IAAM,IAAI,EAAI,CAAC;AACzE,CAAC;AAEY,QAAA,SAAS,GAAG,IAAA,wBAAa,EACrC,oBAAO,EACP,sGAAsG,CACtG,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iEAAiE,CACjE,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,KAAK,EACL,qIAAqI,CACrI,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,4GAA4G,CAC5G,CAAC;AAEW,QAAA,eAAe,GAAG;IAC9B,OAAO,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,KAAK,EAAE,CAAC,IAAY,EAAE,EAAE,CACvB,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACrD,CAAC;AACK,MAAM,QAAQ,GAAG,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,uBAAe,CAAC,OAAO,EACjC,GAAG,GACW,EAAE,EAAE;IAClB,OAAO,CACN,uBAAC,oBAAO,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,YACvD,QAAQ,GACA,CACV,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,QAAQ,YAWnB;AAEW,QAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,iBAAS;IAChB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,iBAAS;IAChB,MAAM,EAAE,kBAAU;IAClB,OAAO,EAAE,mBAAW;IACpB,IAAI,EAAE,gBAAQ;IACd,IAAI,EAAE,gBAAQ;CACd,CAAC,CAAC"}

package/dist/cjs/components/forms/CheckboxField.js

@@ -15,17 +15,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxField = CheckboxField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const formik_1 = require("formik");
-const hooks_js_1 = require("../../hooks.js");
 const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
+const Box_js_1 = require("../box/Box.js");
 const index_js_1 = require("../checkbox/index.js");
+const FieldLabel_js_1 = require("./FieldLabel.js");
 function CheckboxField(_a) {
     var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
     const [props, _, tools] = (0, formik_1.useField)({ name, type: 'checkbox' });
     const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
-    return ((0, jsx_runtime_1.jsxs)(FieldRoot, { className: className, children: [(0, jsx_runtime_1.jsx)(index_js_1.Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
+    return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsx)(index_js_1.Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
                     tools.setValue(!!v);
-                } }, rest)), label && (0, jsx_runtime_1.jsx)(FieldLabel, { htmlFor: id, children: label })] }));
+                }, id: id }, rest)), label && ((0, jsx_runtime_1.jsx)(FieldLabel_js_1.HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
 }
-const FieldRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-row layer-components:gap-2');
-const FieldLabel = (0, hooks_js_1.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');
 //# sourceMappingURL=CheckboxField.js.map

package/dist/cjs/components/forms/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAaA,sCAuBC;;AApCD,mCAAkC;AAClC,6CAA+C;AAC/C,yEAAmE;AACnE,mDAAgD;AAUhD,SAAgB,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,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,aAC9B,uBAAC,mBAAQ,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,uBAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,IAC5C,CACZ,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,wCAAwC,CACxC,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC/B,OAAO,EACP,wFAAwF,CACxF,CAAC"}
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,sCA0BC;;AAxCD,mCAAkC;AAClC,yEAAmE;AACnE,0CAAoC;AACpC,mDAAgD;AAChD,mDAAuD;AAUvD,SAAgB,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,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,uBAAC,mBAAQ,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,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/forms/FieldLabel.d.ts

@@ -1 +1,2 @@
 export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
+export declare const HorizontalFieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;

package/dist/cjs/components/forms/FieldLabel.js

@@ -1,7 +1,8 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldLabel = void 0;
+exports.HorizontalFieldLabel = exports.FieldLabel = void 0;
 const hooks_js_1 = require("../../hooks.js");
-exports.FieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-col gap-1 text-sm font-bold color-gray-ink');
+exports.FieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-col gap-xs text-sm font-bold color-gray-ink ml-md');
+exports.HorizontalFieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-row items-center gap-sm text-sm color-gray-ink');
 //# sourceMappingURL=FieldLabel.js.map

package/dist/cjs/components/forms/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":";;;AAAA,6CAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,OAAO,EACP,6DAA6D,CAC7D,CAAC"}
+{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":";;;AAAA,6CAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,OAAO,EACP,oEAAoE,CACpE,CAAC;AAEW,QAAA,oBAAoB,GAAG,IAAA,wBAAa,EAChD,OAAO,EACP,iEAAiE,CACjE,CAAC"}

package/dist/cjs/components/forms/FormikForm.d.ts

@@ -2,6 +2,7 @@ import { FormikConfig, FormikValues } from 'formik';
 import { CheckboxField } from './CheckboxField.js';
 import { NumberStepperField } from './NumberStepperField.js';
 import { SubmitButton } from './SubmitButton.js';
+import { SwitchField } from './SwitchField.js';
 import { TextAreaField } from './TextField.js';
 export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
     className?: string;
@@ -16,4 +17,8 @@ export declare const FormikForm: typeof FormikFormRoot & {
     NumberStepperField: typeof NumberStepperField;
     SubmitButton: typeof SubmitButton;
     CheckboxField: typeof CheckboxField;
+    SwitchField: typeof SwitchField;
+    ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
+        Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+    };
 };

package/dist/cjs/components/forms/FormikForm.js

@@ -21,7 +21,9 @@ const CheckboxField_js_1 = require("./CheckboxField.js");
 const Form_js_1 = require("./Form.js");
 const NumberStepperField_js_1 = require("./NumberStepperField.js");
 const SubmitButton_js_1 = require("./SubmitButton.js");
+const SwitchField_js_1 = require("./SwitchField.js");
 const TextField_js_1 = require("./TextField.js");
+const ToggleGroupField_js_1 = require("./ToggleGroupField.js");
 var formik_2 = require("formik");
 Object.defineProperty(exports, "FieldArray", { enumerable: true, get: function () { return formik_2.FieldArray; } });
 function FormikFormRoot(_a) {
@@ -29,7 +31,7 @@ function FormikFormRoot(_a) {
     const wrappedOnSubmit = (0, react_1.useCallback)(async (values, bag) => {
         try {
             bag.setSubmitting(true);
-            return await onSubmit(values, bag);
+            return await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(values, bag));
         }
         finally {
             bag.setSubmitting(false);
@@ -46,5 +48,7 @@ exports.FormikForm = Object.assign(FormikFormRoot, {
     NumberStepperField: NumberStepperField_js_1.NumberStepperField,
     SubmitButton: SubmitButton_js_1.SubmitButton,
     CheckboxField: CheckboxField_js_1.CheckboxField,
+    SwitchField: SwitchField_js_1.SwitchField,
+    ToggleGroupField: ToggleGroupField_js_1.ToggleGroupField,
 });
 //# sourceMappingURL=FormikForm.js.map

package/dist/cjs/components/forms/FormikForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA,wCA+BC;;AA9CD,mCAA2E;AAC3E,iCAAoC;AACpC,yDAAmD;AACnD,uCAAiC;AACjC,mEAA6D;AAC7D,uDAAiD;AACjD,iDAA0D;AAO1D,iCAAoC;AAA3B,oGAAA,UAAU,OAAA;AAEnB,SAAgB,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,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,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS,EAAT,wBAAS;IACT,aAAa,EAAb,4BAAa;IACb,kBAAkB,EAAlB,0CAAkB;IAClB,YAAY,EAAZ,8BAAY;IACZ,aAAa,EAAb,gCAAa;CACb,CAAC,CAAC"}
+{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBA,wCA+BC;;AAhDD,mCAA2E;AAC3E,iCAAoC;AACpC,yDAAmD;AACnD,uCAAiC;AACjC,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA0D;AAC1D,+DAAyD;AAOzD,iCAAoC;AAA3B,oGAAA,UAAU,OAAA;AAEnB,SAAgB,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,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,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS,EAAT,wBAAS;IACT,aAAa,EAAb,4BAAa;IACb,kBAAkB,EAAlB,0CAAkB;IAClB,YAAY,EAAZ,8BAAY;IACZ,aAAa,EAAb,gCAAa;IACb,WAAW,EAAX,4BAAW;IACX,gBAAgB,EAAhB,sCAAgB;CAChB,CAAC,CAAC"}

package/dist/cjs/components/forms/FormikForm.stories.d.ts

@@ -3,6 +3,7 @@ import { CheckboxField } from './CheckboxField.js';
 import { FormikForm } from './FormikForm.js';
 import { NumberStepperField } from './NumberStepperField.js';
 import { SubmitButton } from './SubmitButton.js';
+import { SwitchField } from './SwitchField.js';
 declare const meta: {
     title: string;
     component: typeof import("./FormikForm.js").FormikFormRoot & {
@@ -13,6 +14,10 @@ declare const meta: {
         NumberStepperField: typeof NumberStepperField;
         SubmitButton: typeof SubmitButton;
         CheckboxField: typeof CheckboxField;
+        SwitchField: typeof SwitchField;
+        ToggleGroupField: (({ name, label, required, className, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
+            Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+        };
     };
     argTypes: {};
     parameters: {

package/dist/cjs/components/forms/FormikForm.stories.js

@@ -18,7 +18,9 @@ const CheckboxField_js_1 = require("./CheckboxField.js");
 const FormikForm_js_1 = require("./FormikForm.js");
 const NumberStepperField_js_1 = require("./NumberStepperField.js");
 const SubmitButton_js_1 = require("./SubmitButton.js");
+const SwitchField_js_1 = require("./SwitchField.js");
 const TextField_js_1 = require("./TextField.js");
+const ToggleGroupField_js_1 = require("./ToggleGroupField.js");
 const meta = {
     title: 'Components/Form',
     component: FormikForm_js_1.FormikForm,
@@ -29,6 +31,11 @@ const meta = {
 };
 exports.default = meta;
 exports.Default = {
+    args: {
+        onSubmit: (values) => {
+            alert(JSON.stringify(values, null, 2));
+        },
+    },
     render(_a) {
         var { initialValues } = _a, args = __rest(_a, ["initialValues"]);
         return ((0, jsx_runtime_1.jsxs)(FormikForm_js_1.FormikForm, Object.assign({ initialValues: {
@@ -36,7 +43,9 @@ exports.Default = {
                 password: '',
                 age: 18,
                 tos: false,
-            } }, args, { children: [(0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "email", type: "email", label: "Email" }), (0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "password", type: "password", label: "Password" }), (0, jsx_runtime_1.jsx)(NumberStepperField_js_1.NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), (0, jsx_runtime_1.jsx)(CheckboxField_js_1.CheckboxField, { name: "tos", label: "I agree" }), (0, jsx_runtime_1.jsx)(SubmitButton_js_1.SubmitButton, { children: "Sign up" })] })));
+                newsletter: false,
+                plan: 'basic',
+            } }, args, { children: [(0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "email", type: "email", label: "Email" }), (0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "password", type: "password", label: "Password" }), (0, jsx_runtime_1.jsx)(NumberStepperField_js_1.NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), (0, jsx_runtime_1.jsx)(CheckboxField_js_1.CheckboxField, { name: "tos", label: "I agree" }), (0, jsx_runtime_1.jsx)(SwitchField_js_1.SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), (0, jsx_runtime_1.jsxs)(ToggleGroupField_js_1.ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [(0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "basic", children: "Basic" }), (0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "pro", children: "Pro" }), (0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), (0, jsx_runtime_1.jsx)(SubmitButton_js_1.SubmitButton, { children: "Sign up" })] })));
     },
 };
 //# sourceMappingURL=FormikForm.stories.js.map

package/dist/cjs/components/forms/FormikForm.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yDAAmD;AACnD,mDAA6C;AAC7C,mEAA6D;AAC7D,uDAAiD;AACjD,iDAA2C;AAE3C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,0BAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,EAA0B;YAA1B,EAAE,aAAa,OAAW,EAAN,IAAI,cAAxB,iBAA0B,CAAF;QAC9B,OAAO,CACN,wBAAC,0BAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;aACV,IACG,IAAI,eAER,uBAAC,wBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACrD,uBAAC,wBAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,uBAAC,0CAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,uBAAC,gCAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,uBAAC,8BAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yDAAmD;AACnD,mDAA6C;AAC7C,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA2C;AAC3C,+DAAyD;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,0BAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,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,wBAAC,0BAAU,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,uBAAC,wBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACrD,uBAAC,wBAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,uBAAC,0CAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,uBAAC,gCAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,uBAAC,4BAAW,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,yBAAyB,GAAG,EACjE,wBAAC,sCAAgB,IAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,QAAQ,mBAER,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAA4B,EAC9D,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,2BAEjB,IACN,EACnB,uBAAC,8BAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/forms/SubmitButton.js

@@ -7,6 +7,6 @@ const formik_1 = require("formik");
 const Button_js_1 = require("../button/Button.js");
 function SubmitButton(props) {
     const { isSubmitting, isValid } = (0, formik_1.useFormikContext)();
-    return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", type: "submit" }, props)));
+    return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", emphasis: "primary", type: "submit" }, props)));
 }
 //# sourceMappingURL=SubmitButton.js.map

package/dist/cjs/components/forms/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";;AAGA,oCAWC;;AAdD,mCAA0C;AAC1C,mDAA0D;AAE1D,SAAgB,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAC;IACrD,OAAO,CACN,uBAAC,kBAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,QAAQ,IACT,KAAK,EACR,CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";;AAGA,oCAYC;;AAfD,mCAA0C;AAC1C,mDAA0D;AAE1D,SAAgB,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,IAAA,yBAAgB,GAAE,CAAC;IACrD,OAAO,CACN,uBAAC,kBAAM,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/cjs/components/forms/SwitchField.d.ts

@@ -0,0 +1,8 @@
+export interface SwitchFieldProps {
+    name: string;
+    label?: string;
+    required?: boolean;
+    className?: string;
+    id?: string;
+}
+export declare function SwitchField({ name, label, className, required, id: providedId, ...rest }: SwitchFieldProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/forms/SwitchField.js

@@ -0,0 +1,30 @@
+// @unocss-include
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SwitchField = SwitchField;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
+const Box_js_1 = require("../box/Box.js");
+const Switch_js_1 = require("../switch/Switch.js");
+const FieldLabel_js_1 = require("./FieldLabel.js");
+function SwitchField(_a) {
+    var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
+    const [props, _, tools] = (0, formik_1.useField)({ name, type: 'checkbox' });
+    const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
+    return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsx)(Switch_js_1.Switch, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
+                    tools.setValue(!!v);
+                }, id: id }, rest)), label && ((0, jsx_runtime_1.jsx)(FieldLabel_js_1.HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
+}
+//# sourceMappingURL=SwitchField.js.map

package/dist/cjs/components/forms/SwitchField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../src/components/forms/SwitchField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,kCA0BC;;AAxCD,mCAAkC;AAClC,yEAAmE;AACnE,0CAAoC;AACpC,mDAA6C;AAC7C,mDAAuD;AAUvD,SAAgB,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,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,uBAAC,kBAAM,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,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/forms/ToggleGroupField.d.ts

@@ -0,0 +1,13 @@
+import { ToggleGroupProps } from '../toggleGroup/toggleGroup.js';
+export type ToggleGroupFieldProps = ToggleGroupProps & {
+    name: string;
+    label?: string;
+    required?: boolean;
+    className?: string;
+    id?: string;
+};
+declare function ToggleGroupFieldDefault({ name, label, required, className, id, ...props }: ToggleGroupFieldProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const ToggleGroupField: typeof ToggleGroupFieldDefault & {
+    Item: import("react").FunctionComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+};
+export {};

package/dist/cjs/components/forms/ToggleGroupField.js

@@ -0,0 +1,29 @@
+// @unocss-include
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToggleGroupField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const formik_1 = require("formik");
+const toggleGroup_js_1 = require("../toggleGroup/toggleGroup.js");
+const FieldLabel_js_1 = require("./FieldLabel.js");
+const TextField_js_1 = require("./TextField.js");
+function ToggleGroupFieldDefault(_a) {
+    var { name, label, required, className, id } = _a, props = __rest(_a, ["name", "label", "required", "className", "id"]);
+    const [fieldProps, _, tools] = (0, formik_1.useField)(Object.assign({ name }, props));
+    return ((0, jsx_runtime_1.jsxs)(TextField_js_1.FieldRoot, { children: [label && (0, jsx_runtime_1.jsx)(FieldLabel_js_1.FieldLabel, { htmlFor: id, children: label }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup, Object.assign({}, fieldProps, { onValueChange: (v) => tools.setValue(v) }, props, { id: id, className: className }))] }));
+}
+exports.ToggleGroupField = Object.assign(ToggleGroupFieldDefault, {
+    Item: toggleGroup_js_1.ToggleGroup.Item,
+});
+//# sourceMappingURL=ToggleGroupField.js.map

package/dist/cjs/components/forms/ToggleGroupField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupField.js","sourceRoot":"","sources":["../../../../src/components/forms/ToggleGroupField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,kEAA8E;AAC9E,mDAA6C;AAC7C,iDAA2C;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,IAAA,iBAAQ,kBAAG,IAAI,IAAK,KAAK,EAAG,CAAC;IAE5D,OAAO,CACN,wBAAC,wBAAS,eACR,KAAK,IAAI,uBAAC,0BAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,uBAAC,4BAAW,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;AAEY,QAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IACtE,IAAI,EAAE,4BAAW,CAAC,IAAI;CACtB,CAAC,CAAC"}

package/dist/cjs/components/toggleGroup/toggleGroup.d.ts

@@ -1,6 +1,7 @@
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 export declare const ToggleGroupRoot: import("react").FunctionComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ToggleGroupItem: import("react").FunctionComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type ToggleGroupProps = ToggleGroupPrimitive.ToggleGroupMultipleProps | ToggleGroupPrimitive.ToggleGroupSingleProps;
 export declare const ToggleGroup: import("react").FunctionComponent<(ToggleGroupPrimitive.ToggleGroupSingleProps | ToggleGroupPrimitive.ToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>> & {
     Item: import("react").FunctionComponent<ToggleGroupPrimitive.ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/dist/cjs/components/toggleGroup/toggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,yEAAyE,CACzE,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,wLAAwL,EACxL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,6FAA6F,CAC7F,CAAC;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}
+{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mFAAqE;AACrE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,yEAAyE,CACzE,CAAC;AACW,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,IAAI,EACzB,wLAAwL,EACxL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,6FAA6F,CAC7F,CAAC;AAKW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,IAAI,EAAE,uBAAe;CACrB,CAAC,CAAC"}