@blofin/blofin-ui 1.0.0-beta.1 → 1.0.0-beta.10

package/dist/Badge.es.js

@@ -1,9 +1,12 @@
-import { j as s } from "./jsx-runtime-944c88e2.js";
-import { a as d, u as i } from "./index-96a8d125.js";
-import { c as u } from "./utils-7e50508b.js";
+"use client";
+import { j as s } from "./jsx-runtime-ba6e4aac.js";
+import { u as i } from "./useTheme-81e2a73e.js";
+import { c as d } from "./utils-071abd68.js";
+import { c as u } from "./index-c57db938.js";
 import "react";
+import "./clsx.m-e965ef18.js";
 const c = (e) => {
-  const a = {
+  const r = {
     dark: {
       primary: "bu-bg-dark-badge-primary-bg bu-text-dark-primary",
       secondary: "bu-bg-dark-badge-secondary-bg bu-text-dark-secondary",
@@ -20,37 +23,37 @@ const c = (e) => {
       warning: "bu-bg-light-badge-warning-bg bu-text-light-warning",
       info: "bu-bg-light-badge-info-bg bu-text-light-label-60"
     }
-  }, { theme: r } = e;
-  return d("bu-rounded bu-px-[8px] bu-py-[2px] bu-text-[12px]", {
+  }, { theme: a } = e;
+  return u("bu-rounded bu-px-[8px] bu-py-[2px] bu-text-[12px]", {
     variants: {
       color: {
-        primary: a[r].primary,
-        secondary: a[r].secondary,
-        danger: a[r].danger,
-        success: a[r].success,
-        warning: a[r].warning,
-        info: a[r].info
+        primary: r[a].primary,
+        secondary: r[a].secondary,
+        danger: r[a].danger,
+        success: r[a].success,
+        warning: r[a].warning,
+        info: r[a].info
       }
     },
     defaultVariants: {
       color: "primary"
     }
   })(e);
-}, p = ({
+}, y = ({
   color: e = "primary",
-  decoration: a = !0,
-  label: r,
+  decoration: r = !0,
+  label: a,
   theme: g,
   startIcon: b,
   endIcon: t
 }) => {
   const { theme: n } = i();
-  return /* @__PURE__ */ s.jsxs("span", { className: `${u(c({ theme: g || n, color: e }))}`, children: [
-    b || (a ? "• " : null),
-    r,
+  return /* @__PURE__ */ s.jsxs("span", { className: `${d(c({ theme: g || n, color: e }))}`, children: [
+    b || (r ? "• " : null),
+    a,
     t
   ] });
 };
 export {
-  p as Badge
+  y as Badge
 };

package/dist/Button.es.js

@@ -1,7 +1,10 @@
-import { j as r } from "./jsx-runtime-944c88e2.js";
-import { c as k } from "./utils-7e50508b.js";
-import { a as e, u as x, c as g } from "./index-96a8d125.js";
-import * as d from "react";
+"use client";
+import { j as r } from "./jsx-runtime-ba6e4aac.js";
+import { c as k } from "./utils-071abd68.js";
+import { c as e } from "./index-c57db938.js";
+import { u as x } from "./useTheme-81e2a73e.js";
+import * as o from "react";
+import { c as g } from "./clsx.m-e965ef18.js";
 const N = e("bu-text-light-second", {
   variants: {
     theme: {
@@ -211,7 +214,7 @@ const N = e("bu-text-light-second", {
         "hover:bu-text-dark-label-40",
         "bu-border",
         "bu-border-solid",
-        "bu-border-dark-fill-secondary",
+        "bu-border-dark-line-secondary",
         "hover:bu-bg-transparent"
       ]
     }
@@ -346,7 +349,7 @@ const N = e("bu-text-light-second", {
       max: "bu-h-[28px] bu-w-[28px]"
     }
   }
-}), o = {
+}), d = {
   "loader-medium": "_loader-medium_amaox_2",
   "animloader-medium": "_animloader-medium_amaox_1",
   "loader-light": "_loader-light_amaox_12",
@@ -359,17 +362,17 @@ const N = e("bu-text-light-second", {
   "animloader-m-small": "_animloader-m-small_amaox_1"
 }, Q = ({ size: t, theme: l }) => {
   const b = {
-    small: o["loader-small"],
-    medium: o["loader-medium"],
-    large: o["loader-large"],
-    max: o["loader-large"],
-    "m-small": o["loader-m-small"]
+    small: d["loader-small"],
+    medium: d["loader-medium"],
+    large: d["loader-large"],
+    max: d["loader-large"],
+    "m-small": d["loader-m-small"]
   }, u = {
-    light: o["loader-light"],
-    dark: o["loader-dark"]
+    light: d["loader-light"],
+    dark: d["loader-dark"]
   };
   return /* @__PURE__ */ r.jsx("span", { className: `${b[t]} ${u[l]}` });
-}, U = (t) => /* @__PURE__ */ d.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { d: "M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.9519 2 19.3684 4.29238 20.9922 7.61993L19.2011 8.51103C17.905 5.84083 15.1675 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z", fill: "#DEDFE0" })), X = (t) => /* @__PURE__ */ d.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ d.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "white" })), Y = (t) => /* @__PURE__ */ d.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ d.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ d.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "black" })), n = ({
+}, U = (t) => /* @__PURE__ */ o.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M18.5374 19.5674C16.7844 21.0831 14.4993 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C15.9519 2 19.3684 4.29238 20.9922 7.61993L19.2011 8.51103C17.905 5.84083 15.1675 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C14.1502 20 16.1022 19.1517 17.5398 17.7716L18.5374 19.5674Z", fill: "#DEDFE0" })), X = (t) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ o.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "white" })), Y = (t) => /* @__PURE__ */ o.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M12 6C12 2.68629 9.31371 0 6 0H0V6C0 9.31371 2.68629 12 6 12H12V6Z", fill: "currentColor" }), /* @__PURE__ */ o.createElement("path", { d: "M5.1663 7.32125L8.99647 3.49109L9.58571 4.08034L5.1663 8.49975L2.51465 5.84812L3.10391 5.25887L5.1663 7.32125Z", fill: "black" })), n = ({
   size: t = "large",
   disabled: l = !1,
   variant: b = "primary",

package/dist/Calendar.d.ts

@@ -0,0 +1 @@
+export * from './components/Calendar/index'

package/dist/Calendar.es.js

@@ -0,0 +1,209 @@
+"use client";
+import { j as a } from "./jsx-runtime-ba6e4aac.js";
+import * as w from "react";
+import { Typography as _ } from "./Typography.es.js";
+import { S as $ } from "./arrow-down-l-line-97e4fe24.js";
+import { D as j, u as D, a as C, S as N } from "./index.esm-0aa3bd72.js";
+import { c as t } from "./index-c57db938.js";
+import { u as M } from "./useTheme-81e2a73e.js";
+import { i as L } from "./index-b7027a1d.js";
+import "./utils-071abd68.js";
+import "./clsx.m-e965ef18.js";
+const i = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label",
+      dark: "bu-text-dark-label"
+    }
+  }
+}), R = t("", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-secondary",
+      dark: "bu-border-dark-line-secondary"
+    }
+  }
+}), S = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background hover:bu-bg-light-fill-quaternary hover:bu-text-light-label",
+      dark: "bu-bg-dark-background hover:bu-bg-dark-fill-quaternary hover:bu-text-dark-label"
+    }
+  }
+}), q = t("", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-secondary bu-text-light-label-40",
+      dark: "bu-border-dark-line-secondary bu-text-dark-label-40"
+    }
+  }
+}), A = t("", {
+  variants: {
+    theme: {
+      light: "[&:has([aria-selected])]:bu-bg-light-primary-14 [&:has([aria-selected])]:bu-text-light-second [&:has([aria-selected].day-outside)]:!bu-bg-light-background [&:has([disabled])]:bu-bg-light-line-primary",
+      dark: "[&:has([aria-selected])]:bu-bg-dark-primary-14 [&:has([aria-selected])]:bu-text-dark-second [&:has([aria-selected].day-outside)]:!bu-bg-dark-background [&:has([disabled])]:bu-bg-dark-line-primary"
+    }
+  }
+}), T = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label hover:bu-bg-light-primary-14 hover:bu-text-light-primary",
+      dark: "bu-text-dark-label hover:bu-bg-dark-primary-14 hover:bu-text-dark-primary"
+    }
+  }
+}), E = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-primary bu-text-light-second hover:!bu-bg-light-primary hover:!bu-text-light-second",
+      dark: "bu-bg-dark-primary bu-text-dark-second hover:!bu-bg-dark-primary hover:!bu-text-dark-second"
+    }
+  }
+}), I = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-primary bu-text-light-second hover:!bu-bg-light-primary hover:!bu-text-light-second",
+      dark: "bu-bg-dark-primary bu-text-dark-second hover:!bu-bg-dark-primary hover:!bu-text-dark-second"
+    }
+  }
+}), z = t("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-fill-quaternary bu-text-light-label aria-selected:bu-bg-light-primary aria-selected:bu-text-light-second",
+      dark: "bu-bg-dark-fill-quaternary bu-text-dark-label aria-selected:bu-bg-dark-primary aria-selected:bu-text-dark-second"
+    }
+  }
+}), B = t("", {
+  variants: {
+    theme: {
+      light: "hover:bu-bg-light-primary hover:bu-text-light-second focus:bu-bg-light-primary focus:bu-text-light-second",
+      dark: "hover:bu-bg-dark-primary hover:bu-text-dark-second focus:bu-bg-dark-primary focus:bu-text-dark-second"
+    }
+  }
+}), H = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40 hover:!bu-bg-light-primary-14 hover:!bu-text-light-primary aria-selected:!bu-bg-light-background aria-selected:!bu-text-light-label-40",
+      dark: "bu-text-dark-label-40 hover:!bu-bg-dark-primary-14 hover:!bu-text-dark-primary aria-selected:!bu-bg-dark-background aria-selected:!bu-text-dark-label-40"
+    }
+  }
+}), O = t("", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-40",
+      dark: "bu-text-dark-label-40"
+    }
+  }
+}), P = t("", {
+  variants: {
+    theme: {
+      light: "hover:!bu-bg-light-primary-14 hover:!bu-text-light-primary",
+      dark: "hover:!bu-bg-dark-primary-14 hover:!bu-text-dark-primary"
+    }
+  }
+}), Y = ({
+  className: h = "",
+  classNames: c,
+  showOutsideDays: g = !0,
+  month: b,
+  startMonthShow: d,
+  endMonthShow: s,
+  setStartMonthShow: m,
+  setEndMonthShow: p,
+  setStartMonth: x,
+  setEndMonth: y,
+  locale: l,
+  ...k
+}) => {
+  const { theme: e } = M();
+  function v(r) {
+    const { goToMonth: u, nextMonth: o, previousMonth: n } = D(), f = () => {
+      r.displayIndex === 0 ? (m(!d), x(r.displayMonth)) : (p(!s), y(r.displayMonth));
+    };
+    return w.useEffect(() => {
+      b && u(b);
+    }, [b]), /* @__PURE__ */ a.jsxs("div", { className: "bu-flex bu-h-10 bu-items-center bu-justify-between bu-py-2", children: [
+      /* @__PURE__ */ a.jsxs(
+        "div",
+        {
+          className: "bu-flex bu-h-3 bu-cursor-pointer bu-items-center bu-gap-1",
+          onClick: f,
+          children: [
+            /* @__PURE__ */ a.jsx(_, { variant: "body2", weight: "medium", children: L(r.displayMonth, "MMM yyy", { locale: l }) }),
+            /* @__PURE__ */ a.jsx(
+              $,
+              {
+                className: `bu-h-5 bu-w-5 bu-cursor-pointer ${i({ theme: e })}`
+              }
+            )
+          ]
+        }
+      ),
+      r.displayIndex === 1 && /* @__PURE__ */ a.jsxs("div", { className: "bu-flex bu-gap-6", children: [
+        /* @__PURE__ */ a.jsx(
+          C,
+          {
+            className: `bu-h-6 bu-w-6 bu-cursor-pointer ${i({ theme: e })}`,
+            onClick: () => n && u(n)
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          N,
+          {
+            className: `bu-h-6 bu-w-6 bu-cursor-pointer ${i({ theme: e })}`,
+            onClick: () => o && u(o)
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ a.jsx(
+    j,
+    {
+      showOutsideDays: g,
+      className: `pb-4 ${h}`,
+      classNames: {
+        months: "bu-flex bu-flex-col sm:bu-flex-row bu-space-y-4 sm:bu-space-x-4 sm:bu-space-y-0",
+        month: "bu-space-y-4",
+        caption: "bu-flex bu-justify-center bu-pt-1 bu-relative bu-items-center",
+        caption_label: "bu-text-base bu-font-medium",
+        caption_start: `bu-border-r bu-pr-[16px] bu-pt-[16px] ${R({ theme: e })} ${d ? "bu-hidden" : ""}`,
+        caption_end: `bu-pt-[16px] ${s ? "bu-hidden" : ""}`,
+        nav: "bu-space-x-1 bu-flex bu-items-center",
+        nav_button: `${S({
+          theme: e
+        })}  bu-inline-flex bu-items-center bu-justify-center bu-whitespace-nowrap bu-rounded-md bu-text-base bu-font-medium bu-ring-offset-background bu-transition-colors disabled:bu-pointer-events-none bu-h-7 bu-w-7 bu-bg-transparent bu-p-0 hover:bu-opacity-100 bu-border bu-border-input`,
+        nav_button_previous: "bu-absolute bu-left-1",
+        nav_button_next: "bu-absolute bu-right-1",
+        table: "bu-w-full bu-border-collapse !bu-mt-[8px]",
+        head_row: "bu-flex",
+        head_cell: `bu-w-8 bu-font-normal bu-text-[12px] bu-pb-[8px] bu-border-b ${q({
+          theme: e
+        })}`,
+        row: "bu-flex bu-w-full bu-mt-2",
+        cell: `${A({
+          theme: e
+        })}  bu-h-8 bu-w-8 bu-text-center bu-text-base bu-p-0 bu-relative [&:has([disabled])]:!bu-cursor-not-allowed [&:has([aria-selected].day-range-end)]:bu-rounded-r-[16px] first:[&:has([aria-selected])]:bu-rounded-l-[0px] last:[&:has([aria-selected])]:bu-rounded-r-[0px] focus-within:bu-relative focus-within:bu-z-20 [&:has([aria-selected].day-range-start)]:bu-rounded-l-[16px]`,
+        day: `${T({
+          theme: e
+        })} bu-inline-flex bu-items-center bu-justify-center bu-whitespace-nowrap bu-rounded-[16px] bu-text-base bu-font-medium bu-ring-offset-background bu-transition-colors focus:bu-outline-none disabled:bu-pointer-events-none bu-h-8 bu-w-8 bu-p-0 bu-font-normal aria-selected:bu-opacity-100`,
+        day_range_start: `day-range-start ${E({ theme: e })}`,
+        day_range_end: `day-range-end ${I({ theme: e })}`,
+        day_selected: `${B({ theme: e })}`,
+        day_today: `${z({ theme: e })} bu-rounded-[16px]`,
+        day_outside: `day-outside ${H({ theme: e })} aria-selected:bu-rounded-[16px]`,
+        day_disabled: `${O({ theme: e })}`,
+        day_range_middle: `${P({ theme: e })}`,
+        day_hidden: "invisible",
+        ...c
+      },
+      components: {
+        Caption: v
+      },
+      locale: l,
+      ...k
+    }
+  );
+};
+export {
+  Y as Calendar
+};

package/dist/Checkbox.d.ts

@@ -0,0 +1 @@
+export * from './components/Checkbox/index'

package/dist/Checkbox.es.js

@@ -0,0 +1,127 @@
+"use client";
+import { j as u } from "./jsx-runtime-ba6e4aac.js";
+import * as g from "react";
+import { c as f } from "./utils-071abd68.js";
+import { c as t } from "./index-c57db938.js";
+import { u as y } from "./useTheme-81e2a73e.js";
+import "./clsx.m-e965ef18.js";
+const C = "_container_1qik0_1", v = "_checkmark_1qik0_22", h = {
+  container: C,
+  checkmark: v
+}, j = t("bu-select-none bu-text-sm", {
+  variants: {
+    theme: {
+      light: ["bu-text-light-label"],
+      dark: ["bu-text-dark-label"]
+    }
+  }
+}), w = t("bu-flex bu-items-center bu-justify-center bu-border", {
+  variants: {
+    theme: {
+      light: ["bu-border-light-primary bu-bg-light-primary after:bu-border-light-background"],
+      dark: ["bu-border-light-background bu-bg-light-background after:bu-border-dark-background"]
+    }
+  }
+}), S = t(
+  "bu-h-[10px] bu-w-[10px] after:bu-border-l-0 after:bu-border-t-0",
+  {
+    variants: {
+      size: {
+        small: [
+          "bu-h-[10px] bu-w-[10px] bu-rounded-[2px] after:bu-h-[6px] after:bu-w-[4px] after:bu-border-b-[1.8px] after:bu-border-r-[1.8px]"
+        ],
+        medium: [
+          "bu-h-[18px] bu-w-[18px] bu-rounded-[3px] after:bu-h-[10px] after:bu-w-[8px] after:bu-border-b-[2px] after:bu-border-r-[2px]"
+        ]
+      }
+    }
+  }
+), _ = t(
+  "bu-flex bu-h-[10px] bu-w-[10px] bu-items-center bu-justify-center bu-border",
+  {
+    variants: {
+      theme: {
+        light: [
+          "bu-border-light-label-40 after:bu-border-light-background hover:bu-border-light-primary"
+        ],
+        dark: [
+          "bu-border-dark-label-40  after:bu-border-dark-background hover:bu-border-light-background"
+        ]
+      }
+    }
+  }
+), M = t("bu-select-none bu-text-sm", {
+  variants: {
+    theme: {
+      light: ["bu-text-light-label"],
+      dark: ["bu-text-dark-label"]
+    }
+  }
+}), s = t("bu-select-none bu-text-sm", {
+  variants: {
+    theme: {
+      light: ["bu-text-light-label-40"],
+      dark: ["bu-text-dark-label-40"]
+    }
+  }
+}), d = t(
+  "bu-flex bu-h-[10px] bu-w-[10px] bu-items-center bu-justify-center bu-border",
+  {
+    variants: {
+      theme: {
+        light: ["bu-border-light-label-40 after:bu-border-light-label-40"],
+        dark: ["bu-border-dark-label-40  after:bu-border-dark-label-40"]
+      }
+    }
+  }
+), U = g.forwardRef((n, i) => {
+  const {
+    label: o,
+    theme: e,
+    id: a,
+    checked: l,
+    onChange: c,
+    disabled: b,
+    size: m = "small",
+    ...k
+  } = n, { theme: r } = y(), x = (p) => {
+    c && !b && c(p);
+  };
+  return /* @__PURE__ */ u.jsxs("label", { htmlFor: a || `bui-checkbox-${o}`, className: h.container, children: [
+    /* @__PURE__ */ u.jsx(
+      "input",
+      {
+        type: "checkbox",
+        id: a || `bui-checkbox-${o}`,
+        ref: i,
+        ...k,
+        checked: l,
+        onChange: x
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "span",
+      {
+        className: f(
+          h.checkmark,
+          S({ size: m }),
+          l ? b ? d({ theme: e || r }) : w({
+            theme: e || r
+          }) : b ? d({ theme: e || r }) : _({
+            theme: e || r
+          })
+        )
+      }
+    ),
+    /* @__PURE__ */ u.jsx(
+      "span",
+      {
+        className: l ? b ? s({ theme: e || r }) : j({ theme: e || r }) : b ? s({ theme: e || r }) : M({ theme: e || r }),
+        children: o
+      }
+    )
+  ] });
+});
+export {
+  U as Checkbox
+};

package/dist/CssDropdown.d.ts

@@ -0,0 +1 @@
+export * from './components/CssDropdown/index'

package/dist/CssDropdown.es.js

@@ -0,0 +1,38 @@
+"use client";
+import { j as u } from "./jsx-runtime-ba6e4aac.js";
+import { u as o } from "./useTheme-81e2a73e.js";
+import { c as r } from "./utils-071abd68.js";
+import { c as a } from "./index-c57db938.js";
+import "react";
+import "./clsx.m-e965ef18.js";
+const n = a(
+  "bu-absolute bu-left-0 bu-mt-2 bu-w-[320px] bu-origin-top-left bu-rounded bu-shadow-lg bu-outline-none",
+  {
+    variants: {
+      theme: {
+        light: "bu-bg-light-background",
+        dark: "bu-bg-dark-background"
+      }
+    }
+  }
+), h = ({ label: t, content: e, theme: s }) => {
+  const { theme: i } = o();
+  return /* @__PURE__ */ u.jsxs("div", { className: "bu-group bu-relative bu-text-left", tabIndex: -1, children: [
+    /* @__PURE__ */ u.jsx("span", { className: "bu-cursor-pointer", children: t }),
+    /* @__PURE__ */ u.jsx("div", { className: "bu-invisible bu-origin-top-left -bu-translate-y-2 bu-scale-95 bu-transform bu-opacity-0 bu-transition-all bu-duration-300 group-focus-within:bu-visible group-focus-within:bu-translate-y-0 group-focus-within:bu-scale-100 group-focus-within:bu-opacity-100", children: /* @__PURE__ */ u.jsx(
+      "div",
+      {
+        className: r(
+          n({
+            theme: s || i
+          })
+        ),
+        role: "menu",
+        children: /* @__PURE__ */ u.jsx("div", { className: "bu-px-4 bu-py-3", children: e })
+      }
+    ) })
+  ] });
+};
+export {
+  h as CssDropdown
+};

package/dist/DatePickerRange.d.ts

@@ -0,0 +1 @@
+export * from './components/DatePickerRange/index'