@appcorp/app-corp-vista 0.0.4 → 0.0.6

package/molecules/vista-text-input-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaTextInputV1Props } from '../type/vista-text-input-type';
+export declare const VistaTextInputV1: FC<VistaTextInputV1Props>;

package/molecules/vista-text-input-v1.js

@@ -0,0 +1,28 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaTextInputV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaTextInputV1 = function (_a) {
+    var _b = _a.autoFocus, autoFocus = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, error = _a.error, handleOnChange = _a.handleOnChange, id = _a.id, info = _a.info, label = _a.label, optional = _a.optional, placeholder = _a.placeholder, _e = _a.required, required = _e === void 0 ? false : _e, prefix = _a.prefix, _f = _a.readOnly, readOnly = _f === void 0 ? false : _f, suffix = _a.suffix, _g = _a.type, type = _g === void 0 ? 'text' : _g, value = _a.value;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("div", { className: "flex justify-between" },
+            react_1.default.createElement("div", { className: "flex items-center gap-2" },
+                react_1.default.createElement("label", { htmlFor: id, className: "block text-sm/6 font-medium text-gray-900 dark:text-white" }, label),
+                required && react_1.default.createElement("sup", { className: "text-red-500" }, "*")),
+            optional && (react_1.default.createElement("span", { id: "".concat(id, "-optional"), className: "text-sm/6 text-gray-500" }, optional))),
+        react_1.default.createElement("div", { className: "relative mt-2" },
+            prefix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" },
+                react_1.default.createElement("span", { className: "text-gray-500 sm:text-sm" }, prefix))),
+            react_1.default.createElement("input", { autoComplete: id, className: "block w-full rounded-md border-0 bg-white/5 dark:bg-white/5 py-1.5 text-gray-900 dark:text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-primary disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-300 disabled:ring-gray-200 sm:text-sm/6 dark:disabled:bg-gray-800 dark:disabled:text-gray-400 dark:disabled:ring-gray-700 placeholder:text-gray-500 ".concat(prefix && 'pl-7', " ").concat(className), id: id, disabled: disabled, name: id, onChange: function (e) {
+                    return handleOnChange(id, e.target.value);
+                }, placeholder: placeholder, readOnly: readOnly, type: type, value: value, autoFocus: autoFocus }),
+            suffix && (react_1.default.createElement("div", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3" },
+                react_1.default.createElement("span", { id: "price-currency", className: "text-gray-500 sm:text-sm" }, suffix)))),
+        info && !error && (react_1.default.createElement("p", { id: "".concat(id, "-info"), className: "mt-2 text-sm text-indigo-500 dark:text-indigo-500" }, info)),
+        error && !info && (react_1.default.createElement("p", { id: "".concat(id, "-error"), className: "mt-2 text-sm text-red-500 dark:text-red-500" }, error))));
+};
+exports.VistaTextInputV1 = VistaTextInputV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -46,6 +46,7 @@
     "@storybook/addon-interactions": "8.4.7",
     "@storybook/addon-links": "8.4.7",
     "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
     "@storybook/blocks": "8.4.7",
     "@storybook/nextjs": "8.4.7",
     "@storybook/react": "8.4.7",
@@ -67,6 +68,7 @@
     "husky": "^9.1.7",
     "next": "^15.1.3",
     "next-intl": "^3.26.3",
+    "next-themes": "^0.4.4",
     "postcss": "^8",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",

package/providers/index.d.ts

@@ -0,0 +1,4 @@
+import React, { ReactNode } from 'react';
+export declare function Providers({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;

package/providers/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = Providers;
+var react_1 = __importDefault(require("react"));
+var next_themes_1 = require("next-themes");
+function Providers(_a) {
+    var children = _a.children;
+    return (react_1.default.createElement("main", { className: "font-primary" },
+        react_1.default.createElement(next_themes_1.ThemeProvider, { attribute: "class", defaultTheme: "light", enableSystem: true }, children)));
+}
+;

package/type/vista-text-input-type.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode, HTMLInputTypeAttribute } from "react";
+export interface VistaTextInputV1Props {
+    autoFocus?: boolean;
+    className?: string;
+    disabled?: boolean;
+    error?: string;
+    handleOnChange: (k: string, v: string) => void;
+    id: string;
+    info?: string;
+    label: string;
+    optional?: string;
+    placeholder: string;
+    prefix?: ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    suffix?: ReactNode;
+    type?: HTMLInputTypeAttribute;
+    value: string;
+}

package/type/vista-text-input-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });