@a-type/ui 0.6.6 → 0.6.8

package/dist/cjs/components/dialog/Dialog.stories.d.ts

@@ -14,3 +14,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof Dialog>;
 export declare const Default: Story;
+export declare const NoSheet: Story;
+export declare const Positioned: Story;

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

@@ -1,7 +1,7 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.Positioned = exports.NoSheet = exports.Default = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Dialog_js_1 = require("./Dialog.js");
 const particles_js_1 = require("../particles.js");
@@ -19,4 +19,14 @@ exports.Default = {
         children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { 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)(Dialog_js_1.DialogActions, { children: (0, jsx_runtime_1.jsx)(Dialog_js_1.DialogClose, { children: "Close" }) })] })] }))),
     },
 };
+exports.NoSheet = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ 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, { children: "Close" }) })] }))] }))),
+    },
+};
+exports.Positioned = {
+    args: {
+        children: ((0, jsx_runtime_1.jsxs)(particles_js_1.ParticleLayer, Object.assign({ noPortal: true }, { children: [(0, jsx_runtime_1.jsx)(Dialog_js_1.DialogTrigger, { children: "Open" }), (0, jsx_runtime_1.jsxs)(Dialog_js_1.DialogContent, Object.assign({ 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, { children: "Close" }) })] }))] }))),
+    },
+};
 //# sourceMappingURL=Dialog.stories.js.map

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,2CAOqB;AACrB,kDAAgD;AAEhD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,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;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,uBAAqB,EACnC,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,wBAAoB,GACjB,IACD,KACD,CAChB;KACD;CACD,CAAC"}
+{"version":3,"file":"Dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.stories.tsx"],"names":[],"mappings":";;;;AACA,2CAOqB;AACrB,kDAAgD;AAEhD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,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;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,uBAAqB,EACnC,wBAAC,yBAAa,eACb,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,wBAAoB,GACjB,IACD,KACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,uBAAqB,EACnC,wBAAC,yBAAa,kBAAC,YAAY,uBAC1B,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,wBAAoB,GACjB,KACD,KACD,CAChB;KACD;CACD,CAAC;AAEW,QAAA,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,QAAQ,EAAE,CACT,wBAAC,4BAAa,kBAAC,QAAQ,uBACtB,uBAAC,yBAAa,uBAAqB,EACnC,wBAAC,yBAAa,kBAAC,SAAS,EAAC,qBAAqB,iBAC7C,uBAAC,uBAAW,8BAA0B,EACtC,uBAAC,yBAAa,cACb,uBAAC,uBAAW,wBAAoB,GACjB,KACD,KACD,CAChB;KACD;CACD,CAAC"}

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

@@ -19,13 +19,13 @@ exports.Divider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const DividerBase = (0, withClassName_js_1.withClassName)('div', 'w-full h-1px bg-black relative');
 exports.Divider = (0, react_1.forwardRef)(function Divider(_a, ref) {
     var { compensate, padded, className } = _a, props = __rest(_a, ["compensate", "padded", "className"]);
     return ((0, jsx_runtime_1.jsx)(DividerBase, Object.assign({ ref: ref, style: {
             left: compensate ? `calc(${compensate} * 0.25rem)` : undefined,
             width: compensate ? `calc(100% - ${compensate} * 0.5rem)` : undefined,
-        } }, props, { className: (0, classnames_1.default)(padded && 'my-4', className) })));
+        } }, props, { className: (0, clsx_1.default)(padded && 'my-4', className) })));
 });
 //# sourceMappingURL=Divider.js.map

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,iCAAmD;AACnD,mEAA6D;AAC7D,4DAAoC;AAEpC,MAAM,WAAW,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAO9D,QAAA,OAAO,GAAG,IAAA,kBAAU,EAChC,SAAS,OAAO,CAAC,EAA2C,EAAE,GAAG;QAAhD,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,OAAY,EAAP,KAAK,cAAzC,qCAA2C,CAAF;IACzD,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,oBAAU,EAAC,MAAM,IAAI,MAAM,EAAE,SAAS,CAAC,IACjD,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../src/components/divider/Divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,mEAA6D;AAC7D,gDAA8B;AAE9B,MAAM,WAAW,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,gCAAgC,CAAC,CAAC;AAO9D,QAAA,OAAO,GAAG,IAAA,kBAAU,EAChC,SAAS,OAAO,CAAC,EAA2C,EAAE,GAAG;QAAhD,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,OAAY,EAAP,KAAK,cAAzC,qCAA2C,CAAF;IACzD,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,CACD,CAAC"}

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

