@a-type/ui 3.1.1 → 4.0.0-beta.10

package/dist/cjs/components/dialog/Dialog.stories.js

@@ -26,22 +26,22 @@ function DummyContent() {
 }
 exports.Default = {
     args: {
-        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) }) })] })] })),
+        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, { emphasis: "primary", children: "Accept" })] })] })] })),
     },
 };
 exports.Small = {
     args: {
-        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) }) })] })] })),
+        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, {}) })] })] })),
     },
 };
 exports.NoSheet = {
     args: {
-        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { disableSheet: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) }) })] })] })),
+        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { disableSheet: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, {}) })] })] })),
     },
 };
 exports.Positioned = {
     args: {
-        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { className: "top-auto bottom-0px", children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) }) })] })] })),
+        children: ((0, jsx_runtime_1.jsxs)(index_js_3.ParticleLayer, { noPortal: true, children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { className: "top-auto bottom-0px", children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, {}) })] })] })),
     },
 };
 exports.VirtualKeyboard = {
@@ -55,12 +55,12 @@ exports.VirtualKeyboard = {
                 document.body.style.removeProperty('--mock-virtual-keyboard-height');
             }
         }, [keyboard]);
-        return ((0, jsx_runtime_1.jsxs)(Provider_js_1.Provider, { virtualKeyboardBehavior: "overlay", children: [(0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(index_js_2.Input, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Close" }) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
+        return ((0, jsx_runtime_1.jsxs)(Provider_js_1.Provider, { virtualKeyboardBehavior: "overlay", children: [(0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(index_js_2.Input, {}), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, {}), (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: () => setKeyboard((v) => !v), children: "Toggle fake kb" })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "fixed bottom-0 h-[var(--mock-virtual-keyboard-height,0)] bg-black w-full transition-height left-0 right-0" })] }));
     },
 };
 exports.MultiNested = {
     render() {
-        return ((0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(index_js_4.Select, { value: "", children: [(0, jsx_runtime_1.jsx)(index_js_4.Select.Trigger, { children: (0, jsx_runtime_1.jsx)(index_js_4.Select.Value, { placeholder: "Select an option" }) }), (0, jsx_runtime_1.jsxs)(index_js_4.Select.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: "option1", children: "Option 1" }), (0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: "option2", children: "Option 2" }), (0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: "option3", children: "Option 3" })] })] }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Open nested" }) }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Nested dialog" }), (0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, { content: "This is a tooltip", children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Hover me" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {})] })] })] })] }));
+        return ((0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Hello world" }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsxs)(index_js_4.Select, { value: "", children: [(0, jsx_runtime_1.jsx)(index_js_4.Select.Trigger, { children: (0, jsx_runtime_1.jsx)(index_js_4.Select.Value, {}) }), (0, jsx_runtime_1.jsxs)(index_js_4.Select.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: null, children: "Select an option" }), (0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: "option1", children: "Option 1" }), (0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: "option2", children: "Option 2" }), (0, jsx_runtime_1.jsx)(index_js_4.Select.Item, { value: "option3", children: "Option 3" })] })] }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Open nested" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTitle, { children: "Nested dialog" }), (0, jsx_runtime_1.jsx)(Tooltip_js_1.Tooltip, { content: "This is a tooltip", children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { children: "Hover me" }) }), (0, jsx_runtime_1.jsx)(DummyContent, {}), (0, jsx_runtime_1.jsx)(DummyContent, {})] })] })] })] }));
     },
 };
 exports.Selectable = {

package/dist/cjs/components/dialog/Dialog.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAA4C;AAC5C,iDAA4C;AAC5C,gDAA0C;AAC1C,oDAAsD;AACtD,yDAAmD;AACnD,iDAA4C;AAC5C,sDAAgD;AAChD,qDAA+C;AAC/C,2CAOqB;AAErB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,kBAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIpB,SAAS,YAAY;IACpB,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,uBAAC,aAAE,+BAAkB,EACrB,iCAAK,SAAS,EAAC,4BAA4B,aAC1C,uBAAC,YAAC,0OAKE,EACJ,uBAAC,YAAC,0OAKE,EACJ,uBAAC,YAAC,0OAKE,IACC,EACN,uBAAC,iBAAM,IAAC,QAAQ,QAAC,KAAK,EAAC,SAAS,yBAEvB,IACJ,CACN,CAAC;AACH,CAAC;AAEY,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,wBAAa,IAAC,QAAQ,mBACtB,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,uBAAc,GACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,YAAY,KAAG,EAChB,uBAAC,YAAY,KAAG,EAChB,uBAAC,YAAY,KAAG,EAChB,uBAAC,yBAAa,cACb,uBAAC,uBAAW,IAAC,OAAO,kBACnB,uBAAC,iBAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,KAAK,GAAU;IAC3B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,wBAAa,IAAC,QAAQ,mBACtB,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,uBAAc,GACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,YAAY,KAAG,EAChB,uBAAC,yBAAa,cACb,uBAAC,uBAAW,IAAC,OAAO,kBACnB,uBAAC,iBAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,wBAAa,IAAC,QAAQ,mBACtB,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,uBAAc,GACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,IAAC,YAAY,mBAC1B,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,IAAC,OAAO,kBACnB,uBAAC,iBAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,wBAAa,IAAC,QAAQ,mBACtB,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,uBAAc,GACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,IAAC,SAAS,EAAC,qBAAqB,aAC7C,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,IAAC,OAAO,kBACnB,uBAAC,iBAAM,wBAAe,GACT,GACC,IACD,IACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;YACd,IAAI,QAAQ,EAAE,CAAC;gBACd,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAC9B,gCAAgC,EAChC,OAAO,CACP,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gCAAgC,CAAC,CAAC;YACtE,CAAC;QACF,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,CACN,wBAAC,sBAAQ,IAAC,uBAAuB,EAAC,SAAS,aAC1C,wBAAC,kBAAM,eACN,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,uBAAc,GACN,EAChB,uBAAC,YAAY,KAAG,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,gBAAK,KAAG,EACT,wBAAC,yBAAa,eACb,uBAAC,uBAAW,IAAC,OAAO,kBACnB,uBAAC,iBAAM,wBAAe,GACT,EACd,uBAAC,iBAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEpC,IACM,IACD,IACR,EACT,gCAAK,SAAS,EAAC,2GAA2G,GAAG,IACnH,CACX,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,WAAW,GAAU;IACjC,MAAM;QACL,OAAO,CACN,wBAAC,kBAAM,eACN,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,uBAAc,GACN,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,YAAY,KAAG,EAChB,wBAAC,iBAAM,IAAC,KAAK,EAAC,EAAE,aACf,uBAAC,iBAAM,CAAC,OAAO,cACd,uBAAC,iBAAM,CAAC,KAAK,IAAC,WAAW,EAAC,kBAAkB,GAAG,GAC/B,EACjB,wBAAC,iBAAM,CAAC,OAAO,eACd,uBAAC,iBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,yBAAuB,EACnD,uBAAC,iBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,yBAAuB,EACnD,uBAAC,iBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,yBAAuB,IACnC,IACT,EACT,wBAAC,kBAAM,eACN,uBAAC,yBAAa,IAAC,OAAO,kBACrB,uBAAC,iBAAM,8BAAqB,GACb,EAChB,wBAAC,yBAAa,eACb,uBAAC,uBAAW,gCAA4B,EACxC,uBAAC,oBAAO,IAAC,OAAO,EAAC,mBAAmB,YACnC,uBAAC,iBAAM,2BAAkB,GAChB,EACV,uBAAC,YAAY,KAAG,EAChB,uBAAC,YAAY,KAAG,IACD,IACR,IACM,IACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,MAAM;QACL,OAAO,CACN,wBAAC,kBAAM,eACN,uBAAC,kBAAM,CAAC,aAAa,uBAA4B,EACjD,wBAAC,kBAAM,CAAC,OAAO,eACd,uBAAC,kBAAM,CAAC,KAAK,8BAA2B,EACxC,wBAAC,kBAAM,CAAC,UAAU,eACjB,uBAAC,kBAAM,CAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAA6B,EAC/D,uBAAC,kBAAM,CAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAA6B,EAC/D,uBAAC,kBAAM,CAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAA6B,IAC5C,IACJ,IACT,CACT,CAAC;IACH,CAAC;CACD,CAAC"}
+{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/divider/Divider.js

@@ -17,9 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Divider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const separator_1 = require("@base-ui/react/separator");
 const clsx_1 = __importDefault(require("clsx"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-const DividerBase = (0, withClassName_js_1.withClassName)('div', 'w-full h-1px bg-black relative');
+const DividerBase = (0, withClassName_js_1.withClassName)(separator_1.Separator, 'w-full h-1px bg-black relative');
 const Divider = function Divider(_a) {
     var { ref, compensate, padded, className } = _a, props = __rest(_a, ["ref", "compensate", "padded", "className"]);
     return ((0, jsx_runtime_1.jsx)(DividerBase, Object.assign({ ref: ref, style: {

package/dist/cjs/components/divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAE9B,mEAA6D;AAE7D,MAAM,WAAW,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAOpE,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAQvC;QARuC,EACvC,GAAG,EACH,UAAU,EACV,MAAM,EACN,SAAS,OAIT,EAHG,KAAK,cAL+B,4CAMvC,CADQ;IAIR,OAAO,CACN,uBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,wDAAsE;AACtE,gDAA8B;AAE9B,mEAA6D;AAE7D,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAa,EACb,gCAAgC,CAChC,CAAC;AAOK,MAAM,OAAO,GAAG,SAAS,OAAO,CAAC,EAQvC;QARuC,EACvC,GAAG,EACH,UAAU,EACV,MAAM,EACN,SAAS,OAIT,EAHG,KAAK,cAL+B,4CAMvC,CADQ;IAIR,OAAO,CACN,uBAAC,WAAW,kBACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACN,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,UAAU,aAAa,CAAC,CAAC,CAAC,SAAS;YAC9D,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,YAAY,CAAC,CAAC,CAAC,SAAS;SACrE,IACG,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CAAC;AApBW,QAAA,OAAO,WAoBlB"}

package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts

@@ -1,38 +1,43 @@
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { Menu as BaseMenu, MenuArrowProps, MenuItemProps, MenuPopupProps, MenuPositionerProps, MenuTriggerProps } from '@base-ui/react/menu';
 import { Ref } from 'react';
 import { PaletteName } from '../../uno/index.js';
-export interface DropdownMenuItemProps extends DropdownMenuPrimitive.DropdownMenuItemProps {
+export interface DropdownMenuItemProps extends MenuItemProps {
     color?: PaletteName;
     ref?: Ref<HTMLDivElement>;
 }
-export declare const DropdownMenuRoot: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuRoot: typeof BaseMenu.Root;
 export declare const DropdownMenuItem: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime.js").JSX.Element;
-export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuRadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const DropdownMenuLabel: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuSeparator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const DropdownMenuArrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-export declare function DropdownMenuTrigger(props: DropdownMenuPrimitive.DropdownMenuTriggerProps): import("react/jsx-runtime.js").JSX.Element;
+export declare const DropdownMenuCheckboxItem: import("react").FunctionComponent<import("@base-ui/react/menu/index.js").MenuCheckboxItemProps & import("react").RefAttributes<Element>>;
+export declare const DropdownMenuRadioGroup: import("react").NamedExoticComponent<import("@base-ui/react/menu/index.js").MenuRadioGroupProps & import("react").RefAttributes<Element>>;
+export declare const DropdownMenuRadioItem: import("react").FunctionComponent<import("@base-ui/react/menu/index.js").MenuRadioItemProps & import("react").RefAttributes<Element>>;
+export declare const DropdownMenuItemIndicator: import("react").FunctionComponent<import("@base-ui/react/menu/index.js").MenuCheckboxItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+export declare const DropdownMenuSeparator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuArrow: import("react").FunctionComponent<MenuArrowProps>;
+export declare function DropdownMenuTrigger({ ...props }: MenuTriggerProps): import("react/jsx-runtime.js").JSX.Element;
 export declare const DropdownMenuTriggerIcon: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
-export declare const DropdownMenuContent: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
+export declare const DropdownMenuContent: ({ children, forceMount, keepMounted, side, sideOffset, align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: MenuPopupProps & MenuPositionerProps & {
+    /** @deprecated - use keepMounted */
     forceMount?: boolean;
+    keepMounted?: boolean;
 }) => import("react/jsx-runtime.js").JSX.Element;
 export declare const DropdownMenuItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps> & {
-    Content: ({ children, forceMount, ...props }: DropdownMenuPrimitive.DropdownMenuContentProps & {
+export declare const DropdownMenu: typeof BaseMenu.Root & {
+    Content: ({ children, forceMount, keepMounted, side, sideOffset, align, alignOffset, anchor, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod, ...props }: MenuPopupProps & MenuPositionerProps & {
+        /** @deprecated - use keepMounted */
         forceMount?: boolean;
+        keepMounted?: boolean;
     }) => import("react/jsx-runtime.js").JSX.Element;
     Trigger: typeof DropdownMenuTrigger;
     Item: ({ ref: forwardedRef, className, color, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime.js").JSX.Element;
-    CheckboxItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    ItemIndicator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-    Label: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Arrow: import("react").FunctionComponent<DropdownMenuPrimitive.DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
+    CheckboxItem: import("react").FunctionComponent<import("@base-ui/react/menu/index.js").MenuCheckboxItemProps & import("react").RefAttributes<Element>>;
+    RadioGroup: import("react").NamedExoticComponent<import("@base-ui/react/menu/index.js").MenuRadioGroupProps & import("react").RefAttributes<Element>>;
+    RadioItem: import("react").FunctionComponent<import("@base-ui/react/menu/index.js").MenuRadioItemProps & import("react").RefAttributes<Element>>;
+    ItemIndicator: import("react").FunctionComponent<import("@base-ui/react/menu/index.js").MenuCheckboxItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Label: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
+    Separator: import("react").FunctionComponent<import("@base-ui/react/separator/Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").FunctionComponent<MenuArrowProps>;
     ItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
     TriggerIcon: import("react").FunctionComponent<import("../utility/SlotDiv.js").SlotDivProps>;
+    createHandle: typeof BaseMenu.createHandle;
 };

package/dist/cjs/components/dropdownMenu/DropdownMenu.js

@@ -49,46 +49,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownMenu = exports.DropdownMenuItemRightSlot = exports.DropdownMenuContent = exports.DropdownMenuTriggerIcon = exports.DropdownMenuArrow = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuItemIndicator = exports.DropdownMenuRadioItem = exports.DropdownMenuRadioGroup = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuRoot = void 0;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
+const menu_1 = require("@base-ui/react/menu");
 const clsx_1 = __importStar(require("clsx"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
 const GroupScale_js_1 = require("../../systems/GroupScale.js");
+const ArrowSvg_js_1 = require("../utility/ArrowSvg.js");
 const SlotDiv_js_1 = require("../utility/SlotDiv.js");
 const DropdownTriggerContext_js_1 = require("./DropdownTriggerContext.js");
 const StyledContent = (0, withClassName_js_1.withClassName)(function DropdownMenuContent(props) {
-    return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, Object.assign({}, props)) }));
-}, 'layer-components:min-w-220px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:rounded-md layer-components:border layer-components:border-gray-dark layer-components:flex layer-components:flex-col', 'layer-components:transform-origin-[var(--radix-dropdown-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-dropdown-menu-content-available-height)]', 'important:motion-reduce:animate-none', 'will-change-transform');
+    return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(menu_1.Menu.Popup, Object.assign({}, props)) }));
+}, 'layer-components:min-w-220px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:rounded-md layer-components:border layer-components:border-black layer-components:flex layer-components:flex-col layer-components:transition', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:data-[side=bottom]:opacity-0 layer-components:data-[starting-style]:data-[side=bottom]:translate-y-4px', 'layer-components:data-[ending-style]:data-[side=bottom]:opacity-0 layer-components:data-[ending-style]:data-[side=bottom]:translate-y-4px', 'layer-components:data-[starting-style]:data-[side=top]:opacity-0 layer-components:data-[starting-style]:data-[side=top]:translate-y--4px', 'layer-components:data-[ending-style]:data-[side=top]:opacity-0 layer-components:data-[ending-style]:data-[side=top]:translate-y-0', 'layer-components:data-[starting-style]:data-[side=right]:opacity-0 layer-components:data-[starting-style]:data-[side=right]:translate-x-4px', 'layer-components:data-[ending-style]:data-[side=right]:opacity-0 layer-components:data-[ending-style]:data-[side=right]:translate-x-0', 'layer-components:data-[starting-style]:data-[side=left]:opacity-0 layer-components:data-[starting-style]:data-[side=left]:translate-x--4px', 'layer-components:data-[ending-style]:data-[side=left]:opacity-0 layer-components:data-[ending-style]:data-[side=left]:translate-x-0', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', 'important:motion-reduce:animate-none', 'will-change-transform');
 const itemClassName = (0, clsx_1.default)('layer-components:text-md layer-components:leading-4 layer-components:color-main-ink layer-components:flex layer-components:items-center layer-components:pr-4 layer-components:pl-8 layer-components:py-sm layer-components:min-h-touch-large layer-components:relative layer-components:text-left layer-components:select-none layer-components:cursor-pointer', 'layer-components:[&[data-disabled]]:color-gray-dark layer-components:[&[data-disabled]]:bg-white layer-components:[&[data-disabled]]:pointer-events-none', 'layer-components:focus-visible:bg-main-light layer-components:focus-visible:color-black', 'layer-components:hover:bg-main-light layer-components:hover:color-black', 'layer-components:focus:outline-none');
-const StyledItemBase = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Item, itemClassName);
+const StyledItemBase = (0, withClassName_js_1.withClassName)(menu_1.Menu.Item, itemClassName);
 const StyledItem = (_a) => {
     var { ref: forwardedRef, className, color = 'gray' } = _a, props = __rest(_a, ["ref", "className", "color"]);
     return ((0, jsx_runtime_1.jsx)(StyledItemBase, Object.assign({}, props, { className: (0, clsx_1.clsx)(color && `palette-${color}`, className), ref: forwardedRef })));
 };
-const StyledCheckboxItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.CheckboxItem, itemClassName);
-const StyledRadioItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.RadioItem, itemClassName);
-const StyledLabel = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Label, 'layer-components:pl-3 layer-components:py-1 layer-components:font-bold layer-components:text-sm layer-components:leading-6');
-const StyledSeparator = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Separator, 'layer-components:h-1px layer-components:bg-gray layer-components:m-5px');
-const StyledItemIndicator = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.ItemIndicator, 'layer-components:absolute layer-components:left-0 layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center');
-const StyledArrow = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Arrow, 'layer-components:arrow');
-const StyledTrigger = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Trigger, 'select-none');
-const StyledPortal = DropdownMenuPrimitive.Portal;
+const StyledCheckboxItem = (0, withClassName_js_1.withClassName)(menu_1.Menu.CheckboxItem, itemClassName);
+const StyledRadioItem = (0, withClassName_js_1.withClassName)(menu_1.Menu.RadioItem, itemClassName);
+const StyledLabel = (0, withClassName_js_1.withClassName)('span', 'layer-components:pl-3 layer-components:py-1 layer-components:font-bold layer-components:text-sm layer-components:leading-6');
+const StyledSeparator = (0, withClassName_js_1.withClassName)(menu_1.Menu.Separator, 'layer-components:h-1px layer-components:bg-gray layer-components:m-5px');
+const StyledItemIndicator = (0, withClassName_js_1.withClassName)(menu_1.Menu.CheckboxItemIndicator, 'layer-components:absolute layer-components:left-0 layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center');
+const StyledArrow = (0, withClassName_js_1.withClassName)((props) => ((0, jsx_runtime_1.jsx)(menu_1.Menu.Arrow, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:opacity-0 layer-components:data-[closed]:scale-0', 'layer-components:data-[open]:opacity-100 layer-components:data-[open]:scale-100');
+const StyledTrigger = (0, withClassName_js_1.withClassName)(menu_1.Menu.Trigger, 'select-none');
+const StyledPortal = menu_1.Menu.Portal;
 // Exports
-exports.DropdownMenuRoot = DropdownMenuPrimitive.Root;
+exports.DropdownMenuRoot = menu_1.Menu.Root;
 exports.DropdownMenuItem = StyledItem;
 exports.DropdownMenuCheckboxItem = StyledCheckboxItem;
-exports.DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+exports.DropdownMenuRadioGroup = menu_1.Menu.RadioGroup;
 exports.DropdownMenuRadioItem = StyledRadioItem;
 exports.DropdownMenuItemIndicator = StyledItemIndicator;
 exports.DropdownMenuLabel = StyledLabel;
 exports.DropdownMenuSeparator = StyledSeparator;
 exports.DropdownMenuArrow = StyledArrow;
-function DropdownMenuTrigger(props) {
+function DropdownMenuTrigger(_a) {
+    var props = __rest(_a, []);
     return ((0, jsx_runtime_1.jsx)(DropdownTriggerContext_js_1.DropdownTriggerProvider, { children: (0, jsx_runtime_1.jsx)(StyledTrigger, Object.assign({}, props)) }));
 }
-exports.DropdownMenuTriggerIcon = (0, withClassName_js_1.withClassName)(SlotDiv_js_1.SlotDiv, 'layer-components:[[data-state=open]>&]:rotate-180 layer-components:transition-transform');
+exports.DropdownMenuTriggerIcon = (0, withClassName_js_1.withClassName)(SlotDiv_js_1.SlotDiv, 'layer-components:[[data-popup-open]>&]:rotate-180 layer-components:transition-transform');
 const DropdownMenuContent = (_a) => {
-    var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
-    return ((0, jsx_runtime_1.jsx)(StyledPortal, { forceMount: forceMount, children: (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "layer-components:overflow-y-auto layer-components:overflow-x-hidden layer-components:overflow-unstable layer-components:max-h-full layer-components:rounded-md layer-components:min-h-0", children: children }), (0, jsx_runtime_1.jsx)(StyledArrow, {})] })) }));
+    var { children, forceMount, keepMounted, side, sideOffset = 8, align, alignOffset, anchor, arrowPadding = 2, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod } = _a, props = __rest(_a, ["children", "forceMount", "keepMounted", "side", "sideOffset", "align", "alignOffset", "anchor", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "sticky", "positionMethod"]);
+    return ((0, jsx_runtime_1.jsx)(StyledPortal, { keepMounted: keepMounted !== null && keepMounted !== void 0 ? keepMounted : forceMount, children: (0, jsx_runtime_1.jsx)(menu_1.Menu.Positioner, { sideOffset: sideOffset, side: side, align: align, alignOffset: alignOffset, anchor: anchor, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, positionMethod: positionMethod, children: (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "layer-components:overflow-y-auto layer-components:overflow-x-hidden layer-components:overflow-unstable layer-components:max-h-full layer-components:rounded-md layer-components:min-h-0", children: children }), (0, jsx_runtime_1.jsx)(StyledArrow, {})] })) }) }));
 };
 exports.DropdownMenuContent = DropdownMenuContent;
 exports.DropdownMenuItemRightSlot = (0, withClassName_js_1.withClassName)('div', 'ml-auto pl-md');
