@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/components/image.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+type ImageWithSpinnerProps = {
+    src: string;
+    fallbackSrc?: string;
+    alt: string;
+    isLoading?: boolean;
+    className?: string;
+    rounded?: boolean;
+    objectFit?: "cover" | "contain" | "fill" | "none";
+} & Omit<React.ComponentProps<"img">, "src" | "alt">;
+export default function ImgWithSpinner({ src, fallbackSrc, alt, isLoading: externalLoading, className, rounded, objectFit, ...props }: ImageWithSpinnerProps): React.JSX.Element;
+export {};

package/dist/components/image.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+export default function ImgWithSpinner({ src, fallbackSrc, alt, isLoading: externalLoading, className, rounded = false, objectFit = "cover", ...props }) {
+    const [internalLoading, setInternalLoading] = useState(true);
+    const [hasError, setHasError] = useState(false);
+    const isLoading = externalLoading ?? internalLoading;
+    const imageSrc = hasError ? fallbackSrc : src || fallbackSrc;
+    return (_jsxs("div", { className: `relative overflow-hidden bg-dashboard-card/50 border border-dashboard-border ${rounded ? "rounded-full" : "rounded-xl"} ${className}`, style: {
+            width: props.width ? `${props.width}px` : "100%",
+            height: props.height ? `${props.height}px` : "100%",
+        }, children: [isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-dashboard-background/60 backdrop-blur-xs", children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-2 border-dashboard-border" }), _jsx("div", { className: "absolute inset-0 h-8 w-8 animate-spin rounded-full border-2 border-transparent border-t-dashboard-primary" })] }) })), hasError && !fallbackSrc ? (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-dashboard-secondary/40", children: _jsx("svg", { className: "h-8 w-8 text-dashboard-muted-foreground", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) }) })) : (_jsx("img", { src: imageSrc, alt: alt, className: `w-full h-full transition-opacity duration-300 ${isLoading ? "opacity-0" : "opacity-100"} ${rounded ? "rounded-full" : "rounded-xl"}`, style: {
+                    objectFit,
+                }, loading: "lazy", onLoad: () => setInternalLoading(false), onError: () => {
+                    setInternalLoading(false);
+                    setHasError(true);
+                }, ...props }))] }));
+}
+//# sourceMappingURL=image.js.map

package/dist/components/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../src/components/image.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYxC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,GAAG,EACH,WAAW,EACX,GAAG,EACH,SAAS,EAAE,eAAe,EAC1B,SAAS,EACT,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,OAAO,EACnB,GAAG,KAAK,EACY;IACpB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,SAAS,GAAG,eAAe,IAAI,eAAe,CAAC;IACrD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,WAAW,CAAC;IAE7D,OAAO,CACH,eACI,SAAS,EAAE,gFACP,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAC/B,IAAI,SAAS,EAAE,EACf,KAAK,EAAE;YACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM;YAChD,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;SACtD,aAEA,SAAS,IAAI,CACV,cAAK,SAAS,EAAC,+FAA+F,YAC1G,eAAK,SAAS,EAAC,UAAU,aACrB,cAAK,SAAS,EAAC,oEAAoE,GAAG,EACtF,cAAK,SAAS,EAAC,2GAA2G,GAAG,IAC3H,GACJ,CACT,EAEA,QAAQ,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACxB,cAAK,SAAS,EAAC,6EAA6E,YACxF,cACI,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,YAEnB,eACI,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,2JAA2J,GAC/J,GACA,GACJ,CACT,CAAC,CAAC,CAAC,CACA,cACI,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,iDACP,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAC9B,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,EAAE,EAC7C,KAAK,EAAE;oBACH,SAAS;iBACZ,EACD,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,GAAG,EAAE;oBACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;oBAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;gBACtB,CAAC,KACG,KAAK,GACX,CACL,IACC,CACT,CAAC;AACN,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,59 @@
+export * from "./accordion";
+export * from "./avatar";
+export * from "./badge";
+export * from "./button";
+export * from "./card";
+export * from "./Carousel";
+export * from "./ChatBot";
+export * from "./CheckboxCustom";
+export * from "./dialog";
+export * from "./EmptyState";
+export * from "./Error";
+export { ErrorState, getErrorMessage } from "./ErrorState";
+export * from "./icons";
+export * from "./image";
+export * from "./form-error";
+export * from "./input";
+export * from "./label";
+export * from "./LoadingState";
+export * from "./LucidIconRender";
+export * from "./MasterDetailLayout";
+export * from "./PopUp";
+export * from "./select";
+export * from "./sonner";
+export * from "./stepper";
+export * from "./switch";
+export * from "./table";
+export * from "./tabs";
+export * from "./textarea";
+export * from "./ThemedText";
+export * from "./Tooltip";
+export * from "./filter";
+export * from "./dropdown-menu";
+export * from "./context menu core/context-menu";
+export * from "./context menu core/contextMenuAdvanced";
+export * from "./layout/FeatureLayout";
+export * from "./layout/kanban";
+export * from "./InfiniteSelect";
+export * from "./ConfirmDialog";
+export * from "./DataTable";
+export * from "./TableActions";
+export * from "./DataCard";
+export * from "./TreeView";
+export * from "./HierarchicalSelectionMenu";
+export * from "./popover";
+export * from "./AudioPlayer";
+export * from "./StatusProgressBar";
+export * from "./StatusBadge";
+export * from "./PrioritySignal";
+export * from "./SLACountdown";
+export * from "./FileAttachmentChip";
+export * from "./FilterConditionChip";
+export * from "./BulkActionBar";
+export * from "./ConditionBuilder";
+export * from "./ActivityFeed";
+export * from "./PinnedAttributeRow";
+export * from "./TicketWorkspaceLayout";
+export * from "./DatePicker";
+export * from "./TimePicker";
+export { default as StatusCards } from "./StatusCards";

