@ai-matrx/tap-target 0.2.7 → 0.2.9

package/dist/index.d.cts

@@ -1,96 +1 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes } from 'react';
-import { T as TapTargetLinkComponent } from './link-CkRpHgou.cjs';
-export { a as TapTargetLinkProps, g as getTapTargetLinkComponent, s as setTapTargetLinkComponent } from './link-CkRpHgou.cjs';
-
-interface TapTargetButtonProps {
-    icon?: React.ReactNode;
-    children?: React.ReactNode;
-    strokeWidth?: number | undefined;
-    onClick?: (() => void) | undefined;
-    className?: string | undefined;
-    as?: "button" | "label" | undefined;
-    htmlFor?: string | undefined;
-    ariaLabel?: string | undefined;
-    disabled?: boolean | undefined;
-    /**
-     * When set, the tap button renders as a link instead of a button.
-     * - Internal hrefs (e.g. "/tasks") render via the injected link component
-     *   (`setTapTargetLinkComponent` / the `linkComponent` prop), falling back
-     *   to a plain `<a>` when none is registered.
-     * - External hrefs (http://, https://, mailto:, tel:) render as `<a>`
-     *   with `target="_blank"` and `rel="noopener noreferrer"` by default.
-     * - When combined with `disabled`, the trigger renders as a non-navigable
-     *   `<span aria-disabled="true">` with the same visual styling.
-     */
-    href?: string | undefined;
-    /** Override target. Works on both internal links and external anchors. */
-    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
-    /** Override rel. Works on both internal links and external anchors. */
-    rel?: string | undefined;
-    /** Forwarded to the injected link component. Pass `false` to disable prefetching. */
-    prefetch?: boolean | null | undefined;
-    /**
-     * Per-instance link component for internal hrefs — overrides the
-     * module-level `setTapTargetLinkComponent` registration.
-     */
-    linkComponent?: TapTargetLinkComponent | undefined;
-    /**
-     * Tooltip text. Defaults to `ariaLabel` when omitted.
-     * Pass `false` to explicitly disable the tooltip.
-     */
-    tooltip?: string | false | undefined;
-    /** Tooltip placement. Defaults to "top". */
-    tooltipSide?: "top" | "right" | "bottom" | "left" | undefined;
-    /** Tooltip alignment along its side. Defaults to "center". */
-    tooltipAlign?: "start" | "center" | "end" | undefined;
-    /**
-     * Visible caption rendered inline after the icon (`[icon Label]`).
-     * Widens the pill automatically. Tooltip defaults to off when set — the
-     * label is self-describing. Visible text becomes the accessible name.
-     */
-    label?: string | undefined;
-    /**
-     * Collapse an icon + caption pill to its icon-only 44px tap target below
-     * the `sm` breakpoint. The caption and inline geometry return at `sm+`;
-     * `ariaLabel` (falling back to `label`) remains the accessible name.
-     */
-    mobileIconOnly?: boolean | undefined;
-}
-interface TapTargetButtonSolidProps extends TapTargetButtonProps {
-    bgColor?: string | undefined;
-    iconColor?: string | undefined;
-    hoverBgColor?: string | undefined;
-    /**
-     * Press-state background. Defaults to `active:brightness-90` which works on
-     * any color. Override when using a custom `bgColor` that should darken to a
-     * specific shade on press (e.g. `active:bg-primary/60`).
-     */
-    activeBgColor?: string | undefined;
-}
-declare const TapTargetButton: react.ForwardRefExoticComponent<TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const TapTargetButtonTransparent: react.ForwardRefExoticComponent<TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const TapTargetButtonSolid: react.ForwardRefExoticComponent<TapTargetButtonSolidProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-/** Solid destructive pill — delete/remove actions. White-on-red like the
- *  primary solid is white-on-blue. Use THIS, never hand-pass bg-destructive
- *  with the default (dark) icon color. */
-declare const TapTargetButtonDestructive: react.ForwardRefExoticComponent<TapTargetButtonSolidProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const TapTargetButtonForGroup: react.ForwardRefExoticComponent<TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare function TapTargetButtonGroup({ children, className, }: {
-    children: React.ReactNode;
-    className?: string | undefined;
-}): react.JSX.Element;
-
-/**
- * Wraps a TapTargetButton (or any tap control) like the button-demo page:
- * no extra padding on the control — only `gap-0.5` before the caption.
- * Tooltip shows the full `label`; the caption truncates at max-w-[52px].
- */
-declare function TapTargetLabeled({ label, children, hideLabel, toolTipSide, }: {
-    label: string;
-    children: React.ReactNode;
-    hideLabel?: boolean | undefined;
-    toolTipSide?: "top" | "bottom" | "left" | "right" | undefined;
-}): react.JSX.Element;
-
-export { TapTargetButton, TapTargetButtonDestructive, TapTargetButtonForGroup, TapTargetButtonGroup, type TapTargetButtonProps, TapTargetButtonSolid, type TapTargetButtonSolidProps, TapTargetButtonTransparent, TapTargetLabeled, TapTargetLinkComponent };
+export { TapTargetButton, TapTargetButtonDestructive, TapTargetButtonForGroup, TapTargetButtonGroup, TapTargetButtonProps, TapTargetButtonSolid, TapTargetButtonSolidProps, TapTargetButtonTransparent, TapTargetLabeled, TapTargetLinkComponent, TapTargetLinkProps, getTapTargetLinkComponent, setTapTargetLinkComponent } from '@ai-matrx/design-system/tap-target';

package/dist/index.d.ts