@@ -97,7 +99,7 @@ exports.DropdownMenu = Object.assign(exports.DropdownMenuRoot, {
     Trigger: DropdownMenuTrigger,
     Item: StyledItem,
     CheckboxItem: StyledCheckboxItem,
-    RadioGroup: DropdownMenuPrimitive.RadioGroup,
+    RadioGroup: menu_1.Menu.RadioGroup,
     RadioItem: StyledRadioItem,
     ItemIndicator: StyledItemIndicator,
     Label: StyledLabel,
@@ -105,5 +107,6 @@ exports.DropdownMenu = Object.assign(exports.DropdownMenuRoot, {
     Arrow: StyledArrow,
     ItemRightSlot: exports.DropdownMenuItemRightSlot,
     TriggerIcon: exports.DropdownMenuTriggerIcon,
+    createHandle: menu_1.Menu.createHandle,
 });
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts

@@ -1,30 +1,7 @@
-import type { StoryObj } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import { DropdownMenu } from './DropdownMenu.js';
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("@radix-ui/react-dropdown-menu").DropdownMenuProps> & {
-        Content: ({ children, forceMount, ...props }: import("@radix-ui/react-dropdown-menu").DropdownMenuContentProps & {
-            forceMount?: boolean;
-        }) => import("react/jsx-runtime.js").JSX.Element;
-        Trigger: typeof import("./DropdownMenu.js").DropdownMenuTrigger;
-        Item: ({ ref: forwardedRef, className, color, ...props }: import("./DropdownMenu.js").DropdownMenuItemProps) => import("react/jsx-runtime.js").JSX.Element;
-        CheckboxItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-        RadioGroup: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-        RadioItem: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-        ItemIndicator: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
-        Label: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-        Separator: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-        Arrow: import("react").FunctionComponent<import("@radix-ui/react-dropdown-menu").DropdownMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
-        ItemRightSlot: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-        TriggerIcon: import("react").FunctionComponent<import("../index.js").SlotDivProps>;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
+declare const meta: Meta<typeof DropdownMenu>;
 export default meta;
 type Story = StoryObj<typeof DropdownMenu>;
 export declare const Default: Story;
+export declare const Sides: Story;

package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js

@@ -1,8 +1,9 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Sides = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_js_1 = require("../box/Box.js");
 const Button_js_1 = require("../button/Button.js");
 const index_js_1 = require("../icon/index.js");
 const DropdownMenu_js_1 = require("./DropdownMenu.js");
@@ -17,7 +18,10 @@ const meta = {
 exports.default = meta;
 exports.Default = {
     args: {
-        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, { children: "Open" }) }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, { color: "attention", children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "flag" }) })] }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "add_person" }) })] })] })] })),
+        children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, {}), children: "Open" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, { color: "attention", children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "flag" }) })] }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Item, { children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "add_person" }) })] })] })] })),
     },
 };
