@hubstr/kit 0.1.4 → 0.1.6

package/ui/es/base-ui/Popover/atoms.d.mts

@@ -0,0 +1,87 @@
+import { PopoverPlacement } from "./type.mjs";
+import * as _$react from "react";
+import { ComponentProps, ComponentPropsWithRef } from "react";
+import { Popover } from "@base-ui/react/popover";
+import * as _$_base_ui_react0 from "@base-ui/react";
+
+//#region src/base-ui/Popover/atoms.d.ts
+declare const PopoverRoot: typeof Popover.Root;
+declare const PopoverBackdrop: _$react.ForwardRefExoticComponent<Omit<_$_base_ui_react0.PopoverBackdropProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+type PopoverTriggerElementProps = Omit<ComponentPropsWithRef<typeof Popover.Trigger>, 'children' | 'render'> & {
+  children: ComponentProps<typeof Popover.Trigger>['children'];
+};
+declare const PopoverTriggerElement: {
+  ({
+    children,
+    className,
+    nativeButton,
+    ref: refProp,
+    ...rest
+  }: PopoverTriggerElementProps): _$react.JSX.Element;
+  displayName: string;
+};
+type PopoverPortalAtomProps = Omit<ComponentProps<typeof Popover.Portal>, 'container'> & {
+  /**
+   * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.
+   */
+  container?: HTMLElement | null;
+  /**
+   * Root element used by `usePopoverPortalContainer` to create the default container.
+   */
+  root?: HTMLElement | ShadowRoot | null;
+};
+declare const PopoverPortal: {
+  ({
+    container,
+    root,
+    children,
+    ...rest
+  }: PopoverPortalAtomProps): _$react.JSX.Element | null;
+  displayName: string;
+};
+type PopoverPositionerAtomProps = ComponentProps<typeof Popover.Positioner> & {
+  hoverTrigger?: boolean;
+  placement?: PopoverPlacement;
+};
+declare const PopoverPositioner: {
+  ({
+    children,
+    className,
+    hoverTrigger,
+    placement,
+    align,
+    side,
+    sideOffset,
+    style,
+    ...rest
+  }: PopoverPositionerAtomProps): _$react.JSX.Element;
+  displayName: string;
+};
+type PopoverPopupAtomProps = ComponentProps<typeof Popover.Popup>;
+declare const PopoverPopup: {
+  ({
+    className,
+    ...rest
+  }: PopoverPopupAtomProps): _$react.JSX.Element;
+  displayName: string;
+};
+type PopoverArrowAtomProps = ComponentProps<typeof Popover.Arrow>;
+declare const PopoverArrow: {
+  ({
+    className,
+    children,
+    ...rest
+  }: PopoverArrowAtomProps): _$react.JSX.Element;
+  displayName: string;
+};
+type PopoverViewportAtomProps = ComponentProps<typeof Popover.Viewport>;
+declare const PopoverViewport: {
+  ({
+    className,
+    ...rest
+  }: PopoverViewportAtomProps): _$react.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps };
+//# sourceMappingURL=atoms.d.mts.map

package/ui/es/base-ui/Popover/atoms.mjs