package/dist/components/index.js

@@ -0,0 +1,60 @@
+export * from "./accordion.js";
+export * from "./avatar.js";
+export * from "./badge.js";
+export * from "./button.js";
+export * from "./card.js";
+export * from "./Carousel.js";
+export * from "./ChatBot.js";
+export * from "./CheckboxCustom.js";
+export * from "./dialog.js";
+export * from "./EmptyState.js";
+export * from "./Error.js";
+export { ErrorState, getErrorMessage } from "./ErrorState.js";
+export * from "./icons.js";
+export * from "./image.js";
+export * from "./form-error.js";
+export * from "./input.js";
+export * from "./label.js";
+export * from "./LoadingState.js";
+export * from "./LucidIconRender.js";
+export * from "./MasterDetailLayout.js";
+export * from "./PopUp.js";
+export * from "./select.js";
+export * from "./sonner.js";
+export * from "./stepper.js";
+export * from "./switch.js";
+export * from "./table.js";
+export * from "./tabs.js";
+export * from "./textarea.js";
+export * from "./ThemedText.js";
+export * from "./Tooltip.js";
+export * from "./filter/index.js";
+export * from "./dropdown-menu.js";
+export * from "./context menu core/context-menu.js";
+export * from "./context menu core/contextMenuAdvanced.js";
+export * from "./layout/FeatureLayout.js";
+export * from "./layout/kanban/index.js";
+export * from "./InfiniteSelect.js";
+export * from "./ConfirmDialog.js";
+export * from "./DataTable.js";
+export * from "./TableActions.js";
+export * from "./DataCard.js";
+export * from "./TreeView.js";
+export * from "./HierarchicalSelectionMenu.js";
+export * from "./popover.js";
+export * from "./AudioPlayer.js";
+export * from "./StatusProgressBar.js";
+export * from "./StatusBadge.js";
+export * from "./PrioritySignal.js";
+export * from "./SLACountdown.js";
+export * from "./FileAttachmentChip.js";
+export * from "./FilterConditionChip.js";
+export * from "./BulkActionBar.js";
+export * from "./ConditionBuilder.js";
+export * from "./ActivityFeed.js";
+export * from "./PinnedAttributeRow.js";
+export * from "./TicketWorkspaceLayout.js";
+export * from "./DatePicker.js";
+export * from "./TimePicker.js";
+export { default as StatusCards } from "./StatusCards.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/input.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type MediaItem } from "../integrations";
+import { FieldValidationProps } from "./form-error";
+export interface InputProps extends Omit<React.ComponentProps<"input">, "color">, FieldValidationProps {
+    /** Callback when media is selected (for type="file" or type="image") */
+    onMediaSelect?: (item: MediaItem) => void;
+    /** Callback when multiple media items are selected */
+    onMediaSelectMultiple?: (items: MediaItem[]) => void;
+    /** Enable media picker modal for file/image selection */
+    useMediaPicker?: boolean;
+    /** Maximum number of items that can be selected in media picker */
+    maxSelection?: number;
+    /** Classes for the picker wrapper (use with `pickerLayout="overlay"`). */
+    wrapperClassName?: string;
+    /**
+     * `field` — default text-style control.
+     * `overlay` — full-area hit target over a custom drop zone.
+     */
+    pickerLayout?: "field" | "overlay";
+}
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/dist/components/input.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { ImageIcon, X } from "lucide-react";
+import * as React from "react";
+import { ThemedText } from "../index.js";
+import { useOptionalMediaPickerContext } from "../integrations.js";
+import { cn } from "../support/utils.js";
+import { FieldError, resolveFieldErrors, ERROR_OUTLINE_CLASSES, } from "./form-error.js";
+const Input = React.forwardRef(function Input({ className, type, onMediaSelect, onMediaSelectMultiple, onChange, value, placeholder, disabled, useMediaPicker, maxSelection = 1, wrapperClassName, containerClassName, errorClassName, pickerLayout = "field", error, errors, payloadKey, errorKey, ...props }, ref) {
+    const mediaPickerContext = useOptionalMediaPickerContext();
+    const isMediaType = !!mediaPickerContext && useMediaPicker && (type === "file" || type === "image");
+    const openPicker = mediaPickerContext?.openPicker;
+    const [selectedMedia, setSelectedMedia] = React.useState(null);
+    // Resolve validation errors from direct `error` prop or lookup via payload key in `errors` map
+    const resolvedErrors = React.useMemo(() => {
+        const key = payloadKey || errorKey || props.name || props.id;
+        return resolveFieldErrors(error, errors, key);
+    }, [error, errors, payloadKey, errorKey, props.name, props.id]);
+    const hasError = resolvedErrors.length > 0;
+    const errorId = props.id || props.name ? `${props.id || props.name}-error` : undefined;
+    const handleClick = React.useCallback(() => {
+        if (isMediaType && !disabled && openPicker) {
+            openPicker({
+                allowedTypes: type === "image" ? ["image"] : undefined,
+                maxSelection,
+                title: type === "image" ? "Select Image" : "Select File",
+                description: type === "image"
+                    ? "Choose an image from your library"
+                    : "Choose a file from your library",
+                onSelect: (items) => {
+                    if (items.length > 0) {
+                        if (maxSelection === 1) {
+                            const item = items[0];
+                            setSelectedMedia(item);
+                            const syntheticEvent = {
+                                target: {
+                                    value: String(item.id),
+                                    name: props.name,
+                                },
+                            };
+                            onChange?.(syntheticEvent);
+                            onMediaSelect?.(item);
+                        }
+                        else {
+                            onMediaSelectMultiple?.(items);
+                            const syntheticEvent = {
+                                target: {
+                                    value: items
+                                        .map((i) => String(i.id))
+                                        .join(","),
+                                    name: props.name,
+                                },
+                            };
+                            onChange?.(syntheticEvent);
+                        }
+                    }
+                },
+            });
+        }
+    }, [
+        isMediaType,
+        disabled,
+        type,
+        openPicker,
+        onChange,
+        onMediaSelect,
+        onMediaSelectMultiple,
+        props.name,
+        maxSelection,
+    ]);
+    const handleClear = React.useCallback((e) => {
+        e.stopPropagation();
+        setSelectedMedia(null);
+        const syntheticEvent = {
+            target: {
+                value: "",
+                name: props.name,
+            },
+        };
+        onChange?.(syntheticEvent);
+    }, [onChange, props.name]);
+    if (isMediaType) {
+        const displayValue = value || "";
+        const thumbnailUrl = selectedMedia?.thumbnail || selectedMedia?.url || "";
+        const isOverlay = pickerLayout === "overlay";
+        return (_jsxs("div", { className: cn("w-full", containerClassName), children: [_jsxs("div", { className: cn("relative group cursor-pointer", wrapperClassName), onClick: handleClick, onKeyDown: (e) => {
+                        if (disabled)
+                            return;
+                        if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            handleClick();
+                        }
+                    }, role: "button", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, children: [_jsx(ThemedText, { ref: ref, as: InputPrimitive, type: "text", "data-slot": "input", readOnly: true, disabled: disabled, value: displayValue, "aria-invalid": hasError ? true : props["aria-invalid"], "aria-describedby": hasError && errorId ? errorId : props["aria-describedby"], placeholder: isOverlay
+                                ? undefined
+                                : placeholder || `Click to select ${type}...`, className: cn(isOverlay
+                                ? "sr-only size-full min-h-0 border-0 p-0 opacity-0 shadow-none ring-0 focus-visible:ring-0"
+                                : "h-8 w-full min-w-0 rounded-md border border-dashboard-border bg-dashboard-card px-2.5 py-1 pr-10 text-xs text-dashboard-foreground transition-colors outline-none placeholder:text-dashboard-muted-foreground focus-visible:border-dashboard-primary focus-visible:ring-1 focus-visible:ring-dashboard-primary/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", !isOverlay && displayValue && "pr-20", className, hasError && ERROR_OUTLINE_CLASSES), ...props }), !isOverlay && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none", children: _jsx(ImageIcon, { size: 14, className: "text-dashboard-muted-foreground" }) }), displayValue && !disabled && (_jsx("button", { type: "button", onClick: handleClear, "aria-label": "Clear selected media", className: "absolute right-9 top-1/2 -translate-y-1/2 p-1 rounded-md hover:bg-dashboard-secondary text-dashboard-muted-foreground hover:text-dashboard-destructive transition-colors", children: _jsx(X, { size: 12 }) })), thumbnailUrl && (_jsx("div", { className: "absolute left-2 top-1/2 -translate-y-1/2 w-5 h-5 rounded overflow-hidden border border-dashboard-border", children: _jsx("img", { src: thumbnailUrl, alt: "", className: "w-full h-full object-cover" }) }))] }))] }), _jsx(FieldError, { id: errorId, errors: resolvedErrors, className: errorClassName })] }));
+    }
+    return (_jsxs("div", { className: cn("w-full", containerClassName), children: [_jsx(ThemedText, { ref: ref, as: InputPrimitive, type: type === 'image' ? 'file' : type, "data-slot": "input", value: value, placeholder: placeholder, disabled: disabled, "aria-invalid": hasError ? true : props["aria-invalid"], "aria-describedby": hasError && errorId ? errorId : props["aria-describedby"], className: cn("h-8 w-full min-w-0 rounded-md border border-dashboard-border bg-dashboard-card px-2.5 py-1 text-xs text-dashboard-foreground transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs file:font-medium file:text-dashboard-foreground placeholder:text-dashboard-muted-foreground focus-visible:border-dashboard-primary focus-visible:ring-1 focus-visible:ring-dashboard-primary/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50", className, hasError && ERROR_OUTLINE_CLASSES), onChange: onChange, ...props }), _jsx(FieldError, { id: errorId, errors: resolvedErrors, className: errorClassName })] }));
+});
+export { Input };
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"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"}

package/dist/components/label.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { ThemedTextColor } from "../typography";
+export interface LabelProps extends React.ComponentProps<"label"> {
+    color?: ThemedTextColor;
+}
+declare function Label({ className, children, color, ...props }: LabelProps): React.JSX.Element;
+export { Label };

package/dist/components/label.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemedText } from "../index.js";
+import { cn } from "../support/utils.js";
+function Label({ className, children, color, ...props }) {
+    return (_jsx(ThemedText, { variant: "label", as: "label", color: color, "data-slot": "label", className: cn("flex items-center gap-1.5 text-xs leading-none font-medium text-dashboard-foreground select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props, children: children }));
+}
+export { Label };
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAMtC,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAc;IACjE,OAAO,CACL,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EACzB,EAAE,EAAC,OAAO,EACV,KAAK,EAAE,KAAK,eACF,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,iPAAiP,EACjP,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACE,CACd,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/FeatureLayout.d.ts

@@ -0,0 +1,131 @@
+import * as React from "react";
+import { FeatureLayoutExportButton } from "./FeatureLayoutExportButton";
+import { FeatureLayoutTabs, type FeatureLayoutTabsProps, type TabItem, useWarnOnRefresh } from "./FeatureLayoutTabs";
+import { FeatureLayoutKanban, type FeatureLayoutKanbanProps, type KanbanColumnDef, type KanbanItemMoveEvent } from "./kanban";
+export type { FeatureLayoutTabsProps, TabItem, FeatureLayoutKanbanProps, KanbanColumnDef, KanbanItemMoveEvent, };
+export interface FeatureLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * When true (or when hasOpenTabs is true), alerts the user when attempting to refresh
+     * or leave the page that open tabs and unsaved data will be lost.
+     */
+    warnOnRefresh?: boolean;
+    hasOpenTabs?: boolean;
+    warnOnRefreshMessage?: string;
+}
+export declare function FeatureLayout({ className, children, warnOnRefresh, hasOpenTabs, warnOnRefreshMessage, ...props }: FeatureLayoutProps): React.JSX.Element;
+export declare namespace FeatureLayout {
+    var Header: ({ className, title, description, subheading, icon: IconComponent, actions, badge, children, ...props }: FeatureLayoutHeaderProps) => React.JSX.Element;
+    var ScopeHeader: ({ title, description, subheading, icon: IconComponent, actions, badge, className, ...props }: FeatureLayoutScopeHeaderProps) => React.JSX.Element;
+    var Title: ({ title, description, subheading, icon: IconComponent, actions, badge, className, ...props }: FeatureLayoutScopeHeaderProps) => React.JSX.Element;
+    var Tabs: typeof FeatureLayoutTabs;
+    var Toolbar: ({ className, children, ...props }: FeatureLayoutToolbarProps) => React.JSX.Element;
+    var ViewToggle: <T extends string = any>({ id, view, onChange, options, }: ViewToggleProps<T>) => React.JSX.Element;
+    var Dropdown: <T = any>({ id, icon, label, value, onChange, placeholder, searchPlaceholder, loadingPlaceholder, noItemsPlaceholder, disabled, className, contentClassName, align, options, items, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, search, onSearchChange, getItemKey, getItemLabel, getItemIcon, selectedLabel, renderCustomItem, extraAction, header, footer, }: FeatureLayoutDropdownProps<T>) => React.JSX.Element;
+    var Select: <T = any>({ id, icon, label, value, onChange, placeholder, searchPlaceholder, loadingPlaceholder, noItemsPlaceholder, disabled, className, contentClassName, align, options, items, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, search, onSearchChange, getItemKey, getItemLabel, getItemIcon, selectedLabel, renderCustomItem, extraAction, header, footer, }: FeatureLayoutDropdownProps<T>) => React.JSX.Element;
+    var InfiniteSelect: <T = any>({ id, icon, label, value, onChange, placeholder, searchPlaceholder, loadingPlaceholder, noItemsPlaceholder, disabled, className, contentClassName, align, options, items, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage, search, onSearchChange, getItemKey, getItemLabel, getItemIcon, selectedLabel, renderCustomItem, extraAction, header, footer, }: FeatureLayoutDropdownProps<T>) => React.JSX.Element;
+    var Search: ({ id, value, onChange, placeholder, className, }: {
+        id?: string;
+        value: string;
+        onChange: (v: string) => void;
+        placeholder?: string;
+        className?: string;
+    }) => React.JSX.Element;
+    var IconButton: ({ id, icon: Icon, onClick, active, ariaLabel, }: {
+        id?: string;
+        icon: any;
+        onClick: () => void;
+        active?: boolean;
+        ariaLabel?: string;
+    }) => React.JSX.Element;
+    var CreateButton: ({ id, icon: Icon, onClick, ariaLabel, children, className, }: {
+        id?: string;
+        icon: any;
+        onClick: () => void;
+        ariaLabel?: string;
+        children?: React.ReactNode;
+        className?: string;
+    }) => React.JSX.Element;
+    var ExportButton: typeof FeatureLayoutExportButton;
+    var Body: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    var Sidebar: ({ className, position, width, children, ...props }: SidebarProps) => React.JSX.Element;
+    var Content: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    var DetailContent: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    var DetailMain: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    var DetailSidebar: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    var Footer: ({ className, children, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
+    var Kanban: typeof FeatureLayoutKanban;
+}
+export interface FeatureLayoutHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    subheading?: React.ReactNode;
+    icon?: React.ReactNode | React.ComponentType<{
+        className?: string;
+    }>;
+    actions?: React.ReactNode;
+    badge?: React.ReactNode;
+}
+export interface FeatureLayoutScopeHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    subheading?: React.ReactNode;
+    icon?: React.ReactNode | React.ComponentType<{
+        className?: string;
+    }>;
+    actions?: React.ReactNode;
+    badge?: React.ReactNode;
+}
+type FeatureLayoutToolbarProps = React.HTMLAttributes<HTMLDivElement>;
+interface ViewToggleProps<T extends string = any> {
+    id?: string;
+    view: T;
+    onChange: (view: T) => void;
+    options?: T[];
+}
+export interface FeatureLayoutDropdownOption<T = any> {
+    value: string;
+    label: string;
+    icon?: any;
+    data?: T;
+}
+export interface FeatureLayoutDropdownProps<T = any> {
+    id?: string;
+    icon?: any;
+    label?: string;
+    value?: string;
+    onChange?: (value: string, item?: T) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    loadingPlaceholder?: string;
+    noItemsPlaceholder?: string;
+    disabled?: boolean;
+    className?: string;
+    contentClassName?: string;
+    align?: "start" | "end" | "center";
+    options?: Array<FeatureLayoutDropdownOption<T> | string>;
+    items?: T[];
+    isLoading?: boolean;
+    isFetchingNextPage?: boolean;
+    hasNextPage?: boolean;
+    fetchNextPage?: () => void;
+    search?: string;
+    onSearchChange?: (search: string) => void;
+    getItemKey?: (item: T) => string;
+    getItemLabel?: (item: T) => string;
+    getItemIcon?: (item: T) => React.ReactNode;
+    selectedLabel?: string;
+    renderCustomItem?: (item: T, closeDropdown: () => void) => React.ReactNode;
+    extraAction?: {
+        id: string;
+        label: string;
+        icon?: React.ReactNode;
+        onClick?: () => void;
+    };
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
+    position?: "left" | "right";
+    width?: number;
+}
+export { FeatureLayoutKanban, useWarnOnRefresh };

package/dist/components/layout/FeatureLayout.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../support/utils.js";
+import { ChevronDown, KanbanSquare, LayoutGrid, List, Network, Search, X, } from "lucide-react";
+import { AnimatePresence, motion } from "motion/react";
+import * as React from "react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../dropdown-menu.js";
+import { FeatureLayoutExportButton } from "./FeatureLayoutExportButton.js";
+import { FeatureLayoutTabs, useWarnOnRefresh, } from "./FeatureLayoutTabs.js";
+import { InfiniteSelect } from "../InfiniteSelect.js";
+import { FeatureLayoutKanban, } from "./kanban/index.js";
+export function FeatureLayout({ className, children, warnOnRefresh = false, hasOpenTabs = false, warnOnRefreshMessage, ...props }) {
+    useWarnOnRefresh(warnOnRefresh || hasOpenTabs, warnOnRefreshMessage);
+    return (_jsx("div", { className: cn("flex flex-col h-full w-full overflow-hidden bg-dashboard-background animate-in fade-in slide-in-from-bottom-4 duration-700", className), ...props, children: children }));
+}
+FeatureLayout.Header = function FeatureLayoutHeader({ className, title, description, subheading, icon: IconComponent, actions, badge, children, ...props }) {
+    const desc = description || subheading;
+    const hasScopeTitle = Boolean(title || desc);
+    return (_jsxs("div", { className: cn("z-10 flex shrink-0 flex-col border-b border-dashboard-border/100 bg-dashboard-card w-full", className), ...props, children: [hasScopeTitle && (_jsxs("div", { className: "px-4 md:px-6 pt-4 pb-3 flex flex-col gap-1.5 border-b border-dashboard-border/60", children: [_jsxs("div", { className: "flex items-center justify-between gap-3 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [IconComponent && (_jsx("div", { className: "w-7 h-7 rounded-lg bg-dashboard-primary/15 text-dashboard-primary flex items-center justify-center shrink-0 border border-dashboard-primary/25 shadow-2xs", children: React.isValidElement(IconComponent) ? (IconComponent) : (React.createElement(IconComponent, { className: "w-4 h-4" })) })), title && (_jsx("h1", { className: "text-xl md:text-[23px] font-bold text-dashboard-foreground tracking-[-0.6px] truncate leading-tight", children: title })), badge] }), actions && (_jsx("div", { className: "flex items-center gap-2 shrink-0", children: actions }))] }), desc && (_jsx("p", { className: "text-xs text-dashboard-muted-foreground mt-0.5 leading-relaxed max-w-3xl", children: desc }))] })), children && (_jsx("div", { className: "flex flex-row items-center justify-between gap-3 px-4 md:px-6 w-full min-h-[44px]", children: children }))] }));
+};
+FeatureLayout.ScopeHeader = function FeatureLayoutScopeHeader({ title, description, subheading, icon: IconComponent, actions, badge, className, ...props }) {
+    const desc = description || subheading;
+    return (_jsxs("div", { className: cn("px-4 md:px-6 pt-5 pb-3 flex flex-col gap-1.5 border-b border-dashboard-border/60 bg-dashboard-card shrink-0", className), ...props, children: [_jsxs("div", { className: "flex items-center justify-between gap-3 min-w-0", children: [_jsxs("div", { className: "flex items-center gap-2.5 min-w-0", children: [IconComponent && (_jsx("div", { className: "w-7 h-7 rounded-lg bg-dashboard-primary/15 text-dashboard-primary flex items-center justify-center shrink-0 border border-dashboard-primary/25 shadow-2xs", children: React.isValidElement(IconComponent) ? (IconComponent) : (React.createElement(IconComponent, { className: "w-4 h-4" })) })), title && (_jsx("h1", { className: "text-xl md:text-[23px] font-bold text-dashboard-foreground tracking-[-0.6px] truncate leading-tight", children: title })), badge] }), actions && (_jsx("div", { className: "flex items-center gap-2 shrink-0", children: actions }))] }), desc && (_jsx("p", { className: "text-xs text-dashboard-muted-foreground mt-0.5 leading-relaxed max-w-3xl", children: desc }))] }));
+};
+FeatureLayout.Title = FeatureLayout.ScopeHeader;
+FeatureLayout.Tabs = FeatureLayoutTabs;
+FeatureLayout.Toolbar = function FeatureLayoutToolbar({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center justify-end gap-2.5 shrink-0", className), ...props, children: children }));
+};
+FeatureLayout.ViewToggle = function FeatureLayoutViewToggle({ id, view, onChange, options = ["list", "board"], }) {
+    const getViewLabel = (val) => {
+        if (val === "tree")
+            return "Tree";
+        if (val === "flow")
+            return "Diagram Flow";
+        if (val === "kanban" || val === "kanaban" || val === "board")
+            return "Kanban";
+        return val;
+    };
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { render: _jsxs("button", { id: id, "aria-label": "Toggle view", className: "flex items-center gap-1.5 h-8 px-2.5 rounded-md text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-secondary border border-dashboard-border transition-colors outline-none cursor-pointer text-xs font-medium bg-dashboard-card dark:bg-dashboard-card/40", children: [(view === "list" || view === "tree") && (_jsx(List, { className: "w-3.5 h-3.5" })), view === "grid" && (_jsx(LayoutGrid, { className: "w-3.5 h-3.5" })), (view === "board" || view === "kanban" || view === "kanaban") && (_jsx(KanbanSquare, { className: "w-3.5 h-3.5" })), view === "flow" && _jsx(Network, { className: "w-3.5 h-3.5" }), _jsx("span", { className: "capitalize", children: getViewLabel(view) }), _jsx(ChevronDown, { className: "w-3 h-3 opacity-50 ml-0.5" })] }) }), _jsx(DropdownMenuContent, { align: "end", className: "w-36 bg-dashboard-card border border-dashboard-border rounded-lg p-1 shadow-lg", children: options.map((opt) => (_jsxs(DropdownMenuItem, { onClick: () => onChange(opt), className: cn("flex items-center gap-2 px-2 py-1.5 text-xs rounded-md cursor-pointer outline-none", view === opt
+                        ? "bg-dashboard-secondary text-dashboard-foreground font-medium"
+                        : "text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground"), children: [(opt === "list" || opt === "tree") && (_jsx(List, { className: "w-3.5 h-3.5" })), opt === "grid" && (_jsx(LayoutGrid, { className: "w-3.5 h-3.5" })), (opt === "board" || opt === "kanban" || opt === "kanaban") && (_jsx(KanbanSquare, { className: "w-3.5 h-3.5" })), opt === "flow" && _jsx(Network, { className: "w-3.5 h-3.5" }), _jsx("span", { className: "capitalize", children: getViewLabel(opt) })] }, opt))) })] }));
+};
+FeatureLayout.Dropdown = function FeatureLayoutDropdown({ id, icon, label, value, onChange, placeholder = "Select...", searchPlaceholder = "Search...", loadingPlaceholder, noItemsPlaceholder, disabled = false, className, contentClassName, align = "end", options, items, isLoading = false, isFetchingNextPage = false, hasNextPage = false, fetchNextPage, search, onSearchChange, getItemKey, getItemLabel, getItemIcon, selectedLabel, renderCustomItem, extraAction, header, footer, }) {
+    const normalizedItems = React.useMemo(() => {
+        if (items)
+            return items;
+        if (!options)
+            return [];
+        return options.map((opt) => typeof opt === "string" ? { value: opt, label: opt } : opt);
+    }, [items, options]);
+    return (_jsx(InfiniteSelect, { id: id, variant: "toolbar", icon: icon, label: label, value: value, onValueChange: onChange, placeholder: placeholder, searchPlaceholder: searchPlaceholder, loadingPlaceholder: loadingPlaceholder, noItemsPlaceholder: noItemsPlaceholder, disabled: disabled, className: className, contentClassName: contentClassName, align: align, items: normalizedItems, isLoading: isLoading, isFetchingNextPage: isFetchingNextPage, hasNextPage: hasNextPage, fetchNextPage: fetchNextPage, search: search, onSearchChange: onSearchChange, getItemKey: getItemKey, getItemLabel: getItemLabel, getItemIcon: getItemIcon, selectedLabel: selectedLabel, renderCustomItem: renderCustomItem, extraAction: extraAction, header: header, footer: footer }));
+};
+FeatureLayout.Select = FeatureLayout.Dropdown;
+FeatureLayout.InfiniteSelect = FeatureLayout.Dropdown;
+FeatureLayout.Search = function FeatureLayoutSearch({ id, value, onChange, placeholder = "Search...", className, }) {
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const hasValue = Boolean(value && value.trim().length > 0);
+    const isExpanded = isHovered || isFocused || hasValue;
+    const handleClear = (e) => {
+        e.stopPropagation();
+        onChange("");
+        inputRef.current?.focus();
+    };
+    return (_jsxs("div", { id: id, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), onClick: () => inputRef.current?.focus(), className: cn("relative flex items-center h-8 transition-all duration-300 ease-in-out rounded-md border", isExpanded
+            ? "w-48 sm:w-56 md:w-64 cursor-text"
+            : "w-8 cursor-pointer", isFocused
+            ? "border-dashboard-primary/70 bg-dashboard-secondary ring-1 ring-dashboard-primary/30"
+            : isExpanded
+                ? "border-dashboard-border bg-dashboard-secondary shadow-sm"
+                : "border-transparent bg-transparent hover:bg-dashboard-secondary", className), children: [_jsx(Search, { className: cn("w-3.5 h-3.5 absolute transition-all duration-300 pointer-events-none z-10", isExpanded
+                    ? "left-2.5 text-dashboard-primary"
+                    : "left-1/2 -translate-x-1/2 text-dashboard-muted-foreground") }), _jsx("input", { ref: inputRef, type: "text", "aria-label": placeholder || "Search", placeholder: isExpanded ? placeholder : "", value: value, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), onChange: (e) => onChange(e.target.value), tabIndex: 0, className: cn("w-full h-full bg-transparent text-xs text-dashboard-foreground placeholder:text-dashboard-muted-foreground outline-none transition-all duration-300 relative z-10", isExpanded
+                    ? "pl-8 pr-7 opacity-100"
+                    : "pl-8 pr-0 opacity-0 pointer-events-none") }), isExpanded && hasValue && (_jsx("button", { type: "button", onClick: handleClear, "aria-label": "Clear search", className: "absolute right-2 z-20 p-0.5 rounded-full text-dashboard-muted-foreground hover:text-dashboard-foreground hover:bg-dashboard-card transition-colors cursor-pointer", children: _jsx(X, { className: "w-3 h-3" }) }))] }));
+};
+FeatureLayout.IconButton = function FeatureLayoutIconButton({ id, icon: Icon, onClick, active, ariaLabel, }) {
+    return (_jsx("button", { id: id, "aria-label": ariaLabel || "Action", onClick: onClick, className: cn("w-8 h-8 rounded-md flex items-center justify-center transition-colors outline-none cursor-pointer border", active
+            ? "bg-dashboard-secondary text-dashboard-foreground border-dashboard-border"
+            : "bg-dashboard-card dark:bg-dashboard-card/40 text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground border-dashboard-border"), children: _jsx(Icon, { className: "w-3.5 h-3.5" }) }));
+};
+FeatureLayout.CreateButton = function FeatureLayoutCreateButton({ id, icon: Icon, onClick, ariaLabel, children, className, }) {
+    return (_jsxs("button", { id: id, "aria-label": ariaLabel || "Action", onClick: onClick, className: cn("bg-dashboard-primary hover:bg-dashboard-primary/90 text-white px-2.5 py-1 rounded-md flex items-center justify-center gap-1.5 transition-colors outline-none cursor-pointer border border-transparent text-xs font-medium shrink-0", className), children: [_jsx(Icon, { className: "w-3.5 h-3.5 shrink-0" }), children] }));
+};
+FeatureLayout.ExportButton = FeatureLayoutExportButton;
+// ── Body & Layout ────────────────────────────────────────────────────────────
+FeatureLayout.Body = function FeatureLayoutBody({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex-1 flex flex-row min-h-0 overflow-hidden relative", className), ...props, children: _jsx(AnimatePresence, { children: children }) }));
+};
+FeatureLayout.Sidebar = function FeatureLayoutSidebar({ className, position = "left", width = 320, children, ...props }) {
+    return (_jsx(motion.div, { initial: { width: 0, opacity: 0 }, animate: { width, opacity: 1 }, exit: { width: 0, opacity: 0 }, transition: { duration: 0.25, ease: "easeInOut" }, className: cn("h-full shrink-0 overflow-hidden flex flex-col z-10", position === "left"
+            ? "ltr:border-r rtl:border-l border-dashboard-border bg-dashboard-sidebar"
+            : "ltr:border-l rtl:border-r border-dashboard-border bg-dashboard-card", className), ...props, children: _jsx("div", { className: "h-full flex flex-col overflow-y-auto", style: { width: `${width}px` }, children: children }) }));
+};
+FeatureLayout.Content = function FeatureLayoutContent({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex-1 min-w-0 h-full overflow-y-auto bg-dashboard-background px-4", className), ...props, children: children }));
+};
+FeatureLayout.DetailContent = function FeatureLayoutDetailContent({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex flex-col lg:flex-row gap-6 mx-auto py-6 min-h-full w-full", className), ...props, children: children }));
+};
+FeatureLayout.DetailMain = function FeatureLayoutDetailMain({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("flex-1 min-w-0 flex flex-col gap-6", className), ...props, children: children }));
+};
+FeatureLayout.DetailSidebar = function FeatureLayoutDetailSidebar({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("w-full lg:w-[320px] shrink-0 flex flex-col gap-6", className), ...props, children: children }));
+};
+FeatureLayout.Footer = function FeatureLayoutFooter({ className, children, ...props }) {
+    return (_jsx("div", { className: cn("sticky bottom-0 w-full mt-auto py-4 px-6 border-t border-dashboard-border bg-dashboard-card flex items-center justify-end gap-3 shrink-0 z-10", className), ...props, children: children }));
+};
+FeatureLayout.Kanban = FeatureLayoutKanban;
+export { FeatureLayoutKanban, useWarnOnRefresh };
+//# sourceMappingURL=FeatureLayout.js.map

package/dist/components/layout/FeatureLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureLayout.js","sourceRoot":"","sources":["../../../src/components/layout/FeatureLayout.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/FeatureLayoutExportButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface FeatureLayoutExportButtonProps<T extends object> {
+    data: T[];
+    columns?: {
+        header: string;
+        accessor: keyof T | ((row: T) => any);
+    }[];
+    filename?: string;
+}
+export declare function FeatureLayoutExportButton<T extends object>({ data, columns, filename, }: FeatureLayoutExportButtonProps<T>): React.JSX.Element;