@teja-app/ui 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -7329,11 +7329,8 @@ function Select({
7329
7329
  children: /* @__PURE__ */ jsx(
7330
7330
  Bt,
7331
7331
  {
7332
- portal: true,
7333
- className: cn(
7334
- "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",
7335
- placement === "top" ? "bottom-full mb-1" : "top-full mt-1"
7336
- ),
7332
+ anchor: placement === "top" ? "top start" : "bottom start",
7333
+ className: "z-dropdown max-h-60 w-[var(--button-width)] 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 [--anchor-gap:4px]",
7337
7334
  "data-testid": testId ? `${testId}-options` : void 0,
7338
7335
  children: options.map((option, index2) => /* @__PURE__ */ jsx(
7339
7336
  It,
@@ -8289,8 +8286,8 @@ function Combobox({
8289
8286
  children: /* @__PURE__ */ jsx(
8290
8287
  Uo,
8291
8288
  {
8292
- portal: true,
8293
- 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",
8289
+ anchor: "bottom start",
8290
+ className: "z-dropdown max-h-60 w-[var(--input-width)] 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 [--anchor-gap:4px]",
8294
8291
  "data-testid": testId ? `${testId}-options` : void 0,
8295
8292
  children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
8296
8293
  /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }),
@@ -9498,9 +9495,9 @@ function MultiSelect({
9498
9495
  children: /* @__PURE__ */ jsx(
9499
9496
  Bt,
9500
9497
  {
9501
- portal: true,
9498
+ anchor: "bottom start",
9502
9499
  static: true,
9503
- 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",
9500
+ className: "z-dropdown max-h-60 w-[var(--button-width)] 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 [--anchor-gap:4px]",
9504
9501
  "data-testid": testId ? `${testId}-options` : void 0,
9505
9502
  children: isLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 px-4 py-2.5 text-primary-500 dark:text-primary-400", children: [
9506
9503
  /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }),