@bioturing/components 0.31.0 → 0.32.1

package/dist/components/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/modal/index.ts"],"sourcesContent":["\"use client\";\nimport useApp from \"antd/es/app/useApp\";\nimport { Modal as MainModal, type ModalProps } from \"./Modal\";\nimport {\n  confirm,\n  info,\n  success,\n  error,\n  warning,\n  open,\n  destroyAll,\n  type ModalFuncProps,\n} from \"./functions\";\nimport { ModalProvider, type ModalProviderProps } from \"./ModalProvider\";\n\nimport \"./style.css\";\n\nconst useModal = () => {\n  return useApp().modal;\n};\n\n// Export the Modal component with static methods\nexport const Modal = Object.assign(MainModal, {\n  Provider: ModalProvider,\n  open,\n  info,\n  success,\n  error,\n  warning,\n  confirm,\n  destroyAll,\n  useModal,\n});\n\nexport { ModalProps, ModalFuncProps, ModalProviderProps };\n"],"names":["useModal","useApp","Modal","MainModal","ModalProvider","open","info","success","error","warning","confirm","destroyAll"],"mappings":";;;;;;AAiBA,MAAMA,IAAW,MACRC,EAAS,EAAA,OAILC,IAAQ,OAAO,OAAOC,GAAW;AAAA,EAC5C,UAAUC;AAAA,EACV,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAX;AACF,CAAC;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/modal/index.ts"],"sourcesContent":["\"use client\";\nimport useApp from \"antd/es/app/useApp\";\nimport { Modal as MainModal, type ModalProps } from \"./Modal\";\nimport {\n  confirm,\n  info,\n  success,\n  error,\n  warning,\n  open,\n  destroyAll,\n  type ModalFuncProps,\n} from \"./functions\";\nimport { ModalProvider, type ModalProviderProps } from \"./ModalProvider\";\n\nimport \"./style.css\";\n\nconst useModal = () => {\n  return useApp().modal;\n};\n\n// Export the Modal component with static methods\nexport const Modal = Object.assign(MainModal, {\n  Provider: ModalProvider,\n  open,\n  info,\n  success,\n  error,\n  warning,\n  confirm,\n  destroyAll,\n  useModal,\n});\n\nexport { ModalProps, ModalFuncProps, ModalProviderProps };\n"],"names":["useModal","useApp","Modal","MainModal","ModalProvider","open","info","success","error","warning","confirm","destroyAll"],"mappings":";;;;;;AAiBA,MAAMA,IAAW,MACRC,IAAS,OAILC,IAAQ,OAAO,OAAOC,GAAW;AAAA,EAC5C,UAAUC;AAAA,EACV,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAX;AACF,CAAC;"}

package/dist/components/nav/context.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export declare const NavGroupContext: React.Context<{
+    size: "small" | "medium" | "large";
+    collapsible?: boolean;
+}>;
+export declare const useNavGroupContext: () => {
+    size: "small" | "medium" | "large";
+    collapsible?: boolean;
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/components/nav/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/nav/context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,eAAe;UACpB,OAAO,GAAG,QAAQ,GAAG,OAAO;kBACpB,OAAO;EACR,CAAC;AAEhB,eAAO,MAAM,kBAAkB;UAJvB,OAAO,GAAG,QAAQ,GAAG,OAAO;kBACpB,OAAO;CAStB,CAAC"}

package/dist/components/nav/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/nav/context.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport const NavGroupContext = React.createContext<{\n  size: \"small\" | \"medium\" | \"large\";\n  collapsible?: boolean;\n} | null>(null);\n\nexport const useNavGroupContext = () => {\n  const context = React.useContext(NavGroupContext);\n  if (!context) {\n    throw new Error(\"useNavGroupContext must be used within a NavGroup\");\n  }\n  return context;\n};\n"],"names":["NavGroupContext","React"],"mappings":";;AAIa,MAAAA,IAAkBC,EAAM,cAG3B,IAAI;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/nav/context.ts"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nexport const NavGroupContext = React.createContext<{\n  size: \"small\" | \"medium\" | \"large\";\n  collapsible?: boolean;\n} | null>(null);\n\nexport const useNavGroupContext = () => {\n  const context = React.useContext(NavGroupContext);\n  if (!context) {\n    throw new Error(\"useNavGroupContext must be used within a NavGroup\");\n  }\n  return context;\n};\n"],"names":["NavGroupContext","React"],"mappings":";;AAIO,MAAMA,IAAkBC,EAAM,cAG3B,IAAI;"}

package/dist/components/nav/group.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface NavGroupProps extends React.ComponentPropsWithoutRef<"div"> {
+    /**
+     * Size of the nav
+     * @default "medium"
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Weather it's collapsible or not
+     */
+    collapsible?: boolean;
+}
+declare const NavGroup: React.ForwardRefExoticComponent<NavGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { NavGroup };
+//# sourceMappingURL=group.d.ts.map

package/dist/components/nav/group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/nav/group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC1E;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,QAAQ,sFAwBb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/nav/group.js.map

@@ -1 +1 @@
-{"version":3,"file":"group.js","sources":["../../../src/components/nav/group.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { NavGroupContext } from \"./context\";\n\nexport interface NavGroupProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Size of the nav\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Weather it's collapsible or not\n   */\n  collapsible?: boolean;\n}\n\nconst NavGroup = forwardRef(\n  (\n    {\n      children,\n      size = \"medium\",\n      collapsible,\n      className,\n      ...rest\n    }: NavGroupProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const cls = useCls();\n    return (\n      <NavGroupContext.Provider value={{ size, collapsible }}>\n        <div\n          className={clsx(cls(\"nav-group\", `nav-${size}`), className)}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </NavGroupContext.Provider>\n    );\n  }\n);\n\nNavGroup.displayName = \"NavGroup\";\n\nexport { NavGroup };\n"],"names":["NavGroup","forwardRef","children","size","collapsible","className","rest","ref","cls","useCls","jsx","NavGroupContext","clsx"],"mappings":";;;;;;AAiBA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,KAELC,MACG;AACH,UAAMC,IAAMC,EAAO;AAEjB,WAAA,gBAAAC,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAAR,GAAM,aAAAC,KACvC,UAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,EAAKJ,EAAI,aAAa,OAAOL,CAAI,EAAE,GAAGE,CAAS;AAAA,QAC1D,KAAAE;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAAA;AAGN;AAEAF,EAAS,cAAc;"}
+{"version":3,"file":"group.js","sources":["../../../src/components/nav/group.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef } from \"react\";\nimport { useCls, clsx } from \"../utils\";\nimport { NavGroupContext } from \"./context\";\n\nexport interface NavGroupProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  /**\n   * Size of the nav\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Weather it's collapsible or not\n   */\n  collapsible?: boolean;\n}\n\nconst NavGroup = forwardRef(\n  (\n    {\n      children,\n      size = \"medium\",\n      collapsible,\n      className,\n      ...rest\n    }: NavGroupProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const cls = useCls();\n    return (\n      <NavGroupContext.Provider value={{ size, collapsible }}>\n        <div\n          className={clsx(cls(\"nav-group\", `nav-${size}`), className)}\n          ref={ref}\n          {...rest}\n        >\n          {children}\n        </div>\n      </NavGroupContext.Provider>\n    );\n  }\n);\n\nNavGroup.displayName = \"NavGroup\";\n\nexport { NavGroup };\n"],"names":["NavGroup","forwardRef","children","size","collapsible","className","rest","ref","cls","useCls","jsx","NavGroupContext","clsx"],"mappings":";;;;;;AAiBA,MAAMA,IAAWC;AAAA,EACf,CACE;AAAA,IACE,UAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAMC,EAAA;AACZ,WACE,gBAAAC,EAACC,EAAgB,UAAhB,EAAyB,OAAO,EAAE,MAAAR,GAAM,aAAAC,KACvC,UAAA,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,EAAKJ,EAAI,aAAa,OAAOL,CAAI,EAAE,GAAGE,CAAS;AAAA,QAC1D,KAAAE;AAAA,QACC,GAAGD;AAAA,QAEH,UAAAJ;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AAEAF,EAAS,cAAc;"}

package/dist/components/nav/heading.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface NavHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    children: React.ReactNode;
+}
+export declare const NavHeading: ({ children, className, ...rest }: NavHeadingProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=heading.d.ts.map

package/dist/components/nav/heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/components/nav/heading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,UAAU,GAAI,kCAIxB,eAAe,4CAOjB,CAAC"}

package/dist/components/nav/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","sources":["../../../src/components/nav/heading.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx, useCls } from \"../utils\";\n\nexport interface NavHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode;\n}\n\nexport const NavHeading = ({\n  children,\n  className,\n  ...rest\n}: NavHeadingProps) => {\n  const cls = useCls();\n  return (\n    <h3 className={clsx(cls(\"nav-heading\"), className)} {...rest}>\n      <span className={cls(\"nav-heading-text\")}>{children}</span>\n    </h3>\n  );\n};\n"],"names":["NavHeading","children","className","rest","cls","useCls","clsx"],"mappings":";;;;AASO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAO;AACnB,2BACG,MAAG,EAAA,WAAWC,EAAKF,EAAI,aAAa,GAAGF,CAAS,GAAI,GAAGC,GACtD,4BAAC,QAAK,EAAA,WAAWC,EAAI,kBAAkB,GAAI,UAAAH,EAAS,CAAA,GACtD;AAEJ;"}
+{"version":3,"file":"heading.js","sources":["../../../src/components/nav/heading.tsx"],"sourcesContent":["\"use client\";\nimport React from \"react\";\nimport { clsx, useCls } from \"../utils\";\n\nexport interface NavHeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement> {\n  children: React.ReactNode;\n}\n\nexport const NavHeading = ({\n  children,\n  className,\n  ...rest\n}: NavHeadingProps) => {\n  const cls = useCls();\n  return (\n    <h3 className={clsx(cls(\"nav-heading\"), className)} {...rest}>\n      <span className={cls(\"nav-heading-text\")}>{children}</span>\n    </h3>\n  );\n};\n"],"names":["NavHeading","children","className","rest","cls","useCls","clsx"],"mappings":";;;;AASO,MAAMA,IAAa,CAAC;AAAA,EACzB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACrB,QAAMC,IAAMC,EAAA;AACZ,2BACG,MAAA,EAAG,WAAWC,EAAKF,EAAI,aAAa,GAAGF,CAAS,GAAI,GAAGC,GACtD,4BAAC,QAAA,EAAK,WAAWC,EAAI,kBAAkB,GAAI,UAAAH,GAAS,GACtD;AAEJ;"}

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

