@bioturing/components 0.31.0 → 0.32.1

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

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useMemo } from \"react\";\nimport { clsx, reactNodeToString, useCls } from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\n\nimport \"./item.css\";\nimport { Checkbox } from \"antd\";\n\nexport interface DropdownMenuItemProps {\n  /** The menu item data */\n  item: DropdownMenuItemType & { type: \"item\" };\n  /** Custom render function for the item */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /** Additional props to pass to the item */\n  itemProps?: React.HTMLAttributes<HTMLElement>;\n  /** Class names from parent DropdownMenu */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n  onSelect?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n  /**\n   * Whether the menu item is in a combobox\n   */\n  inCombobox?: boolean;\n  /**\n   * Whether the menu item is in a menu\n   */\n  renderAsNativeElement?: boolean;\n  /**\n   * Whether the menu item is selected (for combobox)\n   * @default false\n   */\n  selected?: boolean;\n  /**\n   * Whether to show checkbox (only for decoration purpose)\n   */\n  showCheckbox?: boolean;\n  /**\n   * Whether the menu item checkbox is indeterminate (for combobox)\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n  item,\n  inCombobox = false,\n  selected = false,\n  itemRender,\n  itemProps = {},\n  classNames,\n  onSelect,\n  showCheckbox,\n  indeterminate,\n  renderAsNativeElement,\n  getItemKeywords,\n}) => {\n  const cls = useCls();\n\n  const MenuItem = useMemo(\n    () => (inCombobox ? Command.Item : Menu.Item),\n    [inCombobox],\n  );\n\n  const props = useMemo(() => {\n    return {\n      className: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className,\n      ),\n      disabled: item.disabled,\n      \"data-danger\": item.danger,\n      \"data-actual-selected\": selected,\n      ref: item.ref as Ref<HTMLDivElement>,\n      onClick: item.onClick,\n      onMouseEnter: item.onMouseEnter,\n      onMouseLeave: item.onMouseLeave,\n      onMouseOver: item.onMouseOver,\n      onMouseOut: item.onMouseOut,\n      \"data-value\":\n        typeof item.label === \"string\" ? item.label : String(item.key),\n      render: itemRender\n        ? (itemProps: React.HTMLAttributes<HTMLElement>) =>\n            itemRender(item, itemProps)\n        : undefined,\n      children: inCombobox ? (\n        <>\n          {showCheckbox && (\n            <Checkbox\n              checked={selected}\n              tabIndex={-1}\n              indeterminate={indeterminate}\n            />\n          )}\n          {item.icon && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-icon\"),\n                classNames?.itemIcon,\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <span\n            className={clsx(\n              cls(\"dropdown-menu-item-text\"),\n              classNames?.itemText,\n            )}\n          >\n            {item.label}\n          </span>\n        </>\n      ) : (\n        <>\n          {showCheckbox && (\n            <Checkbox\n              checked={selected}\n              tabIndex={-1}\n              indeterminate={indeterminate}\n            />\n          )}\n          {item.icon && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-icon\"),\n                classNames?.itemIcon,\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <span\n            className={clsx(\n              cls(\"dropdown-menu-item-text\"),\n              classNames?.itemText,\n            )}\n          >\n            {item.label}\n          </span>\n          {item.suffix && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-suffix\"),\n                classNames?.itemSuffix,\n              )}\n            >\n              {item.suffix}\n            </span>\n          )}\n        </>\n      ),\n    };\n  }, [\n    classNames?.item,\n    classNames?.itemIcon,\n    classNames?.itemText,\n    classNames?.itemSuffix,\n    cls,\n    inCombobox,\n    indeterminate,\n    item,\n    itemRender,\n    selected,\n    showCheckbox,\n  ]);\n  // If custom render function is provided, use it\n  if (itemRender) {\n    return itemRender(item, {\n      ...props,\n      ...itemProps,\n    });\n  }\n  const { render, ...restProps } = props;\n  // Default rendering\n  return renderAsNativeElement ? (\n    render ? (\n      render(props)\n    ) : (\n      <div onClick={onSelect} {...restProps} />\n    )\n  ) : (\n    <MenuItem\n      value={String(item.key)}\n      keywords={\n        getItemKeywords\n          ? getItemKeywords(item)\n          : [String(item.key), reactNodeToString(item.label)]\n      }\n      onSelect={() => {\n        onSelect(item);\n      }}\n      {...props}\n    ></MenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemProps","classNames","onSelect","showCheckbox","indeterminate","renderAsNativeElement","getItemKeywords","cls","useCls","MenuItem","useMemo","Command","Menu","props","clsx","jsxs","Fragment","jsx","Checkbox","render","restProps","reactNodeToString"],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../src/components/dropdown-menu/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { Ref, useMemo } from \"react\";\nimport { clsx, reactNodeToString, useCls, WithRenderProp } from \"../utils\";\nimport type { DropdownMenuItemType } from \"./types\";\nimport { Command } from \"../cmdk\";\nimport { Menu } from \"@base-ui-components/react/menu\";\n\nimport \"./item.css\";\nimport { Checkbox } from \"antd\";\n\nexport interface DropdownMenuItemProps {\n  /** The menu item data */\n  item: DropdownMenuItemType & { type: \"item\" };\n  /** Custom render function for the item */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n  /** Additional props to pass to the item */\n  itemProps?: React.HTMLAttributes<HTMLElement>;\n  /** Class names from parent DropdownMenu */\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemText?: string;\n    itemSuffix?: string;\n  };\n  onSelect?: (item: DropdownMenuItemType & { type: \"item\" }) => void;\n  /**\n   * Whether the menu item is in a combobox\n   */\n  inCombobox?: boolean;\n  /**\n   * Whether the menu item is in a menu\n   */\n  renderAsNativeElement?: boolean;\n  /**\n   * Whether the menu item is selected (for combobox)\n   * @default false\n   */\n  selected?: boolean;\n  /**\n   * Whether to show checkbox (only for decoration purpose)\n   */\n  showCheckbox?: boolean;\n  /**\n   * Whether the menu item checkbox is indeterminate (for combobox)\n   * @default false\n   */\n  indeterminate?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const DropdownMenuItem: React.FC<DropdownMenuItemProps> = ({\n  item,\n  inCombobox = false,\n  selected = false,\n  itemRender,\n  itemLabelRender,\n  itemProps = {},\n  classNames,\n  onSelect,\n  showCheckbox,\n  indeterminate,\n  renderAsNativeElement,\n  getItemKeywords,\n}) => {\n  const cls = useCls();\n\n  const MenuItem = useMemo(\n    () => (inCombobox ? Command.Item : Menu.Item),\n    [inCombobox],\n  );\n\n  const props = useMemo(() => {\n    return {\n      className: clsx(\n        cls(\"dropdown-menu-item\", inCombobox && \"dropdown-menu-item-combobox\"),\n        classNames?.item,\n        item.className,\n      ),\n      disabled: item.disabled,\n      \"data-danger\": item.danger,\n      \"data-actual-selected\": selected,\n      ref: item.ref as Ref<HTMLDivElement>,\n      onClick: item.onClick,\n      onMouseEnter: item.onMouseEnter,\n      onMouseLeave: item.onMouseLeave,\n      onMouseOver: item.onMouseOver,\n      onMouseOut: item.onMouseOut,\n      \"data-value\":\n        typeof item.label === \"string\" ? item.label : String(item.key),\n      render: itemRender\n        ? (itemProps: React.HTMLAttributes<HTMLElement>) =>\n            itemRender(item, itemProps)\n        : undefined,\n      children: inCombobox ? (\n        <>\n          {showCheckbox && (\n            <Checkbox\n              checked={selected}\n              tabIndex={-1}\n              indeterminate={indeterminate}\n            />\n          )}\n          {item.icon && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-icon\"),\n                classNames?.itemIcon,\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <WithRenderProp\n            render={\n              itemLabelRender\n                ? (props) => itemLabelRender(item, props)\n                : undefined\n            }\n            as={\"span\"}\n            className={clsx(\n              cls(\"dropdown-menu-item-text\"),\n              classNames?.itemText,\n            )}\n          >\n            {item.label}\n          </WithRenderProp>\n        </>\n      ) : (\n        <>\n          {showCheckbox && (\n            <Checkbox\n              checked={selected}\n              tabIndex={-1}\n              indeterminate={indeterminate}\n            />\n          )}\n          {item.icon && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-icon\"),\n                classNames?.itemIcon,\n              )}\n            >\n              {item.icon}\n            </span>\n          )}\n          <WithRenderProp\n            render={\n              itemLabelRender\n                ? (props) => itemLabelRender(item, props)\n                : undefined\n            }\n            as={\"span\"}\n          >\n            {item.label}\n          </WithRenderProp>\n          {item.suffix && (\n            <span\n              className={clsx(\n                cls(\"dropdown-menu-item-suffix\"),\n                classNames?.itemSuffix,\n              )}\n            >\n              {item.suffix}\n            </span>\n          )}\n        </>\n      ),\n    };\n  }, [\n    classNames?.item,\n    classNames?.itemIcon,\n    classNames?.itemText,\n    classNames?.itemSuffix,\n    cls,\n    inCombobox,\n    indeterminate,\n    item,\n    itemRender,\n    selected,\n    showCheckbox,\n    itemLabelRender,\n  ]);\n  const keywords = useMemo(\n    () =>\n      getItemKeywords\n        ? getItemKeywords(item)\n        : [String(item.key), reactNodeToString(item.label)],\n    [getItemKeywords, item],\n  );\n  // If custom render function is provided, use it\n  if (itemRender) {\n    return itemRender(item, {\n      ...props,\n      ...itemProps,\n    });\n  }\n  const { render, ...restProps } = props;\n\n  // Default rendering\n  return renderAsNativeElement ? (\n    render ? (\n      render(props)\n    ) : (\n      <div onClick={onSelect} {...restProps} />\n    )\n  ) : (\n    <MenuItem\n      value={String(item.key)}\n      keywords={keywords || undefined}\n      onSelect={() => {\n        onSelect(item);\n      }}\n      {...props}\n    ></MenuItem>\n  );\n};\n"],"names":["DropdownMenuItem","item","inCombobox","selected","itemRender","itemLabelRender","itemProps","classNames","onSelect","showCheckbox","indeterminate","renderAsNativeElement","getItemKeywords","cls","useCls","MenuItem","useMemo","Command","Menu","props","clsx","jsxs","Fragment","jsx","Checkbox","WithRenderProp","keywords","reactNodeToString","render","restProps"],"mappings":"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"}

