@rovula/ui 0.0.21 → 0.0.22

package/dist/components/TextInput/TextInput.styles.js

@@ -1,5 +1,5 @@
 import { cva } from "class-variance-authority";
-export var inputVariant = cva([
+export const inputVariant = cva([
     "border-0 outline-none",
     "p-1 flex w-auto box-border",
     "peer text-input-filled-text placeholder:text-transparent bg-transparent caret-primary",
@@ -128,7 +128,7 @@ export var inputVariant = cva([
         rightSectionIcon: false,
     },
 });
-export var labelVariant = cva([
+export const labelVariant = cva([
     "absolute block duration-450 transition-all px-[2px] text-input-default-text",
     "peer-focus:text-input-filled-text peer-focus:bg-input-label-bg", // TODO bg
 ], {
@@ -196,7 +196,7 @@ export var labelVariant = cva([
         hasSearchIcon: false,
     },
 });
-export var helperTextVariant = cva(["text-small1 flex flex-row items-center gap-1"], {
+export const helperTextVariant = cva(["text-small1 flex flex-row items-center gap-1"], {
     variants: {
         size: {
             sm: "mt-1",
@@ -217,7 +217,7 @@ export var helperTextVariant = cva(["text-small1 flex flex-row items-center gap-
         error: false,
     },
 });
-export var iconWrapperVariant = cva([
+export const iconWrapperVariant = cva([
     "absolute inset-y-0 right-0 items-center justify-center hidden peer-focus:flex",
 ], {
     variants: {
@@ -231,7 +231,7 @@ export var iconWrapperVariant = cva([
         size: "md",
     },
 });
-export var iconSearchWrapperVariant = cva(["absolute inset-y-0 left-0 items-center justify-center flex"], {
+export const iconSearchWrapperVariant = cva(["absolute inset-y-0 left-0 items-center justify-center flex"], {
     variants: {
         size: {
             sm: "ml-2",
@@ -243,7 +243,7 @@ export var iconSearchWrapperVariant = cva(["absolute inset-y-0 left-0 items-cent
         size: "md",
     },
 });
-export var iconVariant = cva([
+export const iconVariant = cva([
     "cursor-pointer z-50 fill-input-active-stroke hover:fill-input-default-text",
 ], {
     variants: {
@@ -257,7 +257,7 @@ export var iconVariant = cva([
         size: "md",
     },
 });
-export var sectionIconWrapperVariant = cva([
+export const sectionIconWrapperVariant = cva([
     "absolute items-center justify-center flex",
     "border-l border-l-input-default-stroke peer-hover:border-l-input-active-stroke peer-focus:border-l-input-active-stroke peer-disabled:border-l-input-disable-stroke",
     "fill-input-default-text peer-hover:fill-input-filled-text peer-focus:fill-input-filled-text peer-disabled:fill-input-disable-stroke",

package/dist/components/ThemeToggle.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from "react";
-var ThemeToggle = function () {
-    var _a = useState("default"), theme = _a[0], setTheme = _a[1];
-    var toggleTheme = function () {
+const ThemeToggle = () => {
+    const [theme, setTheme] = useState("default");
+    const toggleTheme = () => {
         if (theme === "default") {
             document.documentElement.classList.add("xspector");
             setTheme("xspector");