@@ -43,9 +43,9 @@ exports.DropdownMenuItemRightSlot = exports.DropdownMenuContent = exports.Dropdo
 const jsx_runtime_1 = require("react/jsx-runtime");
 const DropdownMenuPrimitive = __importStar(require("@radix-ui/react-dropdown-menu"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const StyledContent = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl border-default', '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');
-const itemClassName = (0, classnames_1.default)('text-md leading-4 color-black rounded-sm flex items-center pr-4 pl-8 py-3 relative text-left select-none cursor-pointer', '[&[data-disabled]]:color-gray9 [&[data-disabled]]:pointer-events-none', 'focus-visible:bg-gray2 focus-visible:color-gray9', 'focus:outline-none');
+const itemClassName = (0, clsx_1.default)('text-md leading-4 color-black rounded-sm flex items-center pr-4 pl-8 py-3 relative text-left select-none cursor-pointer', '[&[data-disabled]]:color-gray9 [&[data-disabled]]:pointer-events-none', 'focus-visible:bg-gray2 focus-visible:color-gray9', 'focus:outline-none');
 const StyledItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.Item, itemClassName);
 const StyledCheckboxItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.CheckboxItem, itemClassName);
 const StyledRadioItem = (0, withClassName_js_1.withClassName)(DropdownMenuPrimitive.RadioItem, itemClassName);

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qFAAuE;AACvE,mEAA6D;AAC7D,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,iEAAiE,EACjE,iFAAiF,EACjF,0DAA0D,EAC1D,6DAA6D,EAC7D,gFAAgF,EAChF,sCAAsC,EACtC,uBAAuB,CACvB,CAAC;AACF,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC/B,yHAAyH,EACzH,sDAAsD,EACtD,sCAAsC,EACtC,oBAAoB,CACpB,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,gCAAa,EAAC,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC5E,MAAM,kBAAkB,GAAG,IAAA,gCAAa,EACvC,qBAAqB,CAAC,YAAY,EAClC,aAAa,CACb,CAAC;AACF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CACb,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,yCAAyC,CACzC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,sBAAsB,CACtB,CAAC;AAEF,MAAM,mBAAmB,GAAG,IAAA,gCAAa,EACxC,qBAAqB,CAAC,aAAa,EACnC,gEAAgE,CAChE,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,kCAAkC,CAClC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,aAAa,CACb,CAAC;AAEF,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAElD,UAAU;AACG,QAAA,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC1C,QAAA,mBAAmB,GAAG,aAAa,CAAC;AACpC,QAAA,gBAAgB,GAAG,UAAU,CAAC;AAC9B,QAAA,wBAAwB,GAAG,kBAAkB,CAAC;AAC9C,QAAA,sBAAsB,GAAG,qBAAqB,CAAC,UAAU,CAAC;AAC1D,QAAA,qBAAqB,GAAG,eAAe,CAAC;AACxC,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAChD,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAChC,QAAA,qBAAqB,GAAG,eAAe,CAAC;AACxC,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,mBAAmB,GAAG,CAAC,EAMnC,EAAE,EAAE;QAN+B,EACnC,QAAQ,EACR,UAAU,OAIV,EAHG,KAAK,cAH2B,0BAInC,CADQ;IAIR,OAAO,CACN,uBAAC,YAAY,kBAAC,UAAU,EAAE,UAAU,gBACnC,wBAAC,aAAa,oBAAK,KAAK,eACvB,8CAAK,SAAS,EAAC,4BAA4B,gBAAE,QAAQ,IAAO,EAC5D,uBAAC,WAAW,KAAG,KACA,IACF,CACf,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B;AAEW,QAAA,yBAAyB,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,SAAS,CAAC,CAAC"}
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,qFAAuE;AACvE,mEAA6D;AAC7D,gDAA8B;AAE9B,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,iEAAiE,EACjE,iFAAiF,EACjF,0DAA0D,EAC1D,6DAA6D,EAC7D,gFAAgF,EAChF,sCAAsC,EACtC,uBAAuB,CACvB,CAAC;AACF,MAAM,aAAa,GAAG,IAAA,cAAU,EAC/B,yHAAyH,EACzH,sDAAsD,EACtD,sCAAsC,EACtC,oBAAoB,CACpB,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,gCAAa,EAAC,qBAAqB,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC;AAC5E,MAAM,kBAAkB,GAAG,IAAA,gCAAa,EACvC,qBAAqB,CAAC,YAAY,EAClC,aAAa,CACb,CAAC;AACF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CACb,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,yCAAyC,CACzC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,gCAAa,EACpC,qBAAqB,CAAC,SAAS,EAC/B,sBAAsB,CACtB,CAAC;AAEF,MAAM,mBAAmB,GAAG,IAAA,gCAAa,EACxC,qBAAqB,CAAC,aAAa,EACnC,gEAAgE,CAChE,CAAC;AAEF,MAAM,WAAW,GAAG,IAAA,gCAAa,EAChC,qBAAqB,CAAC,KAAK,EAC3B,kCAAkC,CAClC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAA,gCAAa,EAClC,qBAAqB,CAAC,OAAO,EAC7B,aAAa,CACb,CAAC;AAEF,MAAM,YAAY,GAAG,qBAAqB,CAAC,MAAM,CAAC;AAElD,UAAU;AACG,QAAA,YAAY,GAAG,qBAAqB,CAAC,IAAI,CAAC;AAC1C,QAAA,mBAAmB,GAAG,aAAa,CAAC;AACpC,QAAA,gBAAgB,GAAG,UAAU,CAAC;AAC9B,QAAA,wBAAwB,GAAG,kBAAkB,CAAC;AAC9C,QAAA,sBAAsB,GAAG,qBAAqB,CAAC,UAAU,CAAC;AAC1D,QAAA,qBAAqB,GAAG,eAAe,CAAC;AACxC,QAAA,yBAAyB,GAAG,mBAAmB,CAAC;AAChD,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAChC,QAAA,qBAAqB,GAAG,eAAe,CAAC;AACxC,QAAA,iBAAiB,GAAG,WAAW,CAAC;AAEtC,MAAM,mBAAmB,GAAG,CAAC,EAMnC,EAAE,EAAE;QAN+B,EACnC,QAAQ,EACR,UAAU,OAIV,EAHG,KAAK,cAH2B,0BAInC,CADQ;IAIR,OAAO,CACN,uBAAC,YAAY,kBAAC,UAAU,EAAE,UAAU,gBACnC,wBAAC,aAAa,oBAAK,KAAK,eACvB,8CAAK,SAAS,EAAC,4BAA4B,gBAAE,QAAQ,IAAO,EAC5D,uBAAC,WAAW,KAAG,KACA,IACF,CACf,CAAC;AACH,CAAC,CAAC;AAfW,QAAA,mBAAmB,uBAe9B;AAEW,QAAA,yBAAyB,GAAG,IAAA,gCAAa,EAAC,KAAK,EAAE,SAAS,CAAC,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":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,mCAAkC;AAClC,iCAOe;AACf,kFAAuD;AAEvD,gDAA0C;AAC1C,yDAAkE;AAClE,6CAA+C;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEtB,QAAA,SAAS,GAAG,IAAA,kBAAU,EACjC,SAAS,SAAS,CAChB,EAWC,EACD,GAAG;QAZH,EACE,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEP,EADI,IAAI,cAVT,0GAWC,CADQ;IAIT,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACvB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACP,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE;YAClB,UAAU,CAAC,GAAG,EAAE;gBACd,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC3D,CAAC,EAAE,cAAc,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACtC,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,gBAAK,oBACA,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAA,yBAAY,EAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACtD,KACQ,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAYF,SAAgB,aAAa,CAAC,EAMT;QANS,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,OAEW,EADhB,IAAI,cALqB,0CAM7B,CADQ;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACL,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC5B,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,sBAAQ,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,EAAM,IAAI,EAAI,KACtC,CACb,CAAC;AACJ,CAAC;AAdD,sCAcC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC7B,KAAK,EACL,gDAAgD,CACjD,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC9B,OAAO,EACP,mEAAmE,CACpE,CAAC"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,mCAAkC;AAClC,iCAOe;AACf,kFAAuD;AAEvD,gDAA0C;AAC1C,yDAAkE;AAClE,6CAA+C;AAe/C,MAAM,QAAQ,GAAG,CAAC,GAAG,EAAE,GAAE,CAAC,CAAQ,CAAC;AAEtB,QAAA,SAAS,GAAG,IAAA,kBAAU,EAClC,SAAS,SAAS,CACjB,EAWC,EACD,GAAG;QAZH,EACC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,OAEN,EADG,IAAI,cAVR,0GAWC,CADO;IAIR,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC;QACxB,IAAI;QACJ,QAAQ;QACR,OAAO;QACP,MAAM;KACN,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,IAAI,cAAc,EAAE;YACnB,UAAU,CAAC,GAAG,EAAE;gBACf,IAAI,aAAa,CAAC,OAAO;oBAAE,aAAa,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1D,CAAC,EAAE,cAAc,CAAC,CAAC;SACnB;IACF,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,iBACvC,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,gBAAK,oBACD,KAAK,EACL,IAAI,IACR,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,IAAA,yBAAY,EAAC,aAAa,EAAE,QAAQ,IAAI,QAAQ,CAAC,IACrD,KACS,CACZ,CAAC;AACH,CAAC,CACD,CAAC;AAYF,SAAgB,aAAa,CAAC,EAMT;QANS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,OAEY,EADjB,IAAI,cALsB,0CAM7B,CADO;IAEP,MAAM,CAAC,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,CACN,wBAAC,SAAS,kBAAC,SAAS,EAAE,SAAS,iBAC7B,KAAK,IAAI,uBAAC,UAAU,cAAE,KAAK,GAAc,EAC1C,uBAAC,sBAAQ,kBAAC,GAAG,EAAE,QAAQ,IAAM,KAAK,EAAM,IAAI,EAAI,KACrC,CACZ,CAAC;AACH,CAAC;AAdD,sCAcC;AAED,MAAM,SAAS,GAAG,IAAA,wBAAa,EAC9B,KAAK,EACL,gDAAgD,CAChD,CAAC;AACF,MAAM,UAAU,GAAG,IAAA,wBAAa,EAC/B,OAAO,EACP,mEAAmE,CACnE,CAAC"}

