@ropav/styles 0.6.0 → 0.7.0

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

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

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

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

package/dist/components/popover/popover.styles.js

@@ -1,10 +1,10 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/popover/popover.styles.ts
 const popoverVariants = tv({ slots: {
-	base: "popover",
-	dialog: "popover__dialog",
-	heading: "popover__heading",
-	trigger: "popover__trigger"
+	base: "rp-popover",
+	dialog: "rp-popover__dialog",
+	heading: "rp-popover__heading",
+	trigger: "rp-popover__trigger"
 } });
 //#endregion
 export { popoverVariants };

package/dist/components/popover.css

@@ -1,7 +1,7 @@
 /* Popover component styles */
 
 /* Base popover styles */
-.popover {
+.rp-popover {
   @apply origin-(--trigger-anchor-point) bg-overlay p-0 text-sm;
   border-radius: min(32px, var(--component-radius));
   box-shadow: var(--shadow-overlay);
@@ -72,17 +72,17 @@
 }
 
 /* Popover dialog */
-.popover__dialog {
+.rp-popover__dialog {
   @apply p-4 outline-none;
 }
 
 /* Popover heading */
-.popover__heading {
+.rp-popover__heading {
   @apply font-medium;
 }
 
 /* Popover trigger */
-.popover__trigger {
+.rp-popover__trigger {
   @apply inline-block;
 
   transition:

package/dist/components/progress-bar/progress-bar.styles.d.ts

@@ -1,142 +1,44 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const progressBarVariants: import("tailwind-variants").TVReturnType<{
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    isAnimated: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    isStriped: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    fill: string;
-    output: string;
-    track: string;
-}, undefined, {
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    isAnimated: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    isStriped: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    fill: string;
-    output: string;
-    track: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    isAnimated: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    isStriped: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    fill: string;
-    output: string;
-    track: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const progressBarVariants: (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;
+} & {
+    color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    isAnimated?: boolean | undefined;
+    isStriped?: boolean | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+}) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        isAnimated?: boolean | undefined;
+        isStriped?: boolean | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+    fill: (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;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        isAnimated?: boolean | undefined;
+        isStriped?: boolean | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+    output: (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;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        isAnimated?: boolean | undefined;
+        isStriped?: boolean | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+    track: (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;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        isAnimated?: boolean | undefined;
+        isStriped?: boolean | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+};
 export type ProgressBarVariants = VariantProps<typeof progressBarVariants>;
 //# sourceMappingURL=progress-bar.styles.d.ts.map

package/dist/components/progress-bar/progress-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,mBAAmB;;QAe1B,MAAM;YACJ,IAAI;;QAEN,MAAM;YACJ,IAAI;;QAEN,OAAO;YACL,IAAI;;QAEN,OAAO;YACL,IAAI;;QAEN,OAAO;YACL,IAAI;;;;QAIN,KAAK;QACL,IAAI;YACF,IAAI;;;;QAIN,KAAK;QACL,IAAI;YACF,IAAI;;;;QAIN,EAAE;YACA,IAAI;;QAEN,EAAE;YACA,IAAI;;QAEN,EAAE;YACA,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIV,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuD9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/components/progress-bar/progress-bar.styles.js

@@ -1,4 +1,4 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/progress-bar/progress-bar.styles.ts
 const progressBarVariants = tv({
 	defaultVariants: {
@@ -8,31 +8,31 @@ const progressBarVariants = tv({
 		size: "md"
 	},
 	slots: {
-		base: "progress-bar",
-		fill: "progress-bar__fill",
-		output: "progress-bar__output",
-		track: "progress-bar__track"
+		base: "rp-progress-bar",
+		fill: "rp-progress-bar__fill",
+		output: "rp-progress-bar__output",
+		track: "rp-progress-bar__track"
 	},
 	variants: {
 		color: {
-			accent: { base: "progress-bar--accent" },
-			danger: { base: "progress-bar--danger" },
-			default: { base: "progress-bar--default" },
-			success: { base: "progress-bar--success" },
-			warning: { base: "progress-bar--warning" }
+			accent: { base: "rp-progress-bar--accent" },
+			danger: { base: "rp-progress-bar--danger" },
+			default: { base: "rp-progress-bar--default" },
+			success: { base: "rp-progress-bar--success" },
+			warning: { base: "rp-progress-bar--warning" }
 		},
 		isAnimated: {
 			false: {},
-			true: { base: "progress-bar--animated" }
+			true: { base: "rp-progress-bar--animated" }
 		},
 		isStriped: {
 			false: {},
-			true: { base: "progress-bar--striped" }
+			true: { base: "rp-progress-bar--striped" }
 		},
 		size: {
-			lg: { base: "progress-bar--lg" },
-			md: { base: "progress-bar--md" },
-			sm: { base: "progress-bar--sm" }
+			lg: { base: "rp-progress-bar--lg" },
+			md: { base: "rp-progress-bar--md" },
+			sm: { base: "rp-progress-bar--sm" }
 		}
 	}
 });

package/dist/components/progress-bar.css

@@ -3,7 +3,7 @@
    ========================================================================== */
 
 /* Base styles */
-.progress-bar {
+.rp-progress-bar {
   @apply grid w-full gap-1;
   grid-template-areas:
     "label output"
@@ -25,13 +25,13 @@
     grid-area: label;
   }
 
-  .progress-bar__output {
+  .rp-progress-bar__output {
     @apply text-sm font-medium tabular-nums;
 
     grid-area: output;
   }
 
-  .progress-bar__track {
+  .rp-progress-bar__track {
     @apply relative overflow-hidden bg-default;
 
     border-radius: min(32px, var(--component-radius));
@@ -50,7 +50,7 @@
     }
   }
 
-  .progress-bar__fill {
+  .rp-progress-bar__fill {
     @apply absolute start-0 top-0 h-full;
 
     border-radius: min(32px, var(--component-radius));
@@ -67,10 +67,10 @@
 
   /* Indeterminate state - when no aria-valuenow is set */
   &:not([aria-valuenow]) {
-    .progress-bar__fill {
+    .rp-progress-bar__fill {
       @apply w-2/5;
 
-      animation: progress-bar-indeterminate 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
+      animation: rp-progress-bar-indeterminate 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
 
       @apply motion-reduce:animate-none;
     }
@@ -92,7 +92,7 @@
    Indeterminate animation
    ========================================================================== */
 
-@keyframes progress-bar-indeterminate {
+@keyframes rp-progress-bar-indeterminate {
   0% {
     transform: translateX(-100%);
   }
@@ -105,24 +105,24 @@
    Size variants
    ========================================================================== */
 
-.progress-bar--sm {
+.rp-progress-bar--sm {
   /* One 1rem tile spans more than the track is tall, so a 4px bar would show a single smear
    * rather than a run of stripes. The tile tracks the height instead. */
   --progress-bar-stripe-size: 0.5rem;
 
-  .progress-bar__track {
+  .rp-progress-bar__track {
     @apply h-1;
   }
 }
 
-.progress-bar--md {
+.rp-progress-bar--md {
   /* No styles as this is the default size */
 }
 
-.progress-bar--lg {
+.rp-progress-bar--lg {
   --progress-bar-stripe-size: 1.25rem;
 
-  .progress-bar__track {
+  .rp-progress-bar__track {
     @apply h-3;
   }
 }
@@ -131,23 +131,23 @@
    Color variants
    ========================================================================== */
 
-.progress-bar--default {
+.rp-progress-bar--default {
   --progress-bar-fill: var(--default-foreground);
 }
 
-.progress-bar--accent {
+.rp-progress-bar--accent {
   --progress-bar-fill: var(--accent);
 }
 
-.progress-bar--success {
+.rp-progress-bar--success {
   --progress-bar-fill: var(--success);
 }
 
-.progress-bar--warning {
+.rp-progress-bar--warning {
   --progress-bar-fill: var(--warning);
 }
 
-.progress-bar--danger {
+.rp-progress-bar--danger {
   --progress-bar-fill: var(--danger);
 }
 
@@ -160,9 +160,9 @@
    the slide instead of trading places with it.
    ========================================================================== */
 
-.progress-bar--striped,
-.progress-bar--animated {
-  .progress-bar__fill::after {
+.rp-progress-bar--striped,
+.rp-progress-bar--animated {
+  .rp-progress-bar__fill::after {
     @apply absolute inset-0 content-[''];
 
     border-radius: inherit;
@@ -182,14 +182,14 @@
   /* Forced colors flattens the fill to `Highlight` and leaves this `background-image` painting over
    * it in author colours. */
   @media (forced-colors: active) {
-    .progress-bar__fill::after {
+    .rp-progress-bar__fill::after {
       content: none;
     }
   }
 }
 
-.progress-bar--animated {
-  .progress-bar__fill {
+.rp-progress-bar--animated {
+  .rp-progress-bar__fill {
     /* On the host, not inside the `::after` block: the variant carries its own `::before`/`::after`
      * slot, and written under the pseudo-element instead its ancestor condition would land after
      * the pseudo-element and compile to an empty `:is()`. Stopped this way the band stays put
@@ -197,7 +197,7 @@
     @apply motion-reduce:animate-none;
 
     &::after {
-      animation: progress-bar-stripes 1s linear infinite;
+      animation: rp-progress-bar-stripes 1s linear infinite;
     }
 
     /* Travelling toward the inline end is what reads as progress; in RTL that is the other way. */
@@ -207,7 +207,7 @@
   }
 }
 
-@keyframes progress-bar-stripes {
+@keyframes rp-progress-bar-stripes {
   to {
     background-position-x: var(--progress-bar-stripe-size);
   }

package/dist/components/progress-circle/progress-circle.styles.d.ts

@@ -1,106 +1,34 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const progressCircleVariants: import("tailwind-variants").TVReturnType<{
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    fillCircle: string;
-    track: string;
-    trackCircle: string;
-}, undefined, {
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    fillCircle: string;
-    track: string;
-    trackCircle: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    color: {
-        accent: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        default: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-    };
-    size: {
-        lg: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-    fillCircle: string;
-    track: string;
-    trackCircle: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const progressCircleVariants: (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;
+} & {
+    color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+}) | undefined) => {
+    base: (props?: ({
+        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+    fillCircle: (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;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+    track: (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;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+    trackCircle: (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;
+    } & {
+        color?: "accent" | "danger" | "default" | "success" | "warning" | undefined;
+        size?: "lg" | "md" | "sm" | undefined;
+    }) | undefined) => string;
+};
 export type ProgressCircleVariants = VariantProps<typeof progressCircleVariants>;
 //# sourceMappingURL=progress-circle.styles.d.ts.map

package/dist/components/progress-circle/progress-circle.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,sBAAsB;;QAa7B,MAAM;YACJ,IAAI;;QAEN,MAAM;YACJ,IAAI;;QAEN,OAAO;YACL,IAAI;;QAEN,OAAO;YACL,IAAI;;QAEN,OAAO;YACL,IAAI;;;;QAIN,EAAE;YACA,IAAI;;QAEN,EAAE;YACA,IAAI;;QAEN,EAAE;YACA,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIV,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"progress-circle.styles.d.ts","sourceRoot":"","sources":["../../../src/components/progress-circle/progress-circle.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCjC,CAAC;AAEH,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}