package/dist/components/dropdown-menu/types.d.ts

@@ -0,0 +1,88 @@
+import { default as React } from 'react';
+export type DropdownMenuItemType = {
+    /**
+     * The type of the menu item
+     */
+    type: "item";
+    /**
+     * The label of the menu item
+     */
+    label?: React.ReactNode;
+    /**
+     * Whether the menu item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * The icon of the menu item
+     */
+    icon?: React.ReactNode;
+    /**
+     * The suffix of the menu item
+     */
+    suffix?: React.ReactNode;
+    /**
+     * The key of the menu item
+     */
+    key: React.Key;
+    /**
+     * The onSelect event handler of the menu item
+     */
+    onSelect?: (item: DropdownMenuItemType & {
+        type: "item";
+    }) => void;
+    /**
+     * The onClick event handler of the menu item
+     */
+    onClick?: React.HTMLAttributes<HTMLElement>["onClick"];
+    /**
+     * The onMouseEnter event handler of the menu item
+     */
+    onMouseEnter?: React.HTMLAttributes<HTMLElement>["onMouseEnter"];
+    /**
+     * The onMouseLeave event handler of the menu item
+     */
+    onMouseLeave?: React.HTMLAttributes<HTMLElement>["onMouseLeave"];
+    /**
+     * The onMouseOver event handler of the menu item
+     */
+    onMouseOver?: React.HTMLAttributes<HTMLElement>["onMouseOver"];
+    /**
+     * The onMouseOut event handler of the menu item
+     */
+    onMouseOut?: React.HTMLAttributes<HTMLElement>["onMouseOut"];
+    /**
+     * The className of the menu item
+     */
+    className?: string;
+    /**
+     * Whether the menu item is a danger item
+     */
+    danger?: boolean;
+    /**
+     * The ref of the menu item
+     */
+    ref?: React.Ref<HTMLElement>;
+} | {
+    /**
+     * The type of the menu item
+     */
+    type: "divider";
+} | {
+    /**
+     * The type of the menu item
+     */
+    type: "header";
+    /**
+     * The title of the menu item
+     */
+    title?: React.ReactNode;
+    /**
+     * The className of the menu item
+     */
+    className?: string;
+};
+export interface DropdownMenuGroup {
+    label: React.ReactNode | null;
+    items: DropdownMenuItemType[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/dropdown-menu/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAC5B;IACE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,CAAC;IACvD;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC;IACjE;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC;IAC/D;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,YAAY,CAAC,CAAC;IAC7D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,GACD;IACE;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;CACjB,GACD;IACE;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC9B,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B"}

package/dist/components/dropdown-menu/useDropdownMenu.d.ts

@@ -0,0 +1,58 @@
+import { DropdownMenuItemType, DropdownMenuGroup } from './types';
+export interface UseDropdownMenuProps {
+    /**
+     * Callback function to handle the open state change of the dropdown menu.
+     */
+    onOpenChange?: (open: boolean) => void;
+    items: DropdownMenuItemType[];
+    inCombobox?: boolean;
+    classNames?: {
+        item?: string;
+        itemIcon?: string;
+        itemSuffix?: string;
+        group?: string;
+        groupLabel?: string;
+        divider?: string;
+    };
+    /**
+     * Custom render function for menu items
+     */
+    itemRender?: (item: DropdownMenuItemType, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /**
+     * Custom render function for menu item labels
+     */
+    itemLabelRender?: (item: DropdownMenuItemType & {
+        type: "item";
+    }, props: React.HTMLAttributes<HTMLElement>) => React.ReactElement;
+    /**
+     * Whether to keep the dropdown open when an item is selected
+     * @default false
+     */
+    keepOpenOnSelect?: boolean;
+    /**
+     * Control the highlighted state of the menu item
+     */
+    highlightedItemKey?: React.Key;
+    /**
+     * Control the selected state of the menu item
+     */
+    selectedItemKeys?: React.Key[];
+    /**
+     * Whether to show checkbox
+     * @default false
+     */
+    showCheckbox?: boolean;
+    /**
+     * Function to extract keywords from the item for search filtering
+     * @default (item) => [String(item.key), reactNodeToString(item.label)]
+     */
+    getItemKeywords?: (item: DropdownMenuItemType & {
+        type: "item";
+    }) => string[];
+}
+export declare const useDropdownMenu: ({ items, inCombobox, classNames, selectedItemKeys, keepOpenOnSelect, showCheckbox, getItemKeywords, onOpenChange, itemRender, itemLabelRender, }: UseDropdownMenuProps) => {
+    itemGroups: DropdownMenuGroup[];
+    renderMenuItem: (item: DropdownMenuItemType, i: number, j: number) => import("react/jsx-runtime").JSX.Element;
+    renderGroup: (group: DropdownMenuGroup, index: number) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+};
+//# sourceMappingURL=useDropdownMenu.d.ts.map

package/dist/components/dropdown-menu/useDropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAOlE,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,CAChB,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAC7C,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,KACrC,KAAK,CAAC,YAAY,CAAC;IACxB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,EAAE,CAAC;CAC/E;AAED,eAAO,MAAM,eAAe,GAAI,kJAW7B,oBAAoB;;2BAGZ,oBAAoB,KAAK,MAAM,KAAK,MAAM;yBAmFzC,iBAAiB,SAAS,MAAM;CA2D3C,CAAC"}

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

@@ -1,124 +1,127 @@
-import { jsx as e, jsxs as D } from "react/jsx-runtime";
-import { useCallback as b, useMemo as L } from "react";
-import { DropdownMenuItem as y } from "./item.js";
-import { DropdownMenuDivider as j } from "./divider.js";
-import { Menu as G } from "@base-ui-components/react";
-import { Command as E } from "../cmdk/index.js";
-import { useCls as T } from "../utils/antdUtils.js";
-import { reactNodeToString as q } from "../utils/reactToString.js";
-import { clsx as h } from "../utils/cn.js";
-const W = ({
-  items: M,
-  inCombobox: n = !1,
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { useCallback as m, useMemo as S } from "react";
+import { DropdownMenuItem as k } from "./item.js";
+import { DropdownMenuDivider as D } from "./divider.js";
+import { Menu as f } from "@base-ui-components/react";
+import { Command as L } from "../cmdk/index.js";
+import { useCls as I } from "../utils/antdUtils.js";
+import { reactNodeToString as j } from "../utils/reactToString.js";
+import { clsx as d } from "../utils/cn.js";
+const Q = ({
+  items: s,
+  inCombobox: i = !1,
   classNames: o = {},
-  selectedItemKeys: f,
-  keepOpenOnSelect: v,
-  showCheckbox: w = !1,
-  getItemKeywords: S = (u) => [String(u.key), q(u.label)],
-  onOpenChange: l,
-  itemRender: g
+  selectedItemKeys: a,
+  keepOpenOnSelect: h,
+  showCheckbox: G = !1,
+  getItemKeywords: b = (l) => [String(l.key), j(l.label)],
+  onOpenChange: g,
+  itemRender: M,
+  itemLabelRender: c
 }) => {
-  const u = T(), d = b(
-    (r, i, p) => r.type === "item" ? /* @__PURE__ */ e(
-      y,
+  const l = I(), u = m(
+    (e, r, p) => e.type === "item" ? /* @__PURE__ */ n(
+      k,
       {
-        item: r,
-        inCombobox: n,
-        selected: f == null ? void 0 : f.includes(r.key),
-        onSelect: n ? r.onSelect ? r.onSelect : () => {
+        item: e,
+        inCombobox: i,
+        selected: a?.includes(e.key),
+        onSelect: i ? e.onSelect ? e.onSelect : () => {
           const t = new MouseEvent("click", {
             bubbles: !0,
             cancelable: !0
           });
-          r.onClick(t), v || l == null || l(!1);
+          e.onClick(t), h || g?.(!1);
         } : void 0,
-        itemRender: g,
-        showCheckbox: w,
-        getItemKeywords: S,
+        itemRender: M,
+        showCheckbox: G,
+        getItemKeywords: b,
+        itemLabelRender: c,
         classNames: {
           item: o.item,
           itemIcon: o.itemIcon,
           itemSuffix: o.itemSuffix
         }
       },
-      i + "-" + p
-    ) : r.type === "divider" ? /* @__PURE__ */ e(
-      j,
+      r + "-" + p
+    ) : e.type === "divider" ? /* @__PURE__ */ n(
+      D,
       {
-        inCombobox: n,
-        className: o == null ? void 0 : o.divider
+        inCombobox: i,
+        className: o?.divider
       },
-      i + "-" + p
+      r + "-" + p
     ) : null,
     [
       o,
+      M,
       g,
-      l,
-      n,
-      v,
-      f,
-      w,
-      S
+      i,
+      h,
+      a,
+      G,
+      b,
+      c
     ]
-  ), k = b(
-    (r, i) => /* @__PURE__ */ D(
-      G.Group,
+  ), v = m(
+    (e, r) => /* @__PURE__ */ y(
+      f.Group,
       {
-        className: h(u("dropdown-menu-group"), o == null ? void 0 : o.group),
+        className: d(l("dropdown-menu-group"), o?.group),
         children: [
-          r.label && /* @__PURE__ */ e(
-            G.GroupLabel,
+          e.label && /* @__PURE__ */ n(
+            f.GroupLabel,
             {
-              className: h(
-                u("dropdown-menu-header"),
-                o == null ? void 0 : o.groupLabel
+              className: d(
+                l("dropdown-menu-header"),
+                o?.groupLabel
               ),
-              children: /* @__PURE__ */ e("span", { children: r.label })
+              children: /* @__PURE__ */ n("span", { children: e.label })
             }
           ),
-          r.items.map((p, t) => d(p, i, t))
+          e.items.map((p, t) => u(p, r, t))
         ]
       },
-      "group" + i
+      "group" + r
     ),
-    [u, o, d]
-  ), m = b(
-    (r, i) => r.label ? /* @__PURE__ */ e(
-      E.Group,
+    [l, o, u]
+  ), w = m(
+    (e, r) => e.label ? /* @__PURE__ */ n(
+      L.Group,
       {
-        className: h(u("dropdown-menu-group"), o == null ? void 0 : o.group),
-        heading: /* @__PURE__ */ e(
-          G.GroupLabel,
+        className: d(l("dropdown-menu-group"), o?.group),
+        heading: /* @__PURE__ */ n(
+          f.GroupLabel,
           {
-            className: h(
-              u("dropdown-menu-header"),
-              o == null ? void 0 : o.groupLabel
+            className: d(
+              l("dropdown-menu-header"),
+              o?.groupLabel
             ),
-            children: /* @__PURE__ */ e("span", { children: r.label })
+            children: /* @__PURE__ */ n("span", { children: e.label })
           }
         ),
-        children: r.items.map((p, t) => d(p, i, t))
+        children: e.items.map((p, t) => u(p, r, t))
       },
-      "group" + i
-    ) : r.items.map((p, t) => d(p, i, t)),
-    [u, o, d]
+      "group" + r
+    ) : e.items.map((p, t) => u(p, r, t)),
+    [l, o, u]
   );
   return {
-    itemGroups: L(
-      () => M.reduce((r, i) => (r.length === 0 && i.type !== "header" && r.push({
+    itemGroups: S(
+      () => s.reduce((e, r) => (e.length === 0 && r.type !== "header" && e.push({
         label: null,
         items: []
-      }), i.type === "header" ? r.push({
-        label: i.title,
+      }), r.type === "header" ? e.push({
+        label: r.title,
         items: []
-      }) : (i.type === "item" || i.type === "divider") && r.length > 0 && r[r.length - 1].items.push(i), r), []),
-      [M]
+      }) : (r.type === "item" || r.type === "divider") && e.length > 0 && e[e.length - 1].items.push(r), e), []),
+      [s]
     ),
-    renderMenuItem: d,
-    renderGroup: n ? m : k
+    renderMenuItem: u,
+    renderGroup: i ? w : v
   };
 };
 export {
-  W as useDropdownMenu
+  Q as useDropdownMenu
 };
 //# sourceMappingURL=useDropdownMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { DropdownMenuItemType, DropdownMenuGroup } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { reactNodeToString, clsx, useCls } from \"../utils\";\nimport { Menu } from \"@base-ui-components/react\";\nimport { Command } from \"../cmdk\";\n\nexport interface UseDropdownMenuProps {\n  /**\n   * Callback function to handle the open state change of the dropdown menu.\n   */\n  onOpenChange?: (open: boolean) => void;\n  items: DropdownMenuItemType[];\n  inCombobox?: boolean;\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemSuffix?: string;\n    group?: string;\n    groupLabel?: string;\n    divider?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>,\n  ) => React.ReactElement;\n\n  /**\n   * Whether to keep the dropdown open when an item is selected\n   * @default false\n   */\n  keepOpenOnSelect?: boolean;\n  /**\n   * Control the highlighted state of the menu item\n   */\n  highlightedItemKey?: React.Key;\n  /**\n   * Control the selected state of the menu item\n   */\n  selectedItemKeys?: React.Key[];\n  /**\n   * Whether to show checkbox\n   * @default false\n   */\n  showCheckbox?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const useDropdownMenu = ({\n  items,\n  inCombobox = false,\n  classNames = {},\n  selectedItemKeys,\n  keepOpenOnSelect,\n  showCheckbox = false,\n  getItemKeywords = (item) => [String(item.key), reactNodeToString(item.label)],\n  onOpenChange,\n  itemRender,\n}: UseDropdownMenuProps) => {\n  const cls = useCls();\n  const renderMenuItem = useCallback(\n    (item: DropdownMenuItemType, i: number, j: number) => {\n      if (item.type === \"item\") {\n        return (\n          <DropdownMenuItem\n            key={i + \"-\" + j}\n            item={item}\n            inCombobox={inCombobox}\n            selected={selectedItemKeys?.includes(item.key)}\n            onSelect={\n              inCombobox\n                ? item.onSelect\n                  ? item.onSelect\n                  : () => {\n                      const e = new MouseEvent(\"click\", {\n                        bubbles: true,\n                        cancelable: true,\n                      }) as unknown as React.MouseEvent<\n                        HTMLElement,\n                        MouseEvent\n                      >;\n                      item.onClick(e);\n                      if (!keepOpenOnSelect) onOpenChange?.(false);\n                    }\n                : undefined\n            }\n            itemRender={itemRender}\n            showCheckbox={showCheckbox}\n            getItemKeywords={getItemKeywords}\n            classNames={{\n              item: classNames.item,\n              itemIcon: classNames.itemIcon,\n              itemSuffix: classNames.itemSuffix,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={i + \"-\" + j}\n            inCombobox={inCombobox}\n            className={classNames?.divider}\n          />\n        );\n      }\n      return null;\n    },\n    [\n      classNames,\n      itemRender,\n      onOpenChange,\n      inCombobox,\n      keepOpenOnSelect,\n      selectedItemKeys,\n      showCheckbox,\n      getItemKeywords,\n    ],\n  );\n\n  const renderGroup = useCallback(\n    (group: DropdownMenuGroup, index: number) => (\n      <Menu.Group\n        key={\"group\" + index}\n        className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n      >\n        {group.label && (\n          <Menu.GroupLabel\n            className={clsx(\n              cls(\"dropdown-menu-header\"),\n              classNames?.groupLabel,\n            )}\n          >\n            <span>{group.label}</span>\n          </Menu.GroupLabel>\n        )}\n        {group.items.map((item, j) => renderMenuItem(item, index, j))}\n      </Menu.Group>\n    ),\n    [cls, classNames, renderMenuItem],\n  );\n\n  const renderGroupCombobox = useCallback(\n    (group: DropdownMenuGroup, index: number) =>\n      group.label ? (\n        <Command.Group\n          key={\"group\" + index}\n          className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n          heading={\n            <Menu.GroupLabel\n              className={clsx(\n                cls(\"dropdown-menu-header\"),\n                classNames?.groupLabel,\n              )}\n            >\n              <span>{group.label}</span>\n            </Menu.GroupLabel>\n          }\n        >\n          {group.items.map((item, j) => renderMenuItem(item, index, j))}\n        </Command.Group>\n      ) : (\n        group.items.map((item, j) => renderMenuItem(item, index, j))\n      ),\n    [cls, classNames, renderMenuItem],\n  );\n\n  const itemGroups = useMemo(\n    () =>\n      items.reduce<DropdownMenuGroup[]>((acc, current) => {\n        // If no groups exist yet and current item is not a header, create default group\n        if (acc.length === 0 && current.type !== \"header\") {\n          acc.push({\n            label: null,\n            items: [],\n          });\n        }\n\n        // If it's a header, create a new group\n        if (current.type === \"header\") {\n          acc.push({\n            label: current.title,\n            items: [],\n          });\n        }\n        // If it's an item and we have at least one group, add it to the last group's items\n        else if (\n          (current.type === \"item\" || current.type === \"divider\") &&\n          acc.length > 0\n        ) {\n          acc[acc.length - 1].items.push(current);\n        }\n        // Skip dividers\n        return acc;\n      }, []),\n    [items],\n  );\n  return {\n    itemGroups,\n    renderMenuItem,\n    renderGroup: inCombobox ? renderGroupCombobox : renderGroup,\n  };\n};\n"],"names":["useDropdownMenu","items","inCombobox","classNames","selectedItemKeys","keepOpenOnSelect","showCheckbox","getItemKeywords","item","reactNodeToString","onOpenChange","itemRender","cls","useCls","renderMenuItem","useCallback","j","jsx","DropdownMenuItem","e","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Command","useMemo","acc","current"],"mappings":"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"}
+{"version":3,"file":"useDropdownMenu.js","sources":["../../../src/components/dropdown-menu/useDropdownMenu.tsx"],"sourcesContent":["import { useMemo, useCallback } from \"react\";\nimport { DropdownMenuItemType, DropdownMenuGroup } from \"./types\";\nimport { DropdownMenuItem } from \"./item\";\nimport { DropdownMenuDivider } from \"./divider\";\nimport { reactNodeToString, clsx, useCls } from \"../utils\";\nimport { Menu } from \"@base-ui-components/react\";\nimport { Command } from \"../cmdk\";\n\nexport interface UseDropdownMenuProps {\n  /**\n   * Callback function to handle the open state change of the dropdown menu.\n   */\n  onOpenChange?: (open: boolean) => void;\n  items: DropdownMenuItemType[];\n  inCombobox?: boolean;\n  classNames?: {\n    item?: string;\n    itemIcon?: string;\n    itemSuffix?: string;\n    group?: string;\n    groupLabel?: string;\n    divider?: string;\n  };\n  /**\n   * Custom render function for menu items\n   */\n  itemRender?: (\n    item: DropdownMenuItemType,\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Custom render function for menu item labels\n   */\n  itemLabelRender?: (\n    item: DropdownMenuItemType & { type: \"item\" },\n    props: React.HTMLAttributes<HTMLElement>\n  ) => React.ReactElement;\n  /**\n   * Whether to keep the dropdown open when an item is selected\n   * @default false\n   */\n  keepOpenOnSelect?: boolean;\n  /**\n   * Control the highlighted state of the menu item\n   */\n  highlightedItemKey?: React.Key;\n  /**\n   * Control the selected state of the menu item\n   */\n  selectedItemKeys?: React.Key[];\n  /**\n   * Whether to show checkbox\n   * @default false\n   */\n  showCheckbox?: boolean;\n  /**\n   * Function to extract keywords from the item for search filtering\n   * @default (item) => [String(item.key), reactNodeToString(item.label)]\n   */\n  getItemKeywords?: (item: DropdownMenuItemType & { type: \"item\" }) => string[];\n}\n\nexport const useDropdownMenu = ({\n  items,\n  inCombobox = false,\n  classNames = {},\n  selectedItemKeys,\n  keepOpenOnSelect,\n  showCheckbox = false,\n  getItemKeywords = (item) => [String(item.key), reactNodeToString(item.label)],\n  onOpenChange,\n  itemRender,\n  itemLabelRender,\n}: UseDropdownMenuProps) => {\n  const cls = useCls();\n  const renderMenuItem = useCallback(\n    (item: DropdownMenuItemType, i: number, j: number) => {\n      if (item.type === \"item\") {\n        return (\n          <DropdownMenuItem\n            key={i + \"-\" + j}\n            item={item}\n            inCombobox={inCombobox}\n            selected={selectedItemKeys?.includes(item.key)}\n            onSelect={\n              inCombobox\n                ? item.onSelect\n                  ? item.onSelect\n                  : () => {\n                      const e = new MouseEvent(\"click\", {\n                        bubbles: true,\n                        cancelable: true,\n                      }) as unknown as React.MouseEvent<\n                        HTMLElement,\n                        MouseEvent\n                      >;\n                      item.onClick(e);\n                      if (!keepOpenOnSelect) onOpenChange?.(false);\n                    }\n                : undefined\n            }\n            itemRender={itemRender}\n            showCheckbox={showCheckbox}\n            getItemKeywords={getItemKeywords}\n            itemLabelRender={itemLabelRender}\n            classNames={{\n              item: classNames.item,\n              itemIcon: classNames.itemIcon,\n              itemSuffix: classNames.itemSuffix,\n            }}\n          />\n        );\n      } else if (item.type === \"divider\") {\n        return (\n          <DropdownMenuDivider\n            key={i + \"-\" + j}\n            inCombobox={inCombobox}\n            className={classNames?.divider}\n          />\n        );\n      }\n      return null;\n    },\n    [\n      classNames,\n      itemRender,\n      onOpenChange,\n      inCombobox,\n      keepOpenOnSelect,\n      selectedItemKeys,\n      showCheckbox,\n      getItemKeywords,\n      itemLabelRender,\n    ]\n  );\n\n  const renderGroup = useCallback(\n    (group: DropdownMenuGroup, index: number) => (\n      <Menu.Group\n        key={\"group\" + index}\n        className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n      >\n        {group.label && (\n          <Menu.GroupLabel\n            className={clsx(\n              cls(\"dropdown-menu-header\"),\n              classNames?.groupLabel\n            )}\n          >\n            <span>{group.label}</span>\n          </Menu.GroupLabel>\n        )}\n        {group.items.map((item, j) => renderMenuItem(item, index, j))}\n      </Menu.Group>\n    ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const renderGroupCombobox = useCallback(\n    (group: DropdownMenuGroup, index: number) =>\n      group.label ? (\n        <Command.Group\n          key={\"group\" + index}\n          className={clsx(cls(\"dropdown-menu-group\"), classNames?.group)}\n          heading={\n            <Menu.GroupLabel\n              className={clsx(\n                cls(\"dropdown-menu-header\"),\n                classNames?.groupLabel\n              )}\n            >\n              <span>{group.label}</span>\n            </Menu.GroupLabel>\n          }\n        >\n          {group.items.map((item, j) => renderMenuItem(item, index, j))}\n        </Command.Group>\n      ) : (\n        group.items.map((item, j) => renderMenuItem(item, index, j))\n      ),\n    [cls, classNames, renderMenuItem]\n  );\n\n  const itemGroups = useMemo(\n    () =>\n      items.reduce<DropdownMenuGroup[]>((acc, current) => {\n        // If no groups exist yet and current item is not a header, create default group\n        if (acc.length === 0 && current.type !== \"header\") {\n          acc.push({\n            label: null,\n            items: [],\n          });\n        }\n\n        // If it's a header, create a new group\n        if (current.type === \"header\") {\n          acc.push({\n            label: current.title,\n            items: [],\n          });\n        }\n        // If it's an item and we have at least one group, add it to the last group's items\n        else if (\n          (current.type === \"item\" || current.type === \"divider\") &&\n          acc.length > 0\n        ) {\n          acc[acc.length - 1].items.push(current);\n        }\n        // Skip dividers\n        return acc;\n      }, []),\n    [items]\n  );\n  return {\n    itemGroups,\n    renderMenuItem,\n    renderGroup: inCombobox ? renderGroupCombobox : renderGroup,\n  };\n};\n"],"names":["useDropdownMenu","items","inCombobox","classNames","selectedItemKeys","keepOpenOnSelect","showCheckbox","getItemKeywords","item","reactNodeToString","onOpenChange","itemRender","itemLabelRender","cls","useCls","renderMenuItem","useCallback","i","j","jsx","DropdownMenuItem","e","DropdownMenuDivider","renderGroup","group","index","jsxs","Menu","clsx","renderGroupCombobox","Command","useMemo","acc","current"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { ThemeProviderProps } from '../theme-provider/component';
+export interface DSRootProps extends ThemeProviderProps {
+    /**
+     * Classname passed to App component
+     */
+    className?: string;
+    /**
+     * Element to which the theme classes are appended
+     * @default "html"
+     */
+    appendClassesTo?: string | HTMLElement;
+}
+export declare const DSRoot: ({ className, appendClassesTo, children, theme, ...props }: DSRootProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +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;AAQrC,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,4CAcb,CAAC"}

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 { DSRootContextProvider } from \"./context\";\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    <DSRootContextProvider value={{ theme: theme }}>\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    </DSRootContextProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","cls","useCls","DSRootContextProvider","ThemeProvider","Toast","jsxs","Modal","jsx","App","clsx"],"mappings":";;;;;;;;;;AA2BO,MAAMA,IAAS,CAAC;AAAA,EACrB,WAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACjB,QAAMC,IAAMC,EAAO;AACnB,2BACGC,GAAsB,EAAA,OAAO,EAAE,OAAAJ,KAC9B,4BAACK,GAAc,EAAA,OAAAL,GAAe,GAAGC,GAAO,iBAAAH,GACtC,4BAACQ,EAAM,UAAN,EACC,UAAC,gBAAAC,EAAAC,EAAM,UAAN,EACC,UAAA;AAAA,IAAC,gBAAAC,EAAAH,EAAM,MAAN,EAAW;AAAA,IACZ,gBAAAG,EAACC,KAAI,WAAWC,EAAKT,EAAI,MAAM,GAAGL,CAAS,GAAI,UAAAE,EAAS,CAAA;AAAA,EAAA,GAC1D,EAAA,CACF,EACF,CAAA,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 } from \"../toast\";\nimport { Modal } from \"../modal\";\nimport App from \"antd/es/app/App\";\nimport { DSRootContextProvider } from \"./context\";\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    <DSRootContextProvider value={{ theme: theme }}>\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    </DSRootContextProvider>\n  );\n};\n"],"names":["DSRoot","className","appendClassesTo","children","theme","props","cls","useCls","DSRootContextProvider","ThemeProvider","Toast","jsxs","Modal","jsx","App","clsx"],"mappings":";;;;;;;;;;AA2BO,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,2BACGC,GAAA,EAAsB,OAAO,EAAE,OAAAJ,KAC9B,4BAACK,GAAA,EAAc,OAAAL,GAAe,GAAGC,GAAO,iBAAAH,GACtC,4BAACQ,EAAM,UAAN,EACC,UAAA,gBAAAC,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACH,EAAM,MAAN,EAAW;AAAA,IACZ,gBAAAG,EAACC,KAAI,WAAWC,EAAKT,EAAI,MAAM,GAAGL,CAAS,GAAI,UAAAE,EAAA,CAAS;AAAA,EAAA,GAC1D,EAAA,CACF,GACF,GACF;AAEJ;"}

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const DSRootContextProvider: React.Provider<{
+    theme: "light" | "dark";
+}>;
+export declare const useDS: () => {
+    theme: "light" | "dark";
+};
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/ds-root/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,qBAAqB;WALzB,OAAO,GAAG,MAAM;EAKkC,CAAC;AAE5D,eAAO,MAAM,KAAK;WAPT,OAAO,GAAG,MAAM;CAOiC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './component';
+export * from './context';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ds-root/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC"}

package/dist/components/empty/component.d.ts

@@ -0,0 +1,13 @@
+import { EmptyProps as AntEmptyProps } from 'antd/es/empty';
+import * as React from "react";
+export interface EmptyProps extends AntEmptyProps {
+    /**
+     * Empty icon size
+     * @default 'medium'
+     */
+    size?: "small" | "medium" | "large";
+}
+export declare const EmptyIcon: React.FC<React.ComponentPropsWithRef<"svg">>;
+export declare const Empty: ({ image, size, className, ...rest }: EmptyProps) => import("react/jsx-runtime").JSX.Element;
+export default Empty;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/empty/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/empty/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,UAAU,IAAI,aAAa,EACjC,MAAM,eAAe,CAAC;AAIvB,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UAAW,SAAQ,aAAa;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAoBlE,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,qCAKnB,UAAU,4CAUZ,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/empty/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/empty/component.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  default as AntEmpty,\n  type EmptyProps as AntEmptyProps,\n} from \"antd/es/empty\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface EmptyProps extends AntEmptyProps {\n  /**\n   * Empty icon size\n   * @default 'medium'\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport const EmptyIcon: React.FC<React.ComponentPropsWithRef<\"svg\">> = (\n  props\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 32 32\"\n    {...props}\n  >\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity={\"0.3\"}\n      strokeWidth=\"0.05em\"\n      d=\"m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3\"\n    ></path>\n  </svg>\n);\n\nexport const Empty = ({\n  image,\n  size = \"medium\",\n  className,\n  ...rest\n}: EmptyProps) => {\n  const cls = useCls();\n  const emptyImage = image || <EmptyIcon className={cls(\"empty-icon\")} />;\n  return (\n    <AntEmpty\n      image={emptyImage}\n      className={clsx(cls(\"empty\", `empty-${size}`), className)}\n      {...rest}\n    />\n  );\n};\n\nexport default Empty;\n"],"names":["EmptyIcon","props","jsx","Empty","image","size","className","rest","cls","useCls","emptyImage","AntEmpty","clsx"],"mappings":";;;;;;AAmBa,MAAAA,IAA0D,CACrEC,MAEA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACH,GAGWC,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAMC,IAAMC,EAAO,GACbC,IAAaN,KAAS,gBAAAF,EAACF,KAAU,WAAWQ,EAAI,YAAY,GAAG;AAEnE,SAAA,gBAAAN;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,OAAOD;AAAA,MACP,WAAWE,EAAKJ,EAAI,SAAS,SAASH,CAAI,EAAE,GAAGC,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/empty/component.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  default as AntEmpty,\n  type EmptyProps as AntEmptyProps,\n} from \"antd/es/empty\";\nimport { useCls, clsx } from \"../utils\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nexport interface EmptyProps extends AntEmptyProps {\n  /**\n   * Empty icon size\n   * @default 'medium'\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n}\n\nexport const EmptyIcon: React.FC<React.ComponentPropsWithRef<\"svg\">> = (\n  props\n) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 32 32\"\n    {...props}\n  >\n    <path\n      stroke=\"currentColor\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity={\"0.3\"}\n      strokeWidth=\"0.05em\"\n      d=\"m4 26 3.773-11.316A1 1 0 0 1 8.72 14H29a1 1 0 0 1 .949 1.316L26.386 26zm0 0V8a1 1 0 0 1 1-1h6.666a1 1 0 0 1 .6.2L16 10h9a1 1 0 0 1 1 1v3\"\n    ></path>\n  </svg>\n);\n\nexport const Empty = ({\n  image,\n  size = \"medium\",\n  className,\n  ...rest\n}: EmptyProps) => {\n  const cls = useCls();\n  const emptyImage = image || <EmptyIcon className={cls(\"empty-icon\")} />;\n  return (\n    <AntEmpty\n      image={emptyImage}\n      className={clsx(cls(\"empty\", `empty-${size}`), className)}\n      {...rest}\n    />\n  );\n};\n\nexport default Empty;\n"],"names":["EmptyIcon","props","jsx","Empty","image","size","className","rest","cls","useCls","emptyImage","AntEmpty","clsx"],"mappings":";;;;;;AAmBO,MAAMA,IAA0D,CACrEC,MAEA,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAGD;AAAA,IAEJ,UAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA,QACf,eAAe;AAAA,QACf,aAAY;AAAA,QACZ,GAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AACH,GAGWC,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAChB,QAAMC,IAAMC,EAAA,GACNC,IAAaN,KAAS,gBAAAF,EAACF,KAAU,WAAWQ,EAAI,YAAY,GAAG;AACrE,SACE,gBAAAN;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,OAAOD;AAAA,MACP,WAAWE,EAAKJ,EAAI,SAAS,SAASH,CAAI,EAAE,GAAGC,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -0,0 +1,2 @@
+export * from './component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/field/component.d.ts

@@ -0,0 +1,42 @@
+import { InputProps, InputRef, SelectProps } from 'antd';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { RefSelectProps } from 'antd/es/select';
+import { ForwardedRef } from 'react';
+export type FieldType = "input" | "select";
+type RefType<T extends FieldType> = T extends "input" ? InputRef : T extends "select" ? RefSelectProps : never;
+interface BaseFieldProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: React.ReactNode;
+    /**
+     * Block or inline display
+     * @default false
+     */
+    block?: boolean;
+    /**
+     * Size of the field
+     * @default "small"
+     */
+    size?: SizeType;
+    /**
+     * Colon after label
+     * @default true
+     */
+    colon?: boolean;
+}
+type InputFieldProps = BaseFieldProps & {
+    type?: "input";
+    inputProps: InputProps;
+};
+type SelectFieldProps = BaseFieldProps & {
+    type: "select";
+    selectProps: SelectProps;
+};
+export type FieldProps<T extends FieldType = "input"> = T extends "input" ? InputFieldProps : SelectFieldProps;
+/**
+ * Generic Field component that forwards ref to Input or Select
+ */
+declare const FieldInner: <T extends FieldType>({ label, className, size, colon, type, ...rest }: FieldProps<T>, ref: ForwardedRef<RefType<T>>) => import("react/jsx-runtime").JSX.Element;
+export declare const Field: <T extends FieldType>(props: FieldProps<T> & {
+    ref?: ForwardedRef<RefType<T>>;
+}) => ReturnType<typeof FieldInner<T>>;
+export {};
+//# sourceMappingURL=component.d.ts.map

package/dist/components/field/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/field/component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAIxD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE3C,KAAK,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI,CAAC,SAAS,OAAO,GACjD,QAAQ,GACR,CAAC,SAAS,QAAQ,GAClB,cAAc,GACd,KAAK,CAAC;AAEV,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,KAAK,eAAe,GAAG,cAAc,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,cAAc,GAAG;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,SAAS,GAAG,OAAO,IAAI,CAAC,SAAS,OAAO,GACrE,eAAe,GACf,gBAAgB,CAAC;AAErB;;GAEG;AACH,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,SAAS,EACrC,kDAOG,UAAU,CAAC,CAAC,CAAC,EAChB,KAAK,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,4CA0B9B,CAAC;AAEF,eAAO,MAAM,KAAK,EAA6B,CAAC,CAAC,SAAS,SAAS,EACjE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,KACtD,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC"}