@@ -0,0 +1,120 @@
+"use client";
+import { useNativeButton } from "../../hooks/useNativeButton.mjs";
+import { FloatingLayerProvider } from "../../hooks/useFloatingLayer.mjs";
+import { placementMap } from "../../utils/placement.mjs";
+import { useLayerZIndex } from "../zIndex/useLayerZIndex.mjs";
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";
+import { styles } from "./style.mjs";
+import { cloneElement, isValidElement, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { mergeRefs, useMergeRefs } from "react-merge-refs";
+import { Popover } from "@base-ui/react/popover";
+//#region src/base-ui/Popover/atoms.tsx
+const PopoverRoot = Popover.Root;
+const PopoverBackdrop = Popover.Backdrop;
+const PopoverTriggerElement = ({ children, className, nativeButton, ref: refProp, ...rest }) => {
+	const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({
+		children,
+		nativeButton
+	});
+	if (isValidElement(children)) return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...rest,
+		nativeButton: resolvedNativeButton,
+		render: (props, state) => {
+			const resolvedProps = (() => {
+				if (isNativeButtonTriggerElement) return props;
+				const { type, ref: triggerRef, ...restProps } = props;
+				return restProps;
+			})();
+			const mergedProps = mergeProps(children.props, resolvedProps);
+			const baseClassName = typeof mergedProps.className === "function" ? mergedProps.className(state) : mergedProps.className;
+			const extraClassName = typeof className === "function" ? className(state) : className;
+			return cloneElement(children, {
+				...mergedProps,
+				className: cx(baseClassName, extraClassName),
+				ref: mergeRefs([
+					children.ref,
+					props.ref,
+					refProp
+				])
+			});
+		}
+	});
+	return /* @__PURE__ */ jsx(Popover.Trigger, {
+		...rest,
+		className,
+		nativeButton: resolvedNativeButton,
+		ref: refProp,
+		children
+	});
+};
+PopoverTriggerElement.displayName = "PopoverTriggerElement";
+const PopoverPortal = ({ container, root, children, ...rest }) => {
+	const defaultContainer = usePopoverPortalContainer(root);
+	const resolvedContainer = container ?? defaultContainer;
+	if (!resolvedContainer) return null;
+	return /* @__PURE__ */ jsx(Popover.Portal, {
+		container: resolvedContainer,
+		...rest,
+		children
+	});
+};
+PopoverPortal.displayName = "PopoverPortal";
+const PopoverPositioner = ({ children, className, hoverTrigger, placement, align, side, sideOffset, style, ...rest }) => {
+	const placementConfig = placement ? placementMap[placement] : void 0;
+	const [positionerNode, setPositionerNode] = useState(null);
+	const { zIndex, ref: zRef } = useLayerZIndex("floating", typeof style !== "function" && style?.zIndex != null && typeof style.zIndex === "number" ? style.zIndex : void 0);
+	const composedRef = useMergeRefs([setPositionerNode, zRef]);
+	const resolvedStyle = typeof style === "function" ? (state) => ({
+		zIndex,
+		...style(state)
+	}) : {
+		zIndex,
+		...style
+	};
+	return /* @__PURE__ */ jsx(Popover.Positioner, {
+		align: align ?? placementConfig?.align ?? "center",
+		"data-hover-trigger": hoverTrigger || void 0,
+		"data-placement": placement,
+		ref: composedRef,
+		side: side ?? placementConfig?.side ?? "bottom",
+		sideOffset: sideOffset ?? 6,
+		style: resolvedStyle,
+		className: (state) => cx(styles.positioner, typeof className === "function" ? className(state) : className),
+		...rest,
+		children: /* @__PURE__ */ jsx(FloatingLayerProvider, {
+			value: positionerNode,
+			children
+		})
+	});
+};
+PopoverPositioner.displayName = "PopoverPositioner";
+const PopoverPopup = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover.Popup, {
+		className: (state) => cx(styles.popup, typeof className === "function" ? className(state) : className),
+		...rest
+	});
+};
+PopoverPopup.displayName = "PopoverPopup";
+const PopoverArrow = ({ className, children, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover.Arrow, {
+		className: (state) => cx(styles.arrow, typeof className === "function" ? className(state) : className),
+		...rest,
+		children: children ?? PopoverArrowIcon
+	});
+};
+PopoverArrow.displayName = "PopoverArrow";
+const PopoverViewport = ({ className, ...rest }) => {
+	return /* @__PURE__ */ jsx(Popover.Viewport, {
+		className: (state) => cx(styles.viewport, typeof className === "function" ? className(state) : className),
+		...rest
+	});
+};
+PopoverViewport.displayName = "PopoverViewport";
+//#endregion
+export { PopoverArrow, PopoverBackdrop, PopoverPopup, PopoverPortal, PopoverPositioner, PopoverRoot, PopoverTriggerElement, PopoverViewport };
+
+//# sourceMappingURL=atoms.mjs.map

