@teja-app/ui 0.0.3 → 0.0.4

package/dist/index.js

@@ -7222,7 +7222,8 @@ function Select({
   fullWidth = false,
   className,
   isLoading = false,
-  loadingText = "Loading..."
+  loadingText = "Loading...",
+  placement = "bottom"
 }) {
   const selectedOption = options.find((opt) => opt.value === value);
   const hasError = !!error2;
@@ -7296,43 +7297,52 @@ function Select({
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsx(Bt, { className: "absolute z-dropdown mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700", children: options.map((option) => /* @__PURE__ */ jsx(
-            It,
+          children: /* @__PURE__ */ jsx(
+            Bt,
             {
-              disabled: option.disabled,
-              value: option.value,
-              className: ({ active, selected }) => cn(
-                "relative cursor-pointer select-none py-2.5 pl-10 pr-4",
-                // Light mode
-                active ? "bg-gold-50 text-primary-900" : "text-primary-900",
-                // Dark mode
-                active ? "dark:bg-primary-700 dark:text-primary-100" : "dark:text-primary-200",
-                option.disabled && "cursor-not-allowed opacity-50",
-                selected && "font-medium"
+              className: cn(
+                "absolute z-dropdown max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-primary-800 dark:ring-primary-700",
+                placement === "top" ? "bottom-full mb-1" : "top-full mt-1"
               ),
-              children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("span", { className: "block truncate", children: option.label }),
-                selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsx(
-                  "svg",
-                  {
-                    className: "h-5 w-5",
-                    fill: "currentColor",
-                    viewBox: "0 0 20 20",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsx(
-                      "path",
+              children: options.map((option) => /* @__PURE__ */ jsx(
+                It,
+                {
+                  disabled: option.disabled,
+                  value: option.value,
+                  className: ({ active, selected }) => cn(
+                    "relative cursor-pointer select-none py-2.5 pl-10 pr-4",
+                    // Light mode
+                    active ? "bg-gold-50 text-primary-900" : "text-primary-900",
+                    // Dark mode
+                    active ? "dark:bg-primary-700 dark:text-primary-100" : "dark:text-primary-200",
+                    option.disabled && "cursor-not-allowed opacity-50",
+                    selected && "font-medium"
+                  ),
+                  children: ({ selected }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("span", { className: "block truncate", children: option.label }),
+                    selected && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsx(
+                      "svg",
                       {
-                        clipRule: "evenodd",
-                        d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
-                        fillRule: "evenodd"
+                        className: "h-5 w-5",
+                        fill: "currentColor",
+                        viewBox: "0 0 20 20",
+                        "aria-hidden": "true",
+                        children: /* @__PURE__ */ jsx(
+                          "path",
+                          {
+                            clipRule: "evenodd",
+                            d: "M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z",
+                            fillRule: "evenodd"
+                          }
+                        )
                       }
-                    )
-                  }
-                ) })
-              ] })
-            },
-            option.value
-          )) })
+                    ) })
+                  ] })
+                },
+                option.value
+              ))
+            }
+          )
         }
       )
     ] }) }),