@ropav/styles 0.6.0 → 0.7.0

package/dist/components/tag.css

@@ -1,5 +1,5 @@
 /* Tag component styles */
-.tag {
+.rp-tag {
   --optical-offset: 0.031em;
 
   @apply relative inline-flex items-center gap-1 font-medium select-none no-highlight;
@@ -51,21 +51,21 @@
 }
 
 /* Disabled state */
-.tag:is([data-disabled="true"], [aria-disabled="true"]) {
+.rp-tag:is([data-disabled="true"], [aria-disabled="true"]) {
   @apply status-disabled;
 }
 
 /* Focus visible state (keyboard focus only) */
-.tag:is(:focus-visible, [data-focus-visible]) {
+.rp-tag:is(:focus-visible, [data-focus-visible]) {
   @apply status-focused;
 }
 
 /* Pressed/Active state */
-.tag:is(:active, [data-pressed="true"]) {
+.rp-tag:is(:active, [data-pressed="true"]) {
 }
 
 /* Selected state */
-.tag:is([data-selected="true"], [aria-selected="true"]) {
+.rp-tag:is([data-selected="true"], [aria-selected="true"]) {
   background-color: var(--tag-bg-selected);
   color: var(--tag-fg-selected);
 
@@ -80,33 +80,33 @@
 }
 
 /* Size */
-.tag--sm {
+.rp-tag--sm {
   @apply px-2 py-0.5 text-xs;
 }
 
-.tag--md {
+.rp-tag--md {
   @apply px-2 py-1 text-xs;
 }
 
-.tag--lg {
+.rp-tag--lg {
   @apply px-2.5 py-1.5 text-sm;
 }
 
 /* Variant */
-.tag--default {
+.rp-tag--default {
   --tag-bg: var(--default);
   --tag-bg-hover: var(--default-hover);
   --tag-fg: var(--default-foreground);
 }
 
-.tag--surface {
+.rp-tag--surface {
   --tag-bg: var(--surface);
   --tag-bg-hover: var(--surface-hover);
   --tag-fg: var(--surface-foreground);
 }
 
 /* Remove Button  */
-.tag__remove-button {
+.rp-tag__remove-button {
   @apply size-3 text-inherit;
 
   /* SVG icon styling */

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,5 +1,5 @@
 /* use textarea instead of text-area to avoid conflict with Tailwind `text-` prefix */
-.textarea {
+.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. */
@@ -65,11 +65,11 @@
 }
 
 /* Variant property definitions */
-.textarea--primary {
+.rp-textarea--primary {
   /* Default styles */
 }
 
-.textarea--secondary {
+.rp-textarea--secondary {
   @apply shadow-none;
 
   --textarea-bg: var(--default);
@@ -78,7 +78,7 @@
 }
 
 /* Full width modifier */
-.textarea--full-width {
+.rp-textarea--full-width {
   @apply w-full;
 }
 
@@ -86,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" }
 		}
 	}
 });