@@ -0,0 +1,12 @@
+import { NavItemProps } from './item';
+import { NavHeadingProps } from './heading';
+import { NavGroupProps } from './group';
+export declare const Nav: {
+    Item: <T extends HTMLElement>(props: NavItemProps & {
+        ref?: React.Ref<T>;
+    }) => ReturnType<(<T_1 extends HTMLElement>({ icon, active, render, className, children, changeIconWeightOnActive, ...rest }: NavItemProps, ref: React.Ref<T_1>) => null)>;
+    Heading: ({ children, className, ...rest }: NavHeadingProps) => import("react/jsx-runtime").JSX.Element;
+    Group: import('react').ForwardRefExoticComponent<NavGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+};
+export type { NavItemProps, NavHeadingProps, NavGroupProps };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAc,eAAe,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AAElD,OAAO,aAAa,CAAC;AAErB,eAAO,MAAM,GAAG;;WAOi1D,CAAC,EAAC,MAAO,GAAG;qJAAp7B,MAAO,GAAG;;;CAHl8B,CAAC;AAEF,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/nav/item.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { useRender } from '@base-ui-components/react/use-render';
+export interface NavItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The icon to display in the nav item
+     */
+    icon?: React.ReactNode;
+    /**
+     * Whether the nav item is active
+     */
+    active?: boolean;
+    /**
+     * The render prop to render the nav item
+     */
+    render?: useRender.RenderProp<{
+        active: boolean;
+        icon?: React.ReactNode;
+    }>;
+    /**
+     * The size of the nav item
+     * @default "medium"
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * Whether to change the icon weight on active state
+     * @default true
+     */
+    changeIconWeightOnActive?: boolean;
+}
+declare const NavItemImpl: <T extends HTMLElement>({ icon, active, render, className, children, changeIconWeightOnActive, ...rest }: NavItemProps, ref: React.Ref<T>) => null;
+declare const NavItem: <T extends HTMLElement>(props: NavItemProps & {
+    ref?: React.Ref<T>;
+}) => ReturnType<typeof NavItemImpl>;
+export { NavItem };
+//# sourceMappingURL=item.d.ts.map