+exports.Sides = {
+    render: (args) => ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { col: true, gap: "xl", items: "center", justify: "center", full: true, p: "xl", className: "mt-200px", children: [(0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu, { open: args.open, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, {}), children: "Top" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { side: "top", children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }) }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }) })] })] }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu, { open: args.open, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, {}), children: "Right" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { side: "right", children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }) }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }) })] })] }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu, { open: args.open, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, {}), children: "Left" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { side: "left", sideOffset: 8, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }) }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }) })] })] }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu, { open: args.open, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, {}), children: "Bottom" }), (0, jsx_runtime_1.jsxs)(DropdownMenu_js_1.DropdownMenu.Content, { side: "bottom", sideOffset: 8, children: [(0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 1" }) }), (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Item, { children: (0, jsx_runtime_1.jsx)(DropdownMenu_js_1.DropdownMenu.Label, { children: "Item 2" }) })] })] })] })),
+};
 //# sourceMappingURL=DropdownMenu.stories.js.map

package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAA6C;AAC7C,+CAAwC;AACxC,uDAAiD;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,8BAAY;IACvB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACmC,CAAC;AAEtC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,6DACC,uBAAC,8BAAY,CAAC,OAAO,IAAC,OAAO,kBAC5B,uBAAC,kBAAM,uBAAc,GACC,EACvB,wBAAC,8BAAY,CAAC,OAAO,eACpB,wBAAC,8BAAY,CAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aACnC,uBAAC,8BAAY,CAAC,KAAK,yBAA4B,EAC/C,uBAAC,8BAAY,CAAC,aAAa,cAC1B,uBAAC,eAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACQ,IACV,EACpB,wBAAC,8BAAY,CAAC,IAAI,eACjB,uBAAC,8BAAY,CAAC,KAAK,yBAA4B,EAC/C,uBAAC,8BAAY,CAAC,aAAa,cAC1B,uBAAC,eAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACE,IACV,IACE,IACrB,CACH;KACD;CACD,CAAC"}
+{"version":3,"file":"DropdownMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -1,7 +1,8 @@
 import { ButtonProps } from '../button/Button.js';
-export interface EmojiFieldProps extends ButtonProps {
+export type EmojiFieldProps = Omit<ButtonProps, 'className'> & {
     name: string;
     label?: string;
     required?: string;
-}
+    className?: string;
+};
 export declare function EmojiField({ name, label, className, required, id: providedId, ...rest }: EmojiFieldProps): import("react/jsx-runtime.js").JSX.Element;

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

@@ -32,7 +32,7 @@ function EmojiField(_a) {
     const [props, _, tools] = (0, formik_1.useField)({ name });
     const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
     const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsxs)(Popover_js_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Trigger, { asChild: true, children: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: (0, clsx_1.default)('p-0 transition-color', className) }, rest, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button.Icon, { className: "text-[19px] w-touch h-touch flex items-center justify-center", children: props.value || (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "smile" }) }) })) }), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Content, { children: (0, jsx_runtime_1.jsx)(EmojiPicker_js_1.EmojiPicker, { onValueChange: (v) => {
+    return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsxs)(Popover_js_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: (0, clsx_1.default)('p-0 transition-color', className) }, rest, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button.Icon, { className: "text-[19px] w-touch h-touch flex items-center justify-center", children: props.value || (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "smile" }) }) })) }), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Content, { children: (0, jsx_runtime_1.jsx)(EmojiPicker_js_1.EmojiPicker, { onValueChange: (v) => {
                                 tools.setValue(v);
                                 setOpen(false);
                             }, onClear: required

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

@@ -1 +1 @@
-{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBA,gCAkDC;;AAnED,gDAAwB;AACxB,mCAAkC;AAClC,iCAAiC;AACjC,yEAAmE;AACnE,0CAAoC;AACpC,mDAA0D;AAC1D,kEAA4D;AAC5D,6CAAuC;AACvC,sDAAgD;AAChD,mDAAuD;AAQvD,SAAgB,UAAU,CAAC,EAOT;QAPS,EAC1B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEG,EADd,IAAI,cANmB,gDAO1B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,wBAAC,oBAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACzC,uBAAC,oBAAO,CAAC,OAAO,IAAC,OAAO,kBACvB,uBAAC,kBAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,uBAAC,kBAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GACQ,EAClB,uBAAC,oBAAO,CAAC,OAAO,cACf,uBAAC,4BAAW,IACX,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,OAAO,CAAC,KAAK,CAAC,CAAC;4BAChB,CAAC,EACD,OAAO,EACN,QAAQ;gCACP,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,EAAE;oCACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oCACnB,OAAO,CAAC,KAAK,CAAC,CAAC;gCACf,CAAC,EAEL,EAAE,EAAE,EAAE,GACL,GACe,IACT,EACT,KAAK,IAAI,CACT,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}
+{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,gCAoDC;;AAtED,gDAAwB;AACxB,mCAAkC;AAClC,iCAAiC;AACjC,yEAAmE;AACnE,0CAAoC;AACpC,mDAA0D;AAC1D,kEAA4D;AAC5D,6CAAuC;AACvC,sDAAgD;AAChD,mDAAuD;AASvD,SAAgB,UAAU,CAAC,EAOT;QAPS,EAC1B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEG,EADd,IAAI,cANmB,gDAO1B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,wBAAC,oBAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACzC,uBAAC,oBAAO,CAAC,OAAO,IACf,MAAM,EACL,uBAAC,kBAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,uBAAC,kBAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GAET,EACF,uBAAC,oBAAO,CAAC,OAAO,cACf,uBAAC,4BAAW,IACX,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,OAAO,CAAC,KAAK,CAAC,CAAC;4BAChB,CAAC,EACD,OAAO,EACN,QAAQ;gCACP,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,EAAE;oCACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oCACnB,OAAO,CAAC,KAAK,CAAC,CAAC;gCACf,CAAC,EAEL,EAAE,EAAE,EAAE,GACL,GACe,IACT,EACT,KAAK,IAAI,CACT,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

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

@@ -19,8 +19,8 @@ export declare const FormikForm: typeof FormikFormRoot & {
     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>>;
+    ToggleGroupField: (({ name, label, required, className, type, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
+        Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
     };
     EmojiField: typeof EmojiField;
 };

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

@@ -16,8 +16,8 @@ declare const meta: {
         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>>;
+        ToggleGroupField: (({ name, label, required, className, type, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
+            Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
         };
         EmojiField: typeof EmojiField;
     };

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", emphasis: "primary", type: "submit" }, props)));
+    return ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ loading: isSubmitting, disabled: !isValid, color: "primary", emphasis: "primary" }, props, { type: "submit" })));
 }
 //# 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,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"}
+{"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,IACd,KAAK,IACT,IAAI,EAAC,QAAQ,IACZ,CACF,CAAC;AACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}

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

@@ -5,9 +5,10 @@ export type ToggleGroupFieldProps = ToggleGroupProps & {
     required?: boolean;
     className?: string;
     id?: string;
+    type?: 'single' | 'multiple';
 };
-declare function ToggleGroupFieldDefault({ name, label, required, className, id, ...props }: ToggleGroupFieldProps): import("react/jsx-runtime.js").JSX.Element;
+declare function ToggleGroupFieldDefault({ name, label, required, className, type, 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>>;
+    Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export {};

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

@@ -19,9 +19,16 @@ 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"]);
+    var { name, label, required, className, type = 'single', id } = _a, props = __rest(_a, ["name", "label", "required", "className", "type", "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 }))] }));
+    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) => {
+                    if (type === 'multiple') {
+                        tools.setValue(v);
+                    }
+                    else {
+                        tools.setValue(v[0]);
+                    }
+                } }, props, { id: id, className: className }))] }));
 }
 exports.ToggleGroupField = Object.assign(ToggleGroupFieldDefault, {
     Item: toggleGroup_js_1.ToggleGroup.Item,

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

@@ -1 +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"}
+{"version":3,"file":"ToggleGroupField.js","sourceRoot":"","sources":["../../../../src/components/forms/ToggleGroupField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,kEAA8E;AAC9E,mDAA6C;AAC7C,iDAA2C;AAW3C,SAAS,uBAAuB,CAAC,EAQT;QARS,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,OAEqB,EADpB,KAAK,cAPwB,wDAQhC,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,CAAC,EAAE,EAAE;oBACpB,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;wBACzB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACnB,CAAC;yBAAM,CAAC;wBACP,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtB,CAAC;gBACF,CAAC,IACG,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/horizontalList/HorizontalList.d.ts

@@ -1,14 +1,12 @@
 import { ReactNode } from 'react';
-import { ScrollAreaProps } from '../scrollArea/ScrollArea.js';
 export interface HorizontalListProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     children: ReactNode;
     className?: string;
     contentClassName?: string;
-    background?: ScrollAreaProps['background'];
     onCanOpenChange?: (canOpen: boolean) => void;
     openDirection?: 'up' | 'down';
     disableInternalOpenToggle?: boolean;
 }
-export declare function HorizontalList({ open: externalOpen, onOpenChange, children, className, contentClassName, background, onCanOpenChange, openDirection, disableInternalOpenToggle, ...rest }: HorizontalListProps): import("react/jsx-runtime.js").JSX.Element;
+export declare function HorizontalList({ open: externalOpen, onOpenChange, children, className, contentClassName, onCanOpenChange, openDirection, disableInternalOpenToggle, ...rest }: HorizontalListProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/horizontalList/HorizontalList.js

@@ -24,7 +24,7 @@ const Collapsible_js_1 = require("../collapsible/Collapsible.js");
 const index_js_2 = require("../icon/index.js");
 const ScrollArea_js_1 = require("../scrollArea/ScrollArea.js");
 function HorizontalList(_a) {
-    var { open: externalOpen, onOpenChange, children, className, contentClassName, background, onCanOpenChange, openDirection = 'down', disableInternalOpenToggle } = _a, rest = __rest(_a, ["open", "onOpenChange", "children", "className", "contentClassName", "background", "onCanOpenChange", "openDirection", "disableInternalOpenToggle"]);
+    var { open: externalOpen, onOpenChange, children, className, contentClassName, onCanOpenChange, openDirection = 'down', disableInternalOpenToggle } = _a, rest = __rest(_a, ["open", "onOpenChange", "children", "className", "contentClassName", "onCanOpenChange", "openDirection", "disableInternalOpenToggle"]);
     const contentRef = (0, react_1.useRef)(null);
     const containerRef = (0, react_1.useRef)(null);
     const rememberedWidth = (0, react_1.useRef)(0);
@@ -120,7 +120,7 @@ function HorizontalList(_a) {
         };
     }, [contentRef, containerRef, open]);
     const chevronFlip = openDirection === 'down' ? open : !open;
-    return ((0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollAreaRoot, Object.assign({ className: (0, clsx_1.default)('flex flex-col', 'layer-components:max-h-300px', className), background: background, "data-state": open ? 'open' : 'closed' }, rest, { children: [(0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaViewport, { ref: containerRef, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef, children: [(0, jsx_runtime_1.jsx)(Collapsible_js_1.CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: toggleOpen, emphasis: "ghost", className: (0, clsx_1.default)('layer-variants:flex-shrink-0 layer-variants:sticky layer-variants:left-0 layer-variants:top-2 layer-variants:z-1', !open &&
-                                    'layer-variants:rounded-none layer-variants:h-full layer-variants:border-r layer-variants:border-r-solid layer-variants:border-r-gray'), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: (0, clsx_1.default)('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, {}), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollAreaScrollbar, { orientation: "horizontal" })] })));
+    return ((0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollArea.Root, Object.assign({ className: (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:w-full', 'layer-components:max-h-300px', className), "data-state": open ? 'open' : 'closed' }, rest, { children: [(0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea.Viewport, { ref: containerRef, children: (0, jsx_runtime_1.jsxs)(ScrollArea_js_1.ScrollArea.Content, { className: (0, clsx_1.default)('layer-components:px-3 layer-components:pt-3 layer-components:pb-4 layer-components:gap-2', 'flex flex-row items-center gap-2 flex-shrink-0 w-max-content w-auto)', contentClassName), ref: contentRef, children: [(0, jsx_runtime_1.jsx)(Collapsible_js_1.CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, children: (0, jsx_runtime_1.jsx)(index_js_1.Button, { onClick: toggleOpen, emphasis: "ghost", className: (0, clsx_1.default)('layer-variants:flex-shrink-0 layer-variants:sticky layer-variants:left-0 layer-variants:top-2 layer-variants:z-1', !open &&
+                                    'layer-variants:rounded-none layer-variants:h-full layer-variants:border-r layer-variants:border-r-solid layer-variants:border-r-gray'), children: (0, jsx_runtime_1.jsx)(index_js_2.Icon, { name: "chevron", className: (0, clsx_1.default)('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea.Scrollbar, {}), (0, jsx_runtime_1.jsx)(ScrollArea_js_1.ScrollArea.Scrollbar, { orientation: "horizontal" })] })));
 }
 //# sourceMappingURL=HorizontalList.js.map