@bioturing/components 0.42.0 → 0.43.0

package/dist/components/dropdown-menu/component.js

@@ -1,64 +1,64 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { Menu as d } from "@base-ui/react/menu";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { Menu as l } from "@base-ui/react/menu";
 import { Combobox as t } from "@base-ui/react/combobox";
-import { useRef as oe, useState as D, useCallback as re } from "react";
-import { FormItemInputContext as ne } from "antd/es/form/context";
-import { PopupPanelSize as M } from "../popup-panel/constants.js";
-import { useDropdownMenu as te } from "./useDropdownMenu.js";
-import { BaseMenu as V } from "../base-menu/index.js";
-import { parseAntdPlacement as ie } from "../utils/placement.js";
-import { useBaseUIPlacement as me } from "../hooks/useBaseUIPlacement.js";
-import { ScrollArea as E } from "../scroll-area/component.js";
-import { DROPDOWN_COLLISION_AVOIDANCE as le } from "../utils/constants.js";
-import { Input as pe } from "../input/component.js";
+import { useRef as ne, useState as te, useCallback as g, useMemo as f } from "react";
+import { FormItemInputContext as ie } from "antd/es/form/context";
+import { PopupPanelSize as K } from "../popup-panel/constants.js";
+import { useDropdownMenu as pe } from "./useDropdownMenu.js";
+import { BaseMenu as U } from "../base-menu/index.js";
+import { parseAntdPlacement as me } from "../utils/placement.js";
+import { ScrollArea as q } from "../scroll-area/component.js";
 import { createRenderProp as de } from "../utils/renderProp.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as le } from "../utils/constants.js";
+import { Input as ue } from "../input/component.js";
 import { useControlledState as ce } from "../hooks/useControlledState.js";