@@ -1,96 +1 @@
-import * as react from 'react';
-import { ButtonHTMLAttributes } from 'react';
-import { T as TapTargetLinkComponent } from './link-CkRpHgou.js';
-export { a as TapTargetLinkProps, g as getTapTargetLinkComponent, s as setTapTargetLinkComponent } from './link-CkRpHgou.js';
-
-interface TapTargetButtonProps {
-    icon?: React.ReactNode;
-    children?: React.ReactNode;
-    strokeWidth?: number | undefined;
-    onClick?: (() => void) | undefined;
-    className?: string | undefined;
-    as?: "button" | "label" | undefined;
-    htmlFor?: string | undefined;
-    ariaLabel?: string | undefined;
-    disabled?: boolean | undefined;
-    /**
-     * When set, the tap button renders as a link instead of a button.
-     * - Internal hrefs (e.g. "/tasks") render via the injected link component
-     *   (`setTapTargetLinkComponent` / the `linkComponent` prop), falling back
-     *   to a plain `<a>` when none is registered.
-     * - External hrefs (http://, https://, mailto:, tel:) render as `<a>`
-     *   with `target="_blank"` and `rel="noopener noreferrer"` by default.
-     * - When combined with `disabled`, the trigger renders as a non-navigable
-     *   `<span aria-disabled="true">` with the same visual styling.
-     */
-    href?: string | undefined;
-    /** Override target. Works on both internal links and external anchors. */
-    target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
-    /** Override rel. Works on both internal links and external anchors. */
-    rel?: string | undefined;
-    /** Forwarded to the injected link component. Pass `false` to disable prefetching. */
-    prefetch?: boolean | null | undefined;
-    /**
-     * Per-instance link component for internal hrefs — overrides the
-     * module-level `setTapTargetLinkComponent` registration.
-     */
-    linkComponent?: TapTargetLinkComponent | undefined;
-    /**
-     * Tooltip text. Defaults to `ariaLabel` when omitted.
-     * Pass `false` to explicitly disable the tooltip.
-     */
-    tooltip?: string | false | undefined;
-    /** Tooltip placement. Defaults to "top". */
-    tooltipSide?: "top" | "right" | "bottom" | "left" | undefined;
-    /** Tooltip alignment along its side. Defaults to "center". */
-    tooltipAlign?: "start" | "center" | "end" | undefined;
-    /**
-     * Visible caption rendered inline after the icon (`[icon Label]`).
-     * Widens the pill automatically. Tooltip defaults to off when set — the
-     * label is self-describing. Visible text becomes the accessible name.
-     */
-    label?: string | undefined;
-    /**
-     * Collapse an icon + caption pill to its icon-only 44px tap target below
-     * the `sm` breakpoint. The caption and inline geometry return at `sm+`;
-     * `ariaLabel` (falling back to `label`) remains the accessible name.
-     */
-    mobileIconOnly?: boolean | undefined;
-}
-interface TapTargetButtonSolidProps extends TapTargetButtonProps {
-    bgColor?: string | undefined;
-    iconColor?: string | undefined;
-    hoverBgColor?: string | undefined;
-    /**
-     * Press-state background. Defaults to `active:brightness-90` which works on
-     * any color. Override when using a custom `bgColor` that should darken to a
-     * specific shade on press (e.g. `active:bg-primary/60`).
-     */
-    activeBgColor?: string | undefined;
-}
-declare const TapTargetButton: react.ForwardRefExoticComponent<TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const TapTargetButtonTransparent: react.ForwardRefExoticComponent<TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const TapTargetButtonSolid: react.ForwardRefExoticComponent<TapTargetButtonSolidProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-/** Solid destructive pill — delete/remove actions. White-on-red like the
- *  primary solid is white-on-blue. Use THIS, never hand-pass bg-destructive
- *  with the default (dark) icon color. */
-declare const TapTargetButtonDestructive: react.ForwardRefExoticComponent<TapTargetButtonSolidProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare const TapTargetButtonForGroup: react.ForwardRefExoticComponent<TapTargetButtonProps & ButtonHTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-declare function TapTargetButtonGroup({ children, className, }: {
-    children: React.ReactNode;
-    className?: string | undefined;
-}): react.JSX.Element;
-
-/**
- * Wraps a TapTargetButton (or any tap control) like the button-demo page:
- * no extra padding on the control — only `gap-0.5` before the caption.
- * Tooltip shows the full `label`; the caption truncates at max-w-[52px].
- */
-declare function TapTargetLabeled({ label, children, hideLabel, toolTipSide, }: {
-    label: string;
-    children: React.ReactNode;
-    hideLabel?: boolean | undefined;
-    toolTipSide?: "top" | "bottom" | "left" | "right" | undefined;
-}): react.JSX.Element;
-
-export { TapTargetButton, TapTargetButtonDestructive, TapTargetButtonForGroup, TapTargetButtonGroup, type TapTargetButtonProps, TapTargetButtonSolid, type TapTargetButtonSolidProps, TapTargetButtonTransparent, TapTargetLabeled, TapTargetLinkComponent };
+export { TapTargetButton, TapTargetButtonDestructive, TapTargetButtonForGroup, TapTargetButtonGroup, TapTargetButtonProps, TapTargetButtonSolid, TapTargetButtonSolidProps, TapTargetButtonTransparent, TapTargetLabeled, TapTargetLinkComponent, TapTargetLinkProps, getTapTargetLinkComponent, setTapTargetLinkComponent } from '@ai-matrx/design-system/tap-target';