@ropav/styles 0.6.0 → 0.7.0

package/dist/components/disclosure.css

@@ -1,13 +1,13 @@
 /* Base disclosure styles */
-.disclosure {
+.rp-disclosure {
   @apply relative;
 }
 
-.accordion__heading {
+.rp-accordion__heading {
   @apply flex;
 }
 
-.disclosure__trigger {
+.rp-disclosure__trigger {
   cursor: var(--cursor-interactive);
   @apply inline-block no-highlight;
 
@@ -24,7 +24,7 @@
   }
 }
 
-.disclosure__indicator {
+.rp-disclosure__indicator {
   @apply ms-auto size-4 shrink-0 text-inherit;
 
   /**
@@ -38,7 +38,7 @@
   }
 }
 
-.disclosure__content {
+.rp-disclosure__content {
   opacity: 0;
   height: var(--disclosure-panel-height);
   overflow: clip;
@@ -54,6 +54,6 @@
   }
 }
 
-.disclosure__body {
+.rp-disclosure__body {
   @apply p-2;
 }

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

@@ -1,127 +1,70 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const drawerVariants: import("tailwind-variants").TVReturnType<{
-    placement: {
-        bottom: {
-            content: string;
-            dialog: string;
-        };
-        left: {
-            content: string;
-            dialog: string;
-        };
-        right: {
-            content: string;
-            dialog: string;
-        };
-        top: {
-            content: string;
-            dialog: string;
-        };
-    };
-    variant: {
-        blur: {
-            backdrop: string;
-        };
-        opaque: {
-            backdrop: string;
-        };
-        transparent: {
-            backdrop: string;
-        };
-    };
-}, {
-    backdrop: string;
-    body: string;
-    closeTrigger: string;
-    content: string;
-    dialog: string;
-    footer: string;
-    handle: string;
-    header: string;
-    heading: string;
-    trigger: string;
-}, undefined, {
-    placement: {
-        bottom: {
-            content: string;
-            dialog: string;
-        };
-        left: {
-            content: string;
-            dialog: string;
-        };
-        right: {
-            content: string;
-            dialog: string;
-        };
-        top: {
-            content: string;
-            dialog: string;
-        };
-    };
-    variant: {
-        blur: {
-            backdrop: string;
-        };
-        opaque: {
-            backdrop: string;
-        };
-        transparent: {
-            backdrop: string;
-        };
-    };
-}, {
-    backdrop: string;
-    body: string;
-    closeTrigger: string;
-    content: string;
-    dialog: string;
-    footer: string;
-    handle: string;
-    header: string;
-    heading: string;
-    trigger: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    placement: {
-        bottom: {
-            content: string;
-            dialog: string;
-        };
-        left: {
-            content: string;
-            dialog: string;
-        };
-        right: {
-            content: string;
-            dialog: string;
-        };
-        top: {
-            content: string;
-            dialog: string;
-        };
-    };
-    variant: {
-        blur: {
-            backdrop: string;
-        };
-        opaque: {
-            backdrop: string;
-        };
-        transparent: {
-            backdrop: string;
-        };
-    };
-}, {
-    backdrop: string;
-    body: string;
-    closeTrigger: string;
-    content: string;
-    dialog: string;
-    footer: string;
-    handle: string;
-    header: string;
-    heading: string;
-    trigger: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const drawerVariants: (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" | "left" | "right" | "top" | undefined;
+    variant?: "blur" | "opaque" | "transparent" | undefined;
+}) | undefined) => {
+    backdrop: (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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | 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;
+    } & {
+        placement?: "bottom" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | undefined;
+    }) | undefined) => string;
+    closeTrigger: (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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | 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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | undefined;
+    }) | undefined) => string;
+    dialog: (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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | undefined;
+    }) | undefined) => string;
+    footer: (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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | undefined;
+    }) | undefined) => string;
+    handle: (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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | undefined;
+    }) | undefined) => string;
+    header: (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" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | 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;
+    } & {
+        placement?: "bottom" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | 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;
+    } & {
+        placement?: "bottom" | "left" | "right" | "top" | undefined;
+        variant?: "blur" | "opaque" | "transparent" | undefined;
+    }) | undefined) => string;
+};
 export type DrawerVariants = VariantProps<typeof drawerVariants>;
 //# sourceMappingURL=drawer.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,cAAc;;QAmBrB,MAAM;YACJ,OAAO;YACP,MAAM;;QAER,IAAI;YACF,OAAO;YACP,MAAM;;QAER,KAAK;YACH,OAAO;YACP,MAAM;;QAER,GAAG;YACD,OAAO;YACP,MAAM;;;;QAIR,IAAI;YACF,QAAQ;;QAEV,MAAM;YACJ,QAAQ;;QAEV,WAAW;YACT,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAId,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}
+{"version":3,"file":"drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDzB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/drawer/drawer.styles.js

@@ -1,4 +1,4 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/drawer/drawer.styles.ts
 const drawerVariants = tv({
 	defaultVariants: {
@@ -6,40 +6,40 @@ const drawerVariants = tv({
 		variant: "opaque"
 	},
 	slots: {
-		backdrop: "drawer__backdrop",
-		body: "drawer__body",
-		closeTrigger: "drawer__close-trigger",
-		content: "drawer__content",
-		dialog: "drawer__dialog",
-		footer: "drawer__footer",
-		handle: "drawer__handle",
-		header: "drawer__header",
-		heading: "drawer__heading",
-		trigger: "drawer__trigger"
+		backdrop: "rp-drawer__backdrop",
+		body: "rp-drawer__body",
+		closeTrigger: "rp-drawer__close-trigger",
+		content: "rp-drawer__content",
+		dialog: "rp-drawer__dialog",
+		footer: "rp-drawer__footer",
+		handle: "rp-drawer__handle",
+		header: "rp-drawer__header",
+		heading: "rp-drawer__heading",
+		trigger: "rp-drawer__trigger"
 	},
 	variants: {
 		placement: {
 			bottom: {
-				content: "drawer__content--bottom",
-				dialog: "drawer__dialog--bottom"
+				content: "rp-drawer__content--bottom",
+				dialog: "rp-drawer__dialog--bottom"
 			},
 			left: {
-				content: "drawer__content--left",
-				dialog: "drawer__dialog--left"
+				content: "rp-drawer__content--left",
+				dialog: "rp-drawer__dialog--left"
 			},
 			right: {
-				content: "drawer__content--right",
-				dialog: "drawer__dialog--right"
+				content: "rp-drawer__content--right",
+				dialog: "rp-drawer__dialog--right"
 			},
 			top: {
-				content: "drawer__content--top",
-				dialog: "drawer__dialog--top"
+				content: "rp-drawer__content--top",
+				dialog: "rp-drawer__dialog--top"
 			}
 		},
 		variant: {
-			blur: { backdrop: "drawer__backdrop--blur" },
-			opaque: { backdrop: "drawer__backdrop--opaque" },
-			transparent: { backdrop: "drawer__backdrop--transparent" }
+			blur: { backdrop: "rp-drawer__backdrop--blur" },
+			opaque: { backdrop: "rp-drawer__backdrop--opaque" },
+			transparent: { backdrop: "rp-drawer__backdrop--transparent" }
 		}
 	}
 });

package/dist/components/drawer.css

@@ -6,7 +6,7 @@
 /**
  * Element: trigger - the element that opens the drawer
  */
-.drawer__trigger {
+.rp-drawer__trigger {
   @apply inline-block cursor-(--cursor-interactive);
 
   transition:
@@ -37,7 +37,7 @@
 /**
  * Element: backdrop - the overlay behind the drawer
  */
-.drawer__backdrop {
+.rp-drawer__backdrop {
   @apply fixed inset-0 z-50;
   @apply h-(--visual-viewport-height) w-full;
   opacity: 1;
@@ -66,28 +66,28 @@
 /**
  * Modifier: backdrop--transparent
  */
-.drawer__backdrop--transparent {
+.rp-drawer__backdrop--transparent {
   @apply bg-transparent;
 }
 
 /**
  * Modifier: backdrop--opaque
  */
-.drawer__backdrop--opaque {
+.rp-drawer__backdrop--opaque {
   @apply bg-backdrop;
 }
 
 /**
  * Modifier: backdrop--blur
  */
-.drawer__backdrop--blur {
+.rp-drawer__backdrop--blur {
   @apply bg-backdrop backdrop-blur-md;
 }
 
 /**
  * Element: content - the positioning wrapper for the drawer panel
  */
-.drawer__content {
+.rp-drawer__content {
   @apply pointer-events-none;
   @apply fixed inset-0 z-50 flex;
   @apply h-(--visual-viewport-height) w-full min-w-0;
@@ -97,7 +97,7 @@
  * Modifier: content--bottom (default)
  * Slides up from the bottom edge
  */
-.drawer__content--bottom {
+.rp-drawer__content--bottom {
   @apply items-end;
 }
 
@@ -105,7 +105,7 @@
  * Modifier: content--top
  * Slides down from the top edge
  */
-.drawer__content--top {
+.rp-drawer__content--top {
   @apply items-start;
 }
 
@@ -113,7 +113,7 @@
  * Modifier: content--left
  * Slides in from the left edge
  */
-.drawer__content--left {
+.rp-drawer__content--left {
   @apply justify-start;
 }
 
@@ -121,14 +121,14 @@
  * Modifier: content--right
  * Slides in from the right edge
  */
-.drawer__content--right {
+.rp-drawer__content--right {
   @apply justify-end;
 }
 
 /**
  * Element: dialog - the drawer panel itself
  */
-.drawer__dialog {
+.rp-drawer__dialog {
   @apply relative;
   @apply flex flex-col;
   @apply bg-overlay shadow-overlay outline-none;
@@ -174,41 +174,41 @@
   }
 }
 
-[data-exiting="true"] .drawer__dialog {
+[data-exiting="true"] .rp-drawer__dialog {
   transition-duration: var(--drawer-exit-duration);
   transition-timing-function: var(--drawer-exit-ease);
 }
 
-.drawer__content--left .drawer__dialog,
-.drawer__content--right .drawer__dialog,
-.drawer__content--top .drawer__dialog,
-.drawer__content--bottom .drawer__dialog {
+.rp-drawer__content--left .rp-drawer__dialog,
+.rp-drawer__content--right .rp-drawer__dialog,
+.rp-drawer__content--top .rp-drawer__dialog,
+.rp-drawer__content--bottom .rp-drawer__dialog {
   translate: 0 0;
 }
 
-.drawer__content--left[data-entering="true"] .drawer__dialog,
-.drawer__content--left[data-exiting="true"] .drawer__dialog {
+.rp-drawer__content--left[data-entering="true"] .rp-drawer__dialog,
+.rp-drawer__content--left[data-exiting="true"] .rp-drawer__dialog {
   translate: -100% 0;
 }
 
-.drawer__content--right[data-entering="true"] .drawer__dialog,
-.drawer__content--right[data-exiting="true"] .drawer__dialog {
+.rp-drawer__content--right[data-entering="true"] .rp-drawer__dialog,
+.rp-drawer__content--right[data-exiting="true"] .rp-drawer__dialog {
   translate: 100% 0;
 }
 
-.drawer__content--top[data-entering="true"] .drawer__dialog,
-.drawer__content--top[data-exiting="true"] .drawer__dialog {
+.rp-drawer__content--top[data-entering="true"] .rp-drawer__dialog,
+.rp-drawer__content--top[data-exiting="true"] .rp-drawer__dialog {
   translate: 0 -100%;
 }
 
-.drawer__content--bottom[data-entering="true"] .drawer__dialog,
-.drawer__content--bottom[data-exiting="true"] .drawer__dialog {
+.rp-drawer__content--bottom[data-entering="true"] .rp-drawer__dialog,
+.rp-drawer__content--bottom[data-exiting="true"] .rp-drawer__dialog {
   translate: 0 100%;
 }
 
-.drawer__dialog--top {
+.rp-drawer__dialog--top {
   @apply pb-2;
-  .drawer__handle {
+  .rp-drawer__handle {
     @apply pb-0;
   }
 }
@@ -216,7 +216,7 @@
 /**
  * Element: header - the top section with the title
  */
-.drawer__header {
+.rp-drawer__header {
   @apply flex flex-col gap-3;
   @apply mb-0;
 }
@@ -224,7 +224,7 @@
 /**
  * Element: heading - the main title text
  */
-.drawer__heading {
+.rp-drawer__heading {
   @apply align-middle;
   @apply text-base font-medium text-foreground;
 }
@@ -233,7 +233,7 @@
  * Element: body - the main content area
  * touch-action: pan-y allows vertical scrolling while the dialog captures drag gestures
  */
-.drawer__body {
+.rp-drawer__body {
   @apply min-h-0 flex-1 scrollbar;
   @apply text-sm leading-[1.43] text-muted;
   @apply -m-[3px] my-0 p-[3px];
@@ -244,7 +244,7 @@
 /**
  * Element: footer - the bottom action section
  */
-.drawer__footer {
+.rp-drawer__footer {
   @apply flex flex-row items-center justify-end gap-2;
   @apply mt-0;
 }
@@ -252,7 +252,7 @@
 /**
  * Element: handle - visual drag handle indicator
  */
-.drawer__handle {
+.rp-drawer__handle {
   @apply flex items-center justify-center;
   @apply pb-2;
 
@@ -266,29 +266,29 @@
 /**
  * Element: close-trigger - the close button
  */
-.drawer__close-trigger {
+.rp-drawer__close-trigger {
   @apply absolute end-4 top-4;
 }
 
 /**
  * Elements Spacing
  */
-.drawer__header + .drawer__body {
+.rp-drawer__header + .rp-drawer__body {
   @apply mt-2;
 }
 
-.drawer__header + .drawer__footer {
+.rp-drawer__header + .rp-drawer__footer {
   @apply mt-5;
 }
 
-.drawer__body + .drawer__footer {
+.rp-drawer__body + .rp-drawer__footer {
   @apply mt-5;
 }
 
-.drawer__handle + .drawer__header {
+.rp-drawer__handle + .rp-drawer__header {
   @apply mt-0;
 }
 
-.drawer__handle + .drawer__body {
+.rp-drawer__handle + .rp-drawer__body {
   @apply mt-0;
 }

package/dist/components/drop-zone/drop-zone.styles.d.ts

@@ -1,34 +1,13 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const dropZoneVariants: import("tailwind-variants").TVReturnType<{
-    [key: string]: {
-        [key: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {
-    [x: string]: {
-        [x: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    base: string;
-    trigger: string;
-}, undefined, {
-    [key: string]: {
-        [key: string]: {
-            base?: import("tailwind-variants").ClassValue;
-            trigger?: import("tailwind-variants").ClassValue;
-        } | import("tailwind-variants").ClassValue;
-    };
-} | {}, {
-    base: string;
-    trigger: string;
-}, import("tailwind-variants").TVReturnTypeLike<unknown, {
-    base: string;
-    trigger: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const dropZoneVariants: (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;
+    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 DropZoneVariants = VariantProps<typeof dropZoneVariants>;
 //# sourceMappingURL=drop-zone.styles.d.ts.map

package/dist/components/drop-zone/drop-zone.styles.d.ts.map

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

package/dist/components/drop-zone/drop-zone.styles.js

@@ -1,8 +1,8 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/drop-zone/drop-zone.styles.ts
 const dropZoneVariants = tv({ slots: {
-	base: "drop-zone",
-	trigger: "drop-zone__trigger"
+	base: "rp-drop-zone",
+	trigger: "rp-drop-zone__trigger"
 } });
 //#endregion
 export { dropZoneVariants };

package/dist/components/drop-zone.css

@@ -1,6 +1,6 @@
 /* Drop zone component styles */
 
-.drop-zone {
+.rp-drop-zone {
   @apply relative flex w-full flex-col items-center justify-center gap-2 rounded-component p-6 text-center text-sm outline-none;
 
   /* The dashed edge is this component's whole affordance, so it is painted from `--border`
@@ -71,7 +71,7 @@
   }
 }
 
-.drop-zone__trigger {
+.rp-drop-zone__trigger {
   @apply rounded-field underline underline-offset-2 outline-none;
 
   cursor: var(--cursor-interactive);