package/dist/cjs/components/icon/Icon.js

@@ -18,9 +18,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 exports.Icon = (0, react_1.forwardRef)(function Icon(_a, ref) {
     var { name, size = 15, className } = _a, rest = __rest(_a, ["name", "size", "className"]);
-    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0, classnames_1.default)('flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ ref: ref, className: (0, clsx_1.default)('flex-shrink-0 layer-components:fill-none', className), width: size, height: size }, rest, { children: (0, jsx_runtime_1.jsx)("use", { xlinkHref: `#icon-${name}` }) })));
 });
 //# sourceMappingURL=Icon.js.map

package/dist/cjs/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,4DAAoC;AAQvB,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA2B,SAAS,IAAI,CACrE,EAAuC,EACvC,GAAG;QADH,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,OAAW,EAAN,IAAI,cAArC,6BAAuC,CAAF;IAGrC,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,gCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmD;AACnD,gDAA8B;AAQjB,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA2B,SAAS,IAAI,CACrE,EAAuC,EACvC,GAAG;QADH,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,OAAW,EAAN,IAAI,cAArC,6BAAuC,CAAF;IAGrC,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,0CAA0C,EAC1C,SAAS,CACT,EACD,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACR,IAAI,cAER,gCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,GAAI,IAC9B,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/cjs/components/imageUploader/ImageUploader.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageUploader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const icon_js_1 = require("../icon.js");
 const button_js_1 = require("../button.js");
@@ -93,7 +93,7 @@ function ImageUploader(_a) {
     }, []);
     const [cameraOpen, setCameraOpen] = (0, react_1.useState)(false);
     const openCamera = () => setCameraOpen(true);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('relative overflow-hidden', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('relative overflow-hidden', rest.className), onDragEnter: onDragEnter, onDragLeave: onDragLeave, onDragOver: onDragOver, onDrop: onDrop, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [value ? ((0, jsx_runtime_1.jsx)("img", { src: value, className: "w-full h-full object-cover object-center" })) : null, !value && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('absolute inset-0 flex flex-col items-center justify-center gap-3 bg-[rgba(0,0,0,0.05)]', {
                     '!bg-[rgba(0,0,0,0.1)]': draggingOver,
                 }) }, { children: [(0, jsx_runtime_1.jsx)("input", { type: "file", accept: "image/*", onChange: onFileChange, onClick: onFileClick, className: "absolute inset--99999 op-0", id: inputId }), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", asChild: true }, { children: (0, jsx_runtime_1.jsxs)("label", Object.assign({ htmlFor: inputId }, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "upload" }), (0, jsx_runtime_1.jsx)("span", { children: dragging ? 'Drop' : 'Upload' })] })) })), (0, jsx_runtime_1.jsxs)(button_js_1.Button, Object.assign({ color: "ghost", onClick: openCamera }, { children: [(0, jsx_runtime_1.jsx)(icon_js_1.Icon, { name: "camera" }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" })] }))] }))), !value && cameraOpen && ((0, jsx_runtime_1.jsxs)(camera_js_1.CameraRoot, Object.assign({ className: "absolute w-full h-full z-1", format: "image/png", onCapture: (file) => {
                     onChange(file);

package/dist/cjs/components/imageUploader/ImageUploader.js.map

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

package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfiniteLoadTrigger = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const useMergedRef_js_1 = __importDefault(require("../../hooks/useMergedRef.js"));
 const hooks_js_1 = require("../../hooks.js");
 exports.InfiniteLoadTrigger = (0, react_1.forwardRef)(function InfiniteLoadTrigger(_a, ref) {
@@ -36,6 +36,6 @@ exports.InfiniteLoadTrigger = (0, react_1.forwardRef)(function InfiniteLoadTrigg
             observer.disconnect();
         };
     }, [stableOnVisible]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0, classnames_1.default)('flex flex-col items-center', className) }, rest)));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: (0, useMergedRef_js_1.default)(ref, innerRef), className: (0, clsx_1.default)('flex flex-col items-center', className) }, rest)));
 });
 //# sourceMappingURL=InfiniteLoadTrigger.js.map

