tccd-ui 0.0.82 → 0.0.84

package/dist/index.js

@@ -769,7 +769,9 @@ function DropdownMenu({
           ref: buttonRef,
           onClick: () => !disabled && setIsOpen(!isOpen),
           disabled,
-          className: `flex items-center justify-between w-full text-left bg-transparent border-gray-400 dark:border-gray-600 rounded-2xl px-2 py-1.5 md:px-3 md:py-2 border outline-none ${error ? "border-red-300 focus:border-red-500 focus:ring-red-500/30 dark:border-red-700 dark:focus:border-red-600" : "focus:border-primary dark:focus:border-primary"} transition-all duration-300 ease-in-out text-sm dark:bg-gray-900 dark:text-white ${!selectedOption ? "text-gray-400 dark:text-gray-400" : ""} ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
+          className: `flex items-center justify-between w-full text-left bg-transparent border-gray-400 dark:border-gray-600 px-2 py-1.5 md:px-3 md:py-2 border outline-none 
+            ${isOpen ? "rounded-t-xl" : "rounded-xl"}
+            ${error ? "border-red-300 focus:border-red-500 focus:ring-red-500/30 dark:border-red-700 dark:focus:border-red-600" : "focus:border-primary dark:focus:border-primary"} transition-all duration-300 ease-in-out text-sm dark:bg-gray-900 dark:text-white ${!selectedOption ? "text-gray-400 dark:text-gray-400" : ""} ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`,
           children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "truncate w-full text-center", children: selectedOption ? selectedOption.label : placeholder })
         }
       ),
@@ -786,7 +788,7 @@ function DropdownMenu({
         {
           ref: dropdownRef,
           style: menuStyles,
-          className: "bg-background border border-secondary/30 rounded-xl shadow-lg max-h-60 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-background [&::-webkit-scrollbar-thumb]:bg-secondary/30 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:hover:bg-secondary/50",
+          className: "bg-background border border-secondary/30 rounded-b-xl shadow-lg max-h-60 overflow-y-auto [&::-webkit-scrollbar]:w-2 [&::-webkit-scrollbar-track]:bg-background [&::-webkit-scrollbar-thumb]:bg-secondary/30 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:hover:bg-secondary/50",
           children: options.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "px-3 py-2 text-sm text-text", children: "No options available" }) : options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "button",
             {
@@ -1121,6 +1123,10 @@ function FullScreenViewer({ isOpen, items, index, setIndex, onClose }) {
   );
 }
 
+// src/config.ts
+var import_meta = {};
+var ENABLE_DARK_MODE = import_meta.env.VITE_ENABLE_DARK_MODE === "true";
+
 // src/components/InputField.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function InputField({
@@ -1131,8 +1137,15 @@ function InputField({
   error,
   id
 }) {
+  const dark = ENABLE_DARK_MODE;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-label dark:text-gray-200 text-[14px] md:text-[15px] lg:text-[16px] mb-2 font-semibold", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "label",
+      {
+        className: dark ? "text-gray-200 text-[14px] md:text-[15px] lg:text-[16px] mb-2 font-semibold" : "text-label text-[14px] md:text-[15px] lg:text-[16px] mb-2 font-semibold",
+        children: label
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "input",
       {
@@ -1140,7 +1153,7 @@ function InputField({
         value,
         placeholder,
         onChange: (e) => onChange(e),
-        className: `border-gray-400 dark:border-gray-600 rounded-2xl px-2 py-1.5 md:px-3 md:py-2 border outline-none ${error ? "border-red-300 focus:border-red-500 focus:ring-red-500/30 dark:border-red-700 dark:focus:border-red-600" : "focus:border-primary dark:focus:border-primary"} transition-all duration-300 ease-in-out text-sm dark:bg-gray-900 dark:text-white dark:placeholder-gray-400`
+        className: `border-gray-400 rounded-2xl px-2 py-1.5 md:px-3 md:py-2 border outline-none ${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" : "focus:border-primary"} transition-all duration-300 ease-in-out text-sm ${dark ? "bg-gray-900 text-white placeholder-gray-400 border-gray-600" : ""}`
       }
     )
   ] });