@a-type/ui 2.7.5 → 2.8.0

package/dist/cjs/components/peek/Peek.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;

package/dist/cjs/components/peek/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/popover/Popover.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -55,9 +54,9 @@ const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
 const clsx_1 = __importDefault(require("clsx"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
 const Box_js_1 = require("../box/Box.js");
-const StyledContent = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:op-0 layer-components:hidden layer-components:max-w-90vw layer-components:border layer-components:border-gray-dark', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:max-h-[var(--radix-popover-content-available-height)]', 'layer-components:[&[data-state=open]]:opacity-100 layer-components:[&[data-state=open]]:flex layer-components:[&[data-state=open]]:flex-col', 'layer-components:[&[data-state=closed]]:pointer-events-none');
-const StyledArrow = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'layer-components:arrow');
-const StyledClose = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Close, 'layer-components:[all:unset] layer-components:[font-family:inherit] layer-components:rounded-lg layer-components:h-25px layer-components:w-25px layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:color-dark-blend layer-components:absolute layer-components:top-5px layer-components:right-5px layer-components:hover:bg-lightBlend layer-components:focus:shadow-focus');
+const StyledContent = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Content, 'layer-components:(rounded-xl min-w-120px bg-white z-menu shadow-lg op-0 hidden max-w-90vw border border-gray-dark)', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:(max-h-[var(--radix-popover-content-available-height)])', 'layer-components:[&[data-state=open]]:(opacity-100 flex flex-col)', 'layer-components:[&[data-state=closed]]:pointer-events-none');
+const StyledArrow = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Arrow, 'layer-components:(arrow)');
+const StyledClose = (0, withClassName_js_1.withClassName)(PopoverPrimitive.Close, 'layer-components:([all:unset] [font-family:inherit] rounded-lg h-25px w-25px inline-flex items-center justify-center color-dark-blend absolute top-5px right-5px hover:bg-lightBlend focus:shadow-focus)');
 // Exports
 exports.PopoverRoot = PopoverPrimitive.Root;
 exports.PopoverTrigger = PopoverPrimitive.Trigger;

package/dist/cjs/components/popover/Popover.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;

package/dist/cjs/components/popover/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/progress/Progress.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -49,8 +48,8 @@ exports.Progress = exports.ProgressIndicator = exports.ProgressRoot = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ProgressPrimitive = __importStar(require("@radix-ui/react-progress"));
 const hooks_js_1 = require("../../hooks.js");
