@ropav/styles 0.6.0 → 0.7.0

package/dist/components/range-calendar/range-calendar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/range-calendar/range-calendar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,qBAAqB;IAG9B,oCAAoC;;IAEpC,yBAAyB;;IAEzB,mDAAmD;;IAEnD,4BAA4B;;IAE5B,wBAAwB;;IAExB,0BAA0B;;IAE1B,oBAAoB;;IAEpB,wDAAwD;;IAExD,mCAAmC;;IAEnC,8BAA8B;;IAE9B,sCAAsC;;IAEtC,6BAA6B;;;IAtB7B,oCAAoC;;IAEpC,yBAAyB;;IAEzB,mDAAmD;;IAEnD,4BAA4B;;IAE5B,wBAAwB;;IAExB,0BAA0B;;IAE1B,oBAAoB;;IAEpB,wDAAwD;;IAExD,mCAAmC;;IAEnC,8BAA8B;;IAE9B,sCAAsC;;IAEtC,6BAA6B;;;IAtB7B,oCAAoC;;IAEpC,yBAAyB;;IAEzB,mDAAmD;;IAEnD,4BAA4B;;IAE5B,wBAAwB;;IAExB,0BAA0B;;IAE1B,oBAAoB;;IAEpB,wDAAwD;;IAExD,mCAAmC;;IAEnC,8BAA8B;;IAE9B,sCAAsC;;IAEtC,6BAA6B;;GAI/B,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"range-calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/range-calendar/range-calendar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BhC,CAAC;AAEH,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/range-calendar/range-calendar.styles.js

@@ -1,32 +1,34 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/range-calendar/range-calendar.styles.ts
 const rangeCalendarVariants = tv({
 	defaultVariants: {},
 	slots: {
 		/** Root range calendar container */
-		base: "range-calendar",
+		base: "rp-range-calendar",
 		/** Calendar cell (td) */
-		cell: "range-calendar__cell",
+		cell: "rp-range-calendar__cell",
+		/** The pressable box inside the cell, which the range fill paints around */
+		cellButton: "rp-range-calendar__cell-button",
 		/** Cell indicator (small dot at bottom of cell) */
-		cellIndicator: "range-calendar__cell-indicator",
+		cellIndicator: "rp-range-calendar__cell-indicator",
 		/** Calendar grid (table) */
-		grid: "range-calendar__grid",
+		grid: "rp-range-calendar__grid",
 		/** Grid body (tbody) */
-		gridBody: "range-calendar__grid-body",
+		gridBody: "rp-range-calendar__grid-body",
 		/** Grid header (thead) */
-		gridHeader: "range-calendar__grid-header",
+		gridHeader: "rp-range-calendar__grid-header",
 		/** Grid row (tr) */
-		gridRow: "range-calendar__grid-row",
+		gridRow: "rp-range-calendar__grid-row",
 		/** Calendar header containing heading and navigation */
-		header: "range-calendar__header",
+		header: "rp-range-calendar__header",
 		/** Header cell (th - day names) */
-		headerCell: "range-calendar__header-cell",
+		headerCell: "rp-range-calendar__header-cell",
 		/** Month/year heading text */
-		heading: "range-calendar__heading",
+		heading: "rp-range-calendar__heading",
 		/** Previous/Next navigation button */
-		navButton: "range-calendar__nav-button",
+		navButton: "rp-range-calendar__nav-button",
 		/** Navigation button icon */
-		navButtonIcon: "range-calendar__nav-button-icon"
+		navButtonIcon: "rp-range-calendar__nav-button-icon"
 	},
 	variants: {}
 });

package/dist/components/range-calendar.css

@@ -8,23 +8,23 @@
 /* -----------------------------------------------------------------------------
  * Base RangeCalendar Styles
  * -------------------------------------------------------------------------- */
