@ropav/styles 0.5.0 → 0.7.0

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

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

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

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

package/dist/components/textarea/textarea.styles.js

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

package/dist/components/textarea.css

@@ -1,6 +1,13 @@
 /* use textarea instead of text-area to avoid conflict with Tailwind `text-` prefix */
-.textarea {
-  @apply rounded-field border bg-field px-3 field-line-md text-field-foreground shadow-field outline-none placeholder:text-field-placeholder;
+.rp-textarea {
+  @apply rounded-field border px-3 field-line-md text-field-foreground shadow-field outline-none placeholder:text-field-placeholder;
+
+  /* The fill, per state. The `--secondary` variant re-points these and declares nothing else. */
+  --textarea-bg: var(--field-background, var(--default));
+  --textarea-bg-hover: var(--field-hover);
+  --textarea-bg-focus: var(--field-focus);
+
+  background-color: var(--textarea-bg);
 
   min-height: 38px;
 
@@ -17,10 +24,6 @@
     outline-offset: -1px;
   }
 
-  /**
-   * Transitions
-   * CRITICAL: motion-reduce must be AFTER transition for correct override specificity
-   */
   transition:
     background-color 150ms var(--ease-smooth),
     border-color 150ms var(--ease-smooth),
@@ -30,7 +33,7 @@
   @media (hover: hover) {
     &:hover:not(:focus):not(:focus-visible),
     &[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
-      @apply bg-field-hover;
+      background-color: var(--textarea-bg-hover);
       border-color: var(--field-border-hover);
     }
   }
@@ -40,7 +43,7 @@
   &[data-focused="true"] {
     @apply status-focused-field;
     border-color: var(--field-border-focus);
-    background-color: var(--field-focus);
+    background-color: var(--textarea-bg-focus);
   }
 
   /* Focus visible state */
@@ -50,7 +53,7 @@
 
   &[data-invalid="true"] {
     @apply status-invalid-field;
-    background-color: var(--field-focus);
+    background-color: var(--textarea-bg-focus);
   }
 
   /* Disabled state */
@@ -62,44 +65,20 @@
 }
 
 /* Variant property definitions */
