ownui-system 1.0.2 → 1.0.3

package/dist/components/Dropdown/dropdown.d.ts

@@ -18,10 +18,11 @@ interface DropdownProps {
     header?: ReactNode;
     body?: ReactNode;
     children?: ReactNode;
+    className?: string;
     onOpenChange: (isOpen: boolean) => void;
     onSelect: (name: string, value: string, image?: string) => void;
 }
-declare function Dropdown({ selectedItem, color, disableTrigger, isOpen, header, body, children, onOpenChange, onSelect, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
+declare function Dropdown({ selectedItem, color, disableTrigger, isOpen, header, body, children, className, onOpenChange, onSelect, }: DropdownProps): import("react/jsx-runtime").JSX.Element;
 declare namespace Dropdown {
     var Body: typeof DropdownBody;
     var Header: typeof DropdownHeader;

package/dist/ownui-system.js

@@ -9071,9 +9071,9 @@ const fy = {
   bordered: "flex flex-col rounded-[12px] border-solid border-[1px] border-gray400 overflow-hidden",
   splitted: "flex flex-col gap-[10px] overflow-hidden"
 }, my = {
-  light: "px-3 bg-[var(--bg-color)] transition-all hover:brightness-90",
-  bordered: "px-3 bg-[var(--bg-color)] transition-all hover:brightness-90",
-  splitted: "px-3 rounded-[12px] bg-[var(--bg-color)] transition-all hover:brightness-90 bg-white border-solid border-[1px] border-gray400"
+  light: "px-3 bg-[var(--bg-color)] transition-all",
+  bordered: "px-3 bg-[var(--bg-color)] transition-all",
+  splitted: "px-3 rounded-[12px] bg-[var(--bg-color)] transition-allbg-white border-solid border-[1px] border-gray400"
 };
 function My({
   className: e,
@@ -33200,7 +33200,7 @@ function I0({ children: e, className: a }) {
     "ul",
     {
       className: A(
-        "rounded-lg min-w-[200px] border border-solid  border-gray-300 ",
+        "rounded-lg  border bg-white border-gray-300 overflow-hidden",
         a
       ),
       children: e
@@ -33342,7 +33342,7 @@ function lie({
     {
       ...r,
       className: A(
-        "flex items-center justify-between px-3 py-2 body-500-16",
+        "flex items-center justify-between px-3 py-2 body-500-16 w-full",
         n ? "cursor-not-allowed opacity-[0.4] hover:bg-none text-gray-500" : "cursor-pointer hover:bg-gray-100 text-gray-800",
         o
       ),
@@ -33371,21 +33371,22 @@ function Lt({
   header: i,
   body: c,
   children: r,
-  onOpenChange: s,
-  onSelect: h
+  className: s,
+  onOpenChange: h,
+  onSelect: d
 }) {
-  const { DropdownProvider: d } = Pt();
+  const { DropdownProvider: y } = Pt();
   return /* @__PURE__ */ u.jsx(
-    d,
+    y,
     {
       value: {
         isOpen: n,
         selectedItem: e,
         color: a,
-        onSelect: h,
-        onOpenChange: s
+        onSelect: d,
+        onOpenChange: h
       },
-      children: /* @__PURE__ */ u.jsx("div", { className: "relative", children: r || /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+      children: /* @__PURE__ */ u.jsx("div", { className: A("relative", s), children: r || /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
         o ? /* @__PURE__ */ u.jsx(u.Fragment, { children: i }) : /* @__PURE__ */ u.jsx(Z0, { children: i }),
         /* @__PURE__ */ u.jsx(ze, { children: n ? c : null })
       ] }) })