@adam-milo/ui 1.0.20 → 1.0.21

package/dist/index8.js

@@ -1,81 +1,95 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import { forwardRef as j, useId as C, useRef as g, useCallback as k } from "react";
-import { cn as y } from "./index17.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useId, useRef, useCallback } from "react";
+import { cn } from "./index17.js";
 /* empty css        */
-const x = j(
+const Radio = forwardRef(
   ({
-    label: d,
-    error: r,
-    helperText: o,
-    className: _,
-    id: f,
-    required: n,
-    disabled: l,
-    checked: $,
-    "data-cy": h,
-    "data-testid": N,
-    ...R
-  }, a) => {
-    const b = C(), e = f || b, p = `${e}-error`, m = `${e}-helper`, t = h || "radio", i = N || "radio", w = g(null), I = k(
-      (c) => {
-        w.current = c, a && (typeof a == "function" ? a(c) : "current" in a && (a.current = c));
+    label,
+    error,
+    helperText,
+    className,
+    id: providedId,
+    required,
+    disabled,
+    checked,
+    "data-cy": dataCy,
+    "data-testid": dataTestId,
+    ...props
+  }, ref) => {
+    const generatedId = useId();
+    const id = providedId || generatedId;
+    const errorId = `${id}-error`;
+    const helperId = `${id}-helper`;
+    const finalDataCy = dataCy || "radio";
+    const finalTestId = dataTestId || "radio";
+    const internalRef = useRef(null);
+    const combinedRef = useCallback(
+      (element) => {
+        internalRef.current = element;
+        if (!ref) return;
+        if (typeof ref === "function") {
+          ref(element);
+        } else if ("current" in ref) {
+          ref.current = element;
+        }
       },
-      [a]
-    ), v = d && n && !d.includes("*") ? `${d} *` : d;
-    return /* @__PURE__ */ u(
+      [ref]
+    );
+    const displayLabel = label && required && !label.includes("*") ? `${label} *` : label;
+    return /* @__PURE__ */ jsxs(
       "div",
       {
-        className: y("radio-wrapper", l && "radio-wrapper--disabled"),
-        "data-cy": `${t}-wrapper`,
-        "data-testid": `${i}-wrapper`,
+        className: cn("radio-wrapper", disabled && "radio-wrapper--disabled"),
+        "data-cy": `${finalDataCy}-wrapper`,
+        "data-testid": `${finalTestId}-wrapper`,
         children: [
-          /* @__PURE__ */ u("div", { className: "radio__container", children: [
-            /* @__PURE__ */ s(
+          /* @__PURE__ */ jsxs("div", { className: "radio__container", children: [
+            /* @__PURE__ */ jsx(
               "input",
               {
-                ref: I,
-                id: e,
+                ref: combinedRef,
+                id,
                 type: "radio",
-                checked: $,
-                className: y("radio__input", r && "radio__input--error", _),
-                "aria-describedby": r ? p : o ? m : void 0,
-                "data-cy": t,
-                "data-testid": i,
-                disabled: l,
-                required: n,
-                ...R
+                checked,
+                className: cn("radio__input", error && "radio__input--error", className),
+                "aria-describedby": error ? errorId : helperText ? helperId : void 0,
+                "data-cy": finalDataCy,
+                "data-testid": finalTestId,
+                disabled,
+                required,
+                ...props
               }
             ),
-            d && /* @__PURE__ */ s(
+            label && /* @__PURE__ */ jsx(
               "label",
               {
-                htmlFor: e,
+                htmlFor: id,
                 className: "radio__label",
-                "data-cy": `${t}-label`,
-                "data-testid": `${i}-label`,
-                children: v
+                "data-cy": `${finalDataCy}-label`,
+                "data-testid": `${finalTestId}-label`,
+                children: displayLabel
               }
             )
           ] }),
-          r && /* @__PURE__ */ s(
+          error && /* @__PURE__ */ jsx(
             "span",
             {
-              id: p,
+              id: errorId,
               className: "radio__error",
               role: "alert",
-              "data-cy": `${t}-error`,
-              "data-testid": `${i}-error`,
-              children: r
+              "data-cy": `${finalDataCy}-error`,
+              "data-testid": `${finalTestId}-error`,
+              children: error
             }
           ),
-          o && !r && /* @__PURE__ */ s(
+          helperText && !error && /* @__PURE__ */ jsx(
             "span",
             {
-              id: m,
+              id: helperId,
               className: "radio__helper",
-              "data-cy": `${t}-helper`,
-              "data-testid": `${i}-helper`,
-              children: o
+              "data-cy": `${finalDataCy}-helper`,
+              "data-testid": `${finalTestId}-helper`,
+              children: helperText
             }
           )
         ]
@@ -83,7 +97,7 @@ const x = j(
     );
   }
 );
-x.displayName = "Radio";
+Radio.displayName = "Radio";
 export {
-  x as Radio
+  Radio
 };

package/dist/index9.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),b=require("react"),T=require("@radix-ui/react-tabs"),g=require("./index17.cjs");;/* empty css          */function m(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const n=m(T),u=n.Root,f=b.forwardRef(({className:a,"data-cy":t,"data-testid":e,...s},r)=>{const i=t||"tabs-list",c=e||"tabs-list";return d.jsx(n.List,{ref:r,className:g.cn("tabs-list",a),"data-cy":i,"data-testid":c,...s})});f.displayName=n.List.displayName;const l=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-trigger-${t}`:"tabs-trigger"),o=s||(t?`tabs-trigger-${t}`:"tabs-trigger");return d.jsx(n.Trigger,{ref:i,className:g.cn("tabs-trigger",a),value:t,"data-cy":c,"data-testid":o,...r})});l.displayName=n.Trigger.displayName;const y=b.forwardRef(({className:a,value:t,"data-cy":e,"data-testid":s,...r},i)=>{const c=e||(t?`tabs-content-${t}`:"tabs-content"),o=s||(t?`tabs-content-${t}`:"tabs-content");return d.jsx(n.Content,{ref:i,className:g.cn("tabs-content",a),value:t,"data-cy":c,"data-testid":o,...r})});y.displayName=n.Content.displayName;exports.Tabs=u;exports.TabsContent=y;exports.TabsList=f;exports.TabsTrigger=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index17.cjs");function r(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)};/* empty css          */const i=r(a),n=i.Root,c=e.forwardRef(({className:e,"data-cy":a,"data-testid":r,...n},c)=>{const o=a||"tabs-list",d=r||"tabs-list";return t.jsx(i.List,{ref:c,className:s.cn("tabs-list",e),"data-cy":o,"data-testid":d,...n})});c.displayName=i.List.displayName;const o=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-trigger-${a}`:"tabs-trigger"),l=n||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(i.Trigger,{ref:o,className:s.cn("tabs-trigger",e),value:a,"data-cy":d,"data-testid":l,...c})});o.displayName=i.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":r,"data-testid":n,...c},o)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),l=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(i.Content,{ref:o,className:s.cn("tabs-content",e),value:a,"data-cy":d,"data-testid":l,...c})});d.displayName=i.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;

package/dist/index9.js

@@ -1,61 +1,65 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import * as a from "@radix-ui/react-tabs";
-import { cn as b } from "./index17.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "./index17.js";
 /* empty css        */
-const C = a.Root, g = m(
-  ({ className: s, "data-cy": t, "data-testid": i, ...n }, r) => {
-    const e = t || "tabs-list", o = i || "tabs-list";
-    return /* @__PURE__ */ c(
-      a.List,
+const Tabs = TabsPrimitive.Root;
+const TabsList = forwardRef(
+  ({ className, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || "tabs-list";
+    const finalTestId = dataTestId || "tabs-list";
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.List,
       {
-        ref: r,
-        className: b("tabs-list", s),
-        "data-cy": e,
-        "data-testid": o,
-        ...n
+        ref,
+        className: cn("tabs-list", className),
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-g.displayName = a.List.displayName;
-const y = m(
-  ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
-    const o = i || (t ? `tabs-trigger-${t}` : "tabs-trigger"), d = n || (t ? `tabs-trigger-${t}` : "tabs-trigger");
-    return /* @__PURE__ */ c(
-      a.Trigger,
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = forwardRef(
+  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || (value ? `tabs-trigger-${value}` : "tabs-trigger");
+    const finalTestId = dataTestId || (value ? `tabs-trigger-${value}` : "tabs-trigger");
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Trigger,
       {
-        ref: e,
-        className: b("tabs-trigger", s),
-        value: t,
-        "data-cy": o,
-        "data-testid": d,
-        ...r
+        ref,
+        className: cn("tabs-trigger", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-y.displayName = a.Trigger.displayName;
-const f = m(
-  ({ className: s, value: t, "data-cy": i, "data-testid": n, ...r }, e) => {
-    const o = i || (t ? `tabs-content-${t}` : "tabs-content"), d = n || (t ? `tabs-content-${t}` : "tabs-content");
-    return /* @__PURE__ */ c(
-      a.Content,
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = forwardRef(
+  ({ className, value, "data-cy": dataCy, "data-testid": dataTestId, ...props }, ref) => {
+    const finalDataCy = dataCy || (value ? `tabs-content-${value}` : "tabs-content");
+    const finalTestId = dataTestId || (value ? `tabs-content-${value}` : "tabs-content");
+    return /* @__PURE__ */ jsx(
+      TabsPrimitive.Content,
       {
-        ref: e,
-        className: b("tabs-content", s),
-        value: t,
-        "data-cy": o,
-        "data-testid": d,
-        ...r
+        ref,
+        className: cn("tabs-content", className),
+        value,
+        "data-cy": finalDataCy,
+        "data-testid": finalTestId,
+        ...props
       }
     );
   }
 );
-f.displayName = a.Content.displayName;
+TabsContent.displayName = TabsPrimitive.Content.displayName;
 export {
-  C as Tabs,
-  f as TabsContent,
-  g as TabsList,
-  y as TabsTrigger
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
 };

package/dist/src/lib/dev-utils.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Development-only utilities
+ * These functions are optimized away in production builds
+ */
+/**
+ * Logs a warning message only in development mode
+ * In production builds, this function call is stripped by the bundler
+ *
+ * @param message - The warning message to display
+ *
+ * @example
+ * ```typescript
+ * devWarn('Component: Invalid prop value provided');
+ * ```
+ */
+export declare const devWarn: (message: string) => void;
+/**
+ * Logs an error message only in development mode
+ * In production builds, this function call is stripped by the bundler
+ *
+ * @param message - The error message to display
+ *
+ * @example
+ * ```typescript
+ * devError('Component: Critical error occurred');
+ * ```
+ */
+export declare const devError: (message: string) => void;
+/**
+ * Logs an info message only in development mode
+ * In production builds, this function call is stripped by the bundler
+ *
+ * @param message - The info message to display
+ *
+ * @example
+ * ```typescript
+ * devLog('Component: Rendering with props:', props);
+ * ```
+ */
+export declare const devLog: (message: string, ...args: unknown[]) => void;
+//# sourceMappingURL=dev-utils.d.ts.map

package/dist/src/lib/dev-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-utils.d.ts","sourceRoot":"","sources":["../../../src/lib/dev-utils.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,GAAI,SAAS,MAAM,KAAG,IAIzC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,SAAS,MAAM,KAAG,IAI1C,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,GAAI,SAAS,MAAM,EAAE,GAAG,MAAM,OAAO,EAAE,KAAG,IAI5D,CAAC"}

package/dist/src/lib/index.d.ts

@@ -1,6 +1,17 @@
+import { ClassValue } from 'clsx';
+
 /**
- * Combines class names conditionally
+ * Combines class names conditionally with proper Tailwind class merging
+ * Uses clsx for conditional classes and tailwind-merge to resolve conflicts
+ *
+ * @example
+ * ```typescript
+ * cn('text-red-500', 'text-blue-500') // => 'text-blue-500' (last class wins)
+ * cn('p-4', undefined, false, 'bg-white') // => 'p-4 bg-white'
+ * cn({ 'hidden': isHidden, 'block': !isHidden }) // => 'hidden' or 'block'
+ * ```
  */
-export declare function cn(...classes: (string | undefined | null | false)[]): string;
+export declare function cn(...inputs: ClassValue[]): string;
 export declare function generateId(prefix?: string): string;
+export { devWarn, devError, devLog } from './dev-utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,GAAG,MAAM,CAE5E;AAMD,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;;;;;;;;;GAUG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAMD,wBAAgB,UAAU,CAAC,MAAM,SAAO,GAAG,MAAM,CAGhD;AAGD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adam-milo/ui",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "type": "module",
   "description": "Adam Milo Design System - UI Component Library",
   "keywords": [
@@ -63,7 +63,8 @@
     "@adam-milo/tokens": "*",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-tabs": "^1.0.4",
-    "clsx": "^2.1.0"
+    "clsx": "^2.1.0",
+    "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.1.5",
@@ -81,6 +82,7 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.4.0",
     "tailwindcss-rtl": "^0.9.0",
+    "terser": "^5.44.1",
     "typescript": "^5.3.0",
     "vite": "^5.0.8",
     "vite-plugin-dts": "^3.7.0",