-exports.ProgressRoot = (0, hooks_js_1.withClassName)(ProgressPrimitive.Root, 'layer-components:w-full layer-components:relative layer-components:overflow-hidden layer-components:border layer-components:border-default layer-components:rounded-lg');
-exports.ProgressIndicator = (0, hooks_js_1.withClassName)(ProgressPrimitive.Indicator, 'layer-components:bg-primary layer-components:w-full layer-components:h-6px layer-components:translate-x-[calc(-100%*(1-var(--value)))] layer-components:rounded-lg layer-components:transition-transform', 'layer-components:[&[data-state=complete]]:bg-accent', 'layer-variants:[&[data-color=accent]]:bg-accent');
+exports.ProgressRoot = (0, hooks_js_1.withClassName)(ProgressPrimitive.Root, 'layer-components:(w-full relative overflow-hidden border border-default rounded-lg)');
+exports.ProgressIndicator = (0, hooks_js_1.withClassName)(ProgressPrimitive.Indicator, 'layer-components:(bg-primary w-full h-6px translate-x-[calc(-100%*(1-var(--value)))] rounded-lg transition-transform)', 'layer-components:[&[data-state=complete]]:(bg-accent)', 'layer-variants:[&[data-color=accent]]:(bg-accent)');
 const ProgressBase = function ProgressBase(_a) {
     var { ref, children, color, max = 100, value } = _a, props = __rest(_a, ["ref", "children", "color", "max", "value"]);
     return ((0, jsx_runtime_1.jsx)(exports.ProgressRoot, Object.assign({}, props, { value: value, max: max, ref: ref, children: (0, jsx_runtime_1.jsx)(exports.ProgressIndicator, { "data-color": color, 

package/dist/cjs/components/progress/Progress.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;

package/dist/cjs/components/provider/Provider.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigContext = void 0;

package/dist/cjs/components/relativeTime/RelativeTime.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 'use client';
 Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/relativeTime/RelativeTime.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;

package/dist/cjs/components/relativeTime/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/richEditor/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -6,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tipTapReadonlyClassName = exports.tipTapClassName = void 0;
 const clsx_1 = __importDefault(require("clsx"));
-exports.tipTapClassName = (0, clsx_1.default)('layer-components:w-full layer-components:leading-relaxed', 'layer-components:[&_.ProseMirror:focus]:outline-none layer-components:[&_.ProseMirror:focus]:shadow-focus', 'layer-components:[&_h1,h2,h3,p]:mt-0', 'layer-components:[&_h1]:text-2xl layer-components:[&_h1]:font-semibold layer-components:[&_h1]:mb-md layer-components:[&_h1]:[&:not:first-child]:mt-xl', 'layer-components:[&_h2]:text-lg layer-components:[&_h2]:font-bold layer-components:[&_h2]:color-gray-dark layer-components:[&_h2]:color-darken-3 layer-components:[&_h2]:mb-md layer-components:[&_h2]:[&:not:first-child]:mt-lg', 'layer-components:[&_h3]:text-md layer-components:[&_h3]:font-500 layer-components:[&_h3]:color-gray-dark layer-components:[&_h3]:color-darken-2 layer-components:[&_h3]:mb-sm layer-components:[&_h3]:[&:not:first-child]:mt-md', 'layer-components:[&_h4]:text-xs layer-components:[&_h4]:color-gray-dark layer-components:[&_h4]:color-darken-1 layer-components:[&_h4]:mb-sm layer-components:[&_h4]:[&:not:first-child]:mt-md layer-components:[&_h4]:uppercase', 'layer-components:[&_p]:mb-md layer-components:[&_p]:mt-0', 'layer-components:[&_a]:underline', 'layer-components:[&_blockquote]:border-l-4 layer-components:[&_blockquote]:border-l-solid layer-components:[&_blockquote]:border-gray layer-components:[&_blockquote]:pl-4 layer-components:[&_blockquote]:mb-md layer-components:[&_blockquote]:mt-md layer-components:[&_blockquote]:ml-md', 'layer-components:[&_ul]:list-disc layer-components:[&_ul]:pl-6 layer-components:[&_ul]:mb-md layer-components:[&_ul]:mt-md', 'layer-components:[&_ol]:list-decimal layer-components:[&_ol]:pl-6 layer-components:[&_ol]:mb-md layer-components:[&_ol]:mt-md', 'layer-components:[&_li]:mb-sm', 'layer-components:[&_mark]:bg-primary-wash layer-components:[&_mark]:bg-darken-2', 'layer-components:[&_strong]:font-semibold', 'layer-components:[&_em]:italic', 'layer-components:[&_hr]:my-lg layer-components:[&_hr]:border-gray', 'layer-components:[&_a]:underline', 'layer-components:[&_a:hover]:underline', 'layer-components:[&_a:focus]:outline-none layer-components:[&_a:focus]:shadow-focus', 'layer-components:[&_a:focus-visible]:outline-none layer-components:[&_a:focus-visible]:ring-inset layer-components:[&_a:focus-visible]:ring-4 layer-components:[&_a:focus-visible]:ring-gray', 'layer-components:[&_.ProseMirror]:bg-white layer-components:[&_.ProseMirror]:rounded-[20px] layer-components:[&_.ProseMirror]:px-4 layer-components:[&_.ProseMirror]:py-2 layer-components:[&_.ProseMirror]:shadow-sm-inset layer-components:[&_.ProseMirror]:border-gray-dark layer-components:[&_.ProseMirror]:border-solid layer-components:[&_.ProseMirror]:border-1');
-exports.tipTapReadonlyClassName = (0, clsx_1.default)('[&_.ProseMirror]:bg-transparent [&_.ProseMirror]:border-none [&_.ProseMirror]:shadow-none', '[&_.ProseMirror:focus]:outline-none [&_.ProseMirror:focus]:shadow-none [&_.ProseMirror:focus]:bg-transparent');
+exports.tipTapClassName = (0, clsx_1.default)('layer-components:(w-full leading-relaxed)', 'layer-components:[&_.ProseMirror:focus]:(outline-none shadow-focus)', 'layer-components:[&_h1,h2,h3,p]:mt-0', 'layer-components:[&_h1]:(text-2xl font-semibold mb-md [&:not:first-child]:mt-xl)', 'layer-components:[&_h2]:(text-lg font-bold color-gray-dark color-darken-3 mb-md [&:not:first-child]:mt-lg)', 'layer-components:[&_h3]:(text-md font-500 color-gray-dark color-darken-2 mb-sm [&:not:first-child]:mt-md)', 'layer-components:[&_h4]:(text-xs color-gray-dark color-darken-1 mb-sm [&:not:first-child]:mt-md uppercase)', 'layer-components:[&_p]:(mb-md mt-0)', 'layer-components:[&_a]:underline', 'layer-components:[&_blockquote]:(border-l-4 border-l-solid border-gray pl-4 mb-md mt-md ml-md)', 'layer-components:[&_ul]:(list-disc pl-6 mb-md mt-md)', 'layer-components:[&_ol]:(list-decimal pl-6 mb-md mt-md)', 'layer-components:[&_li]:(mb-sm)', 'layer-components:[&_mark]:(bg-primary-wash bg-darken-2)', 'layer-components:[&_strong]:(font-semibold)', 'layer-components:[&_em]:(italic)', 'layer-components:[&_hr]:(my-lg border-gray)', 'layer-components:[&_a]:(underline)', 'layer-components:[&_a:hover]:(underline)', 'layer-components:[&_a:focus]:(outline-none shadow-focus)', 'layer-components:[&_a:focus-visible]:(outline-none ring-inset ring-4 ring-gray)', 'layer-components:[&_.ProseMirror]:(bg-white rounded-[20px] px-4 py-2 shadow-sm-inset border-gray-dark border-solid border-1)');
+exports.tipTapReadonlyClassName = (0, clsx_1.default)('[&_.ProseMirror]:(bg-transparent border-none shadow-none)', '[&_.ProseMirror:focus]:(outline-none shadow-none bg-transparent)');
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/richEditor/richEditor.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };

package/dist/cjs/components/scrollArea/ScrollArea.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -57,8 +56,8 @@ const ScrollAreaRoot = function ScrollAreaRoot(_a) {
 };
 exports.ScrollAreaRoot = ScrollAreaRoot;
 exports.ScrollAreaViewport = (0, hooks_js_1.withClassName)(Primitive.Viewport, 'h-full w-full rounded-inherit', '[background:linear-gradient(var(--v-bg)_30%,rgba(255,255,255,0))_center_top,linear-gradient(rgba(255,255,255,0),var(--v-bg)_70%)_center_bottom,radial-gradient(farthest-side_at_50%_0,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_top,radial-gradient(farthest-side_at_50%_100%,oklch(from_var(--v-bg)_calc(l*0.9)_c_h),rgba(0,0,0,0))_center_bottom]', '![background-repeat:no-repeat] ![background-size:100%_40px,100%_40px,100%_14px,100%_14px]', '![background-attachment:local,local,scroll,scroll]');
-exports.ScrollAreaScrollbarRoot = (0, hooks_js_1.withClassName)(Primitive.Scrollbar, 'layer-components:flex layer-components:select-none layer-components:touch-none layer-components:p-0.5 layer-components:bg-inherit layer-components:bg-lighten-2 layer-components:transition-colors layer-components:duration-160ms layer-components:ease-out', 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:flex-col layer-components:[&[data-orientation=horizontal]]:h-2.5');
-exports.ScrollAreaThumb = (0, hooks_js_1.withClassName)(Primitive.Thumb, 'layer-components:flex-1 layer-components:rounded-lg layer-components:relative layer-components:bg-inherit layer-components:bg-darken-2', 'before:content-[""] before:absolute before:left-1/2 before:top-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:min-w-44px before:min-h-44px');
+exports.ScrollAreaScrollbarRoot = (0, hooks_js_1.withClassName)(Primitive.Scrollbar, 'layer-components:(flex select-none touch-none p-0.5 bg-inherit bg-lighten-2 transition-colors duration-160ms ease-out)', 'layer-components:[&[data-orientation=vertical]]:w-2.5', 'layer-components:[&[data-orientation=horizontal]]:(flex-col h-2.5)');
+exports.ScrollAreaThumb = (0, hooks_js_1.withClassName)(Primitive.Thumb, 'layer-components:(flex-1 rounded-lg relative bg-inherit bg-darken-2)', 'before:(content-[""] absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-full min-w-44px min-h-44px)');
 const ScrollAreaScrollbar = function ScrollAreaScrollbar(_a) {
     var { ref } = _a, props = __rest(_a, ["ref"]);
     return ((0, jsx_runtime_1.jsx)(exports.ScrollAreaScrollbarRoot, Object.assign({}, props, { ref: ref, children: (0, jsx_runtime_1.jsx)(exports.ScrollAreaThumb, {}) })));

package/dist/cjs/components/scrollArea/ScrollArea.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StickToBottom = exports.Default = void 0;

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -51,7 +50,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = exports.NativeSelect = exports.SelectContent = exports.SelectIcon = exports.SelectSeparator = exports.SelectLabel = exports.SelectValue = exports.SelectTrigger = exports.UnstyledSelectTrigger = exports.SelectTriggerBase = exports.selectTriggerClassName = exports.SelectRoot = exports.SelectGroup = exports.SelectItemText = exports.SelectItemIndicator = exports.SelectItemIndicatorRoot = exports.SelectItemRoot = exports.SelectItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_icons_1 = require("@radix-ui/react-icons");
 const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
@@ -69,9 +67,9 @@ const SelectItem = (_a) => {
     return ((0, jsx_runtime_1.jsxs)(exports.SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children }), (0, jsx_runtime_1.jsx)(exports.SelectItemIndicator, {})] })));
 };
 exports.SelectItem = SelectItem;
-exports.SelectItemRoot = (0, withClassName_js_1.withClassName)(SelectPrimitive.Item, 'layer-components:text-md layer-components:leading-4 layer-components:color-black layer-components:flex layer-components:items-center layer-components:flex-row layer-components:h-36px layer-components:pr-4 layer-components:pl-35px layer-components:relative layer-components:select-none', 'layer-components:[&[data-disabled]]:color-gray layer-components:[&[data-disabled]]:pointer-events-none [&[data-highlighted]]:outline-none [&[data-highlighted]]:bg-gray [&[data-highlighted]]:bg-lighten-3 [&[data-highlighted]]:color-black');
+exports.SelectItemRoot = (0, withClassName_js_1.withClassName)(SelectPrimitive.Item, 'layer-components:(text-md leading-4 color-black flex items-center flex-row h-36px pr-4 pl-35px relative select-none)', 'layer-components:[&[data-disabled]]:(color-gray pointer-events-none) [&[data-highlighted]]:(outline-none bg-gray bg-lighten-3 color-black)');
 exports.SelectItemIndicatorRoot = (0, withClassName_js_1.withClassName)(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
-exports.SelectItemIndicator = withNoNativeRender((props) => ((0, jsx_runtime_1.jsx)(exports.SelectItemIndicatorRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, {}) }))));
+exports.SelectItemIndicator = withNoNativeRender((props) => ((0, jsx_runtime_1.jsx)(exports.SelectItemIndicatorRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "check" }) }))));
 exports.SelectItemText = (0, withClassName_js_1.withClassName)(SelectPrimitive.ItemText, '');
 const SelectGroup = (props) => {
     const isNative = (0, react_1.useContext)(IsNativeContext);
@@ -82,7 +80,7 @@ const SelectGroup = (props) => {
 };
 exports.SelectGroup = SelectGroup;
 exports.SelectRoot = SelectPrimitive.Root;
-exports.selectTriggerClassName = (0, clsx_1.default)((0, classes_js_1.getButtonClassName)({ color: 'default' }), 'layer-components:[all:unset] layer-components:inline-flex layer-components:[&[data-placeholder]]:color-gray-dark');
+exports.selectTriggerClassName = (0, clsx_1.default)((0, classes_js_1.getButtonClassName)({ color: 'default' }), 'layer-components:([all:unset] inline-flex [&[data-placeholder]]:color-gray-dark)');
 exports.SelectTriggerBase = withNoNativeRender((0, withClassName_js_1.withClassName)(SelectPrimitive.Trigger, exports.selectTriggerClassName));
 exports.UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
 const SelectTrigger = function SelectTrigger(_a) {
@@ -104,11 +102,11 @@ const contentStyle = {
 const viewportStyle = { '--local-corner-scale': '0.9' };
 exports.SelectContent = withPassthroughNativeRender((_a) => {
     var { ref: forwardedRef, children, inDialog, className } = _a, props = __rest(_a, ["ref", "children", "inDialog", "className"]);
-    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, 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:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: contentStyle }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronUpIcon, {}) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { style: viewportStyle, children: children }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, {}) })] })) }) }));
+    return ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:(overflow-hidden bg-white rounded-md border border-solid border border-black z-menu shadow-lg)', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:(min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)])', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: contentStyle }, props, { ref: forwardedRef, children: [(0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron", className: "rotate-180" }) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { style: viewportStyle, children: children }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron" }) })] })) }) }));
 });
 const NativeSelect = (_a) => {
     var { ref: forwardedRef, className } = _a, props = __rest(_a, ["ref", "className"]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative', className), children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-lg px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray hover:border-gray-dark focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray-dark') }, props, { ref: forwardedRef })), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: (0, jsx_runtime_1.jsx)(react_icons_1.ChevronDownIcon, { className: "w-4 h-4 m-2" }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('relative', className), children: [(0, jsx_runtime_1.jsx)("select", Object.assign({ className: (0, clsx_1.default)('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-lg px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray hover:border-gray-dark focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray-dark') }, props, { ref: forwardedRef })), (0, jsx_runtime_1.jsx)("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: (0, jsx_runtime_1.jsx)(index_js_1.Icon, { name: "chevron", className: "w-4 h-4 m-2" }) })] }));
 };
 exports.NativeSelect = NativeSelect;
 /**

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

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CompareSelectAndButton = exports.Default = void 0;

package/dist/cjs/components/select/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/skeletons/TextSkeleton.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OnBackground = exports.Default = void 0;

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -49,10 +48,10 @@ exports.Slider = exports.SliderThumb = exports.SliderRange = exports.SliderTrack
 const jsx_runtime_1 = require("react/jsx-runtime");
 const SliderPrimitive = __importStar(require("@radix-ui/react-slider"));
 const hooks_js_1 = require("../../hooks.js");
-exports.SliderRoot = (0, hooks_js_1.withClassName)(SliderPrimitive.Root, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0');
-exports.SliderTrack = (0, hooks_js_1.withClassName)(SliderPrimitive.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-lg layer-components:h-9px layer-components:border layer-components:borderpx layer-components:border-solid layer-components:border-black');
-exports.SliderRange = (0, hooks_js_1.withClassName)(SliderPrimitive.Range, 'layer-components:absolute layer-components:bg-accent layer-components:rounded-lg layer-components:h-full', 'layer-variants:[&[data-color=primary]]:bg-primary');
-exports.SliderThumb = (0, hooks_js_1.withClassName)(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-lg layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent-dark layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent-dark layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary layer-variants:[&[data-color=primary]]:active:ring-primary-dark', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary layer-variants:[&[data-color=primary]]:focus-visible:ring-primary-dark');
+exports.SliderRoot = (0, hooks_js_1.withClassName)(SliderPrimitive.Root, 'layer-components:(relative flex items-center select-none touch-none w-full h-30px translate-z-0)');
+exports.SliderTrack = (0, hooks_js_1.withClassName)(SliderPrimitive.Track, 'layer-components:(bg-transparent relative grow rounded-lg h-9px border borderpx border-solid border-black)');
+exports.SliderRange = (0, hooks_js_1.withClassName)(SliderPrimitive.Range, 'layer-components:(absolute bg-accent rounded-lg h-full)', 'layer-variants:[&[data-color=primary]]:bg-primary');
+exports.SliderThumb = (0, hooks_js_1.withClassName)(SliderPrimitive.Thumb, 'layer-components:(block w-5 h-5 bg-white shadow-sm rounded-lg ring-2 ring-black touch-none transition-all)', 'layer-components:hover:(shadow-md)', 'layer-components:active:(shadow-lg ring-4 ring-accent-dark ring-opacity-50 bg-accent-light)', 'layer-components:focus-visible:(shadow-lg ring-4 ring-accent-dark ring-opacity-50 outline-none bg-accent-light)', 'layer-components:focus:(outline-none)', 'layer-components:disabled:(opacity-50)', 'layer-variants:[&[data-color=primary]]:active:(bg-primary ring-primary-dark)', 'layer-variants:[&[data-color=primary]]:focus-visible:(bg-primary ring-primary-dark)');
 exports.Slider = Object.assign(function Slider(_a) {
     var { ref, label, color } = _a, props = __rest(_a, ["ref", "label", "color"]);
     return ((0, jsx_runtime_1.jsxs)(exports.SliderRoot, Object.assign({ ref: ref }, props, { children: [(0, jsx_runtime_1.jsx)(exports.SliderTrack, { children: (0, jsx_runtime_1.jsx)(exports.SliderRange, { "data-color": color }) }), (0, jsx_runtime_1.jsx)(exports.SliderThumb, { "aria-label": label, "data-color": color })] })));

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;

package/dist/cjs/components/slider/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};

package/dist/cjs/components/spinner/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/switch/Switch.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};

package/dist/cjs/components/switch/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/tabs/tabs.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -55,17 +54,17 @@ const clsx_1 = __importDefault(require("clsx"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
 exports.TabsRoot = (0, withClassName_js_1.withClassName)(TabsPrimitive.Root, '');
 exports.TabsList = (0, withClassName_js_1.withClassName)(TabsPrimitive.List, 'flex flex-row flex-wrap py-2 px-2 items-start gap-2');
-exports.TabsTriggerBase = (0, withClassName_js_1.withClassName)(TabsPrimitive.Trigger, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:cursor-pointer layer-components:justify-center layer-components:gap-2 layer-components:color-black layer-components:py-1 layer-components:px-5 layer-components:bg-wash layer-components:text-md layer-components:min-w-100px layer-components:rounded-lg layer-components:border-default layer-components:font-semibold layer-components:color-gray-ink layer-components:border-gray-dark layer-components:transition-all layer-components:cursor-pointer layer-components:select-none layer-components:font-inherit layer-components:flex-shrink-0 layer-components:shadow-sm', 'layer-components:hover:bg-darken-1 layer-components:hover:ring-4 layer-components:hover:ring-bg', 'layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-bg layer-components:focus-visible:outline-off', '[&[data-state=active]]:bg-[var(--bg)] [&[data-state=active]]:font-semibold [&[data-state=active]]:color-black [&[data-state=active]]:cursor-default [&[data-state=active]]:hover:bg-darken-1 [&[data-state=active]]:relative [&[data-state=active]]:z-1');
+exports.TabsTriggerBase = (0, withClassName_js_1.withClassName)(TabsPrimitive.Trigger, 'layer-components:(flex flex-row items-center cursor-pointer justify-center gap-2 color-black py-1 px-5 bg-wash text-md min-w-100px rounded-lg border-default font-semibold color-gray-ink border-gray-dark transition-all cursor-pointer select-none font-inherit flex-shrink-0 shadow-sm)', 'layer-components:hover:(bg-darken-1 ring-4 ring-bg)', 'layer-components:focus-visible:(bg-darken-1 ring-4 ring-bg outline-off)', '[&[data-state=active]]:(bg-[var(--bg)] font-semibold color-black cursor-default hover:bg-darken-1 relative z-1)');
 const colorClasses = {
-    default: 'layer-variants:[--bg:var(--color-white)]',
-    primary: 'layer-variants:[--bg:var(--color-primary)]',
+    default: 'layer-variants:([--bg:var(--color-white)])',
+    primary: 'layer-variants:([--bg:var(--color-primary)])',
 };
 const TabsTrigger = (_a) => {
     var { className, color = 'primary' } = _a, props = __rest(_a, ["className", "color"]);
     return ((0, jsx_runtime_1.jsx)(exports.TabsTriggerBase, Object.assign({ className: (0, clsx_1.default)(colorClasses[color], `btn-color-${color}`, className) }, props)));
 };
 exports.TabsTrigger = TabsTrigger;
-exports.TabsContent = (0, withClassName_js_1.withClassName)(TabsPrimitive.Content, 'layer-components:focus:outline-none layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-gray');
+exports.TabsContent = (0, withClassName_js_1.withClassName)(TabsPrimitive.Content, 'layer-components:(focus:outline-none focus-visible:(outline-none ring-inset ring-2 ring-gray))');
 exports.Tabs = Object.assign(exports.TabsRoot, {
     List: exports.TabsList,
     Trigger: exports.TabsTrigger,

package/dist/cjs/components/tabs/tabs.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 'use client';
 var __rest = (this && this.__rest) || function (s, e) {
@@ -61,7 +60,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)("textarea", Object.assign({ 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)("textarea", Object.assign({ ref: finalRef, className: (0, clsx_1.default)(index_js_1.inputClassName, 'layer-components:([font-family:inherit] color-inherit overflow-hidden resize-none)', 'layer-variants:(rounded-lg px-4 py-4)', {
             'layer-components:[resize:vertical]': !autoSize,
             'layer-components:[resize:none]': autoSize,
         }, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));

package/dist/cjs/components/textArea/TextArea.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tall = exports.Default = void 0;

package/dist/cjs/components/textArea/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toaster = void 0;

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
@@ -37,8 +36,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleGroup = exports.ToggleGroupItem = exports.ToggleGroupRoot = void 0;
 const ToggleGroupPrimitive = __importStar(require("@radix-ui/react-toggle-group"));
 const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Root, 'layer-components:inline-flex layer-components:bg-gray-wash layer-components:bg-darken-1 layer-components:rounded-lg layer-components:gap-sm');
-exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Item, 'layer-components:rounded-full layer-components:color-black layer-components:bg-gray layer-components:bg-lighten-3 layer-components:py-sm layer-components:px-md layer-components:flex layer-components:items-center layer-components:border-transparent layer-components:border-1 layer-components:border-solid layer-components:justify-center layer-components:cursor-pointer', 'layer-components:hover:bg-lighten-2 layer-components:active:bg-lighten-2 layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-primary layer-components:focus-visible:outline-off', 'layer-components:[&[data-state=on]]:bg-primary-light layer-components:[&[data-state=on]]:border-default');
+exports.ToggleGroupRoot = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Root, 'layer-components:(inline-flex bg-gray-wash bg-darken-1 rounded-lg gap-sm)');
+exports.ToggleGroupItem = (0, withClassName_js_1.withClassName)(ToggleGroupPrimitive.Item, 'layer-components:(rounded-full color-black bg-gray bg-lighten-3 py-sm px-md flex items-center border-transparent border-1 border-solid justify-center cursor-pointer)', 'layer-components:(hover:bg-lighten-2 active:bg-lighten-2 focus-visible:(ring-4 ring-primary outline-off))', 'layer-components:[&[data-state=on]]:(bg-primary-light border-default)');
 exports.ToggleGroup = Object.assign(exports.ToggleGroupRoot, {
     Item: exports.ToggleGroupItem,
 });

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

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 'use client';
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
@@ -56,10 +55,10 @@ const clsx_1 = __importDefault(require("clsx"));
 const Box_js_1 = require("../box/Box.js");
 function Content(_a) {
     var { children, className, color = 'contrast' } = _a, props = __rest(_a, ["children", "className", "color"]);
-    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:relative layer-components:rounded-sm layer-components:py-2 layer-components:px-3 layer-components:text-sm layer-components:leading-tight layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip', '[&[data-state=delayed-open]]:flex', '[&[data-state=instant-open]]:flex', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
-                    'layer-variants:bg-black layer-variants:color-white': color === 'contrast',
-                    'layer-variants:bg-white layer-variants:color-black': color === 'white' || color === 'neutral',
-                    'layer-variants:bg-attention-ink layer-variants:color-white': color === 'attention',
+    return ((0, jsx_runtime_1.jsx)(TooltipPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(Box_js_1.BoxContext.Provider, { value: { spacingScale: 1 }, children: (0, jsx_runtime_1.jsxs)(TooltipPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:(relative rounded-sm py-2 px-3 text-sm leading-tight shadow-sm select-none hidden z-tooltip)', '[&[data-state=delayed-open]]:flex', '[&[data-state=instant-open]]:flex', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', {
+                    'layer-variants:(bg-black color-white)': color === 'contrast',
+                    'layer-variants:(bg-white color-black)': color === 'white' || color === 'neutral',
+                    'layer-variants:(bg-attention-ink color-white)': color === 'attention',
                 }, className) }, props, { children: [children, (0, jsx_runtime_1.jsx)(TooltipPrimitive.Arrow, { className: "layer-components:arrow" })] })) }) }));
 }
 exports.TooltipProvider = TooltipPrimitive.Provider;

package/dist/cjs/components/tooltip/Tooltip.stories.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Customized = exports.Color = exports.Disabled = exports.Default = void 0;

package/dist/cjs/components/tooltip/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/typography/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/components/typography/typography.js

@@ -1,13 +1,12 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.P = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
 const withClassName_js_1 = require("../../hooks/withClassName.js");
 const baseHeadingClass = 'layer-components:my-0';
-exports.H1 = (0, withClassName_js_1.withClassName)('h1', baseHeadingClass, 'layer-components:font-title layer-components:text-2xl layer-components:font-semibold layer-components:color-inherit layer-components:color-darken-1');
-exports.H2 = (0, withClassName_js_1.withClassName)('h2', baseHeadingClass, 'layer-components:text-lg layer-components:font-title layer-components:font-bold layer-components:color-inherit layer-components:color-lighten-1');
-exports.H3 = (0, withClassName_js_1.withClassName)('h3', baseHeadingClass, 'layer-components:font-title layer-components:text-md layer-components:font-500 layer-components:color-inherit layer-components:color-lighten-2');
-exports.H4 = (0, withClassName_js_1.withClassName)('h4', baseHeadingClass, 'layer-components:text-xs layer-components:uppercase layer-components:color-inherit layer-components:color-lighten-2');
+exports.H1 = (0, withClassName_js_1.withClassName)('h1', baseHeadingClass, 'layer-components:(font-title text-2xl font-semibold color-inherit color-darken-1)');
+exports.H2 = (0, withClassName_js_1.withClassName)('h2', baseHeadingClass, 'layer-components:(text-lg font-title font-bold color-inherit color-lighten-1)');
+exports.H3 = (0, withClassName_js_1.withClassName)('h3', baseHeadingClass, 'layer-components:(font-title text-md font-500 color-inherit color-lighten-2)');
+exports.H4 = (0, withClassName_js_1.withClassName)('h4', baseHeadingClass, 'layer-components:(text-xs uppercase color-inherit color-lighten-2)');
 exports.H5 = (0, withClassName_js_1.withClassName)('h5', baseHeadingClass);
-exports.P = (0, withClassName_js_1.withClassName)('p', 'layer-components:my-0 layer-components:leading-normal');
+exports.P = (0, withClassName_js_1.withClassName)('p', 'layer-components:(my-0 leading-normal)');
 //# sourceMappingURL=typography.js.map

package/dist/cjs/components/utility/HideWhileKeyboardOpen.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};

package/dist/cjs/components/utility/SlotDiv.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};

package/dist/cjs/hooks/index.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/hooks/useAnimationFrame.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAnimationFrame = useAnimationFrame;

package/dist/cjs/hooks/useIdOrGenerated.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIdOrGenerated = useIdOrGenerated;

package/dist/cjs/hooks/useLongPress.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLongPress = useLongPress;

package/dist/cjs/hooks/useMediaQuery.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMediaQuery = useMediaQuery;

package/dist/cjs/hooks/useMergedRef.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/cjs/hooks/useOnUnmount.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnUnmount = useOnUnmount;

package/dist/cjs/hooks/useOverrideTheme.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOverrideTheme = useOverrideTheme;

package/dist/cjs/hooks/useRotatingShuffledValue.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRotatingShuffledValue = useRotatingShuffledValue;

package/dist/cjs/hooks/useSize.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSize = useSize;

package/dist/cjs/hooks/useStableCallback.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStableCallback = useStableCallback;

package/dist/cjs/hooks/useStayScrolledToBottom.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStayScrolledToBottom = useStayScrolledToBottom;

package/dist/cjs/hooks/useStorage.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSessionStorage = exports.useLocalStorage = void 0;

package/dist/cjs/hooks/useTitleBarColor.js

@@ -1,4 +1,3 @@
-// @unocss-include
 "use strict";
 var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });