@ldkj/web-ui 0.4.0 → 0.5.0

package/components/interact/ghost-button/GhostButton.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties, ElementType } from "react";
+import { type ButtonProps } from "../button";
+declare const ghostButtonSizeClasses: {
+    readonly xs: "h-8 w-8 text-xs";
+    readonly sm: "h-10 w-10 text-sm";
+    readonly md: "h-12 w-12 text-base";
+    readonly lg: "h-14 w-14 text-lg";
+    readonly xl: "h-16 w-16 text-xl";
+};
+type GhostButtonSizePreset = keyof typeof ghostButtonSizeClasses;
+export type GhostButtonSize = GhostButtonSizePreset | number | string;
+type GhostButtonPositionProps = Pick<CSSProperties, "position" | "left" | "top" | "right" | "bottom" | "zIndex">;
+export type GhostButtonProps<T extends ElementType = "button"> = Omit<ButtonProps<T>, "size"> & GhostButtonPositionProps & {
+    size?: GhostButtonSize;
+};
+export declare function GhostButton<T extends ElementType = "button">(props: GhostButtonProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace GhostButton {
+    var displayName: string;
+}
+export {};

package/components/interact/ghost-button/GhostButtonGroup.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+import type { CSSProperties, ElementType, ReactElement, ReactNode } from "react";
+import { type GhostButtonProps } from "./GhostButton";
+type GhostButtonGroupTrigger = "click" | "hover";
+type GhostButtonGroupDirection = "up" | "down" | "left" | "right";
+type GhostButtonGroupPositionProps = Pick<CSSProperties, "position" | "left" | "top" | "right" | "bottom" | "zIndex">;
+type GhostButtonGroupItemPositionlessProps<T extends ElementType = "button"> = Omit<GhostButtonProps<T>, keyof GhostButtonGroupPositionProps>;
+export type GhostButtonGroupItemProps<T extends ElementType = "button"> = GhostButtonGroupItemPositionlessProps<T> & {
+    itemKey?: React.Key;
+};
+export type GhostButtonGroupItemConfig<T extends ElementType = "button"> = GhostButtonGroupItemProps<T> & {
+    key?: React.Key;
+};
+export type GhostButtonGroupProps<T extends ElementType = "button"> = Omit<GhostButtonProps<T>, keyof GhostButtonGroupPositionProps> & GhostButtonGroupPositionProps & {
+    trigger?: GhostButtonGroupTrigger | GhostButtonGroupTrigger[];
+    direction?: GhostButtonGroupDirection;
+    gap?: number | string;
+    items?: GhostButtonGroupItemConfig[];
+    children?: ReactNode;
+};
+type GhostButtonGroupCompound = {
+    Item: <T extends ElementType = "button">(props: GhostButtonGroupItemProps<T>) => ReactElement | null;
+};
+type GhostButtonGroupComponent = (<T extends ElementType = "button">(props: GhostButtonGroupProps<T>) => ReactElement | null) & GhostButtonGroupCompound;
+export declare const GhostButtonGroup: GhostButtonGroupComponent;
+export type { GhostButtonGroupTrigger, GhostButtonGroupDirection, GhostButtonGroupPositionProps };

package/components/interact/ghost-button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./GhostButton";
+export * from "./GhostButtonGroup";