package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AACjE,4DAAoC;AACpC,kFAAuD;AACvD,6CAAmD;AAQtC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC7D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,4BAAiB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC9B,eAAe,EAAE,CAAC;aAClB;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,8CACC,GAAG,EAAE,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"InfiniteLoadTrigger.js","sourceRoot":"","sources":["../../../../src/components/infiniteLoadTrigger/InfiniteLoadTrigger.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAiE;AACjE,gDAA8B;AAC9B,kFAAuD;AACvD,6CAAmD;AAQtC,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,SAAS,mBAAmB,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,SAAS,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC7D,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,eAAe,GAAG,IAAA,4BAAiB,EAAC,SAAS,CAAC,CAAC;IACrD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACd,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,CAAC,OAAO,EAAE,EAAE;YACrD,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC9B,eAAe,EAAE,CAAC;aAClB;QACF,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAQ,CAAC,CAAC;QACpC,OAAO,GAAG,EAAE;YACX,QAAQ,CAAC,UAAU,EAAE,CAAC;QACvB,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACN,8CACC,GAAG,EAAE,IAAA,yBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,cAAU,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAC1D,IAAI,EACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/cjs/components/input/Input.js

@@ -17,12 +17,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.inputClassName = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
-exports.inputClassName = (0, classnames_1.default)('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-lg layer-components:bg-gray-blend layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default', 'layer-components:focus:outline-none layer-components:focus:bg-gray2', 'layer-components:focus-visible:outline-none layer-components:focus-visible:shadow-focus', 'layer-components:md:min-w-120px');
+exports.inputClassName = (0, clsx_1.default)('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-lg layer-components:bg-gray-blend layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default', 'layer-components:focus:outline-none layer-components:focus:bg-gray2', 'layer-components:focus-visible:outline-none layer-components:focus-visible:shadow-focus', 'layer-components:md:min-w-120px');
 exports.Input = (0, react_1.forwardRef)(function Input(_a, ref) {
     var { className, variant = 'default' } = _a, props = __rest(_a, ["className", "variant"]);
-    return ((0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { className: (0, classnames_1.default)(exports.inputClassName, {
+    return ((0, jsx_runtime_1.jsx)("input", Object.assign({}, props, { className: (0, clsx_1.default)(exports.inputClassName, {
             'rounded-full': variant === 'primary',
         }, className), ref: ref })));
 });

package/dist/cjs/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAA0E;AAE7D,QAAA,cAAc,GAAG,IAAA,oBAAU,EACvC,2HAA2H,EAC3H,gDAAgD,EAChD,4DAA4D,EAC5D,mCAAmC,CACnC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAK7B,SAAS,KAAK,CAAC,EAA4C,EAAE,GAAG;QAAjD,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,OAAY,EAAP,KAAK,cAA1C,wBAA4C,CAAF;IAC1D,OAAO,CACN,kDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,sBAAc,EACd;YACC,cAAc,EAAE,OAAO,KAAK,SAAS;SACrC,EACD,SAAS,CACT,EACD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA0E;AAE7D,QAAA,cAAc,GAAG,IAAA,cAAU,EACvC,2HAA2H,EAC3H,gDAAgD,EAChD,4DAA4D,EAC5D,mCAAmC,CACnC,CAAC;AAEW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAK7B,SAAS,KAAK,CAAC,EAA4C,EAAE,GAAG;QAAjD,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,OAAY,EAAP,KAAK,cAA1C,wBAA4C,CAAF;IAC1D,OAAO,CACN,kDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,sBAAc,EACd;YACC,cAAc,EAAE,OAAO,KAAK,SAAS;SACrC,EACD,SAAS,CACT,EACD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/cjs/components/layouts/PageContent.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageContent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const useSize_js_1 = require("../../hooks/useSize.js");
 function PageContent(_a) {
     var { children, fullHeight, noPadding, innerProps, className } = _a, rest = __rest(_a, ["children", "fullHeight", "noPadding", "innerProps", "className"]);
@@ -29,7 +29,7 @@ function PageContent(_a) {
         height: '--content-height',
         ready: '--content-ready',
     });
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, classnames_1.default)('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:max-w-700px sm:w-full', {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, innerProps, { className: (0, clsx_1.default)('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:max-w-700px sm:w-full', {
                 'flex-1': fullHeight,
                 'important:p-0 important:sm:p-4': noPadding,
             }, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));

package/dist/cjs/components/layouts/PageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,4DAAoC;AAEpC,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,oBAAU,EACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,oBAAU,EACpB,iDAAiD,EACjD,yBAAyB,EACzB;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;aACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AA7CD,kCA6CC"}
+{"version":3,"file":"PageContent.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageContent.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AACb,gDAA8B;AAE9B,uDAA0D;AAE1D,SAAgB,WAAW,CAAC,EAW3B;QAX2B,EAC3B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,OAMT,EALG,IAAI,cANoB,kEAO3B,CADO;IAMP,MAAM,QAAQ,GAAG,IAAA,6BAAgB,EAAiB,GAAG,EAAE,SAAS,EAAE;QACjE,IAAI,EAAE,gBAAgB;QACtB,GAAG,EAAE,eAAe;QACpB,KAAK,EAAE,iBAAiB;QACxB,MAAM,EAAE,kBAAkB;QAC1B,KAAK,EAAE,iBAAiB;KACxB,CAAC,CAAC;IAEH,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,+FAA+F,EAC/F,SAAS,CACT,IACG,IAAI,cAER,gDACK,UAAU,IACd,SAAS,EAAE,IAAA,cAAU,EACpB,iDAAiD,EACjD,yBAAyB,EACzB;gBACC,QAAQ,EAAE,UAAU;gBACpB,wBAAwB,EAAE,SAAS;aACnC,EACD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,CACrB,EACD,GAAG,EAAE,QAAQ,gBAEZ,QAAQ,IACJ,IACD,CACN,CAAC;AACH,CAAC;AA7CD,kCA6CC"}

package/dist/cjs/components/layouts/PageFixedArea.js

@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageFixedArea = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 function PageFixedArea(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('layer-components:sticky layer-components:top-0 layer-components:z-nav layer-components:bg-wash layer-components:w-full layer-components:items-stretch layer-components:gap-2 layer-components:flex layer-components:flex-col', className) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:sticky layer-components:top-0 layer-components:z-nav layer-components:bg-wash layer-components:w-full layer-components:items-stretch layer-components:gap-2 layer-components:flex layer-components:flex-col', className) })));
 }
 exports.PageFixedArea = PageFixedArea;
 //# sourceMappingURL=PageFixedArea.js.map

package/dist/cjs/components/layouts/PageFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageFixedArea.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4DAAoC;AAEpC,SAAgB,aAAa,CAAC,EAGG;QAHH,EAC7B,SAAS,OAEuB,EAD7B,KAAK,cAFqB,aAG7B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,wFAAwF,EACxF,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,sCAaC"}
+{"version":3,"file":"PageFixedArea.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA8B;AAE9B,SAAgB,aAAa,CAAC,EAGG;QAHH,EAC7B,SAAS,OAEuB,EAD7B,KAAK,cAFqB,aAG7B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,wFAAwF,EACxF,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,sCAaC"}

package/dist/cjs/components/layouts/PageNav.js

@@ -18,10 +18,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageNav = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 function PageNav(_a) {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('[grid-area:nav] relative z-nav', 'sm:[grid-area:nav] sm:sticky sm:top-0 sm:h-auto sm:bottom-auto sm:left-auto sm:right-auto', className) }, { children: children })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('[grid-area:nav] relative z-nav', 'sm:[grid-area:nav] sm:sticky sm:top-0 sm:h-auto sm:bottom-auto sm:left-auto sm:right-auto', className) }, { children: children })));
 }
 exports.PageNav = PageNav;
 //# sourceMappingURL=PageNav.js.map

package/dist/cjs/components/layouts/PageNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,4DAAoC;AAGpC,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,gCAAgC,EAChC,2EAA2E,EAC3E,SAAS,CACT,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAjBD,0BAiBC"}
+{"version":3,"file":"PageNav.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNav.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAG9B,SAAgB,OAAO,CAAC,EAIS;QAJT,EACvB,SAAS,EACT,QAAQ,OAEwB,EAD7B,KAAK,cAHe,yBAIvB,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,gCAAgC,EAChC,2EAA2E,EAC3E,SAAS,CACT,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAjBD,0BAiBC"}

package/dist/cjs/components/layouts/PageNowPlaying.js

@@ -18,10 +18,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageNowPlaying = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 function PageNowPlaying(_a) {
     var { className, unstyled } = _a, props = __rest(_a, ["className", "unstyled"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('fixed bottom-[var(--now-playing-bottom,60px)] left-0 right-0 z-now-playing flex flex-col gap-2 items-end', 'sm:fixed sm:bottom-3 sm:left-[var(--content-left,20%)] sm:transition-opacity sm:top-auto sm:items-end sm:w-[var(--content-width,100%)] sm:max-w-80vw sm:p-0 sm:opacity-[var(--content-ready,0)]', unstyled
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('fixed bottom-[var(--now-playing-bottom,60px)] left-0 right-0 z-now-playing flex flex-col gap-2 items-end', 'sm:fixed sm:bottom-3 sm:left-[var(--content-left,20%)] sm:transition-opacity sm:top-auto sm:items-end sm:w-[var(--content-width,100%)] sm:max-w-80vw sm:p-0 sm:opacity-[var(--content-ready,0)]', unstyled
             ? 'p-2'
             : 'layer-components:bg-wash layer-components:p-2px layer-components:rounded-xl layer-components:border-light layer-components:shadow-md layer-components:min-w-32px layer-components:items-center layer-components:justify-center layer-components:m-2 layer-components:w-auto', className) })));
 }

