@auronui/styles 1.4.1 → 1.4.2

package/dist/components/radio-group/radio-group.styles.js

@@ -1,11 +1,17 @@
 import { tv } from "tailwind-variants";
 //#region src/components/radio-group/radio-group.styles.ts
 var radioGroupVariants = tv({
-	base: "radio-group",
+	slots: {
+		base: "radio-group",
+		label: "radio-group__label",
+		wrapper: "radio-group__wrapper",
+		description: "radio-group__description",
+		errorMessage: "radio-group__error-message"
+	},
 	defaultVariants: { variant: "primary" },
 	variants: { variant: {
-		primary: "radio-group--primary",
-		secondary: "radio-group--secondary"
+		primary: { base: "radio-group--primary" },
+		secondary: { base: "radio-group--secondary" }
 	} }
 });
 //#endregion

package/dist/components/radio-group/radio-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.styles.js","names":[],"sources":["../../../src/components/radio-group/radio-group.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const radioGroupVariants = tv({\n  base: \"radio-group\",\n  defaultVariants: {\n    variant: \"primary\",\n  },\n  variants: {\n    variant: {\n      primary: \"radio-group--primary\",\n      secondary: \"radio-group--secondary\",\n    },\n  },\n});\n\nexport type RadioGroupVariants = VariantProps<typeof radioGroupVariants>;\n"],"mappings":";;AAIA,IAAa,qBAAqB,GAAG;CACnC,MAAM;CACN,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;EACZ,EACF;CACF,CAAC"}
+{"version":3,"file":"radio-group.styles.js","names":[],"sources":["../../../src/components/radio-group/radio-group.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const radioGroupVariants = tv({\n  slots: {\n    base: \"radio-group\",\n    label: \"radio-group__label\",\n    wrapper: \"radio-group__wrapper\",\n    description: \"radio-group__description\",\n    errorMessage: \"radio-group__error-message\",\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n  variants: {\n    variant: {\n      primary: {\n        base: \"radio-group--primary\",\n      },\n      secondary: {\n        base: \"radio-group--secondary\",\n      },\n    },\n  },\n});\n\nexport type RadioGroupVariants = VariantProps<typeof radioGroupVariants>;\n"],"mappings":";;AAIA,IAAa,qBAAqB,GAAG;CACnC,OAAO;EACL,MAAM;EACN,OAAO;EACP,SAAS;EACT,aAAa;EACb,cAAc;EACf;CACD,iBAAiB,EACf,SAAS,WACV;CACD,UAAU,EACR,SAAS;EACP,SAAS,EACP,MAAM,wBACP;EACD,WAAW,EACT,MAAM,0BACP;EACF,EACF;CACF,CAAC"}

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export * from './scroll-area.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/scroll-area/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/scroll-area/index.js

@@ -0,0 +1,2 @@
+import { scrollAreaVariants } from "./scroll-area.styles.js";
+export { scrollAreaVariants };

package/dist/components/scroll-area/scroll-area.styles.d.ts

@@ -0,0 +1,52 @@
+import { VariantProps } from '../../utils';
+export declare const scrollAreaVariants: import('tailwind-variants').TVReturnType<{
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            thumb?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            viewport?: import('tailwind-variants').ClassValue;
+            scrollbar?: import('tailwind-variants').ClassValue;
+            corner?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import('tailwind-variants').ClassValue | {
+            thumb?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            viewport?: import('tailwind-variants').ClassValue;
+            scrollbar?: import('tailwind-variants').ClassValue;
+            corner?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    viewport: string;
+    scrollbar: string;
+    thumb: string;
+    corner: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import('tailwind-variants').ClassValue | {
+            thumb?: import('tailwind-variants').ClassValue;
+            root?: import('tailwind-variants').ClassValue;
+            viewport?: import('tailwind-variants').ClassValue;
+            scrollbar?: import('tailwind-variants').ClassValue;
+            corner?: import('tailwind-variants').ClassValue;
+        };
+    };
+} | {}, {
+    root: string;
+    viewport: string;
+    scrollbar: string;
+    thumb: string;
+    corner: string;
+}, import('tailwind-variants').TVReturnType<unknown, {
+    root: string;
+    viewport: string;
+    scrollbar: string;
+    thumb: string;
+    corner: string;
+}, undefined, unknown, unknown, undefined>>;
+export type ScrollAreaVariants = VariantProps<typeof scrollAreaVariants>;
+//# sourceMappingURL=scroll-area.styles.d.ts.map