package/dist/components/nav/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/nav/item.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8C,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC;QAC5B,MAAM,EAAE,OAAO,CAAC;QAChB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;KACxB,CAAC,CAAC;IACH;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAUD,QAAA,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EACxC,kFAQG,YAAY,EACf,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SA6BlB,CAAC;AAEF,QAAA,MAAM,OAAO,EAA8B,CAAC,CAAC,SAAS,WAAW,EAC/D,KAAK,EAAE,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;CAAE,KACzC,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/nav/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../src/components/nav/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, isValidElement, useMemo } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\n\nexport interface NavItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The icon to display in the nav item\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the nav item is active\n   */\n  active?: boolean;\n  /**\n   * The render prop to render the nav item\n   */\n  render?: useRender.RenderProp<{\n    active: boolean;\n    icon?: React.ReactNode;\n  }>;\n  /**\n   * The size of the nav item\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to change the icon weight on active state\n   * @default true\n   */\n  changeIconWeightOnActive?: boolean;\n}\n\n// Define a type for elements that can have a weight prop\ntype ElementWithWeight = React.ReactElement<{ weight?: string }>;\n\n// Type guard to check if an element can accept a weight prop\nconst canHaveWeightProp = (el: React.ReactNode): el is ElementWithWeight => {\n  return isValidElement(el);\n};\n\nconst NavItemImpl = <T extends HTMLElement>(\n  {\n    icon,\n    active = false,\n    render,\n    className,\n    children,\n    changeIconWeightOnActive = true,\n    ...rest\n  }: NavItemProps,\n  ref: React.Ref<T>\n) => {\n  const cls = useCls();\n\n  // Apply weight prop only if the element can accept it\n  const renderedIcon = useMemo(() => {\n    if (!changeIconWeightOnActive || !active || !canHaveWeightProp(icon)) {\n      return icon;\n    }\n    return React.cloneElement(icon, { weight: \"fill\" });\n  }, [icon, changeIconWeightOnActive, active]);\n\n  return useRender({\n    render: render ?? <button className={clsx(cls(\"nav-item\"), className)} />,\n    ref,\n    props: {\n      \"data-active\": active || undefined,\n      \"aria-expanded\": rest[\"aria-expanded\"],\n      className: undefined,\n      children: (\n        <>\n          <span className={cls(\"nav-item-icon\")}>{renderedIcon}</span>\n          <span className={cls(\"nav-item-content\")}>{children}</span>\n        </>\n      ),\n      ...rest,\n    },\n    state: { active, icon },\n  });\n};\n\nconst NavItem = forwardRef(NavItemImpl) as <T extends HTMLElement>(\n  props: NavItemProps & { ref?: React.Ref<T> }\n) => ReturnType<typeof NavItemImpl>;\n\nexport { NavItem };\n"],"names":["canHaveWeightProp","el","isValidElement","NavItemImpl","icon","active","render","className","children","changeIconWeightOnActive","rest","ref","cls","useCls","renderedIcon","useMemo","React","useRender","jsx","clsx","jsxs","Fragment","NavItem","forwardRef"],"mappings":";;;;;;AAsCA,MAAMA,IAAoB,CAACC,MAClBC,EAAeD,CAAE,GAGpBE,IAAc,CAClB;AAAA,EACE,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAO,GAGbC,IAAeC,EAAQ,MACvB,CAACN,KAA4B,CAACJ,KAAU,CAACL,EAAkBI,CAAI,IAC1DA,IAEFY,EAAM,aAAaZ,GAAM,EAAE,QAAQ,QAAQ,GACjD,CAACA,GAAMK,GAA0BJ,CAAM,CAAC;AAE3C,SAAOY,EAAU;AAAA,IACf,QAAQX,KAAU,gBAAAY,EAAC,UAAO,EAAA,WAAWC,EAAKP,EAAI,UAAU,GAAGL,CAAS,EAAG,CAAA;AAAA,IACvE,KAAAI;AAAA,IACA,OAAO;AAAA,MACL,eAAeN,KAAU;AAAA,MACzB,iBAAiBK,EAAK,eAAe;AAAA,MACrC,WAAW;AAAA,MACX,UAEI,gBAAAU,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAH,EAAC,QAAK,EAAA,WAAWN,EAAI,eAAe,GAAI,UAAaE,GAAA;AAAA,0BACpD,QAAK,EAAA,WAAWF,EAAI,kBAAkB,GAAI,UAAAJ,EAAS,CAAA;AAAA,MAAA,GACtD;AAAA,MAEF,GAAGE;AAAA,IACL;AAAA,IACA,OAAO,EAAE,QAAAL,GAAQ,MAAAD,EAAK;AAAA,EAAA,CACvB;AACH,GAEMkB,IAAUC,EAAWpB,CAAW;"}
+{"version":3,"file":"item.js","sources":["../../../src/components/nav/item.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, isValidElement, useMemo } from \"react\";\nimport { clsx, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\n\nexport interface NavItemProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * The icon to display in the nav item\n   */\n  icon?: React.ReactNode;\n  /**\n   * Whether the nav item is active\n   */\n  active?: boolean;\n  /**\n   * The render prop to render the nav item\n   */\n  render?: useRender.RenderProp<{\n    active: boolean;\n    icon?: React.ReactNode;\n  }>;\n  /**\n   * The size of the nav item\n   * @default \"medium\"\n   */\n  size?: \"small\" | \"medium\" | \"large\";\n  /**\n   * Whether to change the icon weight on active state\n   * @default true\n   */\n  changeIconWeightOnActive?: boolean;\n}\n\n// Define a type for elements that can have a weight prop\ntype ElementWithWeight = React.ReactElement<{ weight?: string }>;\n\n// Type guard to check if an element can accept a weight prop\nconst canHaveWeightProp = (el: React.ReactNode): el is ElementWithWeight => {\n  return isValidElement(el);\n};\n\nconst NavItemImpl = <T extends HTMLElement>(\n  {\n    icon,\n    active = false,\n    render,\n    className,\n    children,\n    changeIconWeightOnActive = true,\n    ...rest\n  }: NavItemProps,\n  ref: React.Ref<T>\n) => {\n  const cls = useCls();\n\n  // Apply weight prop only if the element can accept it\n  const renderedIcon = useMemo(() => {\n    if (!changeIconWeightOnActive || !active || !canHaveWeightProp(icon)) {\n      return icon;\n    }\n    return React.cloneElement(icon, { weight: \"fill\" });\n  }, [icon, changeIconWeightOnActive, active]);\n\n  return useRender({\n    render: render ?? <button className={clsx(cls(\"nav-item\"), className)} />,\n    ref,\n    props: {\n      \"data-active\": active || undefined,\n      \"aria-expanded\": rest[\"aria-expanded\"],\n      className: undefined,\n      children: (\n        <>\n          <span className={cls(\"nav-item-icon\")}>{renderedIcon}</span>\n          <span className={cls(\"nav-item-content\")}>{children}</span>\n        </>\n      ),\n      ...rest,\n    },\n    state: { active, icon },\n  });\n};\n\nconst NavItem = forwardRef(NavItemImpl) as <T extends HTMLElement>(\n  props: NavItemProps & { ref?: React.Ref<T> }\n) => ReturnType<typeof NavItemImpl>;\n\nexport { NavItem };\n"],"names":["canHaveWeightProp","el","isValidElement","NavItemImpl","icon","active","render","className","children","changeIconWeightOnActive","rest","ref","cls","useCls","renderedIcon","useMemo","React","useRender","jsx","clsx","jsxs","Fragment","NavItem","forwardRef"],"mappings":";;;;;;AAsCA,MAAMA,IAAoB,CAACC,MAClBC,EAAeD,CAAE,GAGpBE,IAAc,CAClB;AAAA,EACE,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAMC,EAAA,GAGNC,IAAeC,EAAQ,MACvB,CAACN,KAA4B,CAACJ,KAAU,CAACL,EAAkBI,CAAI,IAC1DA,IAEFY,EAAM,aAAaZ,GAAM,EAAE,QAAQ,QAAQ,GACjD,CAACA,GAAMK,GAA0BJ,CAAM,CAAC;AAE3C,SAAOY,EAAU;AAAA,IACf,QAAQX,KAAU,gBAAAY,EAAC,UAAA,EAAO,WAAWC,EAAKP,EAAI,UAAU,GAAGL,CAAS,EAAA,CAAG;AAAA,IACvE,KAAAI;AAAA,IACA,OAAO;AAAA,MACL,eAAeN,KAAU;AAAA,MACzB,iBAAiBK,EAAK,eAAe;AAAA,MACrC,WAAW;AAAA,MACX,UACE,gBAAAU,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH,EAAC,QAAA,EAAK,WAAWN,EAAI,eAAe,GAAI,UAAAE,GAAa;AAAA,0BACpD,QAAA,EAAK,WAAWF,EAAI,kBAAkB,GAAI,UAAAJ,EAAA,CAAS;AAAA,MAAA,GACtD;AAAA,MAEF,GAAGE;AAAA,IAAA;AAAA,IAEL,OAAO,EAAE,QAAAL,GAAQ,MAAAD,EAAA;AAAA,EAAK,CACvB;AACH,GAEMkB,IAAUC,EAAWpB,CAAW;"}

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

@@ -0,0 +1,10 @@
+import { PopoverProps as AntPopoverProps } from 'antd/es/popover';
+export interface PopoverProps extends AntPopoverProps {
+    /**
+     * Arrow config for of the popover
+     * @default false
+     */
+    arrow?: AntPopoverProps["arrow"];
+}
+export declare const Popover: ({ className, style, arrow, ...rest }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/popover/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,YAAY,IAAI,eAAe,EACrC,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC;AAGD,eAAO,MAAM,OAAO,GAAI,sCAKrB,YAAY,4CAId,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/popover/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntPopover,\n  type PopoverProps as AntPopoverProps,\n} from \"antd/es/popover\";\n\n// Define props interface extending Ant Design's PopoverProps\nexport interface PopoverProps extends AntPopoverProps {\n  /**\n   * Arrow config for of the popover\n   * @default false\n   */\n  arrow?: AntPopoverProps[\"arrow\"];\n}\n\n// Create Popover component\nexport const Popover = ({\n  className,\n  style,\n  arrow = false,\n  ...rest\n}: PopoverProps) => {\n  return (\n    <AntPopover className={className} arrow={arrow} style={style} {...rest} />\n  );\n};\n"],"names":["Popover","className","style","arrow","rest","AntPopover"],"mappings":";;;AAgBO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,wBAEKC,GAAW,EAAA,WAAAJ,GAAsB,OAAAE,GAAc,OAAAD,GAAe,GAAGE,GAAM;"}
+{"version":3,"file":"component.js","sources":["../../../src/components/popover/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n  default as AntPopover,\n  type PopoverProps as AntPopoverProps,\n} from \"antd/es/popover\";\n\n// Define props interface extending Ant Design's PopoverProps\nexport interface PopoverProps extends AntPopoverProps {\n  /**\n   * Arrow config for of the popover\n   * @default false\n   */\n  arrow?: AntPopoverProps[\"arrow\"];\n}\n\n// Create Popover component\nexport const Popover = ({\n  className,\n  style,\n  arrow = false,\n  ...rest\n}: PopoverProps) => {\n  return (\n    <AntPopover className={className} arrow={arrow} style={style} {...rest} />\n  );\n};\n"],"names":["Popover","className","style","arrow","rest","AntPopover"],"mappings":";;;AAgBO,MAAMA,IAAU,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACL,wBAEKC,GAAA,EAAW,WAAAJ,GAAsB,OAAAE,GAAc,OAAAD,GAAe,GAAGE,GAAM;"}

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

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

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

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

package/dist/components/popup-panel/component.d.ts

@@ -0,0 +1,100 @@
+import { Popover } from '@base-ui-components/react/popover';
+import { PopoverProps } from 'antd/es/popover';
+import { PopupPanelSize } from './constants';
+export interface PopupPanelProps extends Omit<React.ComponentPropsWithRef<"div">, "title" | "content" | "children">, Omit<Popover.Root.Props, "children"> {
+    /** The trigger element that opens the popup panel */
+    children?: React.ComponentProps<typeof Popover.Trigger>["render"];
+    /** Placement of the popup panel relative to its trigger */
+    placement?: PopoverProps["placement"];
+    /** Whether to open the popup panel on hover */
+    openOnHover?: boolean;
+    /** Controls the open state of the popup panel */
+    open?: boolean;
+    /** Callback fired when the open state changes */
+    onOpenChange?: Popover.Root.Props["onOpenChange"];
+    /** Content to display inside the popup panel */
+    content?: React.ReactNode;
+    /** Title text or element to display in the panel header */
+    title?: React.ReactNode;
+    /** The event that triggers the popup panel */
+    /**
+     * @default "click"
+     */
+    trigger?: "click" | "hover";
+    /** Custom anchor element for positioning the panel */
+    anchor?: Popover.Positioner.Props["anchor"];
+    /** Content to display before the close button */
+    beforeCloseButton?: React.ReactNode;
+    /** Content to display after the close button */
+    afterCloseButton?: React.ReactNode;
+    /** Content to display after the title */
+    afterTitle?: React.ReactNode;
+    /**
+     * Predefined sizes for the popup panel
+     * - xsmall: 320px
+     * - small: 400px
+     * - medium: 480px (default)
+     * - large: 640px
+     * - xlarge: 840px
+     * @default "medium" for default type, "xsmall" for other types
+     */
+    size?: keyof typeof PopupPanelSize;
+    /**
+     * Footer content for the popup panel
+     * Can be a React node or a function that returns a React node
+     */
+    footer?: React.ReactNode | ((props: {
+        close: () => void;
+    }) => React.ReactNode);
+    /**
+     * Whether the panel should be open by default when uncontrolled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the panel should be resizable
+     * @default false
+     */
+    resizable?: boolean;
+    /**
+     * Whether the panel should be draggable
+     * @default false
+     */
+    draggable?: boolean;
+    /**
+     * Whether to maintain aspect ratio when resizing
+     * Only applies when resizable is true
+     * @default false
+     */
+    maintainAspectRatio?: boolean;
+    /**
+     * Custom class names for different parts of the popup panel
+     * @default {}
+     */
+    classNames?: {
+        root?: string;
+        trigger?: string;
+        popup?: string;
+        header?: string;
+        title?: string;
+        content?: string;
+        footer?: string;
+        resizeHandle?: string;
+    };
+    /**
+     * Whether to close the panel when clicking outside
+     * @default true
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Whether to use modal mode
+     * @default false
+     */
+    modal?: Popover.Root.Props["modal"];
+    /**
+     * Callback function when the placement changes
+     */
+    onPlacementChange?: (placement: PopoverProps["placement"]) => void;
+}
+export declare const PopupPanel: ({ children, placement, openOnHover, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger, className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size, footer, defaultOpen, resizable, draggable, maintainAspectRatio, classNames, modal, closeOnClickOutside, onPlacementChange, ...rest }: PopupPanelProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component.d.ts.map

package/dist/components/popup-panel/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/popup-panel/component.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAE5D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,aAAa,CAAC;AAGrB,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAClC,OAAO,GAAG,SAAS,GAAG,UAAU,CACjC,EACD,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC;IACtC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAClE,2DAA2D;IAC3D,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;IACtC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iDAAiD;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAClD,gDAAgD;IAChD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8CAA8C;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5C,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,yCAAyC;IACzC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EACH,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACxD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACpC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,UAAU,GAAI,mUAyBxB,eAAe,4CAgMjB,CAAC"}

package/dist/components/popup-panel/component.js

@@ -1,9 +1,9 @@
 "use client";
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { Popover as o } from "@base-ui-components/react/popover";
-import { useMemo as _, useRef as A, useState as B, useEffect as m, useCallback as a } from "react";
-import { X as N } from "@bioturing/assets";
-import { PopupPanelSize as s } from "./constants.js";
+import { useMemo as Q, useRef as y, useState as W, useEffect as Y, useCallback as Z } from "react";
+import { X as _ } from "@bioturing/assets";
+import { PopupPanelSize as B } from "./constants.js";
 import { Stack as ee } from "../stack/index.js";
 import './style.css';/* empty css          */
 import { parseAntdPlacement as te, buildAntdPlacement as re } from "../utils/placement.js";
@@ -12,166 +12,166 @@ import { Resizable as ie } from "../resizable/component.js";
 import { useControlledState as oe } from "../hooks/useControlledState.js";
 import { useCls as pe } from "../utils/antdUtils.js";
 import { clsx as p } from "../utils/cn.js";
-import { IconButton as ue } from "../icon-button/component.js";
-const Ce = ({
-  children: K,
-  placement: j,
-  openOnHover: E = !1,
-  open: M,
-  onOpenChange: D,
-  content: F,
-  title: h,
-  trigger: T = "click",
-  className: U,
-  anchor: V,
-  beforeCloseButton: C,
-  afterCloseButton: S,
-  afterTitle: b,
-  size: v = "medium",
-  footer: l,
-  defaultOpen: X,
-  resizable: x = !1,
-  draggable: $ = !1,
-  maintainAspectRatio: q = !1,
-  classNames: e,
-  modal: G = !1,
-  closeOnClickOutside: J = !0,
-  onPlacementChange: P,
-  ...L
+import { IconButton as le } from "../icon-button/component.js";
+const Oe = ({
+  children: z,
+  placement: k,
+  openOnHover: H = !1,
+  open: I,
+  onOpenChange: K,
+  content: j,
+  title: f,
+  trigger: E = "click",
+  className: M,
+  anchor: D,
+  beforeCloseButton: O,
+  afterCloseButton: R,
+  afterTitle: m,
+  size: g = "medium",
+  footer: c,
+  defaultOpen: F,
+  resizable: A = !1,
+  draggable: T = !1,
+  maintainAspectRatio: U = !1,
+  classNames: r,
+  modal: V = !1,
+  closeOnClickOutside: X = !0,
+  onPlacementChange: h,
+  ...$
 }) => {
-  const [w, z] = oe(
-    M,
-    D,
-    X ?? !1
+  const [b, C] = oe(
+    I,
+    K,
+    F ?? !1
     // Always provide a default value to prevent undefined
-  ), r = pe(), c = te(j), k = _(() => /* @__PURE__ */ t(N, { size: 16 }), []), H = A(null), y = A(c.side), O = A(c.align), [Q, W] = B(0);
-  m(() => {
-    const u = H.current;
-    if (!u || !w) return;
-    const g = new MutationObserver((d) => {
-      let R = !1;
-      if (d.forEach((i) => {
+  ), t = pe(), u = te(k), N = Q(() => /* @__PURE__ */ e(_, { size: 16 }), []), S = y(null), v = y(u.side), P = y(u.align), [q, G] = W(0);
+  Y(() => {
+    const l = S.current;
+    if (!l || !b) return;
+    const d = new MutationObserver((a) => {
+      let w = !1;
+      if (a.forEach((i) => {
         if (i.type === "attributes" && i.attributeName === "data-side") {
-          const n = u.getAttribute(i.attributeName);
-          n && n !== y.current && (y.current = n, R = !0);
+          const n = l.getAttribute(i.attributeName);
+          n && n !== v.current && (v.current = n, w = !0);
         }
         if (i.type === "attributes" && i.attributeName === "data-align") {
-          const n = u.getAttribute(i.attributeName);
-          n && n !== O.current && (O.current = n, R = !0);
+          const n = l.getAttribute(i.attributeName);
+          n && n !== P.current && (P.current = n, w = !0);
         }
-      }), R) {
+      }), w) {
         const i = re({
-          side: y.current,
-          align: O.current
+          side: v.current,
+          align: P.current
         });
-        W((n) => n + 1), P && P(i);
+        G((n) => n + 1), h && h(i);
       }
     });
-    return g.observe(u, {
+    return d.observe(l, {
       attributes: !0,
       attributeFilter: ["data-side", "data-align"],
       attributeOldValue: !0
     }), () => {
-      g.disconnect();
+      d.disconnect();
     };
-  }, [P, w]);
-  const Y = a(() => /* @__PURE__ */ f("div", { className: p(r("popup-panel-header"), e == null ? void 0 : e.header), children: [
-    /* @__PURE__ */ f(
+  }, [h, b]);
+  const J = Z(() => /* @__PURE__ */ s("div", { className: p(t("popup-panel-header"), r?.header), children: [
+    /* @__PURE__ */ s(
       ee,
       {
         align: "center",
         gap: 8,
-        className: r("popup-panel-title-wrapper"),
+        className: t("popup-panel-title-wrapper"),
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             o.Title,
             {
-              render: /* @__PURE__ */ t("div", { className: p(r("grow", "truncate"), e == null ? void 0 : e.title), children: h })
+              render: /* @__PURE__ */ e("div", { className: p(t("grow", "truncate"), r?.title), children: f })
             }
           ),
-          /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
-            C,
-            /* @__PURE__ */ t(
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            O,
+            /* @__PURE__ */ e(
               o.Close,
               {
-                render: /* @__PURE__ */ t(ue, { children: k })
+                render: /* @__PURE__ */ e(le, { children: N })
               }
             ),
-            S
+            R
           ] })
         ]
       }
     ),
-    b || null
+    m || null
   ] }), [
-    S,
-    b,
-    C,
-    r,
-    e == null ? void 0 : e.header,
-    e == null ? void 0 : e.title,
-    k,
-    h
-  ]), { ref: Z } = ne($), I = /* @__PURE__ */ f(
+    R,
+    m,
+    O,
+    t,
+    r?.header,
+    r?.title,
+    N,
+    f
+  ]), { ref: L } = ne(T), x = /* @__PURE__ */ s(
     o.Popup,
     {
       className: p(
-        r("popup-panel"),
-        r(`popup-panel-size-${v}`),
-        U,
-        e == null ? void 0 : e.popup
+        t("popup-panel"),
+        t(`popup-panel-size-${g}`),
+        M,
+        r?.popup
       ),
-      ref: Z,
+      ref: L,
       children: [
-        h && Y(),
-        /* @__PURE__ */ t("div", { className: p(r("popup-panel-content"), e == null ? void 0 : e.content), children: /* @__PURE__ */ t("div", { className: r("popup-panel-content-inner"), children: F }) }),
-        l && /* @__PURE__ */ t("div", { className: p(r("popup-panel-footer"), e == null ? void 0 : e.footer), children: typeof l == "function" ? l({ close: () => z(!1) }) : l })
+        f && J(),
+        /* @__PURE__ */ e("div", { className: p(t("popup-panel-content"), r?.content), children: /* @__PURE__ */ e("div", { className: t("popup-panel-content-inner"), children: j }) }),
+        c && /* @__PURE__ */ e("div", { className: p(t("popup-panel-footer"), r?.footer), children: typeof c == "function" ? c({ close: () => C(!1) }) : c })
       ]
     }
   );
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ s(
     o.Root,
     {
-      openOnHover: T === "hover" ? !0 : E,
-      open: w,
-      onOpenChange: (u, g, d) => {
-        (d === "outside-press" || d === "focus-out") && !J || z(u, g, d);
+      openOnHover: E === "hover" ? !0 : H,
+      open: b,
+      onOpenChange: (l, d, a) => {
+        (a === "outside-press" || a === "focus-out") && !X || C(l, d, a);
       },
-      modal: G,
-      ...L,
+      modal: V,
+      ...$,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           o.Trigger,
           {
-            render: K,
-            className: p(r("popup-panel-trigger"), e == null ? void 0 : e.trigger)
+            render: z,
+            className: p(t("popup-panel-trigger"), r?.trigger)
           }
         ),
-        /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+        /* @__PURE__ */ e(o.Portal, { children: /* @__PURE__ */ e(
           o.Positioner,
           {
-            ref: H,
-            className: p(r("popup-panel-root"), e == null ? void 0 : e.root),
-            side: c.side,
-            align: c.align,
+            ref: S,
+            className: p(t("popup-panel-root"), r?.root),
+            side: u.side,
+            align: u.align,
             sideOffset: 4,
-            anchor: V,
+            anchor: D,
             style: {
-              "--size-width": v ? s[v] : void 0
+              "--size-width": g ? B[g] : void 0
             },
-            children: x ? /* @__PURE__ */ t(
+            children: A ? /* @__PURE__ */ e(
               ie,
               {
-                resizable: x,
+                resizable: A,
                 absolutePositioning: !0,
-                resetKey: Q,
-                maintainAspectRatio: q,
+                resetKey: q,
+                maintainAspectRatio: U,
                 classNames: {
-                  resizeHandle: e == null ? void 0 : e.resizeHandle
+                  resizeHandle: r?.resizeHandle
                 },
-                children: I
+                children: x
               }
-            ) : I
+            ) : x
           }
         ) })
       ]
@@ -179,6 +179,6 @@ const Ce = ({
   );
 };
 export {
-  Ce as PopupPanel
+  Oe as PopupPanel
 };
 //# sourceMappingURL=component.js.map