package/dist/cjs/components/layouts/PageNowPlaying.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,4DAAoC;AAGpC,SAAgB,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,0GAA0G,EAC1G,wKAAwK,EACxK,QAAQ;YACP,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,sHAAsH,EACzH,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAlBD,wCAkBC"}
+{"version":3,"file":"PageNowPlaying.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageNowPlaying.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,gDAA8B;AAG9B,SAAgB,cAAc,CAAC,EAI2B;QAJ3B,EAC9B,SAAS,EACT,QAAQ,OAEiD,EADtD,KAAK,cAHsB,yBAI9B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,0GAA0G,EAC1G,wKAAwK,EACxK,QAAQ;YACP,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,sHAAsH,EACzH,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAlBD,wCAkBC"}

package/dist/cjs/components/layouts/PageRoot.js

@@ -17,11 +17,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 exports.PageRoot = (0, react_1.forwardRef)(function PageRoot(_a, ref) {
     var { className, children } = _a, props = __rest(_a, ["className", "children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)('flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full', 'grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center', 'sm:grid-areas-[gutter1_nav_content_gutter2] sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] sm:min-h-auto', {
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, clsx_1.default)('flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full', 'grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center', 'sm:grid-areas-[gutter1_nav_content_gutter2] sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] sm:min-h-auto', {
             'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
         }, className) }, props, { children: children })));
 });