-import { useCls as ue } from "../utils/antdUtils.js";
-import { useTheme as ae } from "../theme-provider/context/themeStore.js";
-import { clsx as c } from "../utils/cn.js";
-import { reactNodeToString as se } from "../utils/reactToString.js";
+import { useCls as ae } from "../utils/antdUtils.js";
+import { useTheme as se } from "../theme-provider/context/themeStore.js";
+import { clsx as h } from "../utils/cn.js";
+import { reactNodeToString as ge } from "../utils/reactToString.js";
 const _e = ({
-  children: _,
-  items: j,
-  placement: k,
-  openOnHover: B,
-  open: G,
-  onOpenChange: H,
-  defaultOpen: L = !1,
-  className: U,
-  itemRender: z,
+  children: y,
+  items: z,
+  placement: B,
+  openOnHover: O,
+  open: J,
+  onOpenChange: Q,
+  defaultOpen: W = !1,
+  className: N,
+  itemRender: X,
   classNames: n,
-  size: C = "auto",
+  size: P = "auto",
   showSearch: u,
-  inCombobox: I,
+  inCombobox: T,
   searchProps: i = {
     placeholder: "Search..."
   },
-  popupMatchTriggerWidth: F,
-  beforeList: f,
-  afterList: g,
-  keepOpenOnSelect: K,
+  popupMatchTriggerWidth: A,
+  beforeList: b,
+  afterList: w,
+  keepOpenOnSelect: Y,
   highlightedItemKey: fe,
-  selectedItemKeys: W,
-  getItemKeywords: q,
-  showCheckbox: x,
-  itemLabelRender: J
+  selectedItemKeys: Z,
+  getItemKeywords: $,
+  showCheckbox: S,
+  itemLabelRender: ee,
+  nativeButton: D = !0
 }) => {
-  const Q = typeof I == "boolean" ? I : u, [h, P] = ce(
-    G,
-    H,
-    L
-  ), r = ue(), { className: N } = ae(), a = ie(k), X = oe(null), { itemGroups: w, renderGroup: b } = te({
-    items: j,
-    keepOpenOnSelect: K,
-    selectedItemKeys: W,
-    showCheckbox: x,
-    getItemKeywords: q,
-    itemLabelRender: J,
-    itemRender: z,
-    inCombobox: Q,
-    onOpenChange: P,
+  const oe = typeof T == "boolean" ? T : u, [M, C] = ce(
+    J,
+    Q,
+    W
+  ), o = ae(), { className: c } = se(), a = me(B), V = ne(null), { itemGroups: v, renderGroup: I } = pe({
+    items: z,
+    keepOpenOnSelect: Y,
+    selectedItemKeys: Z,
+    showCheckbox: S,
+    getItemKeywords: $,
+    itemLabelRender: ee,
+    itemRender: X,
+    inCombobox: oe,
+    onOpenChange: C,
     classNames: {
       item: n?.item,
       itemIcon: n?.itemIcon,
@@ -67,38 +67,31 @@ const _e = ({
       groupLabel: n?.groupLabel,
       divider: n?.divider
     }
-  }), [S, Y] = D(""), [Z, $] = D(
-    null
-  ), { currentSide: ee } = me({
-    positionerRef: Z,
-    open: h,
-    initialSide: a.side,
-    initialAlign: a.align
-  }), O = ee === "top", R = re(() => {
+  }), [x, re] = te(""), E = g(() => {
     if (!u)
-      return /* @__PURE__ */ p("div", { className: r("dropdown-menu-container"), children: [
-        f,
-        /* @__PURE__ */ e(E, { fadeEdges: !0, children: w.map(b) }),
-        g
+      return /* @__PURE__ */ d("div", { className: o("dropdown-menu-container"), children: [
+        b,
+        /* @__PURE__ */ e(q, { fadeEdges: !0, children: v.map(I) }),
+        w
       ] });
-    const o = /* @__PURE__ */ e(ne.Provider, { value: {}, children: /* @__PURE__ */ e(
+    const r = /* @__PURE__ */ e(ie.Provider, { value: {}, children: /* @__PURE__ */ e(
       t.Input,
       {
         placeholder: i?.placeholder || "Search",
-        render: ({ ref: s, ...m }) => /* @__PURE__ */ e(
-          pe,
+        render: ({ ref: s, ...p }) => /* @__PURE__ */ e(
+          ue,
           {
-            ...m,
-            ref: (l) => {
-              if (!l || !l.input) return;
-              s(l.input);
+            ...p,
+            ref: (m) => {
+              if (!m || !m.input) return;
+              s(m.input);
             },
             allowClear: !0,
             placeholder: i?.placeholder || "Search",
-            value: S,
-            onChange: (l) => Y(l.target.value),
-            className: c(
-              r("dropdown-menu-search"),
+            value: x,
+            onChange: (m) => re(m.target.value),
+            className: h(
+              o("dropdown-menu-search"),
               i?.className
             )
           }
@@ -106,92 +99,123 @@ const _e = ({
         ...i
       },
       "search"
-    ) }), v = /* @__PURE__ */ p(E, { fadeEdges: !0, children: [
-      /* @__PURE__ */ e(t.Empty, { className: r("dropdown-menu-empty"), children: "No results found." }),
-      /* @__PURE__ */ e(t.List, { className: r("dropdown-menu-list"), children: (s, m) => b(s, m) })
+    ) }), R = /* @__PURE__ */ d(q, { fadeEdges: !0, children: [
+      /* @__PURE__ */ e(t.Empty, { className: o("dropdown-menu-empty"), children: "No results found." }),
+      /* @__PURE__ */ e(t.List, { className: o("dropdown-menu-list"), children: (s, p) => I(s, p) })
     ] });
-    return /* @__PURE__ */ p("div", { className: r("dropdown-menu-container"), children: [
+    return /* @__PURE__ */ d("div", { className: o("dropdown-menu-container"), children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: c(
-            r("dropdown-menu-search-wrapper"),
-            O && r("dropdown-menu-search-wrapper-bottom")
-          ),
-          children: o
+          className: o("dropdown-menu-search-wrapper"),
+          children: r
         }
       ),
-      f,
-      v,
-      g
+      b,
+      R,
+      w
     ] });
   }, [
     u,
-    r,
+    o,
     i,
-    S,
-    f,
-    g,
-    w,
+    x,
     b,
-    O
-  ]), y = {
-    ref: X,
-    // nativeButton: false,
-    openOnHover: B,
-    className: c(
-      r("dropdown-menu-trigger"),
-      n?.trigger,
-      N
-    ),
-    render: (o, v) => {
-      const { openOnHover: s, ...m } = o;
-      return de(_, m, v);
-    }
-  }, T = {
-    ref: $,
-    side: a.side,
-    align: a.align,
-    sideOffset: 4,
-    className: c(
-      r("dropdown-menu-root"),
-      N,
-      n?.root
-    ),
-    collisionAvoidance: le,
-    render: (o) => /* @__PURE__ */ e(V.Root, { ...o })
-  }, A = {
-    className: c(
-      r(
-        "dropdown-menu",
-        x && "dropdown-menu-show-checkbox",
-        F && "dropdown-menu-match-trigger-width"
-      ),
-      U,
-      n?.popup
-    ),
-    style: {
-      "--size-width": C in M ? M[C] : void 0
+    w,
+    v,
+    I
+  ]), _ = g(
+    (r, R) => {
+      const { openOnHover: s, ...p } = r;
+      return de(y, p, R);
     },
-    render: (o) => /* @__PURE__ */ e(V.Popup, { ...o })
-  };
-  return u ? /* @__PURE__ */ p(
+    [y]
+  ), j = f(
+    () => ({
+      ref: V,
+      openOnHover: O,
+      nativeButton: D,
+      className: h(
+        o("dropdown-menu-trigger"),
+        n?.trigger,
+        c
+      ),
+      render: _
+    }),
+    [V, O, D, o, n?.trigger, c, _]
+  ), G = g(
+    (r) => /* @__PURE__ */ e(U.Root, { ...r }),
+    []
+  ), L = f(
+    () => ({
+      side: a.side,
+      align: a.align,
+      sideOffset: 4,
+      className: h(
+        o("dropdown-menu-root"),
+        c,
+        n?.root
+      ),
+      collisionAvoidance: le,
+      render: G
+    }),
+    [
+      a.side,
+      a.align,
+      o,
+      c,
+      n?.root,
+      G
+    ]
+  ), k = g(
+    (r) => /* @__PURE__ */ e(U.Popup, { ...r }),
+    []
+  ), F = f(
+    () => ({
+      "--size-width": P in K ? K[P] : void 0
+    }),
+    [P]
+  ), H = f(
+    () => ({
+      className: h(
+        o(
+          "dropdown-menu",
+          S && "dropdown-menu-show-checkbox",
+          A && "dropdown-menu-match-trigger-width"
+        ),
+        N,
+        n?.popup
+      ),
+      style: F,
+      render: k
+    }),
+    [
+      o,
+      S,
+      A,
+      N,
+      n?.popup,
+      F,
+      k
+    ]
+  );
+  return u ? /* @__PURE__ */ d(
     t.Root,
     {
-      open: h,
-      onOpenChange: P,
-      items: w,
-      itemToStringLabel: (o) => o.type == "item" ? se(o.label) : "",
-      itemToStringValue: (o) => o.type == "item" ? String(o.key) : "",
-      inputValue: S,
+      open: M,
+      onOpenChange: C,
+      items: v,
+      itemToStringLabel: (r) => r.type == "item" ? ge(r.label) : "",
+      itemToStringValue: (r) => r.type == "item" ? String(r.key) : "",
+      inputValue: x,
       children: [
-        /* @__PURE__ */ e(t.Trigger, { ...y }),
-        /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(t.Positioner, { ...T, children: /* @__PURE__ */ e(t.Popup, { ...A, children: R() }) }) })
+        /* @__PURE__ */ e(t.Trigger, { ...j }),
+        /* @__PURE__ */ e(t.Portal, { children: /* @__PURE__ */ e(t.Positioner, { ...L, children: /* @__PURE__ */ e(t.Popup, { ...H, children: E() }) }) })
       ]
     }
-  ) : /* @__PURE__ */ p(d.Root, { open: h, onOpenChange: P, children: [
-    /* @__PURE__ */ e(d.Trigger, { ...y }),
-    /* @__PURE__ */ e(d.Portal, { children: /* @__PURE__ */ e(d.Positioner, { ...T, children: /* @__PURE__ */ e(d.Popup, { ...A, children: R() }) }) })
+  ) : /* @__PURE__ */ d(l.Root, { open: M, onOpenChange: C, children: [
+    /* @__PURE__ */ e(l.Trigger, { ...j }),
+    /* @__PURE__ */ e(l.Portal, { children: /* @__PURE__ */ e(l.Positioner, { ...L, children: /* @__PURE__ */ e(l.Popup, { ...H, children: E() }) }) })
   ] });
 };
 export {

package/dist/components/dropdown-menu/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/dropdown-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { Combobox } from \"@base-ui/react/combobox\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useRef, useState, RefCallback } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  reactNodeToString,\n  useCls,\n  createRenderProp,\n} from \"../utils\";\nimport { useBaseUIPlacement } from \"../hooks\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\n\n// Import component-specific styles\nimport { PopupPanelSize } from \"../popup-panel/constants\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport { useTheme } from \"../theme-provider\";\nimport { BaseMenu } from \"../base-menu\";\n\nimport { Input } from \"../input\";\n\nexport interface DropdownMenuProps extends Omit<\n  UseDropdownMenuProps,\n  \"classNames\"\n> {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state of the dropdown\n   */\n  defaultOpen?: boolean;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    itemIcon?: string;\n    itemText?: string;\n    positioner?: string;\n  } & UseDropdownMenuProps[\"classNames\"];\n\n  /**\n   * Whether to show search input\n   * @default false\n   */\n  showSearch?: boolean;\n  /**\n   * Size of the dropdown menu\n   * @default \"auto\"\n   */\n  size?: \"auto\" | keyof typeof PopupPanelSize;\n  /**\n   * Search placeholder\n   */\n  searchProps?: {\n    placeholder?: string;\n    className?: string;\n  };\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\n  /**\n   * Content to display before the list\n   */\n  beforeList?: React.ReactNode;\n  /**\n   * Content to display after the list\n   */\n  afterList?: React.ReactNode;\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  defaultOpen = false,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  inCombobox: inComboboxProp,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  getItemKeywords,\n  showCheckbox,\n  itemLabelRender,\n}: DropdownMenuProps) => {\n  const inCombobox =\n    typeof inComboboxProp === \"boolean\" ? inComboboxProp : showSearch;\n  const [open, onOpenChange] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen,\n  );\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items,\n    keepOpenOnSelect,\n    highlightedItemKey,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemLabelRender,\n    itemRender,\n    inCombobox,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\n    },\n  });\n\n  const [searchValue, setSearchValue] = useState(\"\");\n  const [positionerRef, setPositionerRef] = useState<HTMLDivElement | null>(\n    null,\n  );\n\n  // Track placement changes to conditionally position search input\n  const { currentSide } = useBaseUIPlacement({\n    positionerRef,\n    open,\n    initialSide: baseUIPlacement.side,\n    initialAlign: baseUIPlacement.align,\n  });\n\n  // When placement is on top, move search to bottom for better UX\n  const isTopPlacement = currentSide === \"top\";\n\n  const renderMenuInner = useCallback(() => {\n    if (!showSearch) {\n      return (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      );\n    }\n\n    const searchInput = (\n      <FormItemInputContext.Provider value={{}}>\n        <Combobox.Input\n          key=\"search\"\n          placeholder={searchProps?.placeholder || \"Search\"}\n          render={({ ref, ...props }) => (\n            <Input\n              {...props}\n              ref={(antdInputRef) => {\n                if (!antdInputRef || !antdInputRef.input) return;\n                const comboboxRef = ref as RefCallback<HTMLInputElement>;\n                comboboxRef(antdInputRef.input);\n              }}\n              allowClear\n              placeholder={searchProps?.placeholder || \"Search\"}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className={clsx(\n                cls(\"dropdown-menu-search\"),\n                searchProps?.className,\n              )}\n            />\n          )}\n          {...searchProps}\n        />\n      </FormItemInputContext.Provider>\n    );\n\n    const listContent = (\n      <ScrollArea fadeEdges>\n        <Combobox.Empty className={cls(\"dropdown-menu-empty\")}>\n          No results found.\n        </Combobox.Empty>\n        <Combobox.List className={cls(\"dropdown-menu-list\")}>\n          {(group, i) => renderGroup(group, i)}\n        </Combobox.List>\n      </ScrollArea>\n    );\n\n    return (\n      <div className={cls(\"dropdown-menu-container\")}>\n        <div\n          className={clsx(\n            cls(\"dropdown-menu-search-wrapper\"),\n            isTopPlacement && cls(\"dropdown-menu-search-wrapper-bottom\"),\n          )}\n        >\n          {searchInput}\n        </div>\n        {beforeList}\n        {listContent}\n        {afterList}\n      </div>\n    );\n  }, [\n    showSearch,\n    cls,\n    searchProps,\n    searchValue,\n    beforeList,\n    afterList,\n    itemGroups,\n    renderGroup,\n    isTopPlacement,\n  ]);\n\n  const commonTriggerProps = {\n    ref: buttonRef,\n    // nativeButton: false,\n    openOnHover,\n    className: clsx(\n      cls(\"dropdown-menu-trigger\"),\n      classNames?.trigger,\n      themeClassName,\n    ),\n    render: (props, state) => {\n      const { openOnHover: _openOnHover, ...rest } = props;\n      return createRenderProp(children, rest, state);\n    },\n  };\n\n  const commonPositionerProps = {\n    ref: setPositionerRef,\n    side: baseUIPlacement.side,\n    align: baseUIPlacement.align,\n    sideOffset: 4,\n    className: clsx(\n      cls(\"dropdown-menu-root\"),\n      themeClassName,\n      classNames?.root,\n    ),\n    collisionAvoidance: DROPDOWN_COLLISION_AVOIDANCE,\n    render: (props: React.ComponentPropsWithoutRef<\"div\">) => (\n      <BaseMenu.Root {...props} />\n    ),\n  };\n\n  const commonPopupProps = {\n    className: clsx(\n      cls(\n        \"dropdown-menu\",\n        showCheckbox && \"dropdown-menu-show-checkbox\",\n        popupMatchTriggerWidth && \"dropdown-menu-match-trigger-width\",\n      ),\n      className,\n      classNames?.popup,\n    ),\n    style: {\n      \"--size-width\": size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n    } as React.CSSProperties,\n    render: (props: React.ComponentPropsWithoutRef<\"div\">) => (\n      <BaseMenu.Popup {...props} />\n    ),\n  };\n\n  return showSearch ? (\n    <Combobox.Root<DropdownMenuItemType>\n      open={open}\n      onOpenChange={onOpenChange}\n      items={itemGroups}\n      itemToStringLabel={(item) =>\n        item.type == \"item\" ? reactNodeToString(item.label) : \"\"\n      }\n      itemToStringValue={(item) =>\n        item.type == \"item\" ? String(item.key) : \"\"\n      }\n      inputValue={searchValue}\n    >\n      <Combobox.Trigger {...commonTriggerProps} />\n      <Combobox.Portal>\n        <Combobox.Positioner {...commonPositionerProps}>\n          <Combobox.Popup {...commonPopupProps}>\n            {renderMenuInner()}\n          </Combobox.Popup>\n        </Combobox.Positioner>\n      </Combobox.Portal>\n    </Combobox.Root>\n  ) : (\n    <Menu.Root open={open} onOpenChange={onOpenChange}>\n      <Menu.Trigger {...commonTriggerProps} />\n      <Menu.Portal>\n        <Menu.Positioner {...commonPositionerProps}>\n          <Menu.Popup {...commonPopupProps}>{renderMenuInner()}</Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","itemLabelRender","inCombobox","open","onOpenChange","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","searchValue","setSearchValue","useState","positionerRef","setPositionerRef","currentSide","useBaseUIPlacement","isTopPlacement","renderMenuInner","useCallback","jsxs","ScrollArea","searchInput","jsx","FormItemInputContext","Combobox","ref","props","Input","antdInputRef","e","clsx","listContent","group","i","commonTriggerProps","state","_openOnHover","rest","createRenderProp","commonPositionerProps","DROPDOWN_COLLISION_AVOIDANCE","BaseMenu","commonPopupProps","PopupPanelSize","item","reactNodeToString","Menu"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/dropdown-menu/component.tsx"],"sourcesContent":["\"use client\";\nimport { Menu } from \"@base-ui/react/menu\";\nimport { Combobox, type ComboboxTriggerState } from \"@base-ui/react/combobox\";\nimport { type PopoverProps } from \"antd/es/popover\";\nimport { useCallback, useMemo, useRef, useState, RefCallback } from \"react\";\nimport {\n  clsx,\n  DROPDOWN_COLLISION_AVOIDANCE,\n  parseAntdPlacement,\n  reactNodeToString,\n  useCls,\n  createRenderProp,\n} from \"../utils\";\nimport { ScrollArea } from \"../scroll-area\";\nimport { FormItemInputContext } from \"antd/es/form/context\";\n\n// Import component-specific styles\nimport { PopupPanelSize } from \"../popup-panel/constants\";\n\nimport { DropdownMenuItemType } from \"./types\";\nimport { useDropdownMenu, UseDropdownMenuProps } from \"./useDropdownMenu\";\nimport { useControlledState } from \"../hooks\";\n\nimport { useTheme } from \"../theme-provider\";\nimport { BaseMenu } from \"../base-menu\";\n\nimport { Input } from \"../input\";\n\nexport interface DropdownMenuProps extends Omit<\n  UseDropdownMenuProps,\n  \"classNames\"\n> {\n  /** Array of menu items to be displayed in the dropdown */\n  items: DropdownMenuItemType[];\n  /** Custom render function for the trigger element */\n  children?: React.ComponentProps<typeof Menu.Trigger>[\"render\"];\n  /**\n   * Placement of the dropdown relative to the trigger element\n   * @default \"bottomLeft\"\n   */\n  placement?: PopoverProps[\"placement\"];\n  /**\n   * Whether to open the dropdown on hover instead of click\n   * @default false\n   */\n  openOnHover?: boolean;\n  /**\n   * Controlled open state of the dropdown\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the dropdown open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n  /**\n   * Default open state of the dropdown\n   */\n  defaultOpen?: boolean;\n  /**\n   * Additional CSS class for the dropdown component\n   */\n  className?: string;\n  /**\n   * Custom class names for different parts of the dropdown\n   * @default {}\n   */\n  classNames?: {\n    root?: string;\n    trigger?: string;\n    popup?: string;\n    itemIcon?: string;\n    itemText?: string;\n    positioner?: string;\n  } & UseDropdownMenuProps[\"classNames\"];\n\n  /**\n   * Whether to show search input\n   * @default false\n   */\n  showSearch?: boolean;\n  /**\n   * Size of the dropdown menu\n   * @default \"auto\"\n   */\n  size?: \"auto\" | keyof typeof PopupPanelSize;\n  /**\n   * Search placeholder\n   */\n  searchProps?: {\n    placeholder?: string;\n    className?: string;\n  };\n  /**\n   * Whether to match the width of the popup with the trigger\n   * @default false\n   */\n  popupMatchTriggerWidth?: boolean;\n  /**\n   * Content to display before the list\n   */\n  beforeList?: React.ReactNode;\n  /**\n   * Content to display after the list\n   */\n  afterList?: React.ReactNode;\n  /**\n   * Whether the trigger should act as a native button element.\n   * Set to false when using non-button elements (like Typography.Link) as trigger\n   * to suppress Base UI warnings and remove native button semantics.\n   * @default true\n   */\n  nativeButton?: boolean;\n}\n\nexport const DropdownMenu = ({\n  children,\n  items,\n  placement,\n  openOnHover,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  defaultOpen = false,\n  className,\n  itemRender,\n  classNames,\n  size = \"auto\",\n  showSearch,\n  inCombobox: inComboboxProp,\n  searchProps = {\n    placeholder: \"Search...\",\n  },\n  popupMatchTriggerWidth,\n  beforeList,\n  afterList,\n  keepOpenOnSelect,\n  highlightedItemKey,\n  selectedItemKeys,\n  getItemKeywords,\n  showCheckbox,\n  itemLabelRender,\n  nativeButton = true,\n}: DropdownMenuProps) => {\n  const inCombobox =\n    typeof inComboboxProp === \"boolean\" ? inComboboxProp : showSearch;\n  const [open, onOpenChange] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen,\n  );\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { itemGroups, renderGroup } = useDropdownMenu({\n    items,\n    keepOpenOnSelect,\n    highlightedItemKey,\n    selectedItemKeys,\n    showCheckbox,\n    getItemKeywords,\n    itemLabelRender,\n    itemRender,\n    inCombobox,\n    onOpenChange,\n    classNames: {\n      item: classNames?.item,\n      itemIcon: classNames?.itemIcon,\n      itemSuffix: classNames?.itemSuffix,\n      group: classNames?.group,\n      groupLabel: classNames?.groupLabel,\n      divider: classNames?.divider,\n    },\n  });\n\n  const [searchValue, setSearchValue] = useState(\"\");\n\n  const renderMenuInner = useCallback(() => {\n    if (!showSearch) {\n      return (\n        <div className={cls(\"dropdown-menu-container\")}>\n          {beforeList}\n          <ScrollArea fadeEdges>{itemGroups.map(renderGroup)}</ScrollArea>\n          {afterList}\n        </div>\n      );\n    }\n\n    const searchInput = (\n      <FormItemInputContext.Provider value={{}}>\n        <Combobox.Input\n          key=\"search\"\n          placeholder={searchProps?.placeholder || \"Search\"}\n          render={({ ref, ...props }) => (\n            <Input\n              {...props}\n              ref={(antdInputRef) => {\n                if (!antdInputRef || !antdInputRef.input) return;\n                const comboboxRef = ref as RefCallback<HTMLInputElement>;\n                comboboxRef(antdInputRef.input);\n              }}\n              allowClear\n              placeholder={searchProps?.placeholder || \"Search\"}\n              value={searchValue}\n              onChange={(e) => setSearchValue(e.target.value)}\n              className={clsx(\n                cls(\"dropdown-menu-search\"),\n                searchProps?.className,\n              )}\n            />\n          )}\n          {...searchProps}\n        />\n      </FormItemInputContext.Provider>\n    );\n\n    const listContent = (\n      <ScrollArea fadeEdges>\n        <Combobox.Empty className={cls(\"dropdown-menu-empty\")}>\n          No results found.\n        </Combobox.Empty>\n        <Combobox.List className={cls(\"dropdown-menu-list\")}>\n          {(group, i) => renderGroup(group, i)}\n        </Combobox.List>\n      </ScrollArea>\n    );\n\n    return (\n      <div className={cls(\"dropdown-menu-container\")}>\n        <div\n          className={cls(\"dropdown-menu-search-wrapper\")}\n        >\n          {searchInput}\n        </div>\n        {beforeList}\n        {listContent}\n        {afterList}\n      </div>\n    );\n  }, [\n    showSearch,\n    cls,\n    searchProps,\n    searchValue,\n    beforeList,\n    afterList,\n    itemGroups,\n    renderGroup,\n  ]);\n\n  // Stable trigger render — useCallback since it's called during render phase\n  const triggerRender = useCallback(\n    (\n      props: React.HTMLProps<HTMLElement> & { openOnHover?: boolean },\n      state: ComboboxTriggerState\n    ) => {\n      const { openOnHover: _openOnHover, ...rest } = props;\n      return createRenderProp(children, rest, state);\n    },\n    [children]\n  );\n\n  const commonTriggerProps = useMemo(\n    () => ({\n      ref: buttonRef,\n      openOnHover,\n      nativeButton,\n      className: clsx(\n        cls(\"dropdown-menu-trigger\"),\n        classNames?.trigger,\n        themeClassName,\n      ),\n      render: triggerRender,\n    }),\n    [buttonRef, openOnHover, nativeButton, cls, classNames?.trigger, themeClassName, triggerRender]\n  );\n\n  // Stable positioner render — useCallback since it's called during render phase\n  const positionerRender = useCallback(\n    (props: React.ComponentPropsWithoutRef<\"div\">) => (\n      <BaseMenu.Root {...props} />\n    ),\n    []\n  );\n\n  const commonPositionerProps = useMemo(\n    () => ({\n      side: baseUIPlacement.side,\n      align: baseUIPlacement.align,\n      sideOffset: 4,\n      className: clsx(\n        cls(\"dropdown-menu-root\"),\n        themeClassName,\n        classNames?.root,\n      ),\n      collisionAvoidance: DROPDOWN_COLLISION_AVOIDANCE,\n      render: positionerRender,\n    }),\n    [\n      baseUIPlacement.side,\n      baseUIPlacement.align,\n      cls,\n      themeClassName,\n      classNames?.root,\n      positionerRender,\n    ]\n  );\n\n  // Stable popup render — useCallback since it's called during render phase\n  const popupRender = useCallback(\n    (props: React.ComponentPropsWithoutRef<\"div\">) => (\n      <BaseMenu.Popup {...props} />\n    ),\n    []\n  );\n\n  const popupStyle = useMemo(\n    () =>\n      ({\n        \"--size-width\": size in PopupPanelSize ? PopupPanelSize[size] : undefined,\n      }) as React.CSSProperties,\n    [size]\n  );\n\n  const commonPopupProps = useMemo(\n    () => ({\n      className: clsx(\n        cls(\n          \"dropdown-menu\",\n          showCheckbox && \"dropdown-menu-show-checkbox\",\n          popupMatchTriggerWidth && \"dropdown-menu-match-trigger-width\",\n        ),\n        className,\n        classNames?.popup,\n      ),\n      style: popupStyle,\n      render: popupRender,\n    }),\n    [\n      cls,\n      showCheckbox,\n      popupMatchTriggerWidth,\n      className,\n      classNames?.popup,\n      popupStyle,\n      popupRender,\n    ]\n  );\n\n  return showSearch ? (\n    <Combobox.Root<DropdownMenuItemType>\n      open={open}\n      onOpenChange={onOpenChange}\n      items={itemGroups}\n      itemToStringLabel={(item) =>\n        item.type == \"item\" ? reactNodeToString(item.label) : \"\"\n      }\n      itemToStringValue={(item) =>\n        item.type == \"item\" ? String(item.key) : \"\"\n      }\n      inputValue={searchValue}\n    >\n      <Combobox.Trigger {...commonTriggerProps} />\n      <Combobox.Portal>\n        <Combobox.Positioner {...commonPositionerProps}>\n          <Combobox.Popup {...commonPopupProps}>\n            {renderMenuInner()}\n          </Combobox.Popup>\n        </Combobox.Positioner>\n      </Combobox.Portal>\n    </Combobox.Root>\n  ) : (\n    <Menu.Root open={open} onOpenChange={onOpenChange}>\n      <Menu.Trigger {...commonTriggerProps} />\n      <Menu.Portal>\n        <Menu.Positioner {...commonPositionerProps}>\n          <Menu.Popup {...commonPopupProps}>{renderMenuInner()}</Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n};\n"],"names":["DropdownMenu","children","items","placement","openOnHover","outsideOpen","outsideOnOpenChange","defaultOpen","className","itemRender","classNames","size","showSearch","inComboboxProp","searchProps","popupMatchTriggerWidth","beforeList","afterList","keepOpenOnSelect","highlightedItemKey","selectedItemKeys","getItemKeywords","showCheckbox","itemLabelRender","nativeButton","inCombobox","open","onOpenChange","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","buttonRef","useRef","itemGroups","renderGroup","useDropdownMenu","searchValue","setSearchValue","useState","renderMenuInner","useCallback","jsxs","ScrollArea","searchInput","jsx","FormItemInputContext","Combobox","ref","props","Input","antdInputRef","e","clsx","listContent","group","i","triggerRender","state","_openOnHover","rest","createRenderProp","commonTriggerProps","useMemo","positionerRender","BaseMenu","commonPositionerProps","DROPDOWN_COLLISION_AVOIDANCE","popupRender","popupStyle","PopupPanelSize","commonPopupProps","item","reactNodeToString","Menu"],"mappings":"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"}

package/dist/components/dropdown-menu/style.css

@@ -1 +1 @@
-@layer components{.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-empty:empty{display:none}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0;gap:.25rem}.ds-dropdown-menu-search-wrapper{order:-1}.ds-dropdown-menu-search-wrapper-bottom{order:1}}
+@layer components{.ds-dropdown-menu-header{font-size:.75rem;font-weight:500;line-height:1rem;text-transform:uppercase;color:var(--ds-color-text-tertiary);padding:.75rem .75rem .25rem}.ds-dropdown-menu-header:first-child{padding-top:.5rem}.ds-dropdown-menu-empty{padding:.375rem .75rem;color:var(--ds-color-text-tertiary)}.ds-dropdown-menu-empty:empty{display:none}.ds-dropdown-menu-match-trigger-width{width:min(var(--anchor-width),var(--available-width))}.ds-dropdown-menu-container{display:flex;flex-direction:column;flex-shrink:1;min-height:0;gap:.25rem}.ds-dropdown-menu-search-wrapper{order:-1}.ds-dropdown-menu-root[data-side=top] .ds-dropdown-menu-search-wrapper{order:1}}

package/dist/components/ds-root/component.d.ts

@@ -1,4 +1,5 @@
 import { ThemeProviderProps } from '../theme-provider/component';
+import { ToastProviderProps } from '../toast';
 export interface DSRootProps extends ThemeProviderProps {
     /**
      * Classname passed to App component
@@ -9,6 +10,10 @@ export interface DSRootProps extends ThemeProviderProps {
      * @default "html"
      */
     appendClassesTo?: string | HTMLElement;
+    /**
+     * Props forwarded to `Toast.Provider`
+     */
+    toastProviderProps?: ToastProviderProps;
 }
-export declare const DSRoot: ({ className, appendClassesTo, children, theme, ...props }: DSRootProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DSRoot: ({ className, appendClassesTo, toastProviderProps, children, theme, ...props }: DSRootProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=component.d.ts.map

package/dist/components/ds-root/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/ds-root/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AAOrC,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CACxC;AAED,eAAO,MAAM,MAAM,GAAI,2DAMpB,WAAW,4CAYb,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/ds-root/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAS,KAAK,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAM1D,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAEvC;;OAEG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;CACzC;AAED,eAAO,MAAM,MAAM,GAAI,+EAOpB,WAAW,4CAYb,CAAC"}

package/dist/components/ds-root/component.js

@@ -1,26 +1,27 @@
 "use client";
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { ThemeProvider as c } from "../theme-provider/component.js";
-import { Modal as d } from "../modal/index.js";
-import f from "antd/es/app/App";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { ThemeProvider as d } from "../theme-provider/component.js";
+import { Modal as f } from "../modal/index.js";
+import n from "antd/es/app/App";
 import './style.css';/* empty css          */
 import { Toast as o } from "../toast/component.js";
-import { useCls as n } from "../utils/antdUtils.js";
-import { clsx as h } from "../utils/cn.js";
-const C = ({
+import { useCls as h } from "../utils/antdUtils.js";
+import { clsx as a } from "../utils/cn.js";
+const D = ({
   className: m,
   appendClassesTo: t = "html",
-  children: i,
-  theme: e,
-  ...s
+  toastProviderProps: i,
+  children: e,
+  theme: s,
+  ...p
 }) => {
-  const p = n();
-  return /* @__PURE__ */ r(c, { theme: e, ...s, appendClassesTo: t, children: /* @__PURE__ */ r(o.Provider, { children: /* @__PURE__ */ l(d.Provider, { children: [
+  const l = h();
+  return /* @__PURE__ */ r(d, { theme: s, ...p, appendClassesTo: t, children: /* @__PURE__ */ r(o.Provider, { ...i, children: /* @__PURE__ */ c(f.Provider, { children: [
     /* @__PURE__ */ r(o.List, {}),
-    /* @__PURE__ */ r(f, { className: h(p("root"), m), children: i })
+    /* @__PURE__ */ r(n, { className: a(l("root"), m), children: e })
   ] }) }) });
 };
 export {
-  C as DSRoot
+  D as DSRoot
 };
 //# sourceMappingURL=component.js.map

package/dist/components/ds-root/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/ds-root/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ThemeProvider,\n  type ThemeProviderProps,\n} from \"../theme-provider/component\";\nimport { Toast } from \"../toast\";\nimport { Modal } from \"../modal\";\nimport App from \"antd/es/app/App\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface DSRootProps extends ThemeProviderProps {\n  /**\n   * Classname passed to App component\n   */\n  className?: string;\n\n  /**\n   * Element to which the theme classes are appended\n   * @default \"html\"\n   */\n  appendClassesTo?: string | HTMLElement;\n}\n\nexport const DSRoot = ({\n  className,\n  appendClassesTo = \"html\",\n  children,\n  theme,\n  ...props\n}: DSRootProps) => {\n  const cls = useCls();\n  return (\n    <ThemeProvider theme={theme} {...props} appendClassesTo={appendClassesTo}>\n      <Toast.Provider>\n        <Modal.Provider>\n          <Toast.List />\n          <App className={clsx(cls(\"root\"), className)}>{children}</App>\n        </Modal.Provider>\n      </Toast.Provider>\n    </ThemeProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","cls","useCls","jsx","ThemeProvider","Toast","jsxs","Modal","App","clsx"],"mappings":";;;;;;;;;AA0BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAMC,IAAMC,EAAA;AACZ,SACE,gBAAAC,EAACC,GAAA,EAAc,OAAAL,GAAe,GAAGC,GAAO,iBAAAH,GACtC,UAAA,gBAAAM,EAACE,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAJ,EAACE,EAAM,MAAN,EAAW;AAAA,IACZ,gBAAAF,EAACK,KAAI,WAAWC,EAAKR,EAAI,MAAM,GAAGL,CAAS,GAAI,UAAAE,EAAA,CAAS;AAAA,EAAA,EAAA,CAC1D,GACF,GACF;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/ds-root/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ThemeProvider,\n  type ThemeProviderProps,\n} from \"../theme-provider/component\";\nimport { Toast, type ToastProviderProps } from \"../toast\";\nimport { Modal } from \"../modal\";\nimport App from \"antd/es/app/App\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface DSRootProps extends ThemeProviderProps {\n  /**\n   * Classname passed to App component\n   */\n  className?: string;\n\n  /**\n   * Element to which the theme classes are appended\n   * @default \"html\"\n   */\n  appendClassesTo?: string | HTMLElement;\n\n  /**\n   * Props forwarded to `Toast.Provider`\n   */\n  toastProviderProps?: ToastProviderProps;\n}\n\nexport const DSRoot = ({\n  className,\n  appendClassesTo = \"html\",\n  toastProviderProps,\n  children,\n  theme,\n  ...props\n}: DSRootProps) => {\n  const cls = useCls();\n  return (\n    <ThemeProvider theme={theme} {...props} appendClassesTo={appendClassesTo}>\n      <Toast.Provider {...toastProviderProps}>\n        <Modal.Provider>\n          <Toast.List />\n          <App className={clsx(cls(\"root\"), className)}>{children}</App>\n        </Modal.Provider>\n      </Toast.Provider>\n    </ThemeProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","toastProviderProps","children","theme","props","cls","useCls","jsx","ThemeProvider","Toast","jsxs","Modal","App","clsx"],"mappings":";;;;;;;;;AA+BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAMC,IAAMC,EAAA;AACZ,SACE,gBAAAC,EAACC,GAAA,EAAc,OAAAL,GAAe,GAAGC,GAAO,iBAAAJ,GACtC,UAAA,gBAAAO,EAACE,EAAM,UAAN,EAAgB,GAAGR,GAClB,UAAA,gBAAAS,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAJ,EAACE,EAAM,MAAN,EAAW;AAAA,IACZ,gBAAAF,EAACK,KAAI,WAAWC,EAAKR,EAAI,MAAM,GAAGN,CAAS,GAAI,UAAAG,EAAA,CAAS;AAAA,EAAA,EAAA,CAC1D,GACF,GACF;AAEJ;"}

package/dist/components/form/style.css

@@ -1 +1 @@
-@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label>label.ds-form-item-required:before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}.ds-form-item .ds-form-item-label>label.ds-form-item-no-colon:after,.ds-form-item-vertical .ds-form-item-label>label:after{display:none}.ds-form-item-explaination-icon{cursor:help}}
+@layer components{.ds-form-item-label-inner{display:inline-flex;align-items:center;gap:.25rem}.ds-form-item-label-optional-mark{color:var(--ds-color-text-tertiary)}.ds-form-item-label>label.ds-form-item-required:before{display:none}.ds-form-item-label-required-mark{display:inline-block;font-size:var(--ds-font-size);font-family:Inter,sans-serif;line-height:1;content:"*"}.ds-form-item-label-required-mark.ds-form-item-label-required-mark-asterisk{color:var(--ds-form-label-required-mark-color)}.ds-form-item-explain{margin-top:.25rem}.ds-form-item-margin-offset{margin:0!important}.ds-form-item-label{overflow:visible}.ds-form-item-row .ds-form-item-label label{width:100%}.ds-form-item .ds-form-item-label>label.ds-form-item-no-colon:after,.ds-form-item-vertical .ds-form-item-label>label:after{display:none}.ds-form-item-explaination-icon{cursor:help}.ds-form-vertical .ds-form-item:not(.ds-form-item-horizontal) .ds-form-item-label>label:after{display:none}}

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

@@ -8,5 +8,4 @@ export * from './useDraggable';
 export * from './useBreakpoint';
 export * from './useWindowSize';
 export * from './useResizeObserver';
-export * from './useBaseUIPlacement';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC"}

package/dist/components/index.d.ts

@@ -52,6 +52,7 @@ export * from './select-trigger/index';
 export * from './loader/index';
 export * from './window-portal/index';
 export * from './alert/index';
+export * from './label-with-help/index';
 export * from './utils/index';
 export * from './hooks/index';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}

package/dist/components/label-with-help/component.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { IconButtonProps } from '../icon-button';
+export interface LabelWithHelpProps extends React.ComponentPropsWithRef<"span"> {
+    /**
+     * The content to display alongside the help icon
+     */
+    children: React.ReactNode;
+    /**
+     * Tooltip content shown when hovering the question icon.
+     * When falsy, the component renders children directly without wrapper.
+     */
+    tooltip?: React.ReactNode;
+    /**
+     * Props to pass to the inner IconButton component for customization
+     * (e.g. size, tooltipProps, negativeMargin)
+     */
+    iconButtonProps?: Partial<IconButtonProps>;
+}
+export declare const LabelWithHelp: React.ForwardRefExoticComponent<Omit<LabelWithHelpProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/label-with-help/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/label-with-help/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGlE,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC;IAC3C;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC5C;AAED,eAAO,MAAM,aAAa,yGAgCzB,CAAC"}