@purr-react-tailwindcss/components.helper-text 0.0.1

package/dist/_components.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { IHelperTextProps } from './_types';
+
+export declare const HelperText: React.MemoExoticComponent<({ classes, children, variant, isError, hasLabel, htmlAttributes, }: IHelperTextProps) => React.JSX.Element | null>;

package/dist/_types.d.ts

@@ -0,0 +1,16 @@
+import { ClassValue } from 'clsx';
+import { HTMLAttributes, ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+export type THelperTextVariant = "outlined" | "filled" | "standard";
+export interface IHelperTextClasses {
+    container?: ClassValue;
+}
+export interface IHelperTextProps {
+    classes?: IHelperTextClasses;
+    variant?: THelperTextVariant;
+    children?: ReactNode;
+    isError?: boolean;
+    hasLabel?: boolean;
+    htmlAttributes?: HTMLAttributes<HTMLSpanElement> & IExtendable;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),x=require("react"),r=x.memo(({classes:e,children:t="",variant:n="standard",isError:l=!1,hasLabel:o=!1,htmlAttributes:a})=>t?i.jsx("span",{className:u("inline-block","absolute","text-xs",o?"top-12":"top-14",n==="standard"?"left-0":"left-3.5",l?"text-red-500":"text-gray-200","helper-text",e==null?void 0:e.container),...a,children:t}):null);r.displayName="HelperText";exports.HelperText=r;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './_components';
+export * from './_types';

package/dist/index.js

@@ -0,0 +1,33 @@
+import { jsx as l } from "react/jsx-runtime";
+import m from "clsx";
+import { memo as n } from "react";
+const x = n(
+  ({
+    classes: t,
+    children: e = "",
+    variant: r = "standard",
+    isError: o = !1,
+    hasLabel: p = !1,
+    htmlAttributes: a
+  }) => e ? /* @__PURE__ */ l(
+    "span",
+    {
+      className: m(
+        "inline-block",
+        "absolute",
+        "text-xs",
+        p ? "top-12" : "top-14",
+        r === "standard" ? "left-0" : "left-3.5",
+        o ? "text-red-500" : "text-gray-200",
+        "helper-text",
+        t == null ? void 0 : t.container
+      ),
+      ...a,
+      children: e
+    }
+  ) : null
+);
+x.displayName = "HelperText";
+export {
+  x as HelperText
+};

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@purr-react-tailwindcss/components.helper-text",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "typescript": "*",
+    "react": "*",
+    "clsx": "*",
+    "@purr-core/utils.definitions": "0.0.5"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}