@purr-react-tailwindcss/components.label 0.0.1

package/dist/_components.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ILabelProps } from './_types';
+
+export declare const Label: React.MemoExoticComponent<({ children, required, disabled, hiddenLabel, isFocused, isError, variant, isLabelCollapsed, htmlAttributes, classes, }: ILabelProps) => React.JSX.Element | null>;

package/dist/_types.d.ts

@@ -0,0 +1,20 @@
+import { ClassValue } from 'clsx';
+import { HTMLAttributes, ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+export type TLabelVariant = "outlined" | "filled" | "standard";
+export interface ILabelClasses {
+    container?: ClassValue;
+}
+export interface ILabelProps {
+    children?: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
+    isFocused?: boolean;
+    hiddenLabel?: boolean;
+    variant?: TLabelVariant;
+    isLabelCollapsed?: boolean;
+    isError?: boolean;
+    htmlAttributes?: HTMLAttributes<HTMLSpanElement> & IExtendable;
+    classes?: ILabelClasses;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("clsx"),b=require("react"),x=b.memo(({children:f="",required:o=!1,disabled:t=!1,hiddenLabel:u=!1,isFocused:r=!1,isError:e=!1,variant:l="standard",isLabelCollapsed:a=!1,htmlAttributes:s,classes:n})=>u||!f?null:i.jsxs("span",{className:m("transition-all","duration-200","ease-in-out","delay-100","absolute","top-1/2","transform","-translate-y-1/2",l==="standard"&&(a?"top-3 left-0 text-xs":"left-0 text-base"),l==="filled"&&(a?"top-3 left-3.5 text-xs":"left-3.5 text-base"),l==="outlined"&&(a?"top-3 left-3.5 text-xs":"left-3.5 text-base"),t&&"text-white/50",!t&&e&&"text-red-500",!t&&!e&&r&&"text-blue-300",!t&&!e&&!r&&"text-white","label",n==null?void 0:n.container),...s,children:[f," ",o?"*":""]}));x.displayName="Label";exports.Label=x;

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,50 @@
+import { jsxs as p } from "react/jsx-runtime";
+import u from "clsx";
+import { memo as i } from "react";
+const s = i(
+  ({
+    children: x = "",
+    required: n = !1,
+    disabled: t = !1,
+    hiddenLabel: r = !1,
+    isFocused: o = !1,
+    isError: e = !1,
+    variant: f = "standard",
+    isLabelCollapsed: l = !1,
+    htmlAttributes: m,
+    classes: a
+  }) => r || !x ? null : /* @__PURE__ */ p(
+    "span",
+    {
+      className: u(
+        "transition-all",
+        "duration-200",
+        "ease-in-out",
+        "delay-100",
+        "absolute",
+        "top-1/2",
+        "transform",
+        "-translate-y-1/2",
+        f === "standard" && (l ? "top-3 left-0 text-xs" : "left-0 text-base"),
+        f === "filled" && (l ? "top-3 left-3.5 text-xs" : "left-3.5 text-base"),
+        f === "outlined" && (l ? "top-3 left-3.5 text-xs" : "left-3.5 text-base"),
+        t && "text-white/50",
+        !t && e && "text-red-500",
+        !t && !e && o && "text-blue-300",
+        !t && !e && !o && "text-white",
+        "label",
+        a == null ? void 0 : a.container
+      ),
+      ...m,
+      children: [
+        x,
+        " ",
+        n ? "*" : ""
+      ]
+    }
+  )
+);
+s.displayName = "Label";
+export {
+  s as Label
+};

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@purr-react-tailwindcss/components.label",
+  "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"
+  }
+}