@ropav/styles 0.6.0 → 0.7.0

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

@@ -1,46 +1,19 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const dropdownVariants: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: {
-            menu?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            root?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {
-    [x: string]: {
-        [x: string]: {
-            menu?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            root?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    menu: string;
-    popover: string;
-    root: string;
-    trigger: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: {
-            menu?: import("tailwind-variants").ClassValue;
-            popover?: import("tailwind-variants").ClassValue;
-            root?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    menu: string;
-    popover: string;
-    root: string;
-    trigger: string;
-}, import("tailwind-variants").TVReturnTypeLike<unknown, {
-    menu: string;
-    popover: string;
-    root: string;
-    trigger: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const dropdownVariants: (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) => {
+    menu: (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;
+    root: (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;
+};
 export type DropdownVariants = VariantProps<typeof dropdownVariants>;
 //# sourceMappingURL=dropdown.styles.d.ts.map

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

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

package/dist/components/dropdown/dropdown.styles.js

@@ -1,10 +1,10 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/dropdown/dropdown.styles.ts
 const dropdownVariants = tv({ slots: {
-	menu: "menu dropdown__menu",
-	popover: "dropdown__popover",
-	root: "dropdown",
-	trigger: "dropdown__trigger"
+	menu: "rp-menu rp-dropdown__menu",
+	popover: "rp-dropdown__popover",
+	root: "rp-dropdown",
+	trigger: "rp-dropdown__trigger"
 } });
 //#endregion
 export { dropdownVariants };

package/dist/components/dropdown.css

@@ -2,21 +2,23 @@
    Base dropdown styles
    ========================================================================== */
 
-.dropdown {
+.rp-dropdown {
   @apply flex flex-col gap-1;
 }
 
-.dropdown__trigger {
+.rp-dropdown__trigger {
   @apply inline-block;
   /* Only visible when using a custom trigger  - not passing "Button" as a child - hence we use some button styles (custom trigger) */
   @apply outline-none;
 
-  /* A custom trigger borrows the button's look by wearing its classes, and the `outline-none`
-   * above lands later in the cascade than the button's own forced-colors edge, stripping it back
-   * off. Handed back here rather than on the bare trigger: when a `Button` is passed as a child
-   * instead, this element is only a wrapper around it and an outline would draw a second ring
-   * around the real one. */
-  &.button {
+  /* A custom trigger borrows the button's look by wearing its classes, and the declarations
+   * above land later in the cascade than the button's own, stripping its centring and its
+   * forced-colors edge back off. Handed back here rather than on the bare trigger: when a
+   * `Button` is passed as a child instead, this element is only a wrapper around it - an inline
+   * box is what that wants, and an outline would draw a second ring around the real one. */
+  &.rp-button {
+    @apply inline-flex;
+
     @media (forced-colors: active) {
       outline: 1px solid ButtonBorder;
       outline-offset: -1px;
@@ -56,7 +58,7 @@
 }
 
 /* Similar to select popover styles */
-.dropdown__popover {
+.rp-dropdown__popover {
   @apply max-w-[48svw] origin-(--trigger-anchor-point) scroll-py-1 scrollbar overflow-y-auto overscroll-contain bg-overlay p-0 text-sm will-change-transform md:min-w-55;
   border-radius: min(32px, var(--component-radius));
   box-shadow: var(--shadow-overlay);
@@ -117,8 +119,8 @@
     rotate: 90deg;
   }
 
-  /* Menu styles. The block itself is `.menu`; these are the dropdown's departures from it, and
-   * they sit here rather than on `.dropdown__menu` because `menu.css` is imported after this file
+  /* Menu styles. The block itself is `.rp-menu`; these are the dropdown's departures from it, and
+   * they sit here rather than on `.rp-dropdown__menu` because `menu.css` is imported after this file
    * and would otherwise win at equal specificity. */
   [data-slot="dropdown-menu"] {
     @apply gap-0.5 p-1.5 outline-none;

package/dist/components/empty-state/empty-state.styles.d.ts

@@ -1,4 +1,6 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const emptyStateVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "empty-state", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const emptyStateVariants: (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 EmptyStateVariants = VariantProps<typeof emptyStateVariants>;
 //# sourceMappingURL=empty-state.styles.d.ts.map

package/dist/components/empty-state/empty-state.styles.d.ts.map

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

package/dist/components/empty-state/empty-state.styles.js

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

package/dist/components/empty-state.css

@@ -1,4 +1,4 @@
 /* Base empty-state styles */
-.empty-state {
+.rp-empty-state {
   @apply p-2 text-sm text-muted;
 }

package/dist/components/error-message/error-message.styles.d.ts

@@ -1,4 +1,6 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const errorMessageVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "error-message", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const errorMessageVariants: (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 ErrorMessageVariants = VariantProps<typeof errorMessageVariants>;
 //# sourceMappingURL=error-message.styles.d.ts.map

package/dist/components/error-message/error-message.styles.d.ts.map

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

package/dist/components/error-message/error-message.styles.js

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

package/dist/components/error-message.css

@@ -1,5 +1,5 @@
 /* Base error message styles */
-.error-message {
+.rp-error-message {
   @apply h-auto text-xs wrap-break-word text-danger;
 
   transition:

package/dist/components/field-error/field-error.styles.d.ts

@@ -1,4 +1,6 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const fieldErrorVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "field-error", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const fieldErrorVariants: (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 FieldErrorVariants = VariantProps<typeof fieldErrorVariants>;
 //# sourceMappingURL=field-error.styles.d.ts.map

package/dist/components/field-error/field-error.styles.d.ts.map

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

package/dist/components/field-error/field-error.styles.js

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

package/dist/components/field-error.css

@@ -1,5 +1,5 @@
 /* Field error styles */
-.field-error {
+.rp-field-error {
   @apply h-0 px-1 text-xs wrap-break-word text-danger opacity-0 data-visible:h-auto data-visible:opacity-100;
 
   transition:
@@ -12,12 +12,12 @@
  * Toggle fields (checkbox/switch): stack below the label like description.
  * Disable collapsible height/opacity — those styles break flex-col content layout.
  */
-.checkbox > .field-error,
-.checkbox > [data-slot="field-error"],
-.switch > .field-error,
-.switch > [data-slot="field-error"],
-.radio > .field-error,
-.radio > [data-slot="field-error"] {
+.rp-checkbox > .rp-field-error,
+.rp-checkbox > [data-slot="field-error"],
+.rp-switch > .rp-field-error,
+.rp-switch > [data-slot="field-error"],
+.rp-radio > .rp-field-error,
+.rp-radio > [data-slot="field-error"] {
   @apply m-0 h-auto min-h-0 p-0 text-muted opacity-100;
   transition: none;
 }

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

@@ -1,52 +1,22 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const fieldsetVariants: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: {
-            actions?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            fieldGroup?: import("tailwind-variants").ClassValue;
-            legend?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {
-    [x: string]: {
-        [x: string]: {
-            actions?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            fieldGroup?: import("tailwind-variants").ClassValue;
-            legend?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    actions: string;
-    base: string;
-    description: string;
-    fieldGroup: string;
-    legend: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: {
-            actions?: import("tailwind-variants").ClassValue;
-            base?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            fieldGroup?: import("tailwind-variants").ClassValue;
-            legend?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    actions: string;
-    base: string;
-    description: string;
-    fieldGroup: string;
-    legend: string;
-}, import("tailwind-variants").TVReturnTypeLike<unknown, {
-    actions: string;
-    base: string;
-    description: string;
-    fieldGroup: string;
-    legend: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const fieldsetVariants: (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) => {
+    actions: (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;
+    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;
+    description: (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;
+    fieldGroup: (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;
+    legend: (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 FieldsetVariants = VariantProps<typeof fieldsetVariants>;
 //# sourceMappingURL=fieldset.styles.d.ts.map

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

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

package/dist/components/fieldset/fieldset.styles.js

@@ -1,11 +1,11 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/fieldset/fieldset.styles.ts
 const fieldsetVariants = tv({ slots: {
-	actions: "fieldset__actions",
-	base: "fieldset",
-	description: "fieldset__description",
-	fieldGroup: "fieldset__field_group",
-	legend: "fieldset__legend"
+	actions: "rp-fieldset__actions",
+	base: "rp-fieldset",
+	description: "rp-fieldset__description",
+	fieldGroup: "rp-fieldset__field_group",
+	legend: "rp-fieldset__legend"
 } });
 //#endregion
 export { fieldsetVariants };

package/dist/components/fieldset.css

@@ -1,18 +1,18 @@
 /* Base component styles */
-.fieldset {
+.rp-fieldset {
   @apply flex flex-col gap-6;
   /* fix flexbox issue in Safari when fieldset with legend is inside a flexbox */
   @apply shrink grow basis-0;
 }
 
-.fieldset__legend {
+.rp-fieldset__legend {
   @apply text-base font-medium text-foreground;
 }
 
-.fieldset__field_group {
+.rp-fieldset__field_group {
   @apply w-full space-y-4;
 }
 
-.fieldset__actions {
+.rp-fieldset__actions {
   @apply flex items-center gap-2 pt-1;
 }

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

@@ -1,2 +1,4 @@
-export declare const headerVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "header", {} | {}, undefined, import("tailwind-variants").TVReturnTypeLike<unknown, undefined>>;
+export declare const headerVariants: (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;
 //# sourceMappingURL=header.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.styles.d.ts","sourceRoot":"","sources":["../../../src/components/header/header.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,mKAEzB,CAAC"}
+{"version":3,"file":"header.styles.d.ts","sourceRoot":"","sources":["../../../src/components/header/header.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;kCAEzB,CAAC"}

package/dist/components/header/header.styles.js

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

package/dist/components/header.css

@@ -2,6 +2,6 @@
    Base header styles
    ========================================================================== */
 
-.header {
+.rp-header {
   @apply w-full px-2 pt-1.5 pb-1 text-start text-xs font-medium text-muted;
 }

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

@@ -1,46 +1,10 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const inputVariants: import("tailwind-variants").TVReturnType<{
-    fullWidth: {
-        false: "";
-        true: "input--full-width";
-    };
-    size: {
-        lg: "input--lg";
-        md: "";
-        sm: "input--sm";
-    };
-    variant: {
-        primary: "input--primary";
-        secondary: "input--secondary";
-    };
-}, undefined, "input", {
-    fullWidth: {
-        false: "";
-        true: "input--full-width";
-    };
-    size: {
-        lg: "input--lg";
-        md: "";
-        sm: "input--sm";
-    };
-    variant: {
-        primary: "input--primary";
-        secondary: "input--secondary";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    fullWidth: {
-        false: "";
-        true: "input--full-width";
-    };
-    size: {
-        lg: "input--lg";
-        md: "";
-        sm: "input--sm";
-    };
-    variant: {
-        primary: "input--primary";
-        secondary: "input--secondary";
-    };
-}, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const inputVariants: (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;
+} & {
+    fullWidth?: boolean | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "primary" | "secondary" | undefined;
+}) | undefined) => string;
 export type InputVariants = VariantProps<typeof inputVariants>;
 //# sourceMappingURL=input.styles.d.ts.map

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

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

package/dist/components/input/input.styles.js

@@ -1,7 +1,7 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/input/input.styles.ts
 const inputVariants = tv({
-	base: "input",
+	base: "rp-input",
 	defaultVariants: {
 		fullWidth: false,
 		size: "md",
@@ -10,16 +10,16 @@ const inputVariants = tv({
 	variants: {
 		fullWidth: {
 			false: "",
-			true: "input--full-width"
+			true: "rp-input--full-width"
 		},
 		size: {
-			lg: "input--lg",
+			lg: "rp-input--lg",
 			md: "",
-			sm: "input--sm"
+			sm: "rp-input--sm"
 		},
 		variant: {
-			primary: "input--primary",
-			secondary: "input--secondary"
+			primary: "rp-input--primary",
+			secondary: "rp-input--secondary"
 		}
 	}
 });