@ropav/styles 0.6.0 → 0.7.0

package/dist/components/date-input-group/date-input-group.styles.js

@@ -1,4 +1,4 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/date-input-group/date-input-group.styles.ts
 const dateInputGroupVariants = tv({
 	defaultVariants: {
@@ -7,26 +7,26 @@ const dateInputGroupVariants = tv({
 		variant: "primary"
 	},
 	slots: {
-		base: "date-input-group",
-		input: "date-input-group__input",
-		inputContainer: "date-input-group__input-container",
-		prefix: "date-input-group__prefix",
-		segment: "date-input-group__segment",
-		suffix: "date-input-group__suffix"
+		base: "rp-date-input-group",
+		input: "rp-date-input-group__input",
+		inputContainer: "rp-date-input-group__input-container",
+		prefix: "rp-date-input-group__prefix",
+		segment: "rp-date-input-group__segment",
+		suffix: "rp-date-input-group__suffix"
 	},
 	variants: {
 		fullWidth: {
 			false: {},
-			true: { base: "date-input-group--full-width" }
+			true: { base: "rp-date-input-group--full-width" }
 		},
 		size: {
-			lg: { base: "date-input-group--lg" },
+			lg: { base: "rp-date-input-group--lg" },
 			md: {},
-			sm: { base: "date-input-group--sm" }
+			sm: { base: "rp-date-input-group--sm" }
 		},
 		variant: {
-			primary: { base: "date-input-group--primary" },
-			secondary: { base: "date-input-group--secondary" }
+			primary: { base: "rp-date-input-group--primary" },
+			secondary: { base: "rp-date-input-group--secondary" }
 		}
 	}
 });

package/dist/components/date-input-group.css

@@ -1,5 +1,5 @@
 /* Date input group styles */
-.date-input-group {
+.rp-date-input-group {
   @apply inline-flex h-9 items-center overflow-hidden rounded-field border text-sm text-field-foreground shadow-field outline-none;
 
   /* The fill, per state. The `--secondary` variant re-points these and declares nothing else. */
@@ -69,20 +69,20 @@
   }
 }
 
-.date-input-group__input {
+.rp-date-input-group__input {
   @apply flex flex-1 cursor-text items-center gap-px rounded-none border-0 bg-transparent px-3 field-line-md shadow-none outline-none;
 
   /* Remove border radius on left side when prefix is present */
-  .date-input-group:has([data-slot="date-input-group-prefix"]) & {
+  .rp-date-input-group:has([data-slot="date-input-group-prefix"]) & {
     @apply rounded-s-none ps-2;
   }
 
   /* Remove border radius on right side when suffix is present */
-  .date-input-group:has([data-slot="date-input-group-suffix"]) & {
+  .rp-date-input-group:has([data-slot="date-input-group-suffix"]) & {
     @apply rounded-e-none pe-2;
   }
 
-  .date-input-group:has(.date-range-picker__range-separator) & {
+  .rp-date-input-group:has(.rp-date-range-picker__range-separator) & {
     &[slot="start"] {
       @apply flex-none pe-0;
     }
@@ -98,14 +98,14 @@
   }
 }
 
-.date-input-group__input-container {
+.rp-date-input-group__input-container {
   @apply flex flex-1 scrollbar-none items-center;
   width: fit-content;
   overflow-x: auto;
   overflow-y: clip;
 }
 
-.date-input-group__segment {
+.rp-date-input-group__segment {
   @apply inline-block rounded-md px-0.5 text-end text-nowrap outline-none;
 
   /* The fill and the digits, per state. Five states repaint the text here, so a caller retuning
@@ -160,22 +160,22 @@
   }
 }
 
-.date-input-group__prefix {
+.rp-date-input-group__prefix {
   @apply pointer-events-none shrink-0 text-field-placeholder;
   @apply ms-3 me-0 flex items-center;
 }
 
-.date-input-group__suffix {
+.rp-date-input-group__suffix {
   @apply pointer-events-none shrink-0 text-field-placeholder;
   @apply me-3 flex items-center;
 }
 
 /* Variant property definitions */
-.date-input-group--primary {
+.rp-date-input-group--primary {
   /* Default styles */
 }
 
-.date-input-group--secondary {
+.rp-date-input-group--secondary {
   @apply shadow-none;
 
   --date-input-group-bg: var(--default);
@@ -188,7 +188,7 @@
 }
 
 /* Full width modifier */
-.date-input-group--full-width {
+.rp-date-input-group--full-width {
   @apply w-full;
 }
 
@@ -196,18 +196,18 @@
    Size variants
    ========================================================================== */
 
-.date-input-group--sm {
+.rp-date-input-group--sm {
   @apply h-8;
 
-  .date-input-group__input {
+  .rp-date-input-group__input {
     @apply field-line-sm;
   }
 }
 
-.date-input-group--lg {
+.rp-date-input-group--lg {
   @apply h-10;
 
-  .date-input-group__input {
+  .rp-date-input-group__input {
     @apply field-line-lg;
   }
 }

package/dist/components/date-picker/date-picker.styles.d.ts

@@ -1,46 +1,19 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const datePickerVariants: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-            triggerIndicator?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {
-    [x: string]: {
-        [x: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-            triggerIndicator?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    base: string;
-    popover: string;
-    trigger: string;
-    triggerIndicator: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-            triggerIndicator?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    base: string;
-    popover: string;
-    trigger: string;
-    triggerIndicator: string;
-}, import("tailwind-variants").TVReturnTypeLike<unknown, {
-    base: string;
-    popover: string;
-    trigger: string;
-    triggerIndicator: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const datePickerVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & object) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    popover: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    trigger: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    triggerIndicator: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+};
 export type DatePickerVariants = VariantProps<typeof datePickerVariants>;
 //# sourceMappingURL=date-picker.styles.d.ts.map

package/dist/components/date-picker/date-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAO7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"date-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;CAO7B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/dist/components/date-picker/date-picker.styles.js

@@ -1,10 +1,10 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/date-picker/date-picker.styles.ts
 const datePickerVariants = tv({ slots: {
-	base: "date-picker",
-	popover: "date-picker__popover",
-	trigger: "date-picker__trigger",
-	triggerIndicator: "date-picker__trigger-indicator"
+	base: "rp-date-picker",
+	popover: "rp-date-picker__popover",
+	trigger: "rp-date-picker__trigger",
+	triggerIndicator: "rp-date-picker__trigger-indicator"
 } });
 //#endregion
 export { datePickerVariants };

package/dist/components/date-picker.css

@@ -2,16 +2,16 @@
    DatePicker - Date selection trigger and popover container
    ========================================================================== */
 
-.date-picker {
+.rp-date-picker {
   @apply inline-flex flex-col gap-1;
 
-  .date-input-group__suffix,
-  .date-input-group__prefix {
+  .rp-date-input-group__suffix,
+  .rp-date-input-group__prefix {
     @apply pointer-events-auto;
   }
 }
 
-.date-picker__trigger {
+.rp-date-picker__trigger {
   @apply inline-flex w-full items-center rounded-field p-1 text-sm no-highlight;
 
   cursor: var(--cursor-interactive);
@@ -31,11 +31,11 @@
   }
 }
 
-.date-picker__trigger-indicator {
+.rp-date-picker__trigger-indicator {
   @apply inline-flex size-4 items-center justify-center text-field-placeholder;
 }
 
-.date-picker__popover {
+.rp-date-picker__popover {
   @apply w-fit origin-(--trigger-anchor-point) scrollbar-none overflow-y-auto overscroll-contain bg-overlay p-3;
   @apply motion-reduce:transition-none;
 
@@ -77,7 +77,7 @@
   }
 }
 
-.date-picker__popover .calendar__nav-button-icon,
-.date-picker__popover .range-calendar__nav-button-icon {
+.rp-date-picker__popover .rp-calendar__nav-button-icon,
+.rp-date-picker__popover .rp-range-calendar__nav-button-icon {
   @apply rotate-0;
 }

package/dist/components/date-range-picker/date-range-picker.styles.d.ts

@@ -1,52 +1,22 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const dateRangePickerVariants: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            rangeSeparator?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-            triggerIndicator?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {
-    [x: string]: {
-        [x: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            rangeSeparator?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-            triggerIndicator?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    base: string;
-    popover: string;
-    rangeSeparator: string;
-    trigger: string;
-    triggerIndicator: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            rangeSeparator?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-            triggerIndicator?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    base: string;
-    popover: string;
-    rangeSeparator: string;
-    trigger: string;
-    triggerIndicator: string;
-}, import("tailwind-variants").TVReturnTypeLike<unknown, {
-    base: string;
-    popover: string;
-    rangeSeparator: string;
-    trigger: string;
-    triggerIndicator: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const dateRangePickerVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & object) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    popover: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    rangeSeparator: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    trigger: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+    triggerIndicator: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & object) | undefined) => string;
+};
 export type DateRangePickerVariants = VariantProps<typeof dateRangePickerVariants>;
 //# sourceMappingURL=date-range-picker.styles.d.ts.map

package/dist/components/date-range-picker/date-range-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQlC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"date-range-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/date-range-picker/date-range-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;CAQlC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

package/dist/components/date-range-picker/date-range-picker.styles.js

@@ -1,11 +1,11 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/date-range-picker/date-range-picker.styles.ts
 const dateRangePickerVariants = tv({ slots: {
-	base: "date-range-picker",
-	popover: "date-range-picker__popover",
-	rangeSeparator: "date-range-picker__range-separator",
-	trigger: "date-range-picker__trigger",
-	triggerIndicator: "date-range-picker__trigger-indicator"
+	base: "rp-date-range-picker",
+	popover: "rp-date-range-picker__popover",
+	rangeSeparator: "rp-date-range-picker__range-separator",
+	trigger: "rp-date-range-picker__trigger",
+	triggerIndicator: "rp-date-range-picker__trigger-indicator"
 } });
 //#endregion
 export { dateRangePickerVariants };

package/dist/components/date-range-picker.css

@@ -2,16 +2,16 @@
    DateRangePicker - Date range selection trigger and popover container
    ========================================================================== */
 
-.date-range-picker {
+.rp-date-range-picker {
   @apply inline-flex flex-col gap-1;
 
-  .date-input-group__suffix,
-  .date-input-group__prefix {
+  .rp-date-input-group__suffix,
+  .rp-date-input-group__prefix {
     @apply pointer-events-auto;
   }
 }
 
-.date-range-picker__trigger {
+.rp-date-range-picker__trigger {
   @apply inline-flex w-full items-center rounded-field p-1 text-sm no-highlight;
 
   cursor: var(--cursor-interactive);
@@ -31,15 +31,15 @@
   }
 }
 
-.date-range-picker__trigger-indicator {
+.rp-date-range-picker__trigger-indicator {
   @apply inline-flex size-4 items-center justify-center text-field-placeholder;
 }
 
-.date-range-picker__range-separator {
+.rp-date-range-picker__range-separator {
   @apply px-1 text-field-placeholder select-none;
 }
 
-.date-range-picker__popover {
+.rp-date-range-picker__popover {
   @apply w-fit origin-(--trigger-anchor-point) scrollbar-none overflow-y-auto overscroll-contain bg-overlay p-3;
   @apply motion-reduce:transition-none;
 
@@ -81,7 +81,7 @@
   }
 }
 
-.date-range-picker__popover .range-calendar__nav-button-icon,
-.date-range-picker__popover .calendar__nav-button-icon {
+.rp-date-range-picker__popover .rp-range-calendar__nav-button-icon,
+.rp-date-range-picker__popover .rp-calendar__nav-button-icon {
   @apply rotate-0;
 }

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

@@ -1,4 +1,6 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const descriptionVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "description", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const descriptionVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & object) | undefined) => string;
 export type DescriptionVariants = VariantProps<typeof descriptionVariants>;
 //# sourceMappingURL=description.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"description.styles.d.ts","sourceRoot":"","sources":["../../../src/components/description/description.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,mBAAmB,wKAE9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"description.styles.d.ts","sourceRoot":"","sources":["../../../src/components/description/description.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,mBAAmB;;kCAE9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/components/description/description.styles.js

@@ -1,5 +1,5 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/description/description.styles.ts
-const descriptionVariants = tv({ base: "description" });
+const descriptionVariants = tv({ base: "rp-description" });
 //#endregion
 export { descriptionVariants };

package/dist/components/description.css

@@ -1,4 +1,4 @@
 /* Base description styles */
-.description {
+.rp-description {
   @apply text-xs text-wrap wrap-break-word text-muted;
 }

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

@@ -1,29 +1,29 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const disclosureVariants: import("tailwind-variants").TVReturnType<{}, {
-    base: string;
-    body: string;
-    bodyInner: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    trigger: string;
-}, undefined, {}, {
-    base: string;
-    body: string;
-    bodyInner: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    trigger: string;
-}, import("tailwind-variants").TVReturnTypeLike<{}, {
-    base: string;
-    body: string;
-    bodyInner: string;
-    content: string;
-    heading: string;
-    indicator: string;
-    trigger: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const disclosureVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & {}) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+    body: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+    bodyInner: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+    content: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+    heading: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+    indicator: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+    trigger: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+};
 type DisclosureRenderPropsKeys = "isExpanded" | "isDisabled" | "state";
 export type DisclosureVariants = Omit<VariantProps<typeof disclosureVariants>, DisclosureRenderPropsKeys>;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"disclosure.styles.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure/disclosure.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;GAY7B,CAAC;AAGH,KAAK,yBAAyB,GAAG,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,yBAAyB,CAC1B,CAAC"}
+{"version":3,"file":"disclosure.styles.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure/disclosure.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;CAY7B,CAAC;AAGH,KAAK,yBAAyB,GAAG,YAAY,GAAG,YAAY,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,YAAY,CAAC,OAAO,kBAAkB,CAAC,EACvC,yBAAyB,CAC1B,CAAC"}

package/dist/components/disclosure/disclosure.styles.js

@@ -1,15 +1,15 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/disclosure/disclosure.styles.ts
 const disclosureVariants = tv({
 	defaultVariants: {},
 	slots: {
-		base: "disclosure",
-		body: "disclosure__body",
-		bodyInner: "disclosure__body-inner",
-		content: "disclosure__content",
-		heading: "disclosure__heading",
-		indicator: "disclosure__indicator",
-		trigger: "disclosure__trigger"
+		base: "rp-disclosure",
+		body: "rp-disclosure__body",
+		bodyInner: "rp-disclosure__body-inner",
+		content: "rp-disclosure__content",
+		heading: "rp-disclosure__heading",
+		indicator: "rp-disclosure__indicator",
+		trigger: "rp-disclosure__trigger"
 	},
 	variants: {}
 });

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

@@ -1,10 +1,10 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const disclosureGroupVariants: import("tailwind-variants").TVReturnType<{}, {
-    base: string;
-}, undefined, {}, {
-    base: string;
-}, import("tailwind-variants").TVReturnTypeLike<{}, {
-    base: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const disclosureGroupVariants: (props?: ({
+    class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+} & {}) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {}) | undefined) => string;
+};
 export type DisclosureGroupVariants = VariantProps<typeof disclosureGroupVariants>;
 //# sourceMappingURL=disclosure-group.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"disclosure-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure-group/disclosure-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,uBAAuB;;;;;;GAMlC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"disclosure-group.styles.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure-group/disclosure-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,uBAAuB;;;;;;CAMlC,CAAC;AAEH,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC"}

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

@@ -1,8 +1,8 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/disclosure-group/disclosure-group.styles.ts
 const disclosureGroupVariants = tv({
 	defaultVariants: {},
-	slots: { base: "disclosure-group" },
+	slots: { base: "rp-disclosure-group" },
 	variants: {}
 });
 //#endregion

package/dist/components/disclosure-group.css

@@ -1,5 +1,5 @@
 /* Base disclosure-group styles */
-.disclosure-group {
+.rp-disclosure-group {
   @apply w-full;
 
   /* Performance optimization - contain layout changes */