package/dist/components/scroll-area/scroll-area.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.styles.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQ7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/components/scroll-area/scroll-area.styles.js

@@ -0,0 +1,13 @@
+import { tv } from "tailwind-variants";
+//#region src/components/scroll-area/scroll-area.styles.ts
+var scrollAreaVariants = tv({ slots: {
+	root: "scroll-area__root",
+	viewport: "scroll-area__viewport",
+	scrollbar: "scroll-area__scrollbar",
+	thumb: "scroll-area__thumb",
+	corner: "scroll-area__corner"
+} });
+//#endregion
+export { scrollAreaVariants };
+
+//# sourceMappingURL=scroll-area.styles.js.map

package/dist/components/scroll-area/scroll-area.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.styles.js","names":[],"sources":["../../../src/components/scroll-area/scroll-area.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const scrollAreaVariants = tv({\n  slots: {\n    root: \"scroll-area__root\",\n    viewport: \"scroll-area__viewport\",\n    scrollbar: \"scroll-area__scrollbar\",\n    thumb: \"scroll-area__thumb\",\n    corner: \"scroll-area__corner\",\n  },\n});\n\nexport type ScrollAreaVariants = VariantProps<typeof scrollAreaVariants>;\n"],"mappings":";;AAIA,IAAa,qBAAqB,GAAG,EACnC,OAAO;CACL,MAAM;CACN,UAAU;CACV,WAAW;CACX,OAAO;CACP,QAAQ;CACT,EACF,CAAC"}

package/dist/components/separator/separator.styles.d.ts

@@ -1,35 +1,77 @@
 import { VariantProps } from '../../utils';
 declare const separatorVariants: import('tailwind-variants').TVReturnType<{
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
     };
     variant: {
-        default: string;
-        secondary: string;
-        tertiary: string;
+        default: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        tertiary: {
+            base: string;
+        };
     };
-}, undefined, "separator", {
+}, {
+    base: string;
+    line: string;
+    content: string;
+}, undefined, {
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
     };
     variant: {
-        default: string;
-        secondary: string;
-        tertiary: string;
+        default: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        tertiary: {
+            base: string;
+        };
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, {
+    base: string;
+    line: string;
+    content: string;
+}, import('tailwind-variants').TVReturnType<{
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: {
+            base: string;
+        };
+        vertical: {
+            base: string;
+        };
     };
     variant: {
-        default: string;
-        secondary: string;
-        tertiary: string;
+        default: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        tertiary: {
+            base: string;
+        };
     };
-}, undefined, "separator", unknown, unknown, undefined>>;
+}, {
+    base: string;
+    line: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
 export { separatorVariants };
 export type SeparatorVariants = VariantProps<typeof separatorVariants>;
 //# sourceMappingURL=separator.styles.d.ts.map

package/dist/components/separator/separator.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"separator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/separator/separator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAiBrB,CAAC;AAEH,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAC3B,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"separator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/separator/separator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA+BrB,CAAC;AAEH,OAAO,EAAC,iBAAiB,EAAC,CAAC;AAC3B,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/components/separator/separator.styles.js

@@ -1,20 +1,24 @@
 import { tv } from "tailwind-variants";
 //#region src/components/separator/separator.styles.ts
 var separatorVariants = tv({
-	base: "separator",
+	slots: {
+		base: "separator",
+		line: "separator__line",
+		content: "separator__content"
+	},
 	defaultVariants: {
 		orientation: "horizontal",
 		variant: "default"
 	},
 	variants: {
 		orientation: {
-			horizontal: "separator--horizontal",
-			vertical: "separator--vertical"
+			horizontal: { base: "separator--horizontal" },
+			vertical: { base: "separator--vertical" }
 		},
 		variant: {
-			default: "separator--default",
-			secondary: "separator--secondary",
-			tertiary: "separator--tertiary"
+			default: { base: "separator--default" },
+			secondary: { base: "separator--secondary" },
+			tertiary: { base: "separator--tertiary" }
 		}
 	}
 });

package/dist/components/separator/separator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.styles.js","names":[],"sources":["../../../src/components/separator/separator.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nconst separatorVariants = tv({\n  base: \"separator\",\n  defaultVariants: {\n    orientation: \"horizontal\",\n    variant: \"default\",\n  },\n  variants: {\n    orientation: {\n      horizontal: \"separator--horizontal\",\n      vertical: \"separator--vertical\",\n    },\n    variant: {\n      default: \"separator--default\",\n      secondary: \"separator--secondary\",\n      tertiary: \"separator--tertiary\",\n    },\n  },\n});\n\nexport {separatorVariants};\nexport type SeparatorVariants = VariantProps<typeof separatorVariants>;\n"],"mappings":";;AAIA,IAAM,oBAAoB,GAAG;CAC3B,MAAM;CACN,iBAAiB;EACf,aAAa;EACb,SAAS;EACV;CACD,UAAU;EACR,aAAa;GACX,YAAY;GACZ,UAAU;GACX;EACD,SAAS;GACP,SAAS;GACT,WAAW;GACX,UAAU;GACX;EACF;CACF,CAAC"}
+{"version":3,"file":"separator.styles.js","names":[],"sources":["../../../src/components/separator/separator.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nconst separatorVariants = tv({\n  slots: {\n    base: \"separator\",\n    line: \"separator__line\",\n    content: \"separator__content\",\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n    variant: \"default\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        base: \"separator--horizontal\",\n      },\n      vertical: {\n        base: \"separator--vertical\",\n      },\n    },\n    variant: {\n      default: {\n        base: \"separator--default\",\n      },\n      secondary: {\n        base: \"separator--secondary\",\n      },\n      tertiary: {\n        base: \"separator--tertiary\",\n      },\n    },\n  },\n});\n\nexport {separatorVariants};\nexport type SeparatorVariants = VariantProps<typeof separatorVariants>;\n"],"mappings":";;AAIA,IAAM,oBAAoB,GAAG;CAC3B,OAAO;EACL,MAAM;EACN,MAAM;EACN,SAAS;EACV;CACD,iBAAiB;EACf,aAAa;EACb,SAAS;EACV;CACD,UAAU;EACR,aAAa;GACX,YAAY,EACV,MAAM,yBACP;GACD,UAAU,EACR,MAAM,uBACP;GACF;EACD,SAAS;GACP,SAAS,EACP,MAAM,sBACP;GACD,WAAW,EACT,MAAM,wBACP;GACD,UAAU,EACR,MAAM,uBACP;GACF;EACF;CACF,CAAC"}

package/dist/components/switch-group/switch-group.styles.d.ts

@@ -11,6 +11,9 @@ export declare const switchGroupVariants: import('tailwind-variants').TVReturnTy
 }, {
     base: string;
     items: string;
+    label: string;
+    description: string;
+    errorMessage: string;
 }, undefined, {
     orientation: {
         horizontal: {
@@ -23,6 +26,9 @@ export declare const switchGroupVariants: import('tailwind-variants').TVReturnTy
 }, {
     base: string;
     items: string;
+    label: string;
+    description: string;
+    errorMessage: string;
 }, import('tailwind-variants').TVReturnType<{
     orientation: {
         horizontal: {
@@ -35,6 +41,9 @@ export declare const switchGroupVariants: import('tailwind-variants').TVReturnTy
 }, {
     base: string;
     items: string;
+    label: string;
+    description: string;
+    errorMessage: string;
 }, undefined, unknown, unknown, undefined>>;
 export type SwitchGroupVariants = VariantProps<typeof switchGroupVariants>;
 //# sourceMappingURL=switch-group.styles.d.ts.map

package/dist/components/switch-group/switch-group.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/switch-group/switch-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAkB9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"switch-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/switch-group/switch-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqB9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/components/switch-group/switch-group.styles.js

@@ -4,7 +4,10 @@ var switchGroupVariants = tv({
 	defaultVariants: { orientation: "vertical" },
 	slots: {
 		base: "switch-group",
-		items: "switch-group__items"
+		items: "switch-group__items",
+		label: "switch-group__label",
+		description: "switch-group__description",
+		errorMessage: "switch-group__error-message"
 	},
 	variants: { orientation: {
 		horizontal: { base: "switch-group--horizontal" },

package/dist/components/switch-group/switch-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-group.styles.js","names":[],"sources":["../../../src/components/switch-group/switch-group.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const switchGroupVariants = tv({\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n  slots: {\n    base: \"switch-group\",\n    items: \"switch-group__items\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        base: \"switch-group--horizontal\",\n      },\n      vertical: {\n        base: \"switch-group--vertical\",\n      },\n    },\n  },\n});\n\nexport type SwitchGroupVariants = VariantProps<typeof switchGroupVariants>;\n"],"mappings":";;AAIA,IAAa,sBAAsB,GAAG;CACpC,iBAAiB,EACf,aAAa,YACd;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACR;CACD,UAAU,EACR,aAAa;EACX,YAAY,EACV,MAAM,4BACP;EACD,UAAU,EACR,MAAM,0BACP;EACF,EACF;CACF,CAAC"}
+{"version":3,"file":"switch-group.styles.js","names":[],"sources":["../../../src/components/switch-group/switch-group.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const switchGroupVariants = tv({\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n  slots: {\n    base: \"switch-group\",\n    items: \"switch-group__items\",\n    label: \"switch-group__label\",\n    description: \"switch-group__description\",\n    errorMessage: \"switch-group__error-message\",\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        base: \"switch-group--horizontal\",\n      },\n      vertical: {\n        base: \"switch-group--vertical\",\n      },\n    },\n  },\n});\n\nexport type SwitchGroupVariants = VariantProps<typeof switchGroupVariants>;\n"],"mappings":";;AAIA,IAAa,sBAAsB,GAAG;CACpC,iBAAiB,EACf,aAAa,YACd;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACP,OAAO;EACP,aAAa;EACb,cAAc;EACf;CACD,UAAU,EACR,aAAa;EACX,YAAY,EACV,MAAM,4BACP;EACD,UAAU,EACR,MAAM,0BACP;EACF,EACF;CACF,CAAC"}

package/dist/components/tabs/tabs.styles.d.ts

@@ -14,6 +14,11 @@ export declare const tabsVariants: import('tailwind-variants').TVReturnType<{
     tabList: string;
     tabListContainer: string;
     tabPanel: string;
+    scrollWrapper: string;
+    more: string;
+    moreBtn: string;
+    overflowMenu: string;
+    overflowItem: string;
 }, undefined, {
     variant: {
         primary: {};
@@ -29,6 +34,11 @@ export declare const tabsVariants: import('tailwind-variants').TVReturnType<{
     tabList: string;
     tabListContainer: string;
     tabPanel: string;
+    scrollWrapper: string;
+    more: string;
+    moreBtn: string;
+    overflowMenu: string;
+    overflowItem: string;
 }, import('tailwind-variants').TVReturnType<{
     variant: {
         primary: {};
@@ -44,6 +54,11 @@ export declare const tabsVariants: import('tailwind-variants').TVReturnType<{
     tabList: string;
     tabListContainer: string;
     tabPanel: string;
+    scrollWrapper: string;
+    more: string;
+    moreBtn: string;
+    overflowMenu: string;
+    overflowItem: string;
 }, undefined, unknown, unknown, undefined>>;
 type TabsRenderPropsKeys = "selectedKey";
 export type TabsVariants = Omit<VariantProps<typeof tabsVariants>, TabsRenderPropsKeys>;

package/dist/components/tabs/tabs.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAqBvB,CAAC;AAGH,KAAK,mBAAmB,GAAG,aAAa,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"tabs.styles.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAI9C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CA0BvB,CAAC;AAGH,KAAK,mBAAmB,GAAG,aAAa,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,mBAAmB,CAAC,CAAC"}

package/dist/components/tabs/tabs.styles.js

@@ -9,7 +9,12 @@ var tabsVariants = tv({
 		tabIndicator: "tabs__indicator",
 		tabList: "tabs__list",
 		tabListContainer: "tabs__list-container",
-		tabPanel: "tabs__panel"
+		tabPanel: "tabs__panel",
+		scrollWrapper: "tabs__scroll-wrapper",
+		more: "tabs__more",
+		moreBtn: "tabs__more-btn",
+		overflowMenu: "tabs__overflow-menu",
+		overflowItem: "tabs__overflow-item"
 	},
 	variants: { variant: {
 		primary: {},

package/dist/components/tabs/tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.styles.js","names":[],"sources":["../../../src/components/tabs/tabs.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const tabsVariants = tv({\n  defaultVariants: {\n    variant: \"primary\",\n  },\n  slots: {\n    base: \"tabs\",\n    separator: \"tabs__separator\",\n    tab: \"tabs__tab\",\n    tabIndicator: \"tabs__indicator\",\n    tabList: \"tabs__list\",\n    tabListContainer: \"tabs__list-container\",\n    tabPanel: \"tabs__panel\",\n  },\n  variants: {\n    variant: {\n      primary: {},\n      secondary: {\n        base: \"tabs--secondary\",\n      },\n    },\n  },\n});\n\n// Render props that should be excluded from TabsVariants (framework-specific)\ntype TabsRenderPropsKeys = \"selectedKey\";\n\nexport type TabsVariants = Omit<VariantProps<typeof tabsVariants>, TabsRenderPropsKeys>;\n"],"mappings":";;AAIA,IAAa,eAAe,GAAG;CAC7B,iBAAiB,EACf,SAAS,WACV;CACD,OAAO;EACL,MAAM;EACN,WAAW;EACX,KAAK;EACL,cAAc;EACd,SAAS;EACT,kBAAkB;EAClB,UAAU;EACX;CACD,UAAU,EACR,SAAS;EACP,SAAS,EAAE;EACX,WAAW,EACT,MAAM,mBACP;EACF,EACF;CACF,CAAC"}
+{"version":3,"file":"tabs.styles.js","names":[],"sources":["../../../src/components/tabs/tabs.styles.ts"],"sourcesContent":["import type {VariantProps} from \"../../utils\";\n\nimport {tv} from \"tailwind-variants\";\n\nexport const tabsVariants = tv({\n  defaultVariants: {\n    variant: \"primary\",\n  },\n  slots: {\n    base: \"tabs\",\n    separator: \"tabs__separator\",\n    tab: \"tabs__tab\",\n    tabIndicator: \"tabs__indicator\",\n    tabList: \"tabs__list\",\n    tabListContainer: \"tabs__list-container\",\n    tabPanel: \"tabs__panel\",\n    scrollWrapper: \"tabs__scroll-wrapper\",\n    more: \"tabs__more\",\n    moreBtn: \"tabs__more-btn\",\n    overflowMenu: \"tabs__overflow-menu\",\n    overflowItem: \"tabs__overflow-item\",\n  },\n  variants: {\n    variant: {\n      primary: {},\n      secondary: {\n        base: \"tabs--secondary\",\n      },\n    },\n  },\n});\n\n// Render props that should be excluded from TabsVariants (framework-specific)\ntype TabsRenderPropsKeys = \"selectedKey\";\n\nexport type TabsVariants = Omit<VariantProps<typeof tabsVariants>, TabsRenderPropsKeys>;\n"],"mappings":";;AAIA,IAAa,eAAe,GAAG;CAC7B,iBAAiB,EACf,SAAS,WACV;CACD,OAAO;EACL,MAAM;EACN,WAAW;EACX,KAAK;EACL,cAAc;EACd,SAAS;EACT,kBAAkB;EAClB,UAAU;EACV,eAAe;EACf,MAAM;EACN,SAAS;EACT,cAAc;EACd,cAAc;EACf;CACD,UAAU,EACR,SAAS;EACP,SAAS,EAAE;EACX,WAAW,EACT,MAAM,mBACP;EACF,EACF;CACF,CAAC"}

package/dist/index.js

@@ -65,6 +65,7 @@ import { paginationVariants } from "./components/pagination/pagination.styles.js
 import { popoverVariants } from "./components/popover/popover.styles.js";
 import { radioVariants } from "./components/radio/radio.styles.js";
 import { radioGroupVariants } from "./components/radio-group/radio-group.styles.js";
+import { scrollAreaVariants } from "./components/scroll-area/scroll-area.styles.js";
 import { scrollShadowVariants } from "./components/scroll-shadow/scroll-shadow.styles.js";
 import { selectVariants } from "./components/select/select.styles.js";
 import { separatorVariants } from "./components/separator/separator.styles.js";
@@ -90,4 +91,4 @@ import { aspectRatioVariants } from "./components/aspect-ratio/aspect-ratio.styl
 import { splitterVariants } from "./components/splitter/splitter.styles.js";
 import { stepperVariants } from "./components/stepper/stepper.styles.js";
 import { treeVariants } from "./components/tree/tree.styles.js";
-export { accordionVariants, alertDialogVariants, alertVariants, ariaDisabledClasses, aspectRatioVariants, autocompleteVariants, avatarVariants, badgeVariants, breadcrumbsVariants, buttonGroupVariants, buttonVariants, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, closeButtonVariants, collapsibleGroupVariants, collapsibleVariants, colorAreaVariants, colorFieldVariants, colorInputGroupVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, contextMenuVariants, dateInputVariants, datePickerVariants, dateRangeFieldVariants, dateRangePickerVariants, dateTimePickerVariants, descriptionVariants, disabledClasses, drawerVariants, dropdownVariants, editableVariants, emptyStateVariants, errorMessageVariants, fieldsetVariants, focusRingClasses, headerVariants, hoverCardVariants, inputOTPVariants, inputVariants, kbdVariants, labelVariants, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, menubarVariants, meterVariants, modalVariants, monthRangePickerVariants, navigationMenuVariants, numberFieldVariants, paginationVariants, popoverVariants, progressBarVariants, progressCircleVariants, radioGroupVariants, radioVariants, rangeCalendarVariants, scrollShadowVariants, selectVariants, separatorVariants, skeletonVariants, sliderVariants, spinnerVariants, splitterVariants, stepperVariants, surfaceVariants, switchGroupVariants, switchVariants, tableVariants, tabsVariants, textAreaVariants, textVariants, timeFieldVariants, timePickerVariants, timeRangeFieldVariants, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, treeVariants, yearRangePickerVariants };
+export { accordionVariants, alertDialogVariants, alertVariants, ariaDisabledClasses, aspectRatioVariants, autocompleteVariants, avatarVariants, badgeVariants, breadcrumbsVariants, buttonGroupVariants, buttonVariants, calendarVariants, calendarYearPickerVariants, cardVariants, checkboxGroupVariants, checkboxVariants, chipVariants, closeButtonVariants, collapsibleGroupVariants, collapsibleVariants, colorAreaVariants, colorFieldVariants, colorInputGroupVariants, colorPickerVariants, colorSliderVariants, colorSwatchPickerVariants, colorSwatchVariants, comboBoxVariants, contextMenuVariants, dateInputVariants, datePickerVariants, dateRangeFieldVariants, dateRangePickerVariants, dateTimePickerVariants, descriptionVariants, disabledClasses, drawerVariants, dropdownVariants, editableVariants, emptyStateVariants, errorMessageVariants, fieldsetVariants, focusRingClasses, headerVariants, hoverCardVariants, inputOTPVariants, inputVariants, kbdVariants, labelVariants, linkVariants, listboxItemVariants, listboxSectionVariants, listboxVariants, menuItemVariants, menuSectionVariants, menuVariants, menubarVariants, meterVariants, modalVariants, monthRangePickerVariants, navigationMenuVariants, numberFieldVariants, paginationVariants, popoverVariants, progressBarVariants, progressCircleVariants, radioGroupVariants, radioVariants, rangeCalendarVariants, scrollAreaVariants, scrollShadowVariants, selectVariants, separatorVariants, skeletonVariants, sliderVariants, spinnerVariants, splitterVariants, stepperVariants, surfaceVariants, switchGroupVariants, switchVariants, tableVariants, tabsVariants, textAreaVariants, textVariants, timeFieldVariants, timePickerVariants, timeRangeFieldVariants, toastVariants, toggleButtonGroupVariants, toggleButtonVariants, toolbarVariants, tooltipVariants, treeVariants, yearRangePickerVariants };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@auronui/styles",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Auron core styles — adapted for Reka UI",
   "type": "module",
   "license": "MIT",
@@ -306,6 +306,10 @@
       "style": "./components/range-calendar.css",
       "default": "./components/range-calendar.css"
     },
+    "./scroll-area.css": {
+      "style": "./components/scroll-area.css",
+      "default": "./components/scroll-area.css"
+    },
     "./scroll-shadow.css": {
       "style": "./components/scroll-shadow.css",
       "default": "./components/scroll-shadow.css"

package/src/components/autocomplete/autocomplete.styles.ts

@@ -15,6 +15,7 @@ export const autocompleteVariants = tv({
     helperWrapper: "autocomplete__helper-wrapper",
     description: "autocomplete__description",
     errorMessage: "autocomplete__error-message",
+    itemText: "autocomplete-item__text",
   },
   defaultVariants: {
     variant: "flat",

package/src/components/avatar/avatar.styles.ts

@@ -11,6 +11,8 @@ export const avatarVariants = tv({
     base: "avatar",
     fallback: "avatar__fallback",
     image: "avatar__image",
+    icon: "avatar__icon",
+    name: "avatar__name",
   },
   variants: {
     color: {

package/src/components/checkbox-group/checkbox-group.styles.ts

@@ -3,14 +3,24 @@ import type {VariantProps} from "../../utils";
 import {tv} from "tailwind-variants";
 
 export const checkboxGroupVariants = tv({
-  base: "checkbox-group",
+  slots: {
+    base: "checkbox-group",
+    label: "checkbox-group__label",
+    wrapper: "checkbox-group__wrapper",
+    description: "checkbox-group__description",
+    errorMessage: "checkbox-group__error-message",
+  },
   defaultVariants: {
     variant: "primary",
   },
   variants: {
     variant: {
-      primary: "checkbox-group--primary",
-      secondary: "checkbox-group--secondary",
+      primary: {
+        base: "checkbox-group--primary",
+      },
+      secondary: {
+        base: "checkbox-group--secondary",
+      },
     },
   },
 });

package/src/components/color-field/color-field.styles.ts

@@ -3,14 +3,22 @@ import type {VariantProps} from "../../utils";
 import {tv} from "tailwind-variants";
 
 export const colorFieldVariants = tv({
-  base: "color-field",
+  slots: {
+    base: "color-field",
+    label: "color-field__label",
+    input: "color-field__input",
+    description: "color-field__description",
+    errorMessage: "color-field__error-message",
+  },
   defaultVariants: {
     fullWidth: false,
   },
   variants: {
     fullWidth: {
-      false: "",
-      true: "color-field--full-width",
+      false: {},
+      true: {
+        base: "color-field--full-width",
+      },
     },
   },
 });

package/src/components/color-input-group/color-input-group.styles.ts

@@ -12,6 +12,10 @@ export const colorInputGroupVariants = tv({
     input: "color-input-group__input",
     prefix: "color-input-group__prefix",
     suffix: "color-input-group__suffix",
+    wrapper: "color-input-group__wrapper",
+    label: "color-input-group__label",
+    description: "color-input-group__description",
+    errorMessage: "color-input-group__error-message",
   },
   variants: {
     fullWidth: {

package/src/components/combo-box/combo-box.styles.ts

@@ -11,6 +11,8 @@ export const comboBoxVariants = tv({
     inputGroup: "combo-box__input-group",
     popover: "combo-box__popover",
     trigger: "combo-box__trigger",
+    input: "combo-box__input",
+    clearButton: "combo-box__clear-button",
   },
   variants: {
     fullWidth: {

package/src/components/date-time-picker/date-time-picker.styles.ts

@@ -16,6 +16,7 @@ export const dateTimePickerVariants = tv({
     scrollerWrap: "date-time-picker__scroller-wrap",
     scrollerColumn: "date-time-picker__scroller-column",
     scrollerItem: "date-time-picker__scroller-item",
+    tzPanel: "date-time-picker__tz-panel",
     tzSearch: "date-time-picker__tz-search",
     tzList: "date-time-picker__tz-list",
     tzItem: "date-time-picker__tz-item",

package/src/components/index.ts

@@ -65,6 +65,7 @@ export * from "./pagination";
 export * from "./popover";
 export * from "./radio";
 export * from "./radio-group";
+export * from "./scroll-area";
 export * from "./scroll-shadow";
 export * from "./select";
 export * from "./separator";

package/src/components/modal/modal.styles.ts

@@ -19,6 +19,7 @@ export const modalVariants = tv({
     heading: "modal__heading",
     icon: "modal__icon",
     trigger: "modal__trigger",
+    portal: "modal__portal",
   },
   variants: {
     scroll: {

package/src/components/radio-group/radio-group.styles.ts

@@ -3,14 +3,24 @@ import type {VariantProps} from "../../utils";
 import {tv} from "tailwind-variants";
 
 export const radioGroupVariants = tv({
-  base: "radio-group",
+  slots: {
+    base: "radio-group",
+    label: "radio-group__label",
+    wrapper: "radio-group__wrapper",
+    description: "radio-group__description",
+    errorMessage: "radio-group__error-message",
+  },
   defaultVariants: {
     variant: "primary",
   },
   variants: {
     variant: {
-      primary: "radio-group--primary",
-      secondary: "radio-group--secondary",
+      primary: {
+        base: "radio-group--primary",
+      },
+      secondary: {
+        base: "radio-group--secondary",
+      },
     },
   },
 });

package/src/components/scroll-area/index.ts

@@ -0,0 +1 @@
+export * from "./scroll-area.styles";

package/src/components/scroll-area/scroll-area.styles.ts

@@ -0,0 +1,15 @@
+import type {VariantProps} from "../../utils";
+
+import {tv} from "tailwind-variants";
+
+export const scrollAreaVariants = tv({
+  slots: {
+    root: "scroll-area__root",
+    viewport: "scroll-area__viewport",
+    scrollbar: "scroll-area__scrollbar",
+    thumb: "scroll-area__thumb",
+    corner: "scroll-area__corner",
+  },
+});
+
+export type ScrollAreaVariants = VariantProps<typeof scrollAreaVariants>;

package/src/components/separator/separator.styles.ts

@@ -3,20 +3,34 @@ import type {VariantProps} from "../../utils";
 import {tv} from "tailwind-variants";
 
 const separatorVariants = tv({
-  base: "separator",
+  slots: {
+    base: "separator",
+    line: "separator__line",
+    content: "separator__content",
+  },
   defaultVariants: {
     orientation: "horizontal",
     variant: "default",
   },
   variants: {
     orientation: {
-      horizontal: "separator--horizontal",
-      vertical: "separator--vertical",
+      horizontal: {
+        base: "separator--horizontal",
+      },
+      vertical: {
+        base: "separator--vertical",
+      },
     },
     variant: {
-      default: "separator--default",
-      secondary: "separator--secondary",
-      tertiary: "separator--tertiary",
+      default: {
+        base: "separator--default",
+      },
+      secondary: {
+        base: "separator--secondary",
+      },
+      tertiary: {
+        base: "separator--tertiary",
+      },
     },
   },
 });