package/dist/cjs/components/layouts/PageRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,iCAA8C;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EACpB,uDAAuD,EACvD,4FAA4F,EAC5F,mGAAmG,EACnG;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PageRoot.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageRoot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,iCAA8C;AAEjC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAOhC,SAAS,QAAQ,CAAC,EAAiC,EAAE,GAAG;QAAtC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAClD,OAAO,CACN,8CACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,uDAAuD,EACvD,4FAA4F,EAC5F,mGAAmG,EACnG;YACC,+BAA+B,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO;SACxD,EACD,SAAS,CACT,IACG,KAAK,cAER,QAAQ,IACJ,CACN,CAAC;AACH,CAAC,CAAC,CAAC"}

package/dist/cjs/components/layouts/PageSection.js

@@ -17,11 +17,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PageSectionGrid = exports.PageSection = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
 function PageSection(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, classnames_1.default)('bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0', className) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, clsx_1.default)('bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0', className) })));
 }
 exports.PageSection = PageSection;
 exports.PageSectionGrid = (0, withClassName_js_1.withClassName)('div', 'grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-4 items-start');

package/dist/cjs/components/layouts/PageSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4DAAoC;AACpC,mEAA6D;AAE7D,SAAgB,WAAW,CAAC,EAGK;QAHL,EAC3B,SAAS,OAEuB,EAD7B,KAAK,cAFmB,aAG3B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,oBAAU,EACpB,qEAAqE,EACrE,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,kCAaC;AAEY,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,KAAK,EACL,uEAAuE,CACvE,CAAC"}
+{"version":3,"file":"PageSection.js","sourceRoot":"","sources":["../../../../src/components/layouts/PageSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA8B;AAC9B,mEAA6D;AAE7D,SAAgB,WAAW,CAAC,EAGK;QAHL,EAC3B,SAAS,OAEuB,EAD7B,KAAK,cAFmB,aAG3B,CADQ;IAER,OAAO,CACN,gDACK,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,qEAAqE,EACrE,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAbD,kCAaC;AAEY,QAAA,eAAe,GAAG,IAAA,gCAAa,EAC3C,KAAK,EACL,uEAAuE,CACvE,CAAC"}

package/dist/cjs/components/navBar/NavBar.js

@@ -17,15 +17,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavBarRoot = exports.NavBarItemPip = exports.NavBarItemIcon = exports.NavBarItemText = exports.NavBarItemIconWrapper = exports.NavBarItem = exports.navBarItemClass = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const hooks_js_1 = require("../../hooks.js");
 const react_1 = require("react");
 const react_slot_1 = require("@radix-ui/react-slot");
-exports.navBarItemClass = (0, classnames_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-inherit', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primaryWash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primaryWash', 'layer-components:active:bg-primaryWash');
+exports.navBarItemClass = (0, clsx_1.default)('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-inherit', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primaryWash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primaryWash', 'layer-components:active:bg-primaryWash');
 exports.NavBarItem = (0, react_1.forwardRef)(function NavBarItem(_a, ref) {
     var { asChild, className } = _a, rest = __rest(_a, ["asChild", "className"]);
     const Comp = asChild ? react_slot_1.Slot : 'div';
-    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, classnames_1.default)(exports.navBarItemClass, className) }, rest)));
+    return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ ref: ref, className: (0, clsx_1.default)(exports.navBarItemClass, className) }, rest)));
 });
 exports.NavBarItemIconWrapper = (0, hooks_js_1.withClassName)('div', 'relative flex sm:p-6px sm:rounded-full sm:bg-lightBlend');
 exports.NavBarItemText = (0, hooks_js_1.withClassName)('span', 'overflow-hidden pl-1 inline-block text-xxs whitespace-nowrap text-ellipsis sm:text-md sm:leading-normal');

package/dist/cjs/components/navBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,4DAAoC;AACpC,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAE/B,QAAA,eAAe,GAAG,IAAA,oBAAU,EACxC,8MAA8M,EAC9M,oFAAoF,EACpF,uCAAuC,EACvC,8DAA8D,EAC9D,wCAAwC,CACxC,CAAC;AAQW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,IAC7C,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,qDAAqD,CACrD,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,wGAAwG,CACxG,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,KAAK,EACL,yDAAyD,CACzD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,4EAA4E,CAC5E,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iKAAiK,EACjK,oDAAoD,EACpD,gLAAgL,CAChL,CAAC"}
+{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,6CAA+C;AAC/C,iCAA8C;AAC9C,qDAA4C;AAE/B,QAAA,eAAe,GAAG,IAAA,cAAU,EACxC,8MAA8M,EAC9M,oFAAoF,EACpF,uCAAuC,EACvC,8DAA8D,EAC9D,wCAAwC,CACxC,CAAC;AAQW,QAAA,UAAU,GAAG,IAAA,kBAAU,EACnC,SAAS,UAAU,CAAC,EAA+B,EAAE,GAAG;QAApC,EAAE,OAAO,EAAE,SAAS,OAAW,EAAN,IAAI,cAA7B,wBAA+B,CAAF;IAChD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,uBAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EAAC,uBAAe,EAAE,SAAS,CAAC,IAC7C,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,wBAAa,EACjD,KAAK,EACL,qDAAqD,CACrD,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,MAAM,EACN,wGAAwG,CACxG,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,wBAAa,EAC1C,KAAK,EACL,yDAAyD,CACzD,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,KAAK,EACL,4EAA4E,CAC5E,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,KAAK,EACL,iKAAiK,EACjK,oDAAoD,EACpD,gLAAgL,CAChL,CAAC"}

package/dist/cjs/components/note/Note.js

@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Note = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 function Note(_a) {
     var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)('pr-20px', className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col p-2 border border-solid border-primary-dark bg-primary-wash color-black relative text-sm italic border-r-0" }, { children: [children, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-20px h-[calc(100%-18px)] absolute bottom--0.5px right--20px border-0 border-solid border-primary-dark border-r border-b bg-primary-wash" }, { children: (0, jsx_runtime_1.jsx)("div", { className: `absolute top--20px left-0 border-10px border-0 border-solid border-transparent border-b-primary-dark border-l-primary-dark after:content-[""] after:absolute after:top--7px after:left--9px after:border-8px after:border-solid after:border-transparent after:border-b-primary-wash after:border-l-primary-wash` }) }))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('pr-20px', className) }, rest, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-col p-2 border border-solid border-primary-dark bg-primary-wash color-black relative text-sm italic border-r-0" }, { children: [children, (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-20px h-[calc(100%-18px)] absolute bottom--0.5px right--20px border-0 border-solid border-primary-dark border-r border-b bg-primary-wash" }, { children: (0, jsx_runtime_1.jsx)("div", { className: `absolute top--20px left-0 border-10px border-0 border-solid border-transparent border-b-primary-dark border-l-primary-dark after:content-[""] after:absolute after:top--7px after:left--9px after:border-8px after:border-solid after:border-transparent after:border-b-primary-wash after:border-l-primary-wash` }) }))] })) })));
 }
 exports.Note = Note;
 //# sourceMappingURL=Note.js.map

package/dist/cjs/components/note/Note.js.map

@@ -1 +1 @@
-{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,4DAAoC;AAMpC,SAAgB,IAAI,CAAC,EAA2C;QAA3C,EAAE,SAAS,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAA9B,yBAAgC,CAAF;IAClD,OAAO,CACN,8CAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,cACzD,+CAAK,SAAS,EAAC,0HAA0H,iBACvI,QAAQ,EACT,8CAAK,SAAS,EAAC,2IAA2I,gBACzJ,gCACC,SAAS,EAAE,oQAAoQ,GAC9Q,IACG,KACD,IACD,CACN,CAAC;AACH,CAAC;AAbD,oBAaC"}
+{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../../src/components/note/Note.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,gDAA8B;AAM9B,SAAgB,IAAI,CAAC,EAA2C;QAA3C,EAAE,SAAS,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAA9B,yBAAgC,CAAF;IAClD,OAAO,CACN,8CAAK,SAAS,EAAE,IAAA,cAAU,EAAC,SAAS,EAAE,SAAS,CAAC,IAAM,IAAI,cACzD,+CAAK,SAAS,EAAC,0HAA0H,iBACvI,QAAQ,EACT,8CAAK,SAAS,EAAC,2IAA2I,gBACzJ,gCACC,SAAS,EAAE,oQAAoQ,GAC9Q,IACG,KACD,IACD,CACN,CAAC;AACH,CAAC;AAbD,oBAaC"}

package/dist/cjs/components/numberStepper/NumberStepper.js

@@ -19,7 +19,7 @@ exports.NumberStepper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@a-type/utils");
 const react_icons_1 = require("@radix-ui/react-icons");
-const classnames_1 = __importDefault(require("classnames"));
+const clsx_1 = __importDefault(require("clsx"));
 const button_js_1 = require("../button.js");
 function NumberStepper(_a) {
     var _b;
@@ -49,7 +49,7 @@ function NumberStepper(_a) {
     };
     const canIncrement = steps ? index < steps.length - 1 : true;
     const canDecrement = steps ? index > 0 : true;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center border-default rounded-full overflow-hidden w-min-content flex-shrink-0', {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, clsx_1.default)('flex items-center border-default rounded-full overflow-hidden w-min-content flex-shrink-0', {
             'bg-accent-wash color-black': !!highlightChange && value !== 1,
         }, className) }, rest, { children: [(0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", onClick: decrement, disabled: !canDecrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.MinusIcon, {}) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-80px text-center" }, { children: renderValue(value) })), (0, jsx_runtime_1.jsx)(button_js_1.Button, Object.assign({ color: "ghost", onClick: increment, disabled: !canIncrement }, { children: (0, jsx_runtime_1.jsx)(react_icons_1.PlusIcon, {}) }))] })));
 }