-.range-calendar {
+.rp-range-calendar {
   @apply w-63 max-w-63;
 
   container-type: inline-size;
 }
 
 /* Week view – visibleDuration={{ weeks: n }} */
-.range-calendar--week-view {
-  .range-calendar__cell {
+.rp-range-calendar--week-view {
+  .rp-range-calendar__cell {
     /* Keep cells circular on the 7-column grid; only filled cells take space. */
     @apply aspect-square size-auto w-full place-self-center;
   }
 }
 
 /* Day view – visibleDuration={{ days: n }} */
-.range-calendar--day-view {
-  .range-calendar__cell {
+.rp-range-calendar--day-view {
+  .rp-range-calendar__cell {
     @apply aspect-square size-auto w-full place-self-center;
   }
 
@@ -32,12 +32,12 @@
    * Isolate header and body into separate 7-column grids. With display:contents
    * on the root grid, fewer than 7 weekday headers flow into the same row as dates.
    */
-  .range-calendar__grid {
+  .rp-range-calendar__grid {
     display: flex;
     flex-direction: column;
   }
 
-  .range-calendar__grid-header {
+  .rp-range-calendar__grid-header {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     @apply w-full;
@@ -47,7 +47,7 @@
     }
   }
 
-  .range-calendar__grid-body {
+  .rp-range-calendar__grid-body {
     display: grid;
     grid-template-columns: repeat(7, 1fr);
     @apply mt-1 w-full;
@@ -65,21 +65,21 @@
 /* -----------------------------------------------------------------------------
  * RangeCalendar Header
  * -------------------------------------------------------------------------- */
-.range-calendar__header {
+.rp-range-calendar__header {
   @apply flex items-center justify-between px-0.5 pb-4;
 
-  &:has(.calendar-year-picker__trigger[data-open="true"]) {
-    .range-calendar__nav-button {
+  &:has(.rp-calendar-year-picker__trigger[data-open="true"]) {
+    .rp-range-calendar__nav-button {
       @apply pointer-events-none opacity-0;
     }
   }
 }
 
-.range-calendar__heading {
+.rp-range-calendar__heading {
   @apply flex-1 text-sm font-medium;
 }
 
-.range-calendar__nav-button {
+.rp-range-calendar__nav-button {
   @apply flex size-6 items-center justify-center text-accent-soft-foreground;
 
   border-radius: min(32px, var(--component-radius));
@@ -122,27 +122,27 @@
   }
 }
 
-.range-calendar__nav-button-icon {
+.rp-range-calendar__nav-button-icon {
   @apply size-4 rtl:rotate-180;
 }
 
 /* -----------------------------------------------------------------------------
  * RangeCalendar Grid
  * -------------------------------------------------------------------------- */
-.range-calendar__grid {
+.rp-range-calendar__grid {
   /* Override table display with CSS Grid for easier customization */
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   @apply w-full;
 
   &[aria-readonly="true"] {
-    .range-calendar__cell {
+    .rp-range-calendar__cell {
       @apply pointer-events-none;
     }
   }
 }
 
-.range-calendar__grid-header {
+.rp-range-calendar__grid-header {
   /* Grid header (thead) styles */
   display: contents;
 
@@ -151,7 +151,7 @@
   }
 }
 
-.range-calendar__grid-body {
+.rp-range-calendar__grid-body {
   /* Grid body (tbody) styles */
   display: contents;
 
@@ -165,13 +165,13 @@
   }
 }
 
-.range-calendar__grid-row {
+.rp-range-calendar__grid-row {
   /* Use 'contents' so cells participate directly in grid */
   /* Note: This class can be used for custom row styling if needed */
   display: contents;
 }
 
-.range-calendar__header-cell {
+.rp-range-calendar__header-cell {
   /* Header cell (th - weekday names) styles */
   @apply flex items-center justify-center pb-2 text-xs font-medium text-muted;
 }
@@ -179,7 +179,7 @@
 /* -----------------------------------------------------------------------------
  * RangeCalendar Cells
  * -------------------------------------------------------------------------- */
-.range-calendar__cell {
+.rp-range-calendar__cell {
   @apply relative z-1 mx-0 my-[2px] p-0 outline-none;
 
   --range-calendar-day-radius: min(32px, var(--component-radius));
@@ -215,7 +215,7 @@
   @apply transform-gpu motion-reduce:transition-none;
 
   /* Inner interactive circle/capsule (equivalent to React Aria "button-base") */
-  .range-calendar__cell-button {
+  .rp-range-calendar__cell-button {
     @apply flex aspect-square w-full items-center justify-center text-sm font-medium text-foreground no-highlight;
 
     border-radius: var(--range-calendar-day-radius);
@@ -230,14 +230,14 @@
   &[data-focus-visible="true"] {
     @apply z-2;
 
-    .range-calendar__cell-button {
+    .rp-range-calendar__cell-button {
       @apply status-focused;
     }
   }
 
   /* Today indicator */
   &[data-today="true"] {
-    .range-calendar__cell-button {
+    .rp-range-calendar__cell-button {
       background-color: var(--range-calendar-day-bg-today);
       color: var(--range-calendar-day-fg-today);
 
@@ -251,7 +251,7 @@
     @media (hover: hover) {
       &:hover:not([data-selected="true"]),
       &[data-hovered="true"]:not([data-selected="true"]) {
-        .range-calendar__cell-button {
+        .rp-range-calendar__cell-button {
           background-color: var(--range-calendar-day-bg-today-hover);
         }
       }
@@ -270,7 +270,7 @@
     @media (forced-colors: active) {
       background-color: Highlight;
 
-      .range-calendar__cell-button {
+      .rp-range-calendar__cell-button {
         /* Suppresses the `Canvas` backplate behind the day number, which would otherwise cover
          * the track and leave the digits invisible against it. */
         forced-color-adjust: none;
@@ -305,7 +305,7 @@
   &[data-selection-end="true"]:not([data-outside-month="true"]) {
     @apply z-2;
 
-    .range-calendar__cell-button {
+    .rp-range-calendar__cell-button {
       background-color: var(--range-calendar-day-bg-cap);
       color: var(--range-calendar-day-fg-cap);
 
@@ -336,13 +336,13 @@
   /* Pressed state */
   &:active,
   &[data-pressed="true"] {
-    .range-calendar__cell-button {
+    .rp-range-calendar__cell-button {
       scale: 0.9;
     }
 
     &[data-selection-start="true"],
     &[data-selection-end="true"] {
-      .range-calendar__cell-button {
+      .rp-range-calendar__cell-button {
         background-color: var(--range-calendar-day-bg-cap-pressed);
       }
     }
@@ -352,7 +352,7 @@
   @media (hover: hover) {
     &:hover:not([data-selected="true"]),
     &[data-hovered="true"]:not([data-selected="true"]) {
-      .range-calendar__cell-button {
+      .rp-range-calendar__cell-button {
         background-color: var(--range-calendar-day-bg-hover);
       }
     }
@@ -385,10 +385,10 @@
 }
 
 /* Outside-month cell followed by selected cell across adjacent table cells */
-.range-calendar__grid-body
-  td:has(> .range-calendar__cell[data-outside-month="true"])
+.rp-range-calendar__grid-body
+  td:has(> .rp-range-calendar__cell[data-outside-month="true"])
   + td
-  > .range-calendar__cell[data-selected="true"] {
+  > .rp-range-calendar__cell[data-selected="true"] {
   border-start-start-radius: var(--range-calendar-wrap-radius);
   border-end-start-radius: var(--range-calendar-wrap-radius);
 
@@ -400,11 +400,11 @@
 }
 
 /* Selected cell followed by outside-month cell across adjacent table cells */
-.range-calendar__grid-body
-  td:has(> .range-calendar__cell[data-selected="true"]):has(
-    + td > .range-calendar__cell[data-outside-month="true"]
+.rp-range-calendar__grid-body
+  td:has(> .rp-range-calendar__cell[data-selected="true"]):has(
+    + td > .rp-range-calendar__cell[data-outside-month="true"]
   )
-  > .range-calendar__cell[data-selected="true"] {
+  > .rp-range-calendar__cell[data-selected="true"] {
   border-start-end-radius: var(--range-calendar-wrap-radius);
   border-end-end-radius: var(--range-calendar-wrap-radius);
 
@@ -416,7 +416,7 @@
 }
 
 /* Cell indicator - small dot at bottom center of cell */
-.range-calendar__cell-indicator {
+.rp-range-calendar__cell-indicator {
   @apply absolute bottom-1 left-1/2 size-[3px] -translate-x-1/2 rounded-xs;
 
   --range-calendar-cell-indicator-bg: var(--muted);

package/dist/components/scroll-shadow/scroll-shadow.styles.d.ts

@@ -1,70 +1,18 @@
-import type { VariantProps } from "tailwind-variants";
-export declare const scrollShadowVariants: import("tailwind-variants").TVReturnType<{
-    hideScrollBar: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-    variant: {
-        fade: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-}, undefined, {
-    hideScrollBar: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-    variant: {
-        fade: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-}, import("tailwind-variants").TVReturnTypeLike<{
-    hideScrollBar: {
-        false: {};
-        true: {
-            base: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-    variant: {
-        fade: {
-            base: string;
-        };
-    };
-}, {
-    base: string;
-}>>;
+import type { VariantProps } from "../../tv";
+export declare const scrollShadowVariants: (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;
+} & {
+    hideScrollBar?: boolean | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    variant?: "fade" | 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;
+    } & {
+        hideScrollBar?: boolean | undefined;
+        orientation?: "horizontal" | "vertical" | undefined;
+        variant?: "fade" | undefined;
+    }) | undefined) => string;
+};
 export type ScrollShadowVariants = VariantProps<typeof scrollShadowVariants>;
 //# sourceMappingURL=scroll-shadow.styles.d.ts.map

package/dist/components/scroll-shadow/scroll-shadow.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-shadow.styles.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-shadow/scroll-shadow.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAItD,eAAO,MAAM,oBAAoB;;QAW3B,KAAK;QACL,IAAI;YACF,IAAI;;;;QAIN,UAAU;YACR,IAAI;;QAEN,QAAQ;YACN,IAAI;;;;QAIN,IAAI;YACF,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIV,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"scroll-shadow.styles.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-shadow/scroll-shadow.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAI7C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;CA8B/B,CAAC;AAEH,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC,OAAO,oBAAoB,CAAC,CAAC"}

package/dist/components/scroll-shadow/scroll-shadow.styles.js

@@ -1,4 +1,4 @@
-import { tv } from "tailwind-variants";
+import { tv } from "../../tv.js";
 //#region src/components/scroll-shadow/scroll-shadow.styles.ts
 const scrollShadowVariants = tv({
 	defaultVariants: {
@@ -6,17 +6,17 @@ const scrollShadowVariants = tv({
 		orientation: "vertical",
 		variant: "fade"
 	},
-	slots: { base: "scroll-shadow" },
+	slots: { base: "rp-scroll-shadow" },
 	variants: {
 		hideScrollBar: {
 			false: {},
-			true: { base: "scroll-shadow--hide-scrollbar" }
+			true: { base: "rp-scroll-shadow--hide-scrollbar" }
 		},
 		orientation: {
-			horizontal: { base: "scroll-shadow--horizontal" },
-			vertical: { base: "scroll-shadow--vertical" }
+			horizontal: { base: "rp-scroll-shadow--horizontal" },
+			vertical: { base: "rp-scroll-shadow--vertical" }
 		},
-		variant: { fade: { base: "scroll-shadow--fade" } }
+		variant: { fade: { base: "rp-scroll-shadow--fade" } }
 	}
 });
 //#endregion

package/dist/components/scroll-shadow.css

@@ -1,22 +1,22 @@
 /* Base scroll-shadow component */
-.scroll-shadow {
+.rp-scroll-shadow {
   @apply relative;
   --scroll-shadow-size: 40px;
   --scroll-shadow-scrollbar-size: 10px;
 }
 
 /* Orientation: Vertical */
-.scroll-shadow--vertical {
+.rp-scroll-shadow--vertical {
   @apply scrollbar overflow-y-auto;
 }
 
 /* Orientation: Horizontal */
-.scroll-shadow--horizontal {
+.rp-scroll-shadow--horizontal {
   @apply scrollbar overflow-x-auto;
 }
 
 /* Variant: Fade - Vertical */
-.scroll-shadow--fade.scroll-shadow--vertical {
+.rp-scroll-shadow--fade.rp-scroll-shadow--vertical {
   &:where([data-top-scroll="true"], [data-bottom-scroll="true"], [data-top-bottom-scroll="true"]) {
     mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
     mask-position:
@@ -52,7 +52,7 @@
 }
 
 /* Variant: Fade - Horizontal */
-.scroll-shadow--fade.scroll-shadow--horizontal {
+.rp-scroll-shadow--fade.rp-scroll-shadow--horizontal {
   &:where([data-left-scroll="true"], [data-right-scroll="true"], [data-left-right-scroll="true"]) {
     mask-image: linear-gradient(var(--scroll-linear-gradient)), linear-gradient(#000, #000);
     mask-position:
@@ -97,7 +97,7 @@
   }
 }
 
-.scroll-shadow--hide-scrollbar {
+.rp-scroll-shadow--hide-scrollbar {
   @apply scrollbar-none;
   --scroll-shadow-scrollbar-size: 0px;
 }

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

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

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

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