@versini/ui-pill 5.0.3 → 5.1.0

package/dist/index.d.ts

@@ -1,29 +1,29 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const PILL_CLASSNAME = "av-pill";
-
-type PillProps = {
-	/**
-	 * Content of the Pill.
-	 */
-	label: string;
-	/**
-	 * CSS class(es) to add to the main component wrapper.
-	 */
-	className?: string;
-	/**
-	 * Hidden label adjacent to the pill text to provide added
-	 * context for screen reader users, ideally no more
-	 * than 2-3 words.
-	 */
-	description?: string;
-	/**
-	 * Theme of the Pill.
-	 * @default "information"
-	 */
-	variant?: "information" | "warning" | "error" | "success";
-};
-
-declare const Pill: ({ label, className, variant, description, }: PillProps) => react_jsx_runtime.JSX.Element;
-
-export { PILL_CLASSNAME, Pill };
+import { JSX } from 'react/jsx-runtime';
+
+export declare const Pill: ({ label, className, variant, description, }: PillProps) => JSX.Element;
+
+export declare const PILL_CLASSNAME = "av-pill";
+
+declare type PillProps = {
+    /**
+     * Content of the Pill.
+     */
+    label: string;
+    /**
+     * CSS class(es) to add to the main component wrapper.
+     */
+    className?: string;
+    /**
+     * Hidden label adjacent to the pill text to provide added
+     * context for screen reader users, ideally no more
+     * than 2-3 words.
+     */
+    description?: string;
+    /**
+     * Theme of the Pill.
+     * @default "information"
+     */
+    variant?: "information" | "warning" | "error" | "success";
+};
+
+export { }

package/dist/index.js

@@ -1,18 +1,92 @@
-import { PILL_CLASSNAME as o, Pill as I } from "./components/Pill/Pill.js";
 /*!
-  @versini/ui-pill v5.0.3
+  @versini/ui-pill v5.1.0
   © 2025 gizmette.com
 */
 try {
-  window.__VERSINI_UI_PILL__ || (window.__VERSINI_UI_PILL__ = {
-    version: "5.0.3",
-    buildTime: "10/20/2025 07:56 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
+  if (!window.__VERSINI_UI_PILL__) {
+    window.__VERSINI_UI_PILL__ = {
+      version: "5.1.0",
+      buildTime: "11/04/2025 03:45 PM EST",
+      homepage: "https://github.com/aversini/ui-components",
+      license: "MIT",
+    };
+  }
+} catch (error) {
+  // nothing to declare officer
 }
-export {
-  o as PILL_CLASSNAME,
-  I as Pill
+
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+
+;// CONCATENATED MODULE: ./src/common/constants.ts
+const PILL_CLASSNAME = "av-pill";
+
+;// CONCATENATED MODULE: external "react/jsx-runtime"
+
+;// CONCATENATED MODULE: external "clsx"
+
+;// CONCATENATED MODULE: ./src/components/Pill/utilities.ts
+
+
+const getPillBorderClasses = ({ variant })=>{
+    return clsx("rounded-xs border", {
+        "border-border-information": variant === "information",
+        "border-border-warning": variant === "warning",
+        "border-border-success": variant === "success",
+        "border-border-error": variant === "error"
+    });
 };
+const getPillCopyClasses = ({ variant })=>{
+    return clsx("not-prose", {
+        "text-copy-information": variant === "information",
+        "text-copy-warning": variant === "warning",
+        "text-copy-success": variant === "success",
+        "text-copy-error": variant === "error"
+    });
+};
+const getPillBackgroundClasses = ({ variant })=>{
+    return clsx({
+        "bg-surface-information": variant === "information",
+        "bg-surface-warning": variant === "warning",
+        "bg-surface-success": variant === "success",
+        "bg-surface-error": variant === "error"
+    });
+};
+const getPillClasses = (props)=>{
+    const { className, variant } = props;
+    return clsx(PILL_CLASSNAME, "px-2 py-0.5 text-xs", getPillBorderClasses({
+        variant
+    }), getPillCopyClasses({
+        variant
+    }), getPillBackgroundClasses(props), className);
+};
+
+;// CONCATENATED MODULE: ./src/components/Pill/Pill.tsx
+
+
+const Pill = ({ label, className, variant = "information", description })=>{
+    const pillClassName = getPillClasses({
+        label,
+        className,
+        variant
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        role: "text",
+        className: pillClassName,
+        children: [
+            description && /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: description
+            }),
+            /*#__PURE__*/ jsx("span", {
+                children: label
+            })
+        ]
+    });
+};
+
+;// CONCATENATED MODULE: ./src/components/index.ts
+
+
+
+export { PILL_CLASSNAME, Pill };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-pill",
-	"version": "5.0.3",
+	"version": "5.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -20,13 +20,13 @@
 	],
 	"scripts": {
 		"build:check": "tsc",
-		"build:js": "vite build",
-		"build:types": "tsup",
-		"build": "npm-run-all --serial clean build:check build:js build:types",
+		"build:js": "rslib build",
+		"build:types": "echo 'Types now built with rslib'",
+		"build": "npm-run-all --serial clean build:check build:js",
 		"clean": "rimraf dist tmp",
-		"dev:js": "vite build --watch --mode development",
-		"dev:types": "tsup --watch src",
-		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"dev:js": "rslib build --watch",
+		"dev:types": "echo 'Types now watched with rslib'",
+		"dev": "rslib build --watch",
 		"lint": "biome lint src",
 		"lint:fix": "biome check src --write --no-errors-on-unmatched",
 		"prettier": "biome check --write --no-errors-on-unmatched",
@@ -42,10 +42,10 @@
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.19",
 		"clsx": "2.1.1",
-		"tailwindcss": "4.1.15"
+		"tailwindcss": "4.1.16"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "83222981436f0aa6a5885586df15430f32c23e43"
+	"gitHead": "7484ad443b77ef31e52ae3a7d88b8129bc6cdf1d"
 }

package/dist/components/Pill/Pill.js

@@ -1,46 +0,0 @@
-import { jsxs as l, jsx as c } from "react/jsx-runtime";
-import e from "clsx";
-const i = "av-pill", a = ({ variant: r }) => e("rounded-xs border", {
-  "border-border-information": r === "information",
-  "border-border-warning": r === "warning",
-  "border-border-success": r === "success",
-  "border-border-error": r === "error"
-}), u = ({ variant: r }) => e("not-prose", {
-  "text-copy-information": r === "information",
-  "text-copy-warning": r === "warning",
-  "text-copy-success": r === "success",
-  "text-copy-error": r === "error"
-}), d = ({ variant: r }) => e({
-  "bg-surface-information": r === "information",
-  "bg-surface-warning": r === "warning",
-  "bg-surface-success": r === "success",
-  "bg-surface-error": r === "error"
-}), g = (r) => {
-  const { className: o, variant: s } = r;
-  return e(
-    i,
-    "px-2 py-0.5 text-xs",
-    a({ variant: s }),
-    u({ variant: s }),
-    d(r),
-    o
-  );
-}, f = ({
-  label: r,
-  className: o,
-  variant: s = "information",
-  description: n
-}) => {
-  const t = g({
-    className: o,
-    variant: s
-  });
-  return /* @__PURE__ */ l("div", { role: "text", className: t, children: [
-    n && /* @__PURE__ */ c("span", { className: "sr-only", children: n }),
-    /* @__PURE__ */ c("span", { children: r })
-  ] });
-};
-export {
-  i as PILL_CLASSNAME,
-  f as Pill
-};