@purr-react-tailwindcss/components.label 0.0.1 → 0.0.2

package/dist/_components.d.ts

@@ -1,4 +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>;
+export declare const Label: React.MemoExoticComponent<({ children, required, disabled, hiddenLabel, isFocused, isError, variant, isLabelCollapsed, htmlAttributes, }: ILabelProps) => React.JSX.Element | null>;

package/dist/_types.d.ts

@@ -1,11 +1,7 @@
-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;
@@ -16,5 +12,4 @@ export interface ILabelProps {
     isLabelCollapsed?: boolean;
     isError?: boolean;
     htmlAttributes?: HTMLAttributes<HTMLSpanElement> & IExtendable;
-    classes?: ILabelClasses;
 }

package/dist/index.cjs

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

package/dist/index.js

@@ -1,22 +1,21 @@
-import { jsxs as p } from "react/jsx-runtime";
-import u from "clsx";
-import { memo as i } from "react";
-const s = i(
+import { jsxs as m } from "react/jsx-runtime";
+import r from "clsx";
+import { memo as p } from "react";
+const u = p(
   ({
-    children: x = "",
-    required: n = !1,
+    children: f = "",
+    required: x = !1,
     disabled: t = !1,
-    hiddenLabel: r = !1,
-    isFocused: o = !1,
+    hiddenLabel: o = !1,
+    isFocused: s = !1,
     isError: e = !1,
-    variant: f = "standard",
-    isLabelCollapsed: l = !1,
-    htmlAttributes: m,
-    classes: a
-  }) => r || !x ? null : /* @__PURE__ */ p(
+    variant: l = "standard",
+    isLabelCollapsed: a = !1,
+    htmlAttributes: n
+  }) => o || !f ? null : /* @__PURE__ */ m(
     "span",
     {
-      className: u(
+      className: r(
         "transition-all",
         "duration-200",
         "ease-in-out",
@@ -25,26 +24,25 @@ const s = i(
         "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"),
+        l === "standard" && (a ? "left-0 top-3 text-xs" : "left-0 text-base"),
+        l === "filled" && (a ? "left-3.5 top-3 text-xs" : "left-3.5 text-base"),
+        l === "outlined" && (a ? "left-3.5 top-3 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
+        !t && !e && s && "text-blue-300",
+        !t && !e && !s && "text-white",
+        "label"
       ),
-      ...m,
+      ...n,
       children: [
-        x,
+        f,
         " ",
-        n ? "*" : ""
+        x ? "*" : ""
       ]
     }
   )
 );
-s.displayName = "Label";
+u.displayName = "Label";
 export {
-  s as Label
+  u as Label
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-tailwindcss/components.label",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -24,7 +24,7 @@
     "typescript": "*",
     "react": "*",
     "clsx": "*",
-    "@purr-core/utils.definitions": "0.0.5"
+    "@purr-core/utils.definitions": "0.0.6"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",