@teja-app/ui 0.0.6 → 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,10 +7329,8 @@ function Select({
7329
7329
  children: /* @__PURE__ */ jsx(
7330
7330
  Bt,
7331
7331
  {
7332
- className: cn(
7333
- "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",
7334
- placement === "top" ? "bottom-full mb-1" : "top-full mt-1"
7335
- ),
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]",
7336
7334
  "data-testid": testId ? `${testId}-options` : void 0,
7337
7335
  children: options.map((option, index2) => /* @__PURE__ */ jsx(
7338
7336
  It,
@@ -8288,7 +8286,8 @@ function Combobox({
8288
8286
  children: /* @__PURE__ */ jsx(
8289
8287
  Uo,
8290
8288
  {
8291
- 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]",
8292
8291
  "data-testid": testId ? `${testId}-options` : void 0,
8293
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: [
8294
8293
  /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }),
@@ -9496,8 +9495,9 @@ function MultiSelect({
9496
9495
  children: /* @__PURE__ */ jsx(
9497
9496
  Bt,
9498
9497
  {
9498
+ anchor: "bottom start",
9499
9499
  static: true,
9500
- 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]",
9501
9501
  "data-testid": testId ? `${testId}-options` : void 0,
9502
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: [
9503
9503
  /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "primary" }),