package/ui/es/base-ui/Popover/atoms.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.mjs","names":["BasePopover"],"sources":["../../../src/base-ui/Popover/atoms.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { mergeProps } from '@base-ui/react/merge-props';\r\nimport { Popover as BasePopover } from '@base-ui/react/popover';\r\nimport { cx } from 'antd-style';\r\nimport {\r\n  cloneElement,\r\n  type ComponentProps,\r\n  type ComponentPropsWithRef,\r\n  isValidElement,\r\n  useState,\r\n} from 'react';\r\nimport { mergeRefs, useMergeRefs } from 'react-merge-refs';\r\n\r\nimport { FloatingLayerProvider } from '../../hooks/useFloatingLayer';\r\nimport { useNativeButton } from '../../hooks/useNativeButton';\r\nimport { placementMap } from '../../utils/placement';\r\n\r\nimport { useLayerZIndex } from '../zIndex';\r\nimport { PopoverArrowIcon } from './ArrowIcon';\r\nimport { usePopoverPortalContainer } from './PopoverPortal';\r\nimport { styles } from './style';\r\nimport { type PopoverPlacement } from './type';\r\n\r\nexport const PopoverRoot = BasePopover.Root;\r\nexport const PopoverBackdrop = BasePopover.Backdrop;\r\n\r\nexport type PopoverTriggerElementProps = Omit<\r\n  ComponentPropsWithRef<typeof BasePopover.Trigger>,\r\n  'children' | 'render'\r\n> & {\r\n  children: ComponentProps<typeof BasePopover.Trigger>['children'];\r\n};\r\n\r\nexport const PopoverTriggerElement = ({\r\n  children,\r\n  className,\r\n  nativeButton,\r\n  ref: refProp,\r\n  ...rest\r\n}: PopoverTriggerElementProps) => {\r\n  const { isNativeButtonTriggerElement, resolvedNativeButton } = useNativeButton({\r\n    children,\r\n    nativeButton,\r\n  });\r\n\r\n  if (isValidElement(children)) {\r\n    return (\r\n      <BasePopover.Trigger\r\n        {...rest}\r\n        nativeButton={resolvedNativeButton}\r\n        render={(props, state) => {\r\n          // Base UI's trigger props include `type=\"button\"` by default.\r\n          // If we render into a non-<button> element, that prop is invalid and can warn.\r\n          const resolvedProps = (() => {\r\n            if (isNativeButtonTriggerElement) return props as any;\r\n            // eslint-disable-next-line unused-imports/no-unused-vars\r\n            const { type, ref: triggerRef, ...restProps } = props as any;\r\n            return restProps;\r\n          })();\r\n\r\n          const mergedProps = mergeProps((children as any).props, resolvedProps);\r\n          const baseClassName =\r\n            typeof (mergedProps as any).className === 'function'\r\n              ? (mergedProps as any).className(state)\r\n              : (mergedProps as any).className;\r\n          const extraClassName =\r\n            typeof (className as any) === 'function' ? (className as any)(state) : className;\r\n\r\n          return cloneElement(children as any, {\r\n            ...mergedProps,\r\n            className: cx(baseClassName, extraClassName),\r\n            ref: mergeRefs([(children as any).ref, (props as any).ref, refProp]),\r\n          });\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  return (\r\n    <BasePopover.Trigger\r\n      {...rest}\r\n      className={className}\r\n      nativeButton={resolvedNativeButton}\r\n      ref={refProp}\r\n    >\r\n      {children}\r\n    </BasePopover.Trigger>\r\n  );\r\n};\r\n\r\nPopoverTriggerElement.displayName = 'PopoverTriggerElement';\r\n\r\nexport type PopoverPortalAtomProps = Omit<\r\n  ComponentProps<typeof BasePopover.Portal>,\r\n  'container'\r\n> & {\r\n  /**\r\n   * Portal container. When not provided, it uses the shared container created by `usePopoverPortalContainer`.\r\n   */\r\n  container?: HTMLElement | null;\r\n  /**\r\n   * Root element used by `usePopoverPortalContainer` to create the default container.\r\n   */\r\n  root?: HTMLElement | ShadowRoot | null;\r\n};\r\n\r\nexport const PopoverPortal = ({ container, root, children, ...rest }: PopoverPortalAtomProps) => {\r\n  const defaultContainer = usePopoverPortalContainer(root);\r\n  const resolvedContainer = container ?? defaultContainer;\r\n\r\n  if (!resolvedContainer) return null;\r\n\r\n  return (\r\n    <BasePopover.Portal container={resolvedContainer} {...rest}>\r\n      {children}\r\n    </BasePopover.Portal>\r\n  );\r\n};\r\n\r\nPopoverPortal.displayName = 'PopoverPortal';\r\n\r\nexport type PopoverPositionerAtomProps = ComponentProps<typeof BasePopover.Positioner> & {\r\n  hoverTrigger?: boolean;\r\n  placement?: PopoverPlacement;\r\n};\r\n\r\nexport const PopoverPositioner = ({\r\n  children,\r\n  className,\r\n  hoverTrigger,\r\n  placement,\r\n  align,\r\n  side,\r\n  sideOffset,\r\n  style,\r\n  ...rest\r\n}: PopoverPositionerAtomProps) => {\r\n  const placementConfig = placement ? placementMap[placement] : undefined;\r\n  const [positionerNode, setPositionerNode] = useState<HTMLDivElement | null>(null);\r\n  const explicitZIndex =\r\n    typeof style !== 'function' && style?.zIndex != null && typeof style.zIndex === 'number'\r\n      ? style.zIndex\r\n      : undefined;\r\n  const { zIndex, ref: zRef } = useLayerZIndex<HTMLDivElement>('floating', explicitZIndex);\r\n  const composedRef = useMergeRefs([setPositionerNode, zRef]);\r\n\r\n  const resolvedStyle =\r\n    typeof style === 'function'\r\n      ? (state: any) => ({ zIndex, ...style(state) })\r\n      : { zIndex, ...style };\r\n\r\n  return (\r\n    <BasePopover.Positioner\r\n      align={align ?? placementConfig?.align ?? 'center'}\r\n      data-hover-trigger={hoverTrigger || undefined}\r\n      data-placement={placement}\r\n      ref={composedRef as any}\r\n      side={side ?? placementConfig?.side ?? 'bottom'}\r\n      sideOffset={sideOffset ?? 6}\r\n      style={resolvedStyle}\r\n      className={(state) =>\r\n        cx(styles.positioner, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    >\r\n      <FloatingLayerProvider value={positionerNode}>{children}</FloatingLayerProvider>\r\n    </BasePopover.Positioner>\r\n  );\r\n};\r\n\r\nPopoverPositioner.displayName = 'PopoverPositioner';\r\n\r\nexport type PopoverPopupAtomProps = ComponentProps<typeof BasePopover.Popup>;\r\n\r\nexport const PopoverPopup = ({ className, ...rest }: PopoverPopupAtomProps) => {\r\n  return (\r\n    <BasePopover.Popup\r\n      className={(state) =>\r\n        cx(styles.popup, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nPopoverPopup.displayName = 'PopoverPopup';\r\n\r\nexport type PopoverArrowAtomProps = ComponentProps<typeof BasePopover.Arrow>;\r\n\r\nexport const PopoverArrow = ({ className, children, ...rest }: PopoverArrowAtomProps) => {\r\n  return (\r\n    <BasePopover.Arrow\r\n      className={(state) =>\r\n        cx(styles.arrow, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    >\r\n      {children ?? PopoverArrowIcon}\r\n    </BasePopover.Arrow>\r\n  );\r\n};\r\n\r\nPopoverArrow.displayName = 'PopoverArrow';\r\n\r\nexport type PopoverViewportAtomProps = ComponentProps<typeof BasePopover.Viewport>;\r\n\r\nexport const PopoverViewport = ({ className, ...rest }: PopoverViewportAtomProps) => {\r\n  return (\r\n    <BasePopover.Viewport\r\n      className={(state) =>\r\n        cx(styles.viewport, typeof className === 'function' ? className(state) : className)\r\n      }\r\n      {...rest}\r\n    />\r\n  );\r\n};\r\n\r\nPopoverViewport.displayName = 'PopoverViewport';\r\n"],"mappings":"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"}

package/ui/es/base-ui/Popover/context.d.mts

@@ -0,0 +1,15 @@
+import * as _$react from "react";
+import { ReactNode } from "react";
+
+//#region src/base-ui/Popover/context.d.ts
+type PopoverContextValue = {
+  close: () => void;
+};
+declare const PopoverProvider: _$react.NamedExoticComponent<{
+  children: ReactNode;
+  value: PopoverContextValue;
+}>;
+declare const usePopoverContext: () => PopoverContextValue;
+//#endregion
+export { PopoverContextValue, PopoverProvider, usePopoverContext };
+//# sourceMappingURL=context.d.mts.map

package/ui/es/base-ui/Popover/context.mjs

@@ -0,0 +1,19 @@
+"use client";
+import { createContext, memo, use } from "react";
+import { jsx } from "react/jsx-runtime";
+const PopoverContext = createContext({ close: process.env.NODE_ENV === "production" ? () => void 0 : () => {
+	throw new Error("usePopoverContext must be used within a PopoverProvider");
+} });
+const PopoverProvider = memo(({ children, value }) => {
+	return /* @__PURE__ */ jsx(PopoverContext, {
+		value,
+		children
+	});
+});
+const usePopoverContext = () => {
+	return use(PopoverContext);
+};
+//#endregion
+export { PopoverProvider, usePopoverContext };
+
+//# sourceMappingURL=context.mjs.map

package/ui/es/base-ui/Popover/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":[],"sources":["../../../src/base-ui/Popover/context.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { createContext, memo, type ReactNode, use } from 'react';\r\n\r\nexport type PopoverContextValue = {\r\n  close: () => void;\r\n};\r\n\r\nconst noop =\r\n  process.env.NODE_ENV === 'production'\r\n    ? () => void 0\r\n    : () => {\r\n        throw new Error('usePopoverContext must be used within a PopoverProvider');\r\n      };\r\n\r\nexport const PopoverContext = createContext<PopoverContextValue>({\r\n  close: noop,\r\n});\r\n\r\nexport const PopoverProvider = memo<{ children: ReactNode; value: PopoverContextValue }>(\r\n  ({ children, value }) => {\r\n    return <PopoverContext value={value}>{children}</PopoverContext>;\r\n  },\r\n);\r\n\r\nexport const usePopoverContext = () => {\r\n  return use(PopoverContext);\r\n};\r\n"],"mappings":";;;AAeA,MAAa,iBAAiB,cAAmC,EAC/D,OAPA,QAAQ,IAAI,aAAa,qBACf,KAAK,UACL;AACJ,OAAM,IAAI,MAAM,0DAA0D;GAKjF,CAAC;AAEF,MAAa,kBAAkB,MAC5B,EAAE,UAAU,YAAY;AACvB,QAAO,oBAAC,gBAAD;EAAuB;EAAQ;EAA0B,CAAA;EAEnE;AAED,MAAa,0BAA0B;AACrC,QAAO,IAAI,eAAe"}

package/ui/es/base-ui/Popover/groupContext.d.mts

@@ -0,0 +1,24 @@
+import { PopoverProps } from "./type.mjs";
+import { Popover } from "@base-ui/react/popover";
+
+//#region src/base-ui/Popover/groupContext.d.ts
+type PopoverGroupSharedProps = Omit<PopoverProps, 'children' | 'content' | 'defaultOpen' | 'open' | 'ref'> & {
+  /**
+   * @description Whether to enable content layout animation when switching triggers
+   * @default false
+   */
+  contentLayoutAnimation?: boolean;
+  /**
+   * Disable the "destroy on invalid trigger (display:none / disconnected)" guard for performance.
+   * @default false
+   */
+  disableDestroyOnInvalidTrigger?: boolean;
+  /**
+   * Disable the "hide when positioner falls back to (0,0)" visual guard for performance.
+   * @default false
+   */
+  disableZeroOriginGuard?: boolean;
+};
+//#endregion
+export { PopoverGroupSharedProps };
+//# sourceMappingURL=groupContext.d.mts.map

package/ui/es/base-ui/Popover/groupContext.mjs

@@ -0,0 +1,9 @@
+"use client";
+import { createContext } from "react";
+//#region src/base-ui/Popover/groupContext.ts
+const PopoverGroupHandleContext = createContext(null);
+const PopoverGroupPropsContext = createContext(null);
+//#endregion
+export { PopoverGroupHandleContext, PopoverGroupPropsContext };
+
+//# sourceMappingURL=groupContext.mjs.map

package/ui/es/base-ui/Popover/groupContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupContext.mjs","names":[],"sources":["../../../src/base-ui/Popover/groupContext.ts"],"sourcesContent":["'use client';\r\n\r\nimport type { Popover as BasePopover } from '@base-ui/react/popover';\r\nimport { createContext } from 'react';\r\n\r\nimport type { PopoverProps } from './type';\r\n\r\nexport type PopoverGroupItem = Omit<PopoverProps, 'children' | 'open' | 'defaultOpen' | 'ref'>;\r\n\r\nexport type PopoverGroupSharedProps = Omit<\r\n  PopoverProps,\r\n  'children' | 'content' | 'defaultOpen' | 'open' | 'ref'\r\n> & {\r\n  /**\r\n   * @description Whether to enable content layout animation when switching triggers\r\n   * @default false\r\n   */\r\n  contentLayoutAnimation?: boolean;\r\n  /**\r\n   * Disable the \"destroy on invalid trigger (display:none / disconnected)\" guard for performance.\r\n   * @default false\r\n   */\r\n  disableDestroyOnInvalidTrigger?: boolean;\r\n  /**\r\n   * Disable the \"hide when positioner falls back to (0,0)\" visual guard for performance.\r\n   * @default false\r\n   */\r\n  disableZeroOriginGuard?: boolean;\r\n};\r\n\r\nexport type PopoverGroupHandle = ReturnType<typeof BasePopover.createHandle<PopoverGroupItem>>;\r\n\r\nexport const PopoverGroupHandleContext = createContext<PopoverGroupHandle | null>(null);\r\nexport const PopoverGroupPropsContext = createContext<PopoverGroupSharedProps | null>(null);\r\n"],"mappings":";;;AAgCA,MAAa,4BAA4B,cAAyC,KAAK;AACvF,MAAa,2BAA2B,cAA8C,KAAK"}

package/ui/es/base-ui/Popover/index.d.mts

@@ -0,0 +1,8 @@
+import { PopoverArrowIcon } from "./ArrowIcon.mjs";
+import { PopoverBackdropProps, PopoverPlacement, PopoverPopupProps, PopoverPortalProps, PopoverPositionerProps, PopoverProps, PopoverTrigger, PopoverTriggerComponentProps } from "./type.mjs";
+import { PopoverArrow, PopoverArrowAtomProps, PopoverBackdrop, PopoverPopup, PopoverPopupAtomProps, PopoverPortal, PopoverPortalAtomProps, PopoverPositioner, PopoverPositionerAtomProps, PopoverRoot, PopoverTriggerElement, PopoverTriggerElementProps, PopoverViewport, PopoverViewportAtomProps } from "./atoms.mjs";
+import { PopoverContextValue, PopoverProvider, usePopoverContext } from "./context.mjs";
+import { parseTrigger } from "../../utils/parseTrigger.mjs";
+import { Popover } from "./Popover.mjs";
+import { PopoverGroup } from "./PopoverGroup.mjs";
+import { usePopoverPortalContainer } from "./PopoverPortal.mjs";

package/ui/es/base-ui/Popover/style.mjs

@@ -0,0 +1,233 @@
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Popover/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	arrow: css`
+    --hubstr-popover-arrow-offset-block: 5px;
+    --hubstr-popover-arrow-offset-inline: 8px;
+
+    pointer-events: none;
+
+    position: absolute;
+    transform-origin: center;
+
+    display: flex;
+
+    width: 12px;
+    height: 6px;
+
+    transition: inset-inline-start var(--hubstr-popover-animation-duration)
+      var(--hubstr-popover-animation-ease-out);
+
+    & > svg {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+
+    & [data-role='fill'] {
+      fill: ${cssVar.colorBgElevated};
+    }
+
+    & [data-role='stroke'] {
+      fill: none;
+      stroke: ${cssVar.colorBorder};
+      stroke-width: 1px;
+    }
+
+    &[data-side='top'] {
+      inset-block-end: calc(var(--hubstr-popover-arrow-offset-block) * -1);
+      transform: rotate(180deg);
+    }
+
+    &[data-side='left'] {
+      inset-inline-end: calc(var(--hubstr-popover-arrow-offset-inline) * -1);
+      transform: rotate(90deg);
+    }
+
+    &[data-side='right'] {
+      inset-inline-start: calc(var(--hubstr-popover-arrow-offset-inline) * -1);
+      transform: rotate(-90deg);
+    }
+
+    &[data-side='bottom'] {
+      inset-block-start: calc(var(--hubstr-popover-arrow-offset-block) * -1);
+    }
+  `,
+	popup: css`
+    position: relative;
+    transform-origin: var(--transform-origin);
+
+    min-width: 120px;
+    max-width: var(--available-width);
+    border: 1px solid ${cssVar.colorBorderSecondary};
+    border-radius: ${cssVar.borderRadius};
+
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgElevated};
+    outline: none;
+    box-shadow:
+      0 0 15px 0 #00000008,
+      0 2px 30px 0 #00000014;
+
+    transition-timing-function: var(--hubstr-popover-animation-ease-out);
+    transition-duration: var(--hubstr-popover-animation-duration);
+    transition-property: opacity, transform;
+
+    &[data-layout-animation] {
+      transition-property: opacity, transform, width, height;
+    }
+
+    &[data-starting-style],
+    &[data-ending-style] {
+      transform: translate3d(var(--hubstr-popover-translate-x), var(--hubstr-popover-translate-y), 0)
+        scale(var(--hubstr-popover-animation-scale));
+      opacity: 0;
+    }
+
+    &[data-ending-style] {
+      transition-timing-function: var(--hubstr-popover-animation-ease-in);
+      transition-duration: var(--hubstr-popover-animation-duration-exit);
+    }
+
+    &[data-instant] {
+      transition: none;
+    }
+  `,
+	positioner: css`
+    --hubstr-popover-animation-duration: 150ms;
+    --hubstr-popover-animation-translate: 6px;
+    --hubstr-popover-animation-scale: 0.96;
+    --hubstr-popover-animation-ease-in: ease-in;
+    --hubstr-popover-animation-duration-exit: 75ms;
+    --hubstr-popover-animation-ease-out: ${cssVar.motionEaseOut};
+    --hubstr-popover-translate-x: 0;
+    --hubstr-popover-translate-y: calc(var(--hubstr-popover-animation-translate) * -1);
+
+    z-index: 1100;
+
+    width: min(var(--positioner-width), var(--available-width));
+    height: var(--positioner-height);
+
+    transition-timing-function: var(--hubstr-popover-animation-ease-out);
+    transition-duration: var(--hubstr-popover-animation-duration);
+    transition-property: none;
+
+    &[data-layout-animation] {
+      transition-property:
+        inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;
+    }
+
+    &[data-instant] {
+      transition: none;
+    }
+
+    /* Fallback: never show a popover when the anchor is hidden or the positioner falls back to (0,0). */
+    &[data-anchor-hidden],
+    &[data-zero-origin='true'] {
+      pointer-events: none;
+      visibility: hidden;
+    }
+
+    &[data-placement='top'],
+    &[data-placement='topLeft'],
+    &[data-placement='topRight'] {
+      --hubstr-popover-translate-x: 0;
+      --hubstr-popover-translate-y: var(--hubstr-popover-animation-translate);
+    }
+
+    &[data-placement='bottom'],
+    &[data-placement='bottomLeft'],
+    &[data-placement='bottomRight'] {
+      --hubstr-popover-translate-x: 0;
+      --hubstr-popover-translate-y: calc(var(--hubstr-popover-animation-translate) * -1);
+    }
+
+    &[data-placement='left'],
+    &[data-placement='leftTop'],
+    &[data-placement='leftBottom'] {
+      --hubstr-popover-translate-x: var(--hubstr-popover-animation-translate);
+      --hubstr-popover-translate-y: 0;
+    }
+
+    &[data-placement='right'],
+    &[data-placement='rightTop'],
+    &[data-placement='rightBottom'] {
+      --hubstr-popover-translate-x: calc(var(--hubstr-popover-animation-translate) * -1);
+      --hubstr-popover-translate-y: 0;
+    }
+  `,
+	root: css`
+    user-select: none;
+    position: relative;
+    filter: drop-shadow(0 2px 8px rgb(0 0 0 / 12%));
+  `,
+	viewport: css`
+    --hubstr-popover-viewport-inline-padding: 12px;
+
+    position: relative;
+    overflow: clip;
+    padding-block: 12px;
+    padding-inline: var(--hubstr-popover-viewport-inline-padding);
+
+    [data-previous],
+    [data-current] {
+      transform: translateX(0);
+      opacity: 1;
+      transition:
+        transform var(--hubstr-popover-animation-duration) var(--hubstr-popover-animation-ease-out),
+        opacity calc(var(--hubstr-popover-animation-duration) / 2)
+          var(--hubstr-popover-animation-ease-out);
+    }
+
+    [data-previous] {
+      position: absolute;
+      inset-block-start: 12px;
+      inset-inline-start: var(--hubstr-popover-viewport-inline-padding);
+    }
+
+    &[data-activation-direction~='right'] [data-previous][data-ending-style] {
+      transform: translateX(-50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='right'] [data-current][data-starting-style] {
+      transform: translateX(50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='left'] [data-previous][data-ending-style] {
+      transform: translateX(50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='left'] [data-current][data-starting-style] {
+      transform: translateX(-50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='down'] [data-previous][data-ending-style] {
+      transform: translateY(-50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='down'] [data-current][data-starting-style] {
+      transform: translateY(50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='up'] [data-previous][data-ending-style] {
+      transform: translateY(50%);
+      opacity: 0;
+    }
+
+    &[data-activation-direction~='up'] [data-current][data-starting-style] {
+      transform: translateY(-50%);
+      opacity: 0;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/ui/es/base-ui/Popover/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Popover/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  arrow: css`\r\n    --hubstr-popover-arrow-offset-block: 5px;\r\n    --hubstr-popover-arrow-offset-inline: 8px;\r\n\r\n    pointer-events: none;\r\n\r\n    position: absolute;\r\n    transform-origin: center;\r\n\r\n    display: flex;\r\n\r\n    width: 12px;\r\n    height: 6px;\r\n\r\n    transition: inset-inline-start var(--hubstr-popover-animation-duration)\r\n      var(--hubstr-popover-animation-ease-out);\r\n\r\n    & > svg {\r\n      display: block;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n\r\n    & [data-role='fill'] {\r\n      fill: ${cssVar.colorBgElevated};\r\n    }\r\n\r\n    & [data-role='stroke'] {\r\n      fill: none;\r\n      stroke: ${cssVar.colorBorder};\r\n      stroke-width: 1px;\r\n    }\r\n\r\n    &[data-side='top'] {\r\n      inset-block-end: calc(var(--hubstr-popover-arrow-offset-block) * -1);\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    &[data-side='left'] {\r\n      inset-inline-end: calc(var(--hubstr-popover-arrow-offset-inline) * -1);\r\n      transform: rotate(90deg);\r\n    }\r\n\r\n    &[data-side='right'] {\r\n      inset-inline-start: calc(var(--hubstr-popover-arrow-offset-inline) * -1);\r\n      transform: rotate(-90deg);\r\n    }\r\n\r\n    &[data-side='bottom'] {\r\n      inset-block-start: calc(var(--hubstr-popover-arrow-offset-block) * -1);\r\n    }\r\n  `,\r\n\r\n  popup: css`\r\n    position: relative;\r\n    transform-origin: var(--transform-origin);\r\n\r\n    min-width: 120px;\r\n    max-width: var(--available-width);\r\n    border: 1px solid ${cssVar.colorBorderSecondary};\r\n    border-radius: ${cssVar.borderRadius};\r\n\r\n    color: ${cssVar.colorText};\r\n\r\n    background: ${cssVar.colorBgElevated};\r\n    outline: none;\r\n    box-shadow:\r\n      0 0 15px 0 #00000008,\r\n      0 2px 30px 0 #00000014;\r\n\r\n    transition-timing-function: var(--hubstr-popover-animation-ease-out);\r\n    transition-duration: var(--hubstr-popover-animation-duration);\r\n    transition-property: opacity, transform;\r\n\r\n    &[data-layout-animation] {\r\n      transition-property: opacity, transform, width, height;\r\n    }\r\n\r\n    &[data-starting-style],\r\n    &[data-ending-style] {\r\n      transform: translate3d(var(--hubstr-popover-translate-x), var(--hubstr-popover-translate-y), 0)\r\n        scale(var(--hubstr-popover-animation-scale));\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-ending-style] {\r\n      transition-timing-function: var(--hubstr-popover-animation-ease-in);\r\n      transition-duration: var(--hubstr-popover-animation-duration-exit);\r\n    }\r\n\r\n    &[data-instant] {\r\n      transition: none;\r\n    }\r\n  `,\r\n\r\n  positioner: css`\r\n    --hubstr-popover-animation-duration: 150ms;\r\n    --hubstr-popover-animation-translate: 6px;\r\n    --hubstr-popover-animation-scale: 0.96;\r\n    --hubstr-popover-animation-ease-in: ease-in;\r\n    --hubstr-popover-animation-duration-exit: 75ms;\r\n    --hubstr-popover-animation-ease-out: ${cssVar.motionEaseOut};\r\n    --hubstr-popover-translate-x: 0;\r\n    --hubstr-popover-translate-y: calc(var(--hubstr-popover-animation-translate) * -1);\r\n\r\n    z-index: 1100;\r\n\r\n    width: min(var(--positioner-width), var(--available-width));\r\n    height: var(--positioner-height);\r\n\r\n    transition-timing-function: var(--hubstr-popover-animation-ease-out);\r\n    transition-duration: var(--hubstr-popover-animation-duration);\r\n    transition-property: none;\r\n\r\n    &[data-layout-animation] {\r\n      transition-property:\r\n        inset-block-start, inset-inline-start, inset-inline-end, inset-block-end, transform;\r\n    }\r\n\r\n    &[data-instant] {\r\n      transition: none;\r\n    }\r\n\r\n    /* Fallback: never show a popover when the anchor is hidden or the positioner falls back to (0,0). */\r\n    &[data-anchor-hidden],\r\n    &[data-zero-origin='true'] {\r\n      pointer-events: none;\r\n      visibility: hidden;\r\n    }\r\n\r\n    &[data-placement='top'],\r\n    &[data-placement='topLeft'],\r\n    &[data-placement='topRight'] {\r\n      --hubstr-popover-translate-x: 0;\r\n      --hubstr-popover-translate-y: var(--hubstr-popover-animation-translate);\r\n    }\r\n\r\n    &[data-placement='bottom'],\r\n    &[data-placement='bottomLeft'],\r\n    &[data-placement='bottomRight'] {\r\n      --hubstr-popover-translate-x: 0;\r\n      --hubstr-popover-translate-y: calc(var(--hubstr-popover-animation-translate) * -1);\r\n    }\r\n\r\n    &[data-placement='left'],\r\n    &[data-placement='leftTop'],\r\n    &[data-placement='leftBottom'] {\r\n      --hubstr-popover-translate-x: var(--hubstr-popover-animation-translate);\r\n      --hubstr-popover-translate-y: 0;\r\n    }\r\n\r\n    &[data-placement='right'],\r\n    &[data-placement='rightTop'],\r\n    &[data-placement='rightBottom'] {\r\n      --hubstr-popover-translate-x: calc(var(--hubstr-popover-animation-translate) * -1);\r\n      --hubstr-popover-translate-y: 0;\r\n    }\r\n  `,\r\n\r\n  root: css`\r\n    user-select: none;\r\n    position: relative;\r\n    filter: drop-shadow(0 2px 8px rgb(0 0 0 / 12%));\r\n  `,\r\n\r\n  viewport: css`\r\n    --hubstr-popover-viewport-inline-padding: 12px;\r\n\r\n    position: relative;\r\n    overflow: clip;\r\n    padding-block: 12px;\r\n    padding-inline: var(--hubstr-popover-viewport-inline-padding);\r\n\r\n    [data-previous],\r\n    [data-current] {\r\n      transform: translateX(0);\r\n      opacity: 1;\r\n      transition:\r\n        transform var(--hubstr-popover-animation-duration) var(--hubstr-popover-animation-ease-out),\r\n        opacity calc(var(--hubstr-popover-animation-duration) / 2)\r\n          var(--hubstr-popover-animation-ease-out);\r\n    }\r\n\r\n    [data-previous] {\r\n      position: absolute;\r\n      inset-block-start: 12px;\r\n      inset-inline-start: var(--hubstr-popover-viewport-inline-padding);\r\n    }\r\n\r\n    &[data-activation-direction~='right'] [data-previous][data-ending-style] {\r\n      transform: translateX(-50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='right'] [data-current][data-starting-style] {\r\n      transform: translateX(50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='left'] [data-previous][data-ending-style] {\r\n      transform: translateX(50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='left'] [data-current][data-starting-style] {\r\n      transform: translateX(-50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='down'] [data-previous][data-ending-style] {\r\n      transform: translateY(-50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='down'] [data-current][data-starting-style] {\r\n      transform: translateY(50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='up'] [data-previous][data-ending-style] {\r\n      transform: translateY(50%);\r\n      opacity: 0;\r\n    }\r\n\r\n    &[data-activation-direction~='up'] [data-current][data-starting-style] {\r\n      transform: translateY(-50%);\r\n      opacity: 0;\r\n    }\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;cAwBE,OAAO,gBAAgB;;;;;gBAKrB,OAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAwBjC,OAAO,GAAG;;;;;;wBAMY,OAAO,qBAAqB;qBAC/B,OAAO,aAAa;;aAE5B,OAAO,UAAU;;kBAEZ,OAAO,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BvC,YAAY,GAAG;;;;;;2CAM0B,OAAO,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D9D,MAAM,GAAG;;;;;CAMT,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEd,EAAE"}