@rovula/ui 0.0.21 → 0.0.23

package/dist/components/TextInput/TextInput.stories.js

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from "react";
 import TextInput from "./TextInput";
 import { CalendarIcon } from "@heroicons/react/16/solid";
 // More on how to set up stories at: https://storybook.js.org/docs/7.0/react/writing-stories/introduction
-var meta = {
+const meta = {
     title: "Components/TextInput",
     component: TextInput,
     tags: ["autodocs"],
@@ -23,52 +12,52 @@ var meta = {
         layout: "fullscreen",
     },
     decorators: [
-        function (Story) { return (_jsx("div", { className: "p-5 flex w-full bg-[rgb(var(--base-bg-2))] ", children: _jsx(Story, {}) })); },
+        (Story) => (_jsx("div", { className: "p-5 flex w-full bg-[rgb(var(--base-bg-2))] ", children: _jsx(Story, {}) })),
     ],
 };
 export default meta;
-export var Default = {
+export const Default = {
     args: {
         label: "Lorem Ipsum",
         // value: "Lorem Ipsum",
         fullwidth: true,
     },
-    render: function (args) {
+    render: (args) => {
         console.log("args ", args);
-        var props = __assign({}, args);
-        return (_jsxs("div", { className: "flex flex-row gap-4 w-full", children: [_jsx(TextInput, __assign({ id: "1", size: "lg" }, args)), _jsx(TextInput, __assign({ id: "2", size: "md" }, args)), _jsx(TextInput, __assign({ id: "3", size: "sm" }, args))] }));
+        const props = Object.assign({}, args);
+        return (_jsxs("div", { className: "flex flex-row gap-4 w-full", children: [_jsx(TextInput, Object.assign({ id: "1", size: "lg" }, args)), _jsx(TextInput, Object.assign({ id: "2", size: "md" }, args)), _jsx(TextInput, Object.assign({ id: "3", size: "sm" }, args))] }));
     },
 };
-var InputWithRef = function (props) {
-    var inputRef = useRef(null);
-    return (_jsx(TextInput, __assign({ id: "1", size: "lg" }, props, { ref: inputRef, labelClassName: "peer-focus:bg-red-500", onKeyDown: function (e) {
+const InputWithRef = (props) => {
+    const inputRef = useRef(null);
+    return (_jsx(TextInput, Object.assign({ id: "1", size: "lg" }, props, { ref: inputRef, labelClassName: "peer-focus:bg-red-500", onKeyDown: (e) => {
             var _a, _b;
             if (e.code === "Enter") {
                 (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur) === null || _b === void 0 ? void 0 : _b.call(_a);
             }
         } })));
 };
-export var CustomLabel = {
+export const CustomLabel = {
     args: {
         label: "Lorem Ipsum",
         // value: "Lorem Ipsum",
         fullwidth: true,
     },
-    render: function (args) {
+    render: (args) => {
         console.log("args ", args);
-        var props = __assign({}, args);
-        return (_jsxs("div", { className: "flex flex-row gap-4 w-full", children: [_jsx(TextInput, __assign({ id: "1", size: "lg" }, args, { labelClassName: "peer-focus:bg-red-500" })), _jsx(InputWithRef, __assign({ id: "2", size: "md" }, args)), _jsx(TextInput, __assign({ id: "3", size: "sm" }, args))] }));
+        const props = Object.assign({}, args);
+        return (_jsxs("div", { className: "flex flex-row gap-4 w-full", children: [_jsx(TextInput, Object.assign({ id: "1", size: "lg" }, args, { labelClassName: "peer-focus:bg-red-500" })), _jsx(InputWithRef, Object.assign({ id: "2", size: "md" }, args)), _jsx(TextInput, Object.assign({ id: "3", size: "sm" }, args))] }));
     },
 };
-export var FuctionInput = {
+export const FuctionInput = {
     args: {
         label: "Placeholder Text",
         value: "dsdsds",
         disabled: true,
     },
-    render: function (args) {
+    render: (args) => {
         console.log("args ", args);
-        var props = __assign({}, args);
-        return (_jsxs("div", { className: "flex flex-row gap-4 w-full", children: [_jsx(TextInput, __assign({ id: "1", size: "lg" }, args, { endIcon: _jsx(CalendarIcon, { className: "size-full", fill: "inherit" }) })), _jsx(TextInput, __assign({ id: "2", size: "md" }, args, { endIcon: _jsx(CalendarIcon, { className: "size-full", fill: "inherit" }) })), _jsx(TextInput, __assign({ id: "3", size: "sm" }, args, { endIcon: _jsx(CalendarIcon, { className: "size-full", fill: "inherit" }) }))] }));
+        const props = Object.assign({}, args);
+        return (_jsxs("div", { className: "flex flex-row gap-4 w-full", children: [_jsx(TextInput, Object.assign({ id: "1", size: "lg" }, args, { endIcon: _jsx(CalendarIcon, { className: "size-full", fill: "inherit" }) })), _jsx(TextInput, Object.assign({ id: "2", size: "md" }, args, { endIcon: _jsx(CalendarIcon, { className: "size-full", fill: "inherit" }) })), _jsx(TextInput, Object.assign({ id: "3", size: "sm" }, args, { endIcon: _jsx(CalendarIcon, { className: "size-full", fill: "inherit" }) }))] }));
     },
 };

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");