@purr-react-tailwindcss/components.post-adornment 0.0.1

package/dist/_components.d.ts

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

package/dist/_types.d.ts

@@ -0,0 +1,17 @@
+import { ClassValue } from 'clsx';
+import { HTMLAttributes, ReactNode } from 'react';
+import { IExtendable } from '@purr-core/utils.definitions';
+
+export type TPostAdornmentVariant = "outlined" | "filled" | "standard";
+export interface IPostAdornmentClasses {
+    container?: ClassValue;
+}
+export interface IPostAdornmentProps {
+    classes?: IPostAdornmentClasses;
+    variant?: TPostAdornmentVariant;
+    children?: ReactNode;
+    clearIcon?: ReactNode;
+    hasLabel?: boolean;
+    htmlAttributes?: HTMLAttributes<HTMLSpanElement & HTMLButtonElement> & IExtendable;
+    clear?: () => void;
+}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("clsx"),l=require("react"),p=require("@purr-react-tailwindcss/components.icon"),u=l.memo(({classes:t,children:o=null,variant:r="standard",clearIcon:m=null,hasLabel:e=!1,htmlAttributes:i,clear:a})=>a?n.jsx("button",{className:d("flex","absolute","text-white","top-1/2","transform","-translate-y-1/2","bg-transparent","outline-none","border-none",r==="standard"?"right-0":"right-3.5","post-adornment",t==null?void 0:t.container),style:e?{top:"calc(50% + 6px)"}:void 0,onClick:a,...i,children:m??n.jsx(p.Icon,{name:"x"})}):o?n.jsx("span",{className:d("flex","absolute","text-white","top-1/2","transform","-translate-y-1/2",r==="standard"?"right-0":"right-3.5","post-adornment",t==null?void 0:t.container),style:e?{top:"calc(50% + 6px)"}:void 0,...i,children:o}):null);u.displayName="PostAdornment";exports.PostAdornment=u;

package/dist/index.d.ts

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

package/dist/index.js

@@ -0,0 +1,59 @@
+import { jsx as o } from "react/jsx-runtime";
+import i from "clsx";
+import { memo as d } from "react";
+import { Icon as f } from "@purr-react-tailwindcss/components.icon";
+const l = d(
+  ({
+    classes: t,
+    children: n = null,
+    variant: r = "standard",
+    clearIcon: p = null,
+    hasLabel: e = !1,
+    htmlAttributes: m,
+    clear: a
+  }) => a ? /* @__PURE__ */ o(
+    "button",
+    {
+      className: i(
+        "flex",
+        "absolute",
+        "text-white",
+        "top-1/2",
+        "transform",
+        "-translate-y-1/2",
+        "bg-transparent",
+        "outline-none",
+        "border-none",
+        r === "standard" ? "right-0" : "right-3.5",
+        "post-adornment",
+        t == null ? void 0 : t.container
+      ),
+      style: e ? { top: "calc(50% + 6px)" } : void 0,
+      onClick: a,
+      ...m,
+      children: p ?? /* @__PURE__ */ o(f, { name: "x" })
+    }
+  ) : n ? /* @__PURE__ */ o(
+    "span",
+    {
+      className: i(
+        "flex",
+        "absolute",
+        "text-white",
+        "top-1/2",
+        "transform",
+        "-translate-y-1/2",
+        r === "standard" ? "right-0" : "right-3.5",
+        "post-adornment",
+        t == null ? void 0 : t.container
+      ),
+      style: e ? { top: "calc(50% + 6px)" } : void 0,
+      ...m,
+      children: n
+    }
+  ) : null
+);
+l.displayName = "PostAdornment";
+export {
+  l as PostAdornment
+};

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@purr-react-tailwindcss/components.post-adornment",
+  "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",
+    "@purr-react-tailwindcss/components.icon": "0.0.1"
+  },
+  "author": "@DinhThienPhuc",
+  "license": "ISC",
+  "description": "",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --max-warnings 0"
+  }
+}