@teja-app/ui 0.0.3 → 0.0.4

package/dist/components/Select/Select.d.ts

@@ -15,7 +15,7 @@ import type { SelectProps } from './Select.types';
  * />
  * ```
  */
-export declare function Select({ options, value, onChange, placeholder, label, error, helperText, disabled, required, fullWidth, className, isLoading, loadingText, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ options, value, onChange, placeholder, label, error, helperText, disabled, required, fullWidth, className, isLoading, loadingText, placement, }: SelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Select {
     var displayName: string;
 }

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,SAAiB,EACjB,WAA0B,GAC3B,EAAE,WAAW,2CAqIb;yBAnJe,MAAM"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,SAAiB,EACjB,WAA0B,EAC1B,SAAoB,GACrB,EAAE,WAAW,2CA0Ib;yBAzJe,MAAM"}

package/dist/components/Select/Select.types.d.ts

@@ -6,6 +6,7 @@ export interface SelectOption {
     /** Whether the option is disabled */
     disabled?: boolean;
 }
+export type SelectPlacement = 'bottom' | 'top';
 export interface SelectProps {
     /** Array of options to display */
     options: SelectOption[];
@@ -33,5 +34,7 @@ export interface SelectProps {
     isLoading?: boolean;
     /** Text to show while loading (default: "Loading...") */
     loadingText?: string;
+    /** Placement of the dropdown (default: "bottom") */
+    placement?: SelectPlacement;
 }
 //# sourceMappingURL=Select.types.d.ts.map

package/dist/components/Select/Select.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"Select.types.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,KAAK,CAAC;AAE/C,MAAM,WAAW,WAAW;IAC1B,kCAAkC;IAClC,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,sCAAsC;IACtC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,SAAS,CAAC,EAAE,eAAe,CAAC;CAC7B"}

package/dist/components/Select/index.d.ts

@@ -1,3 +1,3 @@
 export { Select } from './Select';
-export type { SelectProps, SelectOption } from './Select.types';
+export type { SelectProps, SelectOption, SelectPlacement } from './Select.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.cjs

@@ -7240,7 +7240,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;
@@ -7314,43 +7315,52 @@ function Select({
           leave: "transition ease-in duration-100",
           leaveFrom: "opacity-100",
           leaveTo: "opacity-0",
-          children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-            It,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Bt,
             {
-              disabled: option.disabled,
-              value: option.value,
-              className: ({ active, selected }) => utils_index.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: utils_index.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate", children: option.label }),
-                selected && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  "svg",
-                  {
-                    className: "h-5 w-5",
-                    fill: "currentColor",
-                    viewBox: "0 0 20 20",
-                    "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "path",
+              children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+                It,
+                {
+                  disabled: option.disabled,
+                  value: option.value,
+                  className: ({ active, selected }) => utils_index.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate", children: option.label }),
+                    selected && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute inset-y-0 left-0 flex items-center pl-3 text-gold-600 dark:text-gold-400", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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
+              ))
+            }
+          )
         }
       )
     ] }) }),