@ropav/styles 0.4.0 → 0.5.0

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

@@ -0,0 +1,190 @@
+import type { VariantProps } from "tailwind-variants";
+export declare const sidebarVariants: import("tailwind-variants").TVReturnType<{
+    collapsible: {
+        icon: {
+            panel: string;
+        };
+        none: {
+            panel: string;
+        };
+        offcanvas: {
+            panel: string;
+        };
+    };
+    inDrawer: {
+        true: {
+            panel: string;
+        };
+    };
+    isCollapsible: {
+        true: {
+            subMenu: string;
+        };
+    };
+    isResizable: {
+        true: {
+            rail: string;
+        };
+    };
+    isSub: {
+        true: {
+            item: string;
+        };
+    };
+    side: {
+        left: {
+            base: string;
+            panel: string;
+        };
+        right: {
+            base: string;
+            panel: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+    footer: string;
+    group: string;
+    groupLabel: string;
+    header: string;
+    inset: string;
+    item: string;
+    itemIcon: string;
+    itemIndicator: string;
+    itemLabel: string;
+    itemTooltip: string;
+    itemTrailing: string;
+    panel: string;
+    rail: string;
+    railTarget: string;
+    separator: string;
+    subMenu: string;
+    trigger: string;
+}, undefined, {
+    collapsible: {
+        icon: {
+            panel: string;
+        };
+        none: {
+            panel: string;
+        };
+        offcanvas: {
+            panel: string;
+        };
+    };
+    inDrawer: {
+        true: {
+            panel: string;
+        };
+    };
+    isCollapsible: {
+        true: {
+            subMenu: string;
+        };
+    };
+    isResizable: {
+        true: {
+            rail: string;
+        };
+    };
+    isSub: {
+        true: {
+            item: string;
+        };
+    };
+    side: {
+        left: {
+            base: string;
+            panel: string;
+        };
+        right: {
+            base: string;
+            panel: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+    footer: string;
+    group: string;
+    groupLabel: string;
+    header: string;
+    inset: string;
+    item: string;
+    itemIcon: string;
+    itemIndicator: string;
+    itemLabel: string;
+    itemTooltip: string;
+    itemTrailing: string;
+    panel: string;
+    rail: string;
+    railTarget: string;
+    separator: string;
+    subMenu: string;
+    trigger: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    collapsible: {
+        icon: {
+            panel: string;
+        };
+        none: {
+            panel: string;
+        };
+        offcanvas: {
+            panel: string;
+        };
+    };
+    inDrawer: {
+        true: {
+            panel: string;
+        };
+    };
+    isCollapsible: {
+        true: {
+            subMenu: string;
+        };
+    };
+    isResizable: {
+        true: {
+            rail: string;
+        };
+    };
+    isSub: {
+        true: {
+            item: string;
+        };
+    };
+    side: {
+        left: {
+            base: string;
+            panel: string;
+        };
+        right: {
+            base: string;
+            panel: string;
+        };
+    };
+}, {
+    base: string;
+    content: string;
+    footer: string;
+    group: string;
+    groupLabel: string;
+    header: string;
+    inset: string;
+    item: string;
+    itemIcon: string;
+    itemIndicator: string;
+    itemLabel: string;
+    itemTooltip: string;
+    itemTrailing: string;
+    panel: string;
+    rail: string;
+    railTarget: string;
+    separator: string;
+    subMenu: string;
+    trigger: string;
+}>>;
+export type SidebarVariants = VariantProps<typeof sidebarVariants>;
+//# sourceMappingURL=sidebar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AActD,eAAO,MAAM,eAAe;;QA4BtB,IAAI;YACF,KAAK;;QAEP,IAAI;YACF,KAAK;;QAEP,SAAS;YACP,KAAK;;;;QAMP,IAAI;YACF,KAAK;;;;QAMP,IAAI;YACF,OAAO;;;;QAMT,IAAI;YACF,IAAI;;;;QAMN,IAAI;YACF,IAAI;;;;QAIN,IAAI;YACF,IAAI;YACJ,KAAK;;QAEP,KAAK;YACH,IAAI;YACJ,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIX,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC"}

package/dist/components/sidebar/sidebar.styles.js

@@ -0,0 +1,52 @@
+import { tv } from "tailwind-variants";
+//#region src/components/sidebar/sidebar.styles.ts
+const sidebarVariants = tv({
+	defaultVariants: {
+		collapsible: "icon",
+		side: "left"
+	},
+	slots: {
+		base: "sidebar",
+		content: "sidebar__content",
+		footer: "sidebar__footer",
+		group: "sidebar__group",
+		groupLabel: "sidebar__group-label",
+		header: "sidebar__header",
+		inset: "sidebar__inset",
+		item: "sidebar__item",
+		itemIcon: "sidebar__item-icon",
+		itemIndicator: "sidebar__item-indicator",
+		itemLabel: "sidebar__item-label",
+		itemTooltip: "sidebar__item-tooltip",
+		itemTrailing: "sidebar__item-trailing",
+		panel: "sidebar__panel",
+		rail: "sidebar__rail",
+		railTarget: "sidebar__rail-target",
+		separator: "sidebar__separator",
+		subMenu: "sidebar__sub-menu",
+		trigger: "sidebar__trigger"
+	},
+	variants: {
+		collapsible: {
+			icon: { panel: "sidebar__panel--icon" },
+			none: { panel: "sidebar__panel--none" },
+			offcanvas: { panel: "sidebar__panel--offcanvas" }
+		},
+		inDrawer: { true: { panel: "sidebar__panel--drawer" } },
+		isCollapsible: { true: { subMenu: "sidebar__sub-menu--collapsible" } },
+		isResizable: { true: { rail: "sidebar__rail--resizable" } },
+		isSub: { true: { item: "sidebar__item--sub" } },
+		side: {
+			left: {
+				base: "sidebar--left",
+				panel: "sidebar__panel--left"
+			},
+			right: {
+				base: "sidebar--right",
+				panel: "sidebar__panel--right"
+			}
+		}
+	}
+});
+//#endregion
+export { sidebarVariants };