package/dist/cjs/components/numberStepper/NumberStepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,4DAAoC;AAEpC,4CAAsC;AAYtC,SAAgB,aAAa,CAAC,EAST;;QATS,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,OAEW,EADjB,IAAI,cARsB,0FAS7B,CADO;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,oBAAU,EACpB,2FAA2F,EAC3F;YACC,4BAA4B,EAAE,CAAC,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC;SAC9D,EACD,SAAS,CACT,IACG,IAAI,eAER,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,uBAAS,KAAG,IACL,EACT,8CAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,CAAC,KAAK,CAAC,IAAO,EAC9D,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,sBAAQ,KAAG,IACJ,KACJ,CACN,CAAC;AACH,CAAC;AAzDD,sCAyDC"}
+{"version":3,"file":"NumberStepper.js","sourceRoot":"","sources":["../../../../src/components/numberStepper/NumberStepper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,yCAA+C;AAC/C,uDAA4D;AAC5D,gDAA8B;AAE9B,4CAAsC;AAYtC,SAAgB,aAAa,CAAC,EAST;;QATS,EAC7B,KAAK,EACL,QAAQ,EACR,eAAe,EACf,KAAK,EACL,SAAS,EAAE,eAAe,GAAG,CAAC,EAC9B,WAAW,GAAG,sBAAc,EAC5B,SAAS,OAEW,EADjB,IAAI,cARsB,0FAS7B,CADO;IAEP,MAAM,KAAK,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,KAAK,CAAC,mCAAI,CAAC,CAAC;IAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACtB,IAAI,KAAK,EAAE;YACV,IAAI,KAAK,KAAK,CAAC,EAAE;gBAChB,OAAO;aACP;YACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;SAC3B;aAAM;YACN,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,CAAC;SAClC;IACF,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE9C,OAAO,CACN,+CACC,SAAS,EAAE,IAAA,cAAU,EACpB,2FAA2F,EAC3F;YACC,4BAA4B,EAAE,CAAC,CAAC,eAAe,IAAI,KAAK,KAAK,CAAC;SAC9D,EACD,SAAS,CACT,IACG,IAAI,eAER,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,uBAAS,KAAG,IACL,EACT,8CAAK,SAAS,EAAC,oBAAoB,gBAAE,WAAW,CAAC,KAAK,CAAC,IAAO,EAC9D,uBAAC,kBAAM,kBAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,YAAY,gBAChE,uBAAC,sBAAQ,KAAG,IACJ,KACJ,CACN,CAAC;AACH,CAAC;AAzDD,sCAyDC"}

package/dist/cjs/components/particles/particlesState.d.ts

@@ -17,7 +17,7 @@ export declare class Particles {
     private renderParticles;
     addParticles: (spawn: ParticleSpawn) => void;
     private extendPool;
-    elementExplosion: ({ element, color, borders, lifespan, force, drag, forceFuzz, angleFuzz, ...rest }: {
+    elementExplosion: ({ element, color, borders, lifespan, force, drag, forceFuzz, angleFuzz, margin, ...rest }: {
         element: HTMLElement;
         color?: Color | [Color, Color] | undefined;
         count: number;
@@ -29,6 +29,7 @@ export declare class Particles {
         drag?: number | undefined;
         forceFuzz?: number | undefined;
         angleFuzz?: number | undefined;
+        margin?: number | undefined;
     }) => ParticleSpawn;
     windowBorderExplosion: ({ color, border, lifespan, ...rest }: {
         color?: Color | [Color, Color] | undefined;
@@ -61,7 +62,7 @@ export declare function createCircleParticles({ count, startRadius, endRadius, i
     color?: Color | [Color, Color];
 }): ParticleSpawn;
 type BorderName = 'top' | 'right' | 'bottom' | 'left';
-export declare const createElementBorderInitializer: ({ element, borders, force, drag, lifespan, forceFuzz, angleFuzz, }: {
+export declare const createElementBorderInitializer: ({ element, borders, force, drag, lifespan, forceFuzz, angleFuzz, margin, }: {
     element: HTMLElement;
     borders?: BorderName[] | undefined;
     force?: number | undefined;
@@ -69,13 +70,14 @@ export declare const createElementBorderInitializer: ({ element, borders, force,
     lifespan?: number | undefined;
     forceFuzz?: number | undefined;
     angleFuzz?: number | undefined;
+    margin?: number | undefined;
 }) => ParticleInitializer;
 export type Color = {
     space: 'rgb';
     values: [number, number, number];
     opacity: number;
 };
-export declare const elementExplosion: ({ element, color, borders, lifespan, force, drag, forceFuzz, angleFuzz, ...rest }: {
+export declare const elementExplosion: ({ element, color, borders, lifespan, force, drag, forceFuzz, angleFuzz, margin, ...rest }: {
     element: HTMLElement;
     color?: Color | [Color, Color] | undefined;
     count: number;
@@ -87,6 +89,7 @@ export declare const elementExplosion: ({ element, color, borders, lifespan, for
     drag?: number | undefined;
     forceFuzz?: number | undefined;
     angleFuzz?: number | undefined;
+    margin?: number | undefined;
 }) => ParticleSpawn;
 export declare const createWindowBorderInitializer: ({ force, drag, border, lifespan, }: {
     force?: number | undefined;

package/dist/cjs/components/particles/particlesState.js

@@ -190,12 +190,26 @@ exports.createCircleParticles = createCircleParticles;
 function fuzz(value, fuzz) {
     return value + (Math.random() - 0.5) * fuzz;
 }
-const createElementBorderInitializer = ({ element, borders = ['top', 'right', 'bottom', 'left'], force = 0.1, drag = 0.001, lifespan = 2000, forceFuzz = 0.05, angleFuzz = 0.02, }) => {
+const createElementBorderInitializer = ({ element, borders = ['top', 'right', 'bottom', 'left'], force = 0.1, drag = 0.001, lifespan = 2000, forceFuzz = 0.05, angleFuzz = 0.02, margin = 0, }) => {
     // randomly spawn particles around the border of the element by 'unwrapping' the selected borders as
     // a single theoretical line, picking a random point on the line, and then converting that point
     // back to a point on the border.
     return (index) => {
-        const rect = element.getBoundingClientRect();
+        const bounds = element.getBoundingClientRect();
+        const rect = {
+            left: bounds.left,
+            top: bounds.top,
+            right: bounds.right,
+            bottom: bounds.bottom,
+            width: bounds.width,
+            height: bounds.height,
+        };
+        if (margin) {
+            rect.left -= margin;
+            rect.top -= margin;
+            rect.right += margin;
+            rect.bottom += margin;
+        }
         const borderLengths = borders.map((border) => {
             switch (border) {
                 case 'top':
@@ -266,7 +280,7 @@ const TRANSPARENT = {
     opacity: 0,
 };
 const elementExplosion = (_a) => {
-    var { element, color = [YELLOW, TRANSPARENT], borders, lifespan, force, drag, forceFuzz, angleFuzz } = _a, rest = __rest(_a, ["element", "color", "borders", "lifespan", "force", "drag", "forceFuzz", "angleFuzz"]);
+    var { element, color = [YELLOW, TRANSPARENT], borders, lifespan, force, drag, forceFuzz, angleFuzz, margin } = _a, rest = __rest(_a, ["element", "color", "borders", "lifespan", "force", "drag", "forceFuzz", "angleFuzz", "margin"]);
     return createCircleParticles(Object.assign({ initializer: (0, exports.createElementBorderInitializer)({
             element,
             borders,
@@ -275,6 +289,7 @@ const elementExplosion = (_a) => {
             drag,
             forceFuzz,
             angleFuzz,
+            margin,
         }), color }, rest));
 };
 exports.elementExplosion = elementExplosion;