hubbi-ui 1.1.10 → 1.2.0

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export * from './metriccard';
 export * from './modal';
 export * from './navbutton';
 export * from './navigation';
+export * from './popover';
 export * from './radio';
 export * from './selector';
 export * from './sheets';

package/dist/components/label/statuslabel.d.ts

@@ -1,7 +1,8 @@
 import { StatusType } from '../../utils/status-utils';
 interface StatusLabelProps {
+    label?: string;
     statusKey: keyof typeof StatusType;
     noIcon?: boolean;
 }
-export declare function StatusLabel({ statusKey, noIcon }: StatusLabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function StatusLabel({ label, statusKey, noIcon, }: StatusLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -0,0 +1 @@
+export { Popover } from './popover';

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

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export type AxisVertical = "top" | "bottom" | "center";
+export type AxisHorizontal = "left" | "right" | "center";
+export interface Placement {
+    trigger: {
+        vertical: AxisVertical;
+        horizontal: AxisHorizontal;
+    };
+    children: {
+        vertical: AxisVertical;
+        horizontal: AxisHorizontal;
+    };
+}
+export interface Position {
+    trigger: {
+        x: number;
+        y: number;
+    };
+    children: {
+        x: number;
+        y: number;
+    };
+}
+export interface PopoverProps {
+    trigger: ReactNode;
+    children: ReactNode | ((toggleOpen: () => void) => ReactNode);
+    placement?: Placement;
+    position?: Position;
+    className?: string;
+    ignoreOutsideClick?: (target: Node) => boolean;
+}
+export declare const Popover: ({ trigger, children, placement, position, className, ignoreOutsideClick, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AxisHorizontal, AxisVertical } from './popover';
+interface PopoverStoryArgs {
+    placementTriggerVertical: AxisVertical;
+    placementTriggerHorizontal: AxisHorizontal;
+    placementChildrenVertical: AxisVertical;
+    placementChildrenHorizontal: AxisHorizontal;
+    positionTriggerX: number;
+    positionTriggerY: number;
+    positionChildrenX: number;
+    positionChildrenY: number;
+    className?: string;
+}
+declare const meta: Meta<PopoverStoryArgs>;
+export default meta;
+type Story = StoryObj<PopoverStoryArgs>;
+export declare const Playground: Story;