tccd-ui 0.0.96 → 0.0.98

package/dist/index.d.mts

@@ -187,9 +187,10 @@ declare function SearchField({ value, onChange, placeholder, className, }: Searc
 
 declare function SuccessScreen({ title, message }: InfoScreenProps): react_jsx_runtime.JSX.Element;
 
-declare function TextAreaField({ label, value, placeholder, onChange, error, maxLength, id, }: {
+declare function TextAreaField({ label, labelClassName, value, placeholder, onChange, error, maxLength, id, }: {
     label: string;
     id: string;
+    labelClassName?: string;
     value: string;
     placeholder: string;
     maxLength?: number;

package/dist/index.d.ts

@@ -187,9 +187,10 @@ declare function SearchField({ value, onChange, placeholder, className, }: Searc
 
 declare function SuccessScreen({ title, message }: InfoScreenProps): react_jsx_runtime.JSX.Element;
 
-declare function TextAreaField({ label, value, placeholder, onChange, error, maxLength, id, }: {
+declare function TextAreaField({ label, labelClassName, value, placeholder, onChange, error, maxLength, id, }: {
     label: string;
     id: string;
+    labelClassName?: string;
     value: string;
     placeholder: string;
     maxLength?: number;

package/dist/index.js

@@ -1893,7 +1893,7 @@ function SearchField({
         value,
         onChange: (e) => onChange(e.target.value),
         placeholder,
-        className: `w-full rounded-2xl pl-12 pr-4 py-1.5 text-[14px] md:text-[15px] lg:text-[16px] border focus:border-primary focus:outline-none transition-all duration-300 ease-in-out ${dark ? "bg-gray-900 border-gray-600 placeholder-gray-400 text-white" : "bg-background/50 border-inactive-tab-text placeholder:text-muted-secondary"}`
+        className: `w-full rounded-2xl pl-12 pr-4 py-1.5 text-[14px] md:text-[15px] lg:text-[16px] border focus:border-primary focus:outline-none transition-all duration-300 ease-in-out ${dark ? "bg-gray-900 border-gray-600 placeholder-gray-400 text-white" : "bg-background/50 border-gray-400 placeholder:text-muted-secondary"}`
       }
     )
   ] }) });
@@ -1927,9 +1927,11 @@ function SuccessScreen({
 
 // src/components/TextAreaField.tsx
 var import_react20 = require("react");
+var import_tailwind_merge7 = require("tailwind-merge");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function TextAreaField({
   label,
+  labelClassName,
   value,
   placeholder,
   onChange,
@@ -1962,7 +1964,11 @@ function TextAreaField({
     onChange(e);
   }
   return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: `text-label text-[14px] md:text-[15px] lg:text-[16px] mb-2 font-semibold ${isDark ? "text-gray-200" : ""}`, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: (0, import_tailwind_merge7.twMerge)(
+      "text-[14px] md:text-[15px] lg:text-[16px] mb-2 font-semibold",
+      isDark ? "text-gray-200" : "text-label",
+      labelClassName
+    ), children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "textarea",
       {
@@ -2246,7 +2252,7 @@ function TimePicker({
           type: "button",
           onClick: () => !disabled && setIsOpen(!isOpen),
           disabled,
-          className: `w-full border-contrast rounded-full px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 border outline-none text-left text-xs sm:text-sm ${error ? dark ? "border-red-700 focus:border-red-600" : "border-red-300 focus:border-red-500 focus:ring-red-500/30" : dark ? "focus:border-primary border-gray-700" : "focus:border-primary"} ${disabled ? dark ? "bg-gray-700 cursor-not-allowed opacity-60" : "bg-gray-100 cursor-not-allowed opacity-60" : dark ? "bg-gray-900 cursor-pointer text-white" : "bg-white cursor-pointer"} transition-all duration-300 ease-in-out pr-8 sm:pr-10`,
+          className: `w-full border-gray-400 rounded-full px-3 sm:px-4 md:px-5 py-1.5 sm:py-2 border outline-none text-left text-xs sm:text-sm ${error ? dark ? "border-red-700 focus:border-red-600" : "border-red-300 focus:border-red-500 focus:ring-red-500/30" : dark ? "focus:border-primary border-gray-700" : "focus:border-primary"} ${disabled ? dark ? "bg-gray-700 cursor-not-allowed opacity-60" : "bg-gray-100 cursor-not-allowed opacity-60" : dark ? "bg-gray-900 cursor-pointer text-white" : "bg-white cursor-pointer"} transition-all duration-300 ease-in-out pr-8 sm:pr-10`,
           children: getDisplayTime()
         }
       ),