npm - @a-type/ui - Versions diffs - 4.0.8 → 4.1.0-beta.2 - Mend

@a-type/ui 4.0.8 → 4.1.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (386) hide show

package/dist/cjs/components/select/Select.js CHANGED Viewed

@@ -80,7 +80,7 @@ exports.SelectGroupLabel = (0, withClassName_js_1.withClassName)(select_1.Select
 exports.SelectSeparator = (0, withClassName_js_1.withClassName)(select_1.Select.Separator, 'h-1px bg-gray-light m-1');
 const SelectIcon = (_a) => {
     var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
-    return ((0, jsx_runtime_1.jsx)(select_1.Select.Icon, Object.assign({ className: (0, clsx_1.default)('color-inherit ml-auto', className) }, props, { ref: forwardedRef, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
+    return ((0, jsx_runtime_1.jsx)(select_1.Select.Icon, Object.assign({ className: (0, clsx_1.default)('ml-auto color-inherit', className) }, props, { ref: forwardedRef, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron", className: "relative top-1px h-[12px] w-[12px]" }) })));
 };
 exports.SelectIcon = SelectIcon;
 const SelectArrow = (_a) => {
@@ -88,7 +88,7 @@ const SelectArrow = (_a) => {
     return ((0, jsx_runtime_1.jsx)(select_1.Select.Arrow, Object.assign({ className: (0, clsx_1.clsx)('layer-components:arrow', className) }, props, { children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) })));
 };
 exports.SelectArrow = SelectArrow;
-const scrollArrowClass = (0, clsx_1.clsx)('layer-components:w-full layer-components:bg-white layer-components:z-1 layer-components:text-center layer-components:cursor-default layer-components:select-none layer-components:rounded-sm layer-components:h-1rem layer-components:text-xs layer-components:flex layer-components:items-center layer-components:justify-center', 'layer-components:before:content-empty layer-components:before:absolute layer-components:before:w-full layer-components:before:h-full layer-components:before:left-0', 'layer-components:data-[direction=up]:data-[side=none]:before:-top-full', 'layer-components:data-[direction=down]:bottom-0 layer-components:data-[direction=down]:data-[side=none]:before:-bottom-full');
+const scrollArrowClass = (0, clsx_1.clsx)('layer-components:z-1 layer-components:h-1rem layer-components:w-full layer-components:flex layer-components:cursor-default layer-components:select-none layer-components:items-center layer-components:justify-center layer-components:rounded-sm layer-components:text-center layer-components:text-xs layer-components:bg-white', 'layer-components:before:absolute layer-components:before:left-0 layer-components:before:h-full layer-components:before:w-full layer-components:before:content-empty', 'layer-components:data-[direction=up]:data-[side=none]:before:-top-full', 'layer-components:data-[direction=down]:bottom-0 layer-components:data-[direction=down]:data-[side=none]:before:-bottom-full');
 const contentStyle = {
     zIndex: 1001,
     '--local-corner-scale': '1',
@@ -96,7 +96,7 @@ const contentStyle = {
 const viewportStyle = { '--local-corner-scale': '0.9' };
 const SelectContent = (_a) => {
     var { ref: forwardedRef, children, className, side, sideOffset = 8, align, alignOffset, alignItemWithTrigger = true, disableAnchorTracking, arrowPadding, anchor, collisionAvoidance, collisionBoundary, collisionPadding, sticky, positionMethod } = _a, props = __rest(_a, ["ref", "children", "className", "side", "sideOffset", "align", "alignOffset", "alignItemWithTrigger", "disableAnchorTracking", "arrowPadding", "anchor", "collisionAvoidance", "collisionBoundary", "collisionPadding", "sticky", "positionMethod"]);
-    return ((0, jsx_runtime_1.jsx)(select_1.Select.Portal, { children: (0, jsx_runtime_1.jsxs)(GroupScale_js_1.GroupScaleReset, { children: [(0, jsx_runtime_1.jsx)(select_1.Select.Backdrop, {}), (0, jsx_runtime_1.jsxs)(select_1.Select.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, alignItemWithTrigger: alignItemWithTrigger, disableAnchorTracking: disableAnchorTracking, arrowPadding: arrowPadding, anchor: anchor, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, positionMethod: positionMethod, className: (0, clsx_1.default)('layer-components:z-1 layer-components:outline-none layer-components:select-none', 'layer-components:transform-origin-[--transform-origin]'), children: [(0, jsx_runtime_1.jsx)(exports.SelectArrow, { className: (0, clsx_1.clsx)('layer-components:border-black layer-components:transition layer-components:transform', 'layer-components:data-[closed]:opacity-0 layer-components:data-[closed]:scale-0', 'layer-components:data-[open]:opacity-100 layer-components:data-[open]:scale-100') }), (0, jsx_runtime_1.jsxs)(select_1.Select.Popup, Object.assign({ className: (0, clsx_1.default)('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-md layer-components:border layer-components:border-solid layer-components:border layer-components:border-black layer-components:shadow-lg layer-components:bg-clip-padding 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', 'important:motion-reduce:animate-none', 'layer-components:data-[side=none]:translate-y-0px layer-components:data-[side=none]:min-w-[calc(var(--anchor-width)+2rem)]', 'layer-components:min-w-[var(--anchor-width)] layer-components:max-h-[var(--available-height)]', className), style: contentStyle }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(select_1.Select.ScrollUpArrow, { className: scrollArrowClass, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron", className: "rotate-180" }) }), (0, jsx_runtime_1.jsx)(select_1.Select.List, { style: viewportStyle, children: children }), (0, jsx_runtime_1.jsx)(select_1.Select.ScrollDownArrow, { className: scrollArrowClass, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) })] }))] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(select_1.Select.Portal, { children: (0, jsx_runtime_1.jsxs)(GroupScale_js_1.GroupScaleReset, { children: [(0, jsx_runtime_1.jsx)(select_1.Select.Backdrop, {}), (0, jsx_runtime_1.jsxs)(select_1.Select.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, alignItemWithTrigger: alignItemWithTrigger, disableAnchorTracking: disableAnchorTracking, arrowPadding: arrowPadding, anchor: anchor, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, sticky: sticky, positionMethod: positionMethod, className: (0, clsx_1.default)('layer-components:z-1 layer-components:select-none layer-components:outline-none', 'layer-components:transform-origin-[--transform-origin]'), children: [(0, jsx_runtime_1.jsx)(exports.SelectArrow, { className: (0, clsx_1.clsx)('layer-components:transform layer-components:transition layer-components:border-black', 'layer-components:data-[closed]:scale-0 layer-components:data-[closed]:opacity-0', 'layer-components:data-[open]:scale-100 layer-components:data-[open]:opacity-100') }), (0, jsx_runtime_1.jsxs)(select_1.Select.Popup, Object.assign({ className: (0, clsx_1.default)('layer-components:overflow-hidden layer-components:border layer-components:border layer-components:rounded-md layer-components:border-solid layer-components:bg-clip-padding layer-components:shadow-lg layer-components:transition layer-components:bg-white layer-components:border-black', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:data-[side=bottom]:translate-y-4px layer-components:data-[starting-style]:data-[side=bottom]:opacity-0', 'layer-components:data-[ending-style]:data-[side=bottom]:translate-y-4px layer-components:data-[ending-style]:data-[side=bottom]:opacity-0', 'layer-components:data-[starting-style]:data-[side=top]:translate-y--4px layer-components:data-[starting-style]:data-[side=top]:opacity-0', 'layer-components:data-[ending-style]:data-[side=top]:translate-y-0 layer-components:data-[ending-style]:data-[side=top]:opacity-0', 'layer-components:data-[starting-style]:data-[side=right]:translate-x-4px layer-components:data-[starting-style]:data-[side=right]:opacity-0', 'layer-components:data-[ending-style]:data-[side=right]:translate-x-0 layer-components:data-[ending-style]:data-[side=right]:opacity-0', 'layer-components:data-[starting-style]:data-[side=left]:translate-x--4px layer-components:data-[starting-style]:data-[side=left]:opacity-0', 'layer-components:data-[ending-style]:data-[side=left]:translate-x-0 layer-components:data-[ending-style]:data-[side=left]:opacity-0', 'important:motion-reduce:animate-none', 'layer-components:data-[side=none]:min-w-[calc(var(--anchor-width)+2rem)] layer-components:data-[side=none]:translate-y-0px', 'layer-components:max-h-[var(--available-height)] layer-components:min-w-[var(--anchor-width)]', className), style: contentStyle }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(select_1.Select.ScrollUpArrow, { className: scrollArrowClass, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron", className: "rotate-180" }) }), (0, jsx_runtime_1.jsx)(select_1.Select.List, { style: viewportStyle, children: children }), (0, jsx_runtime_1.jsx)(select_1.Select.ScrollDownArrow, { className: scrollArrowClass, children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) })] }))] })] }) }));
 };
 exports.SelectContent = SelectContent;
 const SelectBase = exports.SelectRoot;

package/dist/cjs/components/select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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~~0FAA0F~~,~~CAC1F~~,CAAC;AAEF,MAAM,YAAY,GAAG;IACpB,MAAM,EAAE,IAAI;IACZ,sBAAsB,EAAE,GAAG;CACJ,CAAC;AACzB,MAAM,aAAa,GAAG,EAAE,sBAAsB,EAAE,KAAK,EAAyB,CAAC;AACxE,MAAM,aAAa,GAAG,CAAC,EAmBwB,EAAE,EAAE;QAnB5B,EAC7B,GAAG,EAAE,YAAY,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,CAAC,EACd,KAAK,EACL,WAAW,EACX,oBAAoB,GAAG,IAAI,EAC3B,qBAAqB,EACrB,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,cAAc,OAGuC,EAFlD,KAAK,cAjBqB,oPAkB7B,CADQ;IAGR,OAAO,CACN,uBAAC,eAAU,CAAC,MAAM,cACjB,wBAAC,+BAAe,eACf,uBAAC,eAAU,CAAC,QAAQ,KAAG,EACvB,wBAAC,eAAU,CAAC,UAAU,IACrB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,IAAA,cAAU,EACpB,iDAAiD,EACjD,0DAA0D,CAC1D,aAED,uBAAC,mBAAW,IACX,SAAS,EAAE,IAAA,WAAI,EACd,sDAAsD,EACtD,oDAAoD,EACpD,sDAAsD,CACtD,GACA,EACF,wBAAC,eAAU,CAAC,KAAK,kBAChB,SAAS,EAAE,IAAA,cAAU,EACpB,qIAAqI,EACrI,6DAA6D,EAC7D,uFAAuF,EACvF,qFAAqF,EACrF,qFAAqF,EACrF,gFAAgF,EAChF,sFAAsF,EACtF,kFAAkF,EAClF,sFAAsF,EACtF,iFAAiF,EACjF,sCAAsC,EACtC,4FAA4F,EAC5F,gFAAgF,EAChF,SAAS,CACT,EACD,KAAK,EAAE,YAAY,IACf,KAAK,IACT,GAAG,EAAE,YAAY,aAEjB,uBAAC,eAAU,CAAC,aAAa,IAAC,SAAS,EAAE,gBAAgB,YACpD,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,YAAY,GAAG,GACpB,EAC3B,uBAAC,eAAU,CAAC,IAAI,IAAC,KAAK,EAAE,aAAa,YAAG,QAAQ,GAAmB,EACnE,uBAAC,eAAU,CAAC,eAAe,IAAC,SAAS,EAAE,gBAAgB,YACtD,uBAAC,eAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GACK,KACX,IACI,IACP,GACC,CACpB,CAAC;AACH,CAAC,CAAC;AAnFW,QAAA,aAAa,iBAmFxB;AAIF,MAAM,UAAU,GAAG,kBAAU,CAAC;AAEjB,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IAC/C,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,kBAAU;IAChB,KAAK,EAAE,mBAAW;IAClB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,UAAU,EAAE,wBAAgB;IAC5B,SAAS,EAAE,uBAAe;IAC1B,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,QAAQ,EAAE,sBAAc;IACxB,QAAQ,EAAE,sBAAc;IACxB,aAAa,EAAE,2BAAmB;CAClC,CAAC,CAAC"}
1	+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/select/Select.stories.js CHANGED Viewed

@@ -36,7 +36,7 @@ exports.Default = {
 };
 exports.LongListWithItemLabels = {
     render(_a) {
-        var { defaultValue, value } = _a, args = __rest(_a, ["defaultValue", "value"]);
+        var { defaultValue: _, value: __ } = _a, args = __rest(_a, ["defaultValue", "value"]);
         return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { full: true, layout: "center center", className: "min-h-200px", children: (0, jsx_runtime_1.jsxs)(Select_js_1.Select, Object.assign({}, args, { defaultValue: 0, itemToStringLabel: (i) => `Item number ${i + 1}`, children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, {}), (0, jsx_runtime_1.jsx)(Select_js_1.SelectContent, { children: new Array(50).fill(null).map((_, i) => {
                             const item = `Item number ${i + 1}`;
                             return ((0, jsx_runtime_1.jsx)(Select_js_1.SelectItem, { value: i, children: item }, item));

package/dist/cjs/components/select/Select.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,0CAAoC;AACpC,iDAA4C;AAC5C,2CAA+E;AAE/E,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;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,uBAAC,YAAG,IAAC,IAAI,QAAC,MAAM,EAAC,eAAe,EAAC,SAAS,EAAC,aAAa,YACvD,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,GACJ,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,~~EAAgC~~;~~YAAhC~~,EAAE,YAAY,EAAE,KAAK,OAAW,EAAN,IAAI,~~cAA9B~~,~~yBAAgC~~,CAAF;~~QACpC~~,OAAO,CACN,uBAAC,YAAG,IAAC,IAAI,QAAC,MAAM,EAAC,eAAe,EAAC,SAAS,EAAC,aAAa,YACvD,wBAAC,kBAAM,oBACF,IAAI,IACR,YAAY,EAAE,CAAC,EACf,iBAAiB,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,aAExD,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACtC,MAAM,IAAI,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;4BACpC,OAAO,CACN,uBAAC,sBAAU,IAAY,KAAK,EAAE,CAAC,YAC7B,IAAI,IADW,IAAI,CAER,CACb,CAAC;wBACH,CAAC,CAAC,GACa,KACR,GACJ,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,yBAAgB,EAEvB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,IAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
1	+ {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,0CAAoC;AACpC,iDAA4C;AAC5C,2CAA+E;AAE/E,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;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,uBAAC,YAAG,IAAC,IAAI,QAAC,MAAM,EAAC,eAAe,EAAC,SAAS,EAAC,aAAa,YACvD,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,GACJ,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,EAAuC;YAAvC,EAAE,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAW,EAAN,IAAI,cAArC,yBAAuC,CAAF;QAC3C,OAAO,CACN,uBAAC,YAAG,IAAC,IAAI,QAAC,MAAM,EAAC,eAAe,EAAC,SAAS,EAAC,aAAa,YACvD,wBAAC,kBAAM,oBACF,IAAI,IACR,YAAY,EAAE,CAAC,EACf,iBAAiB,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,aAExD,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,IAAI,KAAK,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;4BACtC,MAAM,IAAI,GAAG,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;4BACpC,OAAO,CACN,uBAAC,sBAAU,IAAY,KAAK,EAAE,CAAC,YAC7B,IAAI,IADW,IAAI,CAER,CACb,CAAC;wBACH,CAAC,CAAC,GACa,KACR,GACJ,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,iCAAK,SAAS,EAAC,KAAK,aACnB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,KAAG,EACjB,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,yBAAgB,EAEvB,wBAAC,kBAAM,oBAAK,IAAI,eACf,uBAAC,yBAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,uBAAC,yBAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,uBAAC,sBAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,uBAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,IAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/skeletons/skeletons.js CHANGED Viewed

@@ -10,7 +10,7 @@ const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 const TextSkeleton = ({ maxLength, className, }) => {
     const [length] = (0, react_1.useState)(() => Math.round(Math.random() * (maxLength - 5) + 5));
-    return ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)('inline-block shrink-0 w-full h-full rounded-md bg-gradient-to-r from-transparent via-fg to-transparent [background-size:400%_400%] max-w-full animate-skeleton animate-duration-1200 animate-ease-in-out animate-iteration-infinite animate-alternate opacity-30', className), style: {
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, clsx_1.default)('[background-size:400%_400%] inline-block h-full max-w-full w-full shrink-0 animate-skeleton animate-duration-1200 animate-ease-in-out animate-alternate animate-iteration-infinite rounded-md from-transparent via-fg to-transparent bg-gradient-to-r opacity-30', className), style: {
             width: `${length}ch`,
             height: '1.2em',
         } }));

package/dist/cjs/components/slider/Slider.d.ts CHANGED Viewed

@@ -18,11 +18,10 @@ export declare const SliderUi: ({ label, className, }: {
     className?: string;
 }) => import("react/jsx-runtime.js").JSX.Element;
 export interface SliderProps extends SliderRootProps {
-    label?: string;
     color?: PaletteName;
     ref?: Ref<HTMLDivElement>;
 }
-export declare const Slider: (({ label, ...props }: SliderProps) => import("react/jsx-runtime.js").JSX.Element) & {
+export declare const Slider: ((props: SliderProps) => import("react/jsx-runtime.js").JSX.Element) & {
     Root: import("react").FunctionComponent<BaseSlider.Root.Props<number | readonly number[]> & {
         ref?: React.Ref<HTMLDivElement>;
     }>;

package/dist/cjs/components/slider/Slider.js CHANGED Viewed

@@ -36,8 +36,7 @@ exports.SliderBase = SliderBase;
  */
 const SliderUi = ({ label, className, }) => ((0, jsx_runtime_1.jsx)(exports.Slider.Control, { className: className, children: (0, jsx_runtime_1.jsxs)(exports.SliderTrack, { children: [(0, jsx_runtime_1.jsx)(exports.SliderRange, {}), (0, jsx_runtime_1.jsx)(exports.SliderThumb, { "aria-label": label })] }) }));
 exports.SliderUi = SliderUi;
-exports.Slider = Object.assign(function Slider(_a) {
-    var { label } = _a, props = __rest(_a, ["label"]);
+exports.Slider = Object.assign(function Slider(props) {
     return ((0, jsx_runtime_1.jsx)(exports.SliderRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.SliderUi, {}) })));
 }, {
     Root: exports.SliderRoot,

package/dist/cjs/components/slider/Slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kDAA8E;AAC9E,gDAAwB;AAExB,6CAA+C;AAGlC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAU,CAAC,IAAI,EACf,yBAAyB,CACzB,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,eAAU,CAAC,OAAO,EAClB,kGAAkG,EAClG,wEAAwE,CACxE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,kHAAkH,EAClH,qEAAqE,CACrE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,SAAS,EACpB,yDAAyD,EACzD,yDAAyD,CACzD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,qKAAqK,EACrK,oCAAoC,EACpC,yFAAyF,EACzF,0GAA0G,EAC1G,uCAAuC,EACvC,wCAAwC,CACxC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EAKb,EAAE,EAAE;QALS,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,OAEI,EADV,KAAK,cAJkB,kCAK1B,CADQ;IAER,OAAO,CACN,uBAAC,kBAAU,oBACN,KAAK,IACT,SAAS,EAAE,IAAA,cAAI,EAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,YAEvD,uBAAC,qBAAa,cAAE,QAAQ,GAAiB,IAC7B,CACb,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF;;;GAGG;AACI,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIT,EAAE,EAAE,CAAC,CACL,uBAAC,cAAM,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YACnC,wBAAC,mBAAW,eACX,uBAAC,mBAAW,KAAG,EACf,uBAAC,mBAAW,kBAAa,KAAK,GAAI,IACrB,GACE,CACjB,CAAC;AAbW,QAAA,QAAQ,YAanB;~~AAQW~~,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,~~EAAgC~~;~~QAAhC~~,~~EAAE,KAAK,OAAyB,EAApB,KAAK,cAAjB,SAAmB,CAAF;IAChC,~~OAAO,CACN,uBAAC,kBAAU,oBAAK,KAAK,cACpB,uBAAC,gBAAQ,KAAG,IACA,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,kCAAkC;IAClC,KAAK,EAAE,mBAAW;IAClB,SAAS,EAAE,mBAAW;IACtB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,eAAU,CAAC,KAAK;IACvB,EAAE,EAAE,gBAAQ;CACZ,CACD,CAAC"}
1	+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,kDAA8E;AAC9E,gDAAwB;AAExB,6CAA+C;AAGlC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,eAAU,CAAC,IAAI,EACf,yBAAyB,CACzB,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,wBAAa,EACzC,eAAU,CAAC,OAAO,EAClB,kGAAkG,EAClG,wEAAwE,CACxE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,kHAAkH,EAClH,qEAAqE,CACrE,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,SAAS,EACpB,yDAAyD,EACzD,yDAAyD,CACzD,CAAC;AACW,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,eAAU,CAAC,KAAK,EAChB,qKAAqK,EACrK,oCAAoC,EACpC,yFAAyF,EACzF,0GAA0G,EAC1G,uCAAuC,EACvC,wCAAwC,CACxC,CAAC;AAEK,MAAM,UAAU,GAAG,CAAC,EAKb,EAAE,EAAE;QALS,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,OAEI,EADV,KAAK,cAJkB,kCAK1B,CADQ;IAER,OAAO,CACN,uBAAC,kBAAU,oBACN,KAAK,IACT,SAAS,EAAE,IAAA,cAAI,EAAC,KAAK,IAAI,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,YAEvD,uBAAC,qBAAa,cAAE,QAAQ,GAAiB,IAC7B,CACb,CAAC;AACH,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEF;;;GAGG;AACI,MAAM,QAAQ,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIT,EAAE,EAAE,CAAC,CACL,uBAAC,cAAM,CAAC,OAAO,IAAC,SAAS,EAAE,SAAS,YACnC,wBAAC,mBAAW,eACX,uBAAC,mBAAW,KAAG,EACf,uBAAC,mBAAW,kBAAa,KAAK,GAAI,IACrB,GACE,CACjB,CAAC;AAbW,QAAA,QAAQ,YAanB;AAOW,QAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,SAAS,MAAM,CAAC,KAAkB;IACjC,OAAO,CACN,uBAAC,kBAAU,oBAAK,KAAK,cACpB,uBAAC,gBAAQ,KAAG,IACA,CACb,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,kBAAU;IAChB,OAAO,EAAE,qBAAa;IACtB,KAAK,EAAE,mBAAW;IAClB,kCAAkC;IAClC,KAAK,EAAE,mBAAW;IAClB,SAAS,EAAE,mBAAW;IACtB,KAAK,EAAE,mBAAW;IAClB,KAAK,EAAE,eAAU,CAAC,KAAK;IACvB,EAAE,EAAE,gBAAQ;CACZ,CACD,CAAC"}

package/dist/cjs/components/slider/Slider.stories.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
 import { Slider } from './Slider.js';
 declare const meta: {
     title: string;
-    component: (({ label, ...props }: import("./Slider.js").SliderProps) => import("react/jsx-runtime.js").JSX.Element) & {
+    component: ((props: import("./Slider.js").SliderProps) => import("react/jsx-runtime.js").JSX.Element) & {
         Root: import("react").FunctionComponent<import("@base-ui/react/slider/index.parts.js").Root.Props<number | readonly number[]> & {
             ref?: React.Ref<HTMLDivElement>;
         }>;

package/dist/cjs/components/slider/Slider.stories.js CHANGED Viewed

@@ -48,7 +48,7 @@ exports.CustomStyles = {
                     'bg-main': value === 0,
                     'bg-success-light': value === 1,
                     'bg-success': value === 2,
-                }), children: [(0, jsx_runtime_1.jsx)(Slider_js_1.Slider.Indicator, {}), (0, jsx_runtime_1.jsx)(Slider_js_1.Slider.Thumb, { className: "w-24px h-24px", children: (0, jsx_runtime_1.jsx)("div", { className: "text-lg", children: ['😭', '😔', '😐', '😊', '😃'][value + 2] }) })] }) })));
+                }), children: [(0, jsx_runtime_1.jsx)(Slider_js_1.Slider.Indicator, {}), (0, jsx_runtime_1.jsx)(Slider_js_1.Slider.Thumb, { className: "h-24px w-24px", children: (0, jsx_runtime_1.jsx)("div", { className: "text-lg", children: ['😭', '😔', '😐', '😊', '😃'][value + 2] }) })] }) })));
     },
 };
 exports.WithValue = {

package/dist/cjs/components/spinner/Spinner.js CHANGED Viewed

@@ -21,12 +21,12 @@ const clsx_1 = __importDefault(require("clsx"));
 const CIRCLE_SIZE = 44;
 const Spinner = function Spinner(_a) {
     var { ref, size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["ref", "size", "thickness", "className", "style"]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0, clsx_1.default)('flex-shrink-0 inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style), children: (0, jsx_runtime_1.jsx)("svg", { className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, children: (0, jsx_runtime_1.jsx)("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: (0, clsx_1.default)('inline-block flex-shrink-0 transform-origin-[50%_50%] animate-spin animate-duration-1400 animate-ease-linear animate-iteration-infinite color-inherit', className), style: Object.assign({ width: size, height: size }, style), children: (0, jsx_runtime_1.jsx)("svg", { className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, children: (0, jsx_runtime_1.jsx)("circle", { className: "[stroke-dasharray:80_200] [stroke-dashoffset:0] animate-spinner-stroke animate-duration-1400 animate-ease-in-out animate-iteration-infinite stroke-current", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })));
 };
 exports.Spinner = Spinner;
 const FullScreenSpinner = function FullScreenSpinner(_a) {
     var { ref } = _a, props = __rest(_a, ["ref"]);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch", children: (0, jsx_runtime_1.jsx)(exports.Spinner, Object.assign({}, props)) }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: "w-full flex flex-1 flex-row items-center self-stretch justify-center gap-4", children: (0, jsx_runtime_1.jsx)(exports.Spinner, Object.assign({}, props)) }));
 };
 exports.FullScreenSpinner = FullScreenSpinner;
 //# sourceMappingURL=Spinner.js.map

package/dist/cjs/components/textArea/TextArea.js CHANGED Viewed

@@ -59,7 +59,7 @@ const TextArea = function TextArea(_a) {
         }
     }, [autoSelect, onFocus]);
     const randomPlaceholder = (0, useRotatingShuffledValue_js_1.useRotatingShuffledValue)(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
-    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({ render: (0, jsx_runtime_1.jsx)("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: (0, clsx_1.default)(index_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:color-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-lg layer-variants:px-4 layer-variants:py-4', {
+    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({ render: (0, jsx_runtime_1.jsx)("textarea", { rows: autoSize ? 1 : rows }), ref: finalRef, className: (0, clsx_1.default)(index_js_1.inputClassName, 'layer-components:[font-family:inherit] layer-components:resize-none layer-components:overflow-hidden layer-components:color-inherit', 'layer-variants:rounded-lg layer-variants:px-4 layer-variants:py-4', {
             'layer-components:[resize:vertical]': !autoSize,
             'layer-components:[resize:none]': autoSize,
         }, className), onValueChange: handleValueChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));

package/dist/cjs/components/toasts/toasts.js CHANGED Viewed

@@ -42,15 +42,15 @@ function ToastList() {
         var _a, _b;
         return ((0, jsx_runtime_1.jsx)(toast_1.Toast.Root, { toast: toast, swipeDirection: ['up', 'right', 'left'], className: (0, clsx_1.default)(
             // variable setup
-            '[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))]', '[--shrink:calc(1-var(--scale))] [--height:var(--toast-frontmost-height,var(--toast-height))]', '[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]',
+            '[--gap:0.75rem] [--peek:0.75rem] [--scale:calc(max(0,1-(var(--toast-index)*0.1)))]', '[--height:var(--toast-frontmost-height,var(--toast-height))] [--shrink:calc(1-var(--scale))]', '[--offset-y:calc(var(--toast-offset-y)+calc(var(--toast-index)*var(--gap))+var(--toast-swipe-movement-y))]',
             // basic positioning
-            'fixed left-0 top-xs left-auto z-[calc(100000-var(--toast-index))] mr-0 w-full origin-top', 'h-[--height]', 'flex flex-col gap-xs items-center',
+            'fixed left-0 left-auto top-xs z-[calc(100000-var(--toast-index))] mr-0 w-full origin-top', 'h-[--height]', 'flex flex-col items-center gap-xs',
             // other properties
             'select-none',
             // animation and interaction
             'translate-x-[--toast-swipe-movement-x] translate-y-[calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height)))] scale-[var(--scale)]', '[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]',
             // ::after
-            'after:absolute after:top-full after:left-0 after:h-[calc(var(--gap)+1px)] after:w-full after:content-empty',
+            'after:absolute after:left-0 after:top-full after:h-[calc(var(--gap)+1px)] after:w-full after:content-empty',
             // starting style
             'data-[starting-style]:-translate-y-150%',
             // limited
@@ -60,7 +60,7 @@ function ToastList() {
             // ending styles
             'data-[ending-style]:opacity-0',
             // natural or close button
-            '[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:-translate-y-150% [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:scale-90 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:opacity-50',
+            '[&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:scale-90 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:opacity-50 [&[data-ending-style]:not([data-limited]):not([data-swipe-direction])]:-translate-y-150%',
             // swiping down
             'data-[ending-style]:data-[swipe-direction=down]:translate-y-[calc(var(--toast-swipe-movement-y)+150%)]', 'data-[expanded]:data-[ending-style]:data-[swipe-direction=down]:translate-y-[calc(var(--toast-swipe-movement-y)+150%)]',
             // swiping left
@@ -74,7 +74,7 @@ function ToastList() {
                 'palette-success': toast.type === 'success',
                 'palette-attention': toast.type === 'error',
                 'palette-info': toast.type === 'blank',
-            }, mode === 'dark' ? 'override-light' : 'override-dark'), children: (0, jsx_runtime_1.jsxs)(toast_1.Toast.Content, { className: "[&[data-behind]:not([data-expanded])]:pointer-events-none flex flex-col gap-2px max-w-sm", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:bg-main-wash layer-components:color-black layer-components:rounded-md layer-components:b-1 layer-components:b-solid layer-components:b-black layer-components:shadow-md layer-components:pl-md layer-components:pr-sm layer-components:py-sm layer-components:relative', 'layer-components:flex layer-components:flex-row layer-components:gap-sm', '[[data-behind]:not([data-expanded])_&]:bg-darken-2 [[data-behind]:not([data-expanded])_&]:max-h-[--height]'), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('flex flex-row gap-xs items-center', '[[data-behind]:not([data-expanded])_&]:opacity-0 [[data-expanded]_&]:opacity-100 transition-opacity [transition-duration:250ms]'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-xs", children: [(0, jsx_runtime_1.jsx)(toast_1.Toast.Title, { className: "text-sm leading-tight font-bold m-0" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-sm", children: [((_a = toast.data) === null || _a === void 0 ? void 0 : _a.loading) ? ((0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: 15, className: "relative top-2px" })) : toast.type === 'success' ? ((0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "check", color: "success", className: "relative top-2px" })) : toast.type === 'error' ? ((0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "warning", color: "attention", className: "relative top-2px" })) : null, (0, jsx_runtime_1.jsx)(toast_1.Toast.Description, { className: "text-sm m-0" })] })] }), (0, jsx_runtime_1.jsx)(toast_1.Toast.Close, { className: "mb-auto [[data-behind]:not([data-expanded])_&]:invisible", "aria-label": "Close", render: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) }) })] }) }), ((_b = toast.data) === null || _b === void 0 ? void 0 : _b.actions) && ((0, jsx_runtime_1.jsx)("div", { className: "flex gap-xxs items-center ml-auto [[data-behind]:not([data-expanded])_&]:opacity-0 transition-opacity", children: toast.data.actions.toReversed().map((action, index) => ((0, jsx_runtime_1.jsx)(toast_1.Toast.Action, { className: "text-xs", onClick: action.onClick, render: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", emphasis: action.emphasis, color: action.color }), children: action.label }, index))) }))] }) }, toast.id));
+            }, mode === 'dark' ? 'override-light' : 'override-dark'), children: (0, jsx_runtime_1.jsxs)(toast_1.Toast.Content, { className: "max-w-sm flex flex-col gap-2px [&[data-behind]:not([data-expanded])]:pointer-events-none", children: [(0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:relative layer-components:b-1 layer-components:b-black layer-components:rounded-md layer-components:b-solid layer-components:py-sm layer-components:pl-md layer-components:pr-sm layer-components:shadow-md layer-components:color-black layer-components:bg-main-wash', 'layer-components:flex layer-components:flex-row layer-components:gap-sm', '[[data-behind]:not([data-expanded])_&]:max-h-[--height] [[data-behind]:not([data-expanded])_&]:bg-darken-2'), children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('flex flex-row items-center gap-xs', '[transition-duration:250ms] transition-opacity [[data-behind]:not([data-expanded])_&]:opacity-0 [[data-expanded]_&]:opacity-100'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-xs", children: [(0, jsx_runtime_1.jsx)(toast_1.Toast.Title, { className: "m-0 text-sm font-bold leading-tight" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-sm", children: [((_a = toast.data) === null || _a === void 0 ? void 0 : _a.loading) ? ((0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, { size: 15, className: "relative top-2px" })) : toast.type === 'success' ? ((0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "check", color: "success", className: "relative top-2px" })) : toast.type === 'error' ? ((0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "warning", color: "attention", className: "relative top-2px" })) : null, (0, jsx_runtime_1.jsx)(toast_1.Toast.Description, { className: "m-0 text-sm" })] })] }), (0, jsx_runtime_1.jsx)(toast_1.Toast.Close, { className: "mb-auto [[data-behind]:not([data-expanded])_&]:invisible", "aria-label": "Close", render: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }) }) })] }) }), ((_b = toast.data) === null || _b === void 0 ? void 0 : _b.actions) && ((0, jsx_runtime_1.jsx)("div", { className: "ml-auto flex items-center gap-xxs transition-opacity [[data-behind]:not([data-expanded])_&]:opacity-0", children: toast.data.actions.toReversed().map((action, index) => ((0, jsx_runtime_1.jsx)(toast_1.Toast.Action, { className: "text-xs", onClick: action.onClick, render: (0, jsx_runtime_1.jsx)(index_js_1.Button, { size: "small", emphasis: action.emphasis, color: action.color }), children: action.label }, index))) }))] }) }, toast.id));
     });
 }
 function toOptions(messageOrOptions, maybeOptions) {

package/dist/cjs/components/tooltip/Tooltip.js CHANGED Viewed

@@ -23,10 +23,10 @@ const GroupScale_js_1 = require("../../systems/GroupScale.js");
 const ArrowSvg_js_1 = require("../utility/ArrowSvg.js");
 function Content(_a) {
     var { children, className, color = 'contrast', render, side, sideOffset, align, alignOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod } = _a, props = __rest(_a, ["children", "className", "color", "render", "side", "sideOffset", "align", "alignOffset", "anchor", "disableAnchorTracking", "sticky", "arrowPadding", "collisionAvoidance", "collisionBoundary", "collisionPadding", "positionMethod"]);
-    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Portal, { children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip.Popup, Object.assign({ render: render, className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-xs layer-components:px-sm layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:flex layer-components:transition', 'layer-components:data-[instant]:transition-none', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95', 'layer-components:transform-origin-[var(--transform-origin)]', {
-                        'layer-variants:bg-black layer-variants:color-white': color === 'contrast',
-                        'layer-variants:bg-white layer-variants:color-black layer-variants:border layer-variants:border-gray': color === 'white' || color === 'neutral',
-                        'layer-variants:bg-attention-ink layer-variants:color-white': color === 'attention',
+    return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Portal, { children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Positioner, { side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, anchor: anchor, disableAnchorTracking: disableAnchorTracking, sticky: sticky, arrowPadding: arrowPadding, collisionAvoidance: collisionAvoidance, collisionBoundary: collisionBoundary, collisionPadding: collisionPadding, positionMethod: positionMethod, children: (0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip.Popup, Object.assign({ render: render, className: (0, clsx_1.default)('layer-components:relative layer-components:flex layer-components:select-none layer-components:rounded-sm layer-components:px-sm layer-components:py-xs layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:transition', 'layer-components:data-[instant]:transition-none', 'layer-components:data-[starting-style]:scale-95 layer-components:data-[starting-style]:opacity-0', 'layer-components:data-[ending-style]:scale-95 layer-components:data-[ending-style]:opacity-0', 'layer-components:transform-origin-[var(--transform-origin)]', {
+                        'layer-variants:color-white layer-variants:bg-black': color === 'contrast',
+                        'layer-variants:border layer-variants:color-black layer-variants:bg-white layer-variants:border-gray': color === 'white' || color === 'neutral',
+                        'layer-variants:color-white layer-variants:bg-attention-ink': color === 'attention',
                     }, className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Arrow, { className: "layer-components:arrow", children: (0, jsx_runtime_1.jsx)(ArrowSvg_js_1.ArrowSvg, {}) })] })) }) }) }));
 }
 exports.TooltipProvider = tooltip_1.Tooltip.Provider;

package/dist/cjs/components/viewport/Viewport.js CHANGED Viewed

@@ -68,7 +68,7 @@ function ViewportRoot({ children, className, style, defaultCenter, onZoomChange,
         return viewport.subscribe('centerChanged', stableOnCenterChange);
     }, [viewport, stableOnCenterChange]);
     const [controlsRoot, controlsRef] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsx)(ViewportContext_js_1.ViewportProvider, { value: viewport, children: (0, jsx_runtime_1.jsx)(ViewportControlContext.Provider, { value: controlsRoot, children: (0, jsx_runtime_1.jsx)(Box_js_1.Box, { className: (0, clsx_1.default)('min-h-32px min-w-32px', className), style: style, ref: controlsRef, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('w-full h-full flex-1 relative touch-none contain-strict select-none overflow-hidden', 'focus-visible:ring focus-visible:ring-accent', className) }, gestureProps, keyboardProps, { tabIndex: 0, ref: finalRef, children: (0, jsx_runtime_1.jsx)(ViewportContent_js_1.ViewportContent, { viewport: viewport, children: children }) })) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(ViewportContext_js_1.ViewportProvider, { value: viewport, children: (0, jsx_runtime_1.jsx)(ViewportControlContext.Provider, { value: controlsRoot, children: (0, jsx_runtime_1.jsx)(Box_js_1.Box, { className: (0, clsx_1.default)('min-h-32px min-w-32px', className), style: style, ref: controlsRef, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('contain-strict relative h-full w-full flex-1 touch-none select-none overflow-hidden', 'focus-visible:ring focus-visible:ring-accent', className) }, gestureProps, keyboardProps, { tabIndex: 0, ref: finalRef, children: (0, jsx_runtime_1.jsx)(ViewportContent_js_1.ViewportContent, { viewport: viewport, children: children }) })) }) }) }));
 }
 const ViewportControlContext = (0, react_1.createContext)(null);
 function ViewportControlContent(_a) {
@@ -78,8 +78,8 @@ function ViewportControlContent(_a) {
         return null;
     }
     return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ className: (0, clsx_1.default)('layer-variants:absolute', {
-            'layer-components:top-sm layer-components:left-sm': position === 'top-left',
-            'layer-components:top-sm layer-components:right-sm': position === 'top-right',
+            'layer-components:left-sm layer-components:top-sm': position === 'top-left',
+            'layer-components:right-sm layer-components:top-sm': position === 'top-right',
             'layer-components:bottom-sm layer-components:left-sm': position === 'bottom-left',
             'layer-components:bottom-sm layer-components:right-sm': position === 'bottom-right',
         }, className), surface: true, border: true, elevated: "md" }, props, { children: children })), el);

package/dist/cjs/components/viewport/ViewportContent.js CHANGED Viewed

@@ -65,6 +65,6 @@ function ViewportContent(_a) {
     }), [viewport, internalRef]);
     const finalRef = (0, useMergedRef_js_1.default)(viewport.bindContent, internalRef);
     const transform = (0, react_1.useMotionTemplate) `translate3d(calc(var(--root-width,0)/2), calc(var(--root-height,0)/2), 0) translate3d(-50%, -50%, 0) scale(${zoom}) translate3d(${centerX}px, ${centerY}px, 0)`;
-    return ((0, jsx_runtime_1.jsx)(react_1.motion.div, Object.assign({}, rest, { className: (0, clsx_1.default)('layer-components:absolute layer-components:overflow-visible layer-components:overscroll-none layer-components:touch-none layer-components:transform-origin-center layer-components:select-none', className), ref: finalRef, style: { transform }, onDragStartCapture: utils_1.preventDefault, onDrag: utils_1.preventDefault, onDragEnd: utils_1.preventDefault, children: children })));
+    return ((0, jsx_runtime_1.jsx)(react_1.motion.div, Object.assign({}, rest, { className: (0, clsx_1.default)('layer-components:absolute layer-components:transform-origin-center layer-components:touch-none layer-components:select-none layer-components:overflow-visible layer-components:overscroll-none', className), ref: finalRef, style: { transform }, onDragStartCapture: utils_1.preventDefault, onDrag: utils_1.preventDefault, onDragEnd: utils_1.preventDefault, children: children })));
 }
 //# sourceMappingURL=ViewportContent.js.map

package/dist/cjs/components/viewport/useViewportGestures.js CHANGED Viewed

@@ -201,7 +201,8 @@ function useKeyboardControls(viewport) {
         // start the loop
         animationFrame = requestAnimationFrame(loop);
         return () => {
-            animationFrame && cancelAnimationFrame(animationFrame);
+            if (animationFrame)
+                cancelAnimationFrame(animationFrame);
         };
     }, [viewport]);
     return {

package/dist/cjs/components/viewport/useViewportGestures.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useViewportGestures.js","sourceRoot":"","sources":["../../../../src/components/viewport/useViewportGestures.ts"],"names":[],"mappings":"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~~IAAI,~~oBAAoB,CAAC,cAAc,CAAC,CAAC;~~QACxD~~,CAAC,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO;QACN,QAAQ,EAAE,CAAC;QACX,GAAG,EAAE,UAAU;QACf,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,aAAa;KACxB,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"useViewportGestures.js","sourceRoot":"","sources":["../../../../src/components/viewport/useViewportGestures.ts"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useStorage.js CHANGED Viewed

@@ -63,14 +63,14 @@ function makeUseStorage(storage, cache, name = storage.constructor.name) {
     };
 }
 const mockStorage = {
-    getItem: (key) => {
+    getItem: () => {
         return null;
     },
-    setItem: (key, value) => { },
-    removeItem: (key) => { },
+    setItem: () => { },
+    removeItem: () => { },
     length: 0,
     clear: () => { },
-    key: (index) => {
+    key: () => {
         return null;
     },
 };

package/dist/cjs/hooks/useStorage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useStorage.js","sourceRoot":"","sources":["../../../src/hooks/useStorage.ts"],"names":[],"mappings":"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~~CAAC~~,~~GAAW,~~EAAE~~,EAAE~~;~~QACxB~~,OAAO,IAAI,CAAC;IACb,CAAC;IACD,OAAO,EAAE,~~CAAC~~,~~GAAW,~~EAAE,~~KAAa,EAAE,EAAE,~~GAAE,CAAC;~~IAC3C~~,UAAU,EAAE,~~CAAC~~,~~GAAW,~~EAAE,~~EAAE,~~GAAE,CAAC;~~IAC/B~~,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC;IACf,GAAG,EAAE,~~CAAC~~,~~KAAa,~~EAAE~~,EAAE~~;~~QACtB~~,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAC;AAEW,QAAA,eAAe,GAAG,cAAc,CAC5C,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,EAC1D,IAAA,cAAK,EAAC,EAAE,CAAC,EACT,cAAc,CACd,CAAC;AACW,QAAA,iBAAiB,GAAG,cAAc,CAC9C,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAc,EAC5D,IAAA,cAAK,EAAC,EAAE,CAAC,EACT,gBAAgB,CAChB,CAAC;AAEF,SAAS,QAAQ,CAChB,IAA6B,EAC7B,IAAY,EACZ,OAAmD;IAEnD,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,OAAO,UAAqB,GAAG,IAAW;QACzC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,QAAQ,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,KAAK;YAAE,QAAQ,GAAG,GAAG,CAAC;QAC5D,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC;QAC1C,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;YACpB,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,KAAK;gBAAE,QAAQ,GAAG,GAAG,CAAC;YAChD,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QACtB,CAAC;QACD,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,MAAK,KAAK,EAAE,CAAC;YACjC,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,UAAU,CAAC,GAAG,EAAE;YACtB,QAAQ,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YACvD,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC;QACf,CAAC,EAAE,SAAS,CAAC,CAAC;IACf,CAAC,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"useStorage.js","sourceRoot":"","sources":["../../../src/hooks/useStorage.ts"],"names":[],"mappings":"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"}

package/dist/cjs/hooks/useTitleBarColor.js CHANGED Viewed

@@ -28,7 +28,7 @@ function changeThemeColor(color) {
         const cssVar = color.slice(4, -1).trim();
         color = getComputedStyle(root).getPropertyValue(cssVar);
     }
-    var metaThemeColor = document.querySelector('meta[name=theme-color]');
+    let metaThemeColor = document.querySelector('meta[name=theme-color]');
     if (!metaThemeColor) {
         metaThemeColor = document.createElement('meta');
         metaThemeColor.setAttribute('name', 'theme-color');

package/dist/cjs/hooks/useTitleBarColor.stories.js CHANGED Viewed

@@ -16,7 +16,7 @@ const meta = {
 exports.default = meta;
 exports.Default = {
     render() {
-        return ((0, jsx_runtime_1.jsx)(index_js_1.Provider, { children: (0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, border: true, surface: true, className: "overflow-hidden aspect-[9/16]", children: [(0, jsx_runtime_1.jsx)(MockTitleBar, {}), (0, jsx_runtime_1.jsx)(index_js_1.Box, { p: "md", children: (0, jsx_runtime_1.jsx)("p", { children: "This is a mock title bar that changes its background color based on the meta tag in the document head." }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Override" }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Title, { children: "Overriding color" }), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Description, { children: "The title bar color is overridden while this dialog is open." }), (0, jsx_runtime_1.jsx)(Overrider, {}), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Actions, { children: (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Close, {}) })] })] })] }) }));
+        return ((0, jsx_runtime_1.jsx)(index_js_1.Provider, { children: (0, jsx_runtime_1.jsxs)(index_js_1.Box, { col: true, border: true, surface: true, className: "aspect-[9/16] overflow-hidden", children: [(0, jsx_runtime_1.jsx)(MockTitleBar, {}), (0, jsx_runtime_1.jsx)(index_js_1.Box, { p: "md", children: (0, jsx_runtime_1.jsx)("p", { children: "This is a mock title bar that changes its background color based on the meta tag in the document head." }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_1.Button, {}), children: "Override" }), (0, jsx_runtime_1.jsxs)(index_js_1.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Dialog.Title, { children: "Overriding color" }), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Description, { children: "The title bar color is overridden while this dialog is open." }), (0, jsx_runtime_1.jsx)(Overrider, {}), (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Actions, { children: (0, jsx_runtime_1.jsx)(index_js_1.Dialog.Close, {}) })] })] })] }) }));
     },
 };
 function MockTitleBar() {

package/dist/cjs/hooks/withProps.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
-export declare const withProps: <T extends {}>(Component: React.ComponentType<T>, extras: Partial<T>) => (props: T) => import("react/jsx-runtime").JSX.Element;
+export declare const withProps: <T extends object>(Component: React.ComponentType<T>, extras: Partial<T>) => (props: T) => import("react/jsx-runtime").JSX.Element;
 type OptionalKeys<T> = {
     [K in keyof T]-?: undefined extends T[K] ? K : never;
 }[keyof T];
-export declare const withoutProps: <T extends {}, P extends OptionalKeys<T>>(Component: React.ComponentType<T>, _remove: P[]) => (props: Omit<T, P>) => import("react/jsx-runtime").JSX.Element;
+export declare const withoutProps: <T extends object, P extends OptionalKeys<T>>(Component: React.ComponentType<T>, _remove: P[]) => (props: Omit<T, P>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/systems/inputs.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const inputInfo: {
+    lastPointerDown: number | null;
+};

package/dist/cjs/systems/inputs.js ADDED Viewed

@@ -0,0 +1,14 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputInfo = void 0;
+const valtio_1 = require("valtio");
+exports.inputInfo = (0, valtio_1.proxy)({
+    lastPointerDown: null,
+});
+if (typeof window !== 'undefined') {
+    window.addEventListener('pointerdown', () => {
+        exports.inputInfo.lastPointerDown = Date.now();
+    });
+}
+//# sourceMappingURL=inputs.js.map

package/dist/cjs/systems/inputs.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"inputs.js","sourceRoot":"","sources":["../../../src/systems/inputs.ts"],"names":[],"mappings":";;;AAAA,mCAA+B;AAElB,QAAA,SAAS,GAAG,IAAA,cAAK,EAAC;IAC9B,eAAe,EAAE,IAAqB;CACtC,CAAC,CAAC;AAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACnC,MAAM,CAAC,gBAAgB,CAAC,aAAa,EAAE,GAAG,EAAE;QAC3C,iBAAS,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACJ,CAAC"}

package/dist/cjs/themes.stories.js CHANGED Viewed

@@ -31,7 +31,7 @@ exports.default = meta;
 function DemoUI({ className }) {
     const nextWeek = new Date();
     nextWeek.setDate(nextWeek.getDate() + 7);
-    return ((0, jsx_runtime_1.jsxs)(index_js_5.PageRoot, { className: (0, clsx_1.default)('flex-1', className), children: [(0, jsx_runtime_1.jsx)(index_js_5.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('grid gap-2 grid-cols-2'), children: [(0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "primary", children: "Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "contrast", children: "Contrast" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "attention", emphasis: "primary", children: "Destructive" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "ghost", children: "Ghost Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "primary", children: "Destructive Small" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, items: "start", children: [(0, jsx_runtime_1.jsx)(index_js_6.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(index_js_7.TextArea, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "row", gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(index_js_5.Checkbox, { defaultChecked: true }), (0, jsx_runtime_1.jsx)("span", { children: "Checkbox" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ToggleGroup, { defaultValue: ['1'], children: [(0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "1", children: "Toggle 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { layout: "start safe-center", d: "col", gap: true, p: true, className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Heading 1" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Heading 2" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Heading 3" }), (0, jsx_runtime_1.jsx)(index_js_5.H4, { children: "Heading 4" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", gap: true, children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { compact: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] })] }), (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, { defaultValue: "tab1", children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab1", children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionBar, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "Hello"] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "World"] }), (0, jsx_runtime_1.jsx)(index_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)(index_js_5.AvatarList, { count: 3, children: [(0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 0, name: "John Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 1, name: "Jane Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 2, name: "John Smith" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_5.Tooltip, { content: "Hello World" }), children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Hover or right click" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 3" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_2.Button, {}), className: "m-auto", children: "Dropdown" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Separator, {}), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 6" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Item, { children: ["With icon", (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "flag" }) })] })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Select, { value: "1", itemToStringLabel: (i) => `Item ${i}`, children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Trigger, {}), (0, jsx_runtime_1.jsxs)(index_js_5.Select.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "1", children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "2", children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "3", children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "4", children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "5", children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "6", children: "Item 6" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "7", children: "Item 7" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "8", children: "Item 8" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "9", children: "Item 9" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "10", children: "Item 10" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_2.Button, {}), children: "Click" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Title, { children: "Hello there" }), (0, jsx_runtime_1.jsx)(index_js_5.Dialog.Description, { children: "Im a dialog" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Close, { children: "Close" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Action" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_5.DateRangePicker, { className: "grid-col-span-2", value: {
+    return ((0, jsx_runtime_1.jsxs)(index_js_5.PageRoot, { className: (0, clsx_1.default)('flex-1', className), children: [(0, jsx_runtime_1.jsx)(index_js_5.PageContent, { children: (0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('grid grid-cols-2 gap-2'), children: [(0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", emphasis: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "primary", children: "Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Default" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "contrast", children: "Contrast" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "attention", emphasis: "primary", children: "Destructive" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "accent", emphasis: "ghost", children: "Ghost Accent" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "primary", children: "Destructive Small" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", color: "attention", emphasis: "ghost", children: "Ghost Destructive Small" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { gap: true, wrap: true, p: true, items: "start", children: [(0, jsx_runtime_1.jsx)(index_js_6.Input, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsx)(index_js_7.TextArea, { placeholder: "Placeholder" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "row", gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(index_js_5.Checkbox, { defaultChecked: true }), (0, jsx_runtime_1.jsx)("span", { children: "Checkbox" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ToggleGroup, { defaultValue: ['1'], children: [(0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "1", children: "Toggle 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ToggleGroup.Item, { value: "2", children: "Toggle 2" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { layout: "start safe-center", d: "col", gap: true, p: true, className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Heading 1" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Heading 2" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Heading 3" }), (0, jsx_runtime_1.jsx)(index_js_5.H4, { children: "Heading 4" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { d: "col", gap: true, children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] }), (0, jsx_runtime_1.jsxs)(index_js_3.Card, { children: [(0, jsx_runtime_1.jsxs)(index_js_3.Card.Main, { compact: true, onClick: () => { }, children: [(0, jsx_runtime_1.jsx)(index_js_3.Card.Title, { children: "Card Title" }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Content, { children: "Card Content" })] }), (0, jsx_runtime_1.jsx)(index_js_3.Card.Footer, { children: (0, jsx_runtime_1.jsxs)(index_js_3.Card.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Action 1" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", emphasis: "ghost", children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }) })] })] }), (0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs, { defaultValue: "tab1", children: [(0, jsx_runtime_1.jsxs)(tabs_js_1.Tabs.List, { children: [(0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab1", children: "Tab 1" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Trigger, { value: "tab2", children: "Tab 2" })] }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab1", children: "Tab 1 Content" }), (0, jsx_runtime_1.jsx)(tabs_js_1.Tabs.Content, { value: "tab2", children: "Tab 2 Content" })] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionBar, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "Hello"] }), (0, jsx_runtime_1.jsxs)(index_js_1.ActionButton, { color: "primary", children: [(0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }), "World"] }), (0, jsx_runtime_1.jsx)(index_js_1.ActionButton, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "placeholder" }) })] }), (0, jsx_runtime_1.jsxs)(index_js_5.AvatarList, { count: 3, children: [(0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 0, name: "John Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 1, name: "Jane Doe" }), (0, jsx_runtime_1.jsx)(index_js_5.AvatarList.Item, { index: 2, name: "John Smith" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_5.Tooltip, { content: "Hello World" }), children: (0, jsx_runtime_1.jsx)(index_js_2.Button, { children: "Hover or right click" }) }), (0, jsx_runtime_1.jsxs)(index_js_5.ContextMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.ContextMenu.Item, { children: "Item 3" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_2.Button, {}), className: "m-auto", children: "Dropdown" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { disabled: true, children: "Disabled Item" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Separator, {}), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.Item, { children: "Item 6" }), (0, jsx_runtime_1.jsxs)(index_js_5.DropdownMenu.Item, { children: ["With icon", (0, jsx_runtime_1.jsx)(index_js_5.DropdownMenu.ItemRightSlot, { children: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "flag" }) })] })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Select, { value: "1", itemToStringLabel: (i) => `Item ${i}`, children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Trigger, {}), (0, jsx_runtime_1.jsxs)(index_js_5.Select.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "1", children: "Item 1" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "2", children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "3", children: "Item 3" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "4", children: "Item 4" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "5", children: "Item 5" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "6", children: "Item 6" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "7", children: "Item 7" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "8", children: "Item 8" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "9", children: "Item 9" }), (0, jsx_runtime_1.jsx)(index_js_5.Select.Item, { value: "10", children: "Item 10" })] })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Trigger, { render: (0, jsx_runtime_1.jsx)(index_js_2.Button, {}), children: "Click" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Content, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Title, { children: "Hello there" }), (0, jsx_runtime_1.jsx)(index_js_5.Dialog.Description, { children: "Im a dialog" }), (0, jsx_runtime_1.jsxs)(index_js_5.Dialog.Actions, { children: [(0, jsx_runtime_1.jsx)(index_js_5.Dialog.Close, { children: "Close" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { color: "primary", children: "Action" })] })] })] }), (0, jsx_runtime_1.jsx)(index_js_5.DateRangePicker, { className: "grid-col-span-2", value: {
                                 start: new Date(),
                                 end: nextWeek,
                             }, onChange: () => { } }), (0, jsx_runtime_1.jsx)(index_js_5.Progress, { value: 50, className: "m-auto" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "primary", p: true, gap: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H1, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Primary surface" }), (0, jsx_runtime_1.jsx)("div", { children: "Primary surface" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "accent", p: true, d: "col", className: "max-h-200px", overflow: "auto-y", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Accent surface" }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.P, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 30 }), (0, jsx_runtime_1.jsx)(index_js_5.TextSkeleton, { maxLength: 10 }), "Accent surface"] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { surface: true, p: true, d: "col", children: "Default surface" }), (0, jsx_runtime_1.jsxs)(index_js_5.Box, { surface: true, color: "attention", p: true, d: "col", children: [(0, jsx_runtime_1.jsx)(index_js_5.H2, { children: "Attention surface" }), (0, jsx_runtime_1.jsx)(index_js_5.H3, { children: "Attention surface" }), "Attention surface", (0, jsx_runtime_1.jsx)(index_js_2.Button, { emphasis: "ghost", children: "Ghost" })] }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { children: (0, jsx_runtime_1.jsx)(index_js_5.Note, { children: "Note note" }) }), (0, jsx_runtime_1.jsx)(index_js_5.Box, { justify: "start", items: "start", children: (0, jsx_runtime_1.jsxs)(index_js_5.HorizontalList, { openDirection: "down", children: [(0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "One" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Two" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Three" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Four" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Five" }), (0, jsx_runtime_1.jsx)(index_js_2.Button, { size: "small", children: "Six" })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.ImageUploader, { className: "h-200px", value: null, onChange: () => { } })] }) }), (0, jsx_runtime_1.jsx)(index_js_5.PageNav, { children: (0, jsx_runtime_1.jsxs)(index_js_5.NavBarRoot, { children: [(0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { name: "cart" }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 1 long" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { name: "book" }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Item 2" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "gray", children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { render: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" })] }), (0, jsx_runtime_1.jsxs)(index_js_5.NavBarItem, { color: "gray", active: true, children: [(0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemIcon, { render: (0, jsx_runtime_1.jsx)(index_js_4.Icon, { name: "book" }) }) }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemText, { children: "Neutral" }), (0, jsx_runtime_1.jsx)(index_js_5.NavBarItemPip, {})] })] }) })] }));

package/dist/cjs/uno/logic/color.js CHANGED Viewed

@@ -166,15 +166,6 @@ function clamp(value, min, max) {
 function printComputationResult(result) {
     return result.unit === '%' ? `${result.value}%` : `${result.value}`;
 }
-function resolveComputationResult(result, outputRange) {
-    if (result.unit === '%') {
-        const [min, max] = outputRange;
-        return min + (result.value / 100) * (max - min);
-    }
-    else {
-        return result.value;
-    }
-}
 function evaluateLiteral(literal) {
     if (literal.endsWith('%')) {
         const asNumber = Number(literal.slice(0, -1));