@matthiaskrijgsman/mat-ui 0.0.5 → 0.0.7

package/dist/components/ScrollbarTest.d.ts

@@ -0,0 +1 @@
+export declare const ScrollbarTest: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/button/Button.d.ts

@@ -1,4 +1,5 @@
 import * as React from "react";
+import type { TablerIcon } from "@tabler/icons-react";
 export type Variant = 'primary' | 'secondary' | 'tertiary' | 'white' | 'black' | 'transparent';
 export type Size = 'sm' | 'md' | 'lg';
 export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
@@ -6,10 +7,12 @@ export type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     size?: Size;
     loading?: boolean;
     children?: React.ReactNode;
+    Icon?: TablerIcon;
 };
 export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: Variant;
     size?: Size;
     loading?: boolean;
     children?: React.ReactNode;
+    Icon?: TablerIcon;
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/{popover/PopoverButton.d.ts → components/dropdown-menu/DropdownButton.d.ts}

@@ -1,12 +1,14 @@
 import * as React from "react";
 import type { TablerIcon } from "@tabler/icons-react";
-export type PopoverButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export type DropdownButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
     children?: React.ReactNode;
     Icon?: TablerIcon;
+    dismissOnClick?: boolean;
 };
-export declare const PopoverButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const DropdownButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean;
     children?: React.ReactNode;
     Icon?: TablerIcon;
+    dismissOnClick?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+export type DropdownButtonGroupProps = {
+    label?: string;
+    children: React.ReactNode;
+};
+export declare const DropdownButtonGroup: (props: DropdownButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+import type { Placement } from "@floating-ui/react";
+export type DropdownMenuProps = {
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    placement?: Placement;
+    minWidth?: number;
+    className?: string;
+};
+export declare const DropdownMenu: (props: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { Size } from "@/components/button/Button.tsx";
+export type DropdownPanelProps = React.HTMLProps<HTMLDivElement> & {
+    children?: React.ReactNode;
+    className?: string;
+    padding?: Size;
+};
+export declare const DropdownPanel: (props: DropdownPanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/dropdown-menu/use-dropdown-dismiss.d.ts

@@ -0,0 +1,5 @@
+export type DropdownDismissContextType = () => void;
+export declare const DropdownDismissContext: import("react").Context<DropdownDismissContextType | undefined>;
+export declare const useDropdownDismiss: () => {
+    dismiss: DropdownDismissContextType;
+};

package/dist/hooks/use-drag-x.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+type DragXEvent = {
+    /** Current pointer X (client) */
+    clientX: number;
+    /** X where the drag started */
+    startX: number;
+    /** Total horizontal movement since drag start */
+    totalDeltaX: number;
+    /** The original pointerdown event target */
+    target: EventTarget | null;
+};
+type UseDragXOptions = {
+    /** Called on every move with the incremental dx since the previous event */
+    onDelta: (dx: number, meta: DragXEvent) => void;
+    /** Called once when drag starts */
+    onDragStart?: (meta: DragXEvent) => void;
+    /** Called once when drag ends */
+    onDragEnd?: (meta: DragXEvent) => void;
+    /** Disable the hook */
+    disabled?: boolean;
+    /** Restrict to primary button drags (left click); default true  */
+    primaryButtonOnly?: boolean;
+    /** If true, preventDefault on move to avoid scrolling during touch drags */
+    preventScrollOnMove?: boolean;
+};
+type DragBind = {
+    onPointerDown: (e: React.PointerEvent) => void;
+    /** Recommended for the handle to avoid accidental scroll during touch drags */
+    style?: React.CSSProperties;
+    /** You can also put `touchAction: "none"` in your CSS */
+    role?: string;
+};
+export declare function useDragX(options: UseDragXOptions): {
+    isDragging: boolean;
+    bind: DragBind;
+};
+export {};

package/dist/index.d.ts

@@ -27,9 +27,11 @@ export { Badge } from "./components/Badge.tsx";
 export { BadgeColor } from "./components/BadgeColors.tsx";
 export { TabButtons } from "./components/TabButtons.tsx";
 export { Spinner } from "./spinner/Spinner.tsx";
-export { PopoverButton } from "./popover/PopoverButton.tsx";
-export { PopoverPanel } from "./popover/PopoverPanel.tsx";
-export { PopoverBase } from "./popover/PopoverBase.tsx";
+export { DropdownButton } from "./components/dropdown-menu/DropdownButton.tsx";
+export { DropdownButtonGroup } from "./components/dropdown-menu/DropdownButtonGroup.tsx";
+export { DropdownPanel } from "./components/dropdown-menu/DropdownPanel.tsx";
+export { DropdownMenu } from "./components/dropdown-menu/DropdownMenu.tsx";
 export { usePopover } from "./popover/use-popover.tsx";
+export { PopoverBase } from "./popover/PopoverBase.tsx";
 export { Test } from "./components/Test.tsx";
 export * from "./types.ts";