@teamimpact/veda-ui-blocks 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ButtonHTMLAttributes, ReactElement, ImgHTMLAttributes, SVGProps, VideoHTMLAttributes, CanvasHTMLAttributes, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1 } from '@trussworks/react-uswds';
+import { ReactNode, ReactElement, ImgHTMLAttributes, SVGProps, VideoHTMLAttributes, CanvasHTMLAttributes, ComponentProps, ElementType, ComponentPropsWithRef } from 'react';
 import { StyleSpecification } from 'maplibre-gl';
 import { ViewState } from 'react-map-gl/maplibre';
 
@@ -48,30 +47,6 @@ type BannerProps = {
  */
 declare function Banner({ ariaLabel, bannerHeaderText, bannerHeaderActionText, bannerIcon, bannerExpandedContent, className, }: BannerProps): react_jsx_runtime.JSX.Element;
 
-type ButtonProps = {
-    /**
-     * USWDS Button variants. Only one of these should be true at a time.
-     * See: https://trussworks.github.io/react-uswds/?path=/docs/components-button--docs
-     */
-    secondary?: boolean;
-    base?: boolean;
-    accentStyle?: "cool" | "warm";
-    outline?: boolean;
-    inverse?: boolean;
-    size?: "big";
-    unstyled?: boolean;
-    children: ReactNode;
-    /**
-     * Button type attribute. Defaults to 'button'.
-     */
-    type?: "button" | "submit" | "reset";
-} & Omit<ButtonProps$1, "children" | "type"> & ButtonHTMLAttributes<HTMLButtonElement>;
-/**
- * Our custom Button wrapper for react-uswds.
- * Allows us to control the surface area and extend as needed.
- */
-declare function Button({ type, secondary, base, accentStyle, outline, inverse, size, unstyled, children, className, ...rest }: ButtonProps): react_jsx_runtime.JSX.Element;
-
 type CardMediaElement = ReactElement<ImgHTMLAttributes<HTMLImageElement>, "img"> | ReactElement<SVGProps<SVGSVGElement>, "svg"> | ReactElement<VideoHTMLAttributes<HTMLVideoElement>, "video"> | ReactElement<CanvasHTMLAttributes<HTMLCanvasElement>, "canvas">;
 type LogoMediaElement = ReactElement<ImgHTMLAttributes<HTMLImageElement>, "img"> | ReactElement<SVGProps<SVGSVGElement>, "svg">;
 
@@ -257,6 +232,47 @@ interface HeaderProps {
 }
 declare function Header(props: HeaderProps): react_jsx_runtime.JSX.Element;
 
+declare const LINK_VARIANTS: readonly ["text", "button", "button-outline", "arrow"];
+declare const LINK_SIZES: readonly ["md", "lg"];
+type LinkVariant = (typeof LINK_VARIANTS)[number];
+type LinkSize = (typeof LINK_SIZES)[number];
+
+type LinkProps<T extends ElementType = "a"> = {
+    /**
+     * Optional visual treatment. Defaults to text.
+     */
+    variant?: LinkVariant;
+    /**
+     * Optional size. Defaults to md.
+     */
+    size?: LinkSize;
+    /**
+     * Optional parameter to define Link as external to site.
+     * Adds visual indication and native link properties target and rel.
+     */
+    isExternal?: boolean;
+    /** The element or component to render as (e.g. "a", "button", RouterLink) */
+    as?: T;
+    children: Exclude<ReactNode, null | undefined>;
+} & Omit<ComponentPropsWithRef<T>, "as">;
+/**
+ * Polymorphic Link — renders as any element or component via the `as` prop.
+ *
+ * @example
+ * // Native anchor (default)
+ * <Link href="https://example.com">Visit</Link>
+ *
+ * // React Router / TanStack Router
+ * <Link as={RouterLink} to="/about">About</Link>
+ *
+ * // Next.js
+ * <Link as={NextLink} href="/dashboard">Dashboard</Link>
+ *
+ * // Button
+ * <Link as="button" onClick={handleClick}>Click me</Link>
+ */
+declare function Link<T extends ElementType = "a">({ variant, size, isExternal, className, as, children, ...rest }: LinkProps<T>): react_jsx_runtime.JSX.Element;
+
 type TagProps = {
     /**
      * Visual treatment for the tag.
@@ -264,11 +280,19 @@ type TagProps = {
     variant?: "solid" | "outline" | "text";
     size?: "default" | "big";
     /**
-     * Custom color used as the fill, outline, or text color depending on the chosen variant.
+     * Custom color used as the fill (solid variant), outline and text (outline variant), or text only (text variant) color depending on the chosen variant.
      */
     color?: string;
     /**
-     * Optional override for the tag text color.
+     * Optional override for the tag border color independent of variant.
+     */
+    borderColor?: string;
+    /**
+     * Optional override for the tag bg color independent of variant.
+     */
+    bgColor?: string;
+    /**
+     * Optional override for the tag text color independent of variant.
      */
     textColor?: string;
     /**
@@ -287,7 +311,14 @@ type TagProps = {
  * Public style contract: `.blocks-tag`, modifiers (`--solid`, `--outline`, `--text`, `--big`, `--icon`, `--x-close`),
  * and elements (`__icon`, `__close-button`, `__close-icon`).
  */
-declare function Tag({ variant, size, color, textColor, icon, onClose, children, className, }: TagProps): react_jsx_runtime.JSX.Element;
+declare function Tag({ variant, size, color, bgColor, borderColor, textColor, icon, onClose, children, className, }: TagProps): react_jsx_runtime.JSX.Element;
+
+interface GeoConfigProviderProps {
+    stacApiUrl?: string;
+    titilerBaseUrl?: string;
+    children: ReactNode;
+}
+declare function GeoConfigProvider({ stacApiUrl, titilerBaseUrl, children, }: GeoConfigProviderProps): react_jsx_runtime.JSX.Element;
 
 /** Temporal filter for STAC queries. ISO 8601 date strings */
 type DateRange = {
@@ -381,4 +412,4 @@ type StacSingleLayerMapProps = {
  */
 declare function StacSingleLayerMap({ baseMapStyle, initialViewState, layerConfig, }: StacSingleLayerMapProps): react_jsx_runtime.JSX.Element;
 
-export { Banner, type BannerProps, Button, type ButtonProps, Card, CardCTA, type CardCTAProps, CardDetailed, type CardDetailedProps, CardMini, type CardMiniProps, type CardProps, CardSimple, type CardSimpleProps, Footer, type FooterProps, Header, type HeaderProps, Legend, type LegendProps, StacCompareMap, type StacCompareMapProps, StacSingleLayerMap, type StacSingleLayerMapProps, Tag, type TagProps };
+export { Banner, type BannerProps, Card, CardCTA, type CardCTAProps, CardDetailed, type CardDetailedProps, CardMini, type CardMiniProps, type CardProps, CardSimple, type CardSimpleProps, Footer, type FooterProps, GeoConfigProvider, type GeoConfigProviderProps, Header, type HeaderProps, Legend, type LegendProps, Link, type LinkProps, StacCompareMap, type StacCompareMapProps, StacSingleLayerMap, type StacSingleLayerMapProps, Tag, type TagProps };