-.textarea--primary {
+.rp-textarea--primary {
   /* Default styles */
 }
 
-.textarea--secondary {
+.rp-textarea--secondary {
   @apply shadow-none;
-  background-color: var(--textarea-bg);
 
   --textarea-bg: var(--default);
   --textarea-bg-hover: var(--default-hover);
   --textarea-bg-focus: var(--default);
-
-  @media (hover: hover) {
-    &:hover:not(:focus):not(:focus-visible),
-    &[data-hovered="true"]:not([data-focused="true"]):not([data-focus-visible="true"]) {
-      background-color: var(--textarea-bg-hover);
-    }
-  }
-
-  &:focus,
-  &[data-focused="true"] {
-    background-color: var(--textarea-bg-focus);
-  }
-
-  /* Focus visible state */
-  &:focus-visible:not(:focus),
-  &[data-focus-visible="true"] {
-  }
-
-  /* Invalid state */
-  &[data-invalid="true"] {
-    @apply status-invalid-field;
-    background-color: var(--textarea-bg-focus);
-  }
 }
 
 /* Full width modifier */
-.textarea--full-width {
+.rp-textarea--full-width {
   @apply w-full;
 }
 
@@ -107,10 +86,10 @@
    Size variants
    ========================================================================== */
 
-.textarea--sm {
+.rp-textarea--sm {
   @apply field-line-sm;
 }
 
-.textarea--lg {
+.rp-textarea--lg {
   @apply field-line-lg;
 }

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

@@ -1,19 +1,8 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const textFieldVariants: import("tailwind-variants").TVReturnType<{
-    fullWidth: {
-        false: "";
-        true: "textfield--full-width";
-    };
-}, undefined, "textfield", {
-    fullWidth: {
-        false: "";
-        true: "textfield--full-width";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    fullWidth: {
-        false: "";
-        true: "textfield--full-width";
-    };
-}, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const textFieldVariants: (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;
+}) | undefined) => string;
 export type TextFieldVariants = VariantProps<typeof textFieldVariants>;
 //# sourceMappingURL=textfield.styles.d.ts.map

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

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

package/dist/components/textfield/textfield.styles.js

@@ -1,11 +1,11 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/textfield/textfield.styles.ts
 const textFieldVariants = tv({
-	base: "textfield",
+	base: "rp-textfield",
 	defaultVariants: { fullWidth: false },
 	variants: { fullWidth: {
 		false: "",
-		true: "textfield--full-width"
+		true: "rp-textfield--full-width"
 	} }
 });
 //#endregion

package/dist/components/textfield.css

@@ -1,6 +1,6 @@
 /* Text field styles */
 /* use textfield instead of text-field to avoid conflict with Tailwind `text-` prefix */
-.textfield {
+.rp-textfield {
   @apply flex flex-col gap-1;
 
   &[data-invalid="true"],
@@ -12,7 +12,7 @@
 }
 
 /* Full width modifier */
-.textfield--full-width {
+.rp-textfield--full-width {
   @apply w-full;
 
   /* Automatically make Input full width when TextField is full width */

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

@@ -1,19 +1,8 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const timeFieldVariants: import("tailwind-variants").TVReturnType<{
-    fullWidth: {
-        false: "";
-        true: "time-field--full-width";
-    };
-}, undefined, "time-field", {
-    fullWidth: {
-        false: "";
-        true: "time-field--full-width";
-    };
-}, undefined, import("tailwind-variants").TVReturnTypeLike<{
-    fullWidth: {
-        false: "";
-        true: "time-field--full-width";
-    };
-}, undefined>>;
+import type { VariantProps } from "../../tv";
+export declare const timeFieldVariants: (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;
+}) | undefined) => string;
 export type TimeFieldVariants = VariantProps<typeof timeFieldVariants>;
 //# sourceMappingURL=time-field.styles.d.ts.map

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

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

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

@@ -1,11 +1,11 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/time-field/time-field.styles.ts
 const timeFieldVariants = tv({
-	base: "time-field",
+	base: "rp-time-field",
 	defaultVariants: { fullWidth: false },
 	variants: { fullWidth: {
 		false: "",
-		true: "time-field--full-width"
+		true: "rp-time-field--full-width"
 	} }
 });
 //#endregion

package/dist/components/time-field.css

@@ -1,5 +1,5 @@
 /* Time field styles */
-.time-field {
+.rp-time-field {
   @apply flex flex-col gap-1;
 
   &[data-invalid="true"],
@@ -15,6 +15,6 @@
 }
 
 /* Full width modifier */
-.time-field--full-width {
+.rp-time-field--full-width {
   @apply w-full;
 }

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

@@ -1,163 +1,58 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const toastVariants: import("tailwind-variants").TVReturnType<{
-    placement: {
-        bottom: {
-            region: string;
-            toast: string;
-        };
-        "bottom end": {
-            region: string;
-            toast: string;
-        };
-        "bottom start": {
-            region: string;
-            toast: string;
-        };
-        top: {
-            region: string;
-            toast: string;
-        };
-        "top end": {
-            region: string;
-            toast: string;
-        };
-        "top start": {
-            region: string;
-            toast: string;
-        };
-    };
-    variant: {
-        accent: {
-            toast: string;
-        };
-        danger: {
-            toast: string;
-        };
-        default: {
-            toast: string;
-        };
-        success: {
-            toast: string;
-        };
-        warning: {
-            toast: string;
-        };
-    };
-}, {
-    action: string;
-    close: string;
-    content: string;
-    description: string;
-    indicator: string;
-    region: string;
-    title: string;
-    toast: string;
-}, undefined, {
-    placement: {
-        bottom: {
-            region: string;
-            toast: string;
-        };
-        "bottom end": {
-            region: string;
-            toast: string;
-        };
-        "bottom start": {
-            region: string;
-            toast: string;
-        };
-        top: {
-            region: string;
-            toast: string;
-        };
-        "top end": {
-            region: string;
-            toast: string;
-        };
-        "top start": {
-            region: string;
-            toast: string;
-        };
-    };
-    variant: {
-        accent: {
-            toast: string;
-        };
-        danger: {
-            toast: string;
-        };
-        default: {
-            toast: string;
-        };
-        success: {
-            toast: string;
-        };
-        warning: {
-            toast: string;
-        };
-    };
-}, {
-    action: string;
-    close: string;
-    content: string;
-    description: string;
-    indicator: string;
-    region: string;
-    title: string;
-    toast: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    placement: {
-        bottom: {
-            region: string;
-            toast: string;
-        };
-        "bottom end": {
-            region: string;
-            toast: string;
-        };
-        "bottom start": {
-            region: string;
-            toast: string;
-        };
-        top: {
-            region: string;
-            toast: string;
-        };
-        "top end": {
-            region: string;
-            toast: string;
-        };
-        "top start": {
-            region: string;
-            toast: string;
-        };
-    };
-    variant: {
-        accent: {
-            toast: string;
-        };
-        danger: {
-            toast: string;
-        };
-        default: {
-            toast: string;
-        };
-        success: {
-            toast: string;
-        };
-        warning: {
-            toast: string;
-        };
-    };
-}, {
-    action: string;
-    close: string;
-    content: string;
-    description: string;
-    indicator: string;
-    region: string;
-    title: string;
-    toast: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const toastVariants: (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;
+} & {
+    placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+    variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+}) | undefined) => {
+    action: (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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    }) | undefined) => string;
+    close: (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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | 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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    }) | 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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | 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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    }) | undefined) => string;
+    region: (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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    }) | undefined) => string;
+    title: (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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    }) | undefined) => string;
+    toast: (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;
+    } & {
+        placement?: "bottom" | "bottom end" | "bottom start" | "top" | "top end" | "top start" | undefined;
+        variant?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    }) | undefined) => string;
+};
 export type ToastVariants = VariantProps<typeof toastVariants>;
 //# sourceMappingURL=toast.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,aAAa;;QAiBpB,MAAM;YACJ,MAAM;YACN,KAAK;;QAEP,YAAY;YACV,MAAM;YACN,KAAK;;QAEP,cAAc;YACZ,MAAM;YACN,KAAK;;QAEP,GAAG;YACD,MAAM;YACN,KAAK;;QAEP,SAAS;YACP,MAAM;YACN,KAAK;;QAEP,WAAW;YACT,MAAM;YACN,KAAK;;;;QAIP,MAAM;YACJ,KAAK;;QAEP,MAAM;YACJ,KAAK;;QAEP,OAAO;YACL,KAAK;;QAEP,OAAO;YACL,KAAK;;QAEP,OAAO;YACL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIX,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/components/toast/toast.styles.js

@@ -1,4 +1,4 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/toast/toast.styles.ts
 const toastVariants = tv({
 	defaultVariants: {
@@ -6,48 +6,48 @@ const toastVariants = tv({
 		variant: "default"
 	},
 	slots: {
-		action: "toast__action",
-		close: "toast__close-button",
-		content: "toast__content",
-		description: "toast__description",
-		indicator: "toast__indicator",
-		region: "toast-region",
-		title: "toast__title",
-		toast: "toast"
+		action: "rp-toast__action",
+		close: "rp-toast__close-button",
+		content: "rp-toast__content",
+		description: "rp-toast__description",
+		indicator: "rp-toast__indicator",
+		region: "rp-toast-region",
+		title: "rp-toast__title",
+		toast: "rp-toast"
 	},
 	variants: {
 		placement: {
 			bottom: {
-				region: "toast-region--bottom",
-				toast: "toast--bottom"
+				region: "rp-toast-region--bottom",
+				toast: "rp-toast--bottom"
 			},
 			"bottom end": {
-				region: "toast-region--bottom-end",
-				toast: "toast--bottom-end"
+				region: "rp-toast-region--bottom-end",
+				toast: "rp-toast--bottom-end"
 			},
 			"bottom start": {
-				region: "toast-region--bottom-start",
-				toast: "toast--bottom-start"
+				region: "rp-toast-region--bottom-start",
+				toast: "rp-toast--bottom-start"
 			},
 			top: {
-				region: "toast-region--top",
-				toast: "toast--top"
+				region: "rp-toast-region--top",
+				toast: "rp-toast--top"
 			},
 			"top end": {
-				region: "toast-region--top-end",
-				toast: "toast--top-end"
+				region: "rp-toast-region--top-end",
+				toast: "rp-toast--top-end"
 			},
 			"top start": {
-				region: "toast-region--top-start",
-				toast: "toast--top-start"
+				region: "rp-toast-region--top-start",
+				toast: "rp-toast--top-start"
 			}
 		},
 		variant: {
-			accent: { toast: "toast--accent" },
-			danger: { toast: "toast--danger" },
-			default: { toast: "toast--default" },
-			success: { toast: "toast--success" },
-			warning: { toast: "toast--warning" }
+			accent: { toast: "rp-toast--accent" },
+			danger: { toast: "rp-toast--danger" },
+			default: { toast: "rp-toast--default" },
+			success: { toast: "rp-toast--success" },
+			warning: { toast: "rp-toast--warning" }
 		}
 	}
 });