@evolve.ui/core-components 1.0.0

package/providers.mjs

@@ -0,0 +1,292 @@
+'use client';
+import { t as nodeEnv } from "./nodeEnv-B4v61vkJ.mjs";
+import { BodyPrimary, BodySecondary } from "./Typography/Text.mjs";
+import { a as tabletAtom, c as useWindowIsDesktop, d as useWindowIsTabletOrMobile, f as useWindowWidth, i as mobileAtom, l as useWindowIsMobile, n as desktopAtom, o as tabletOrMobileAtom, p as widthAtom, r as heightAtom, s as useWindowHeight, t as WindowSizeProvider, u as useWindowIsTablet } from "./windowSizeProvider-sYwAqaOy.mjs";
+import { n as useGridSize, t as GridHighlighter } from "./gridHighlighter-BcGNd3EE.mjs";
+import { Button } from "./Button.mjs";
+import { n as useFeatureFlagsContext, t as FeatureFlagProvider } from "./featureFlagProvider-_wGBROhw.mjs";
+import { n as DatePickerTargetId, t as DatePickerTarget } from "./DatePickerTarget-CKni-6Rq.mjs";
+import { n as TimePickerTargetId, t as TimePickerTarget } from "./TimePickerTarget-DlbryTho.mjs";
+import { Component, StrictMode, createContext, forwardRef, useCallback, useContext, useEffect } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Provider } from "jotai";
+import { cn } from "@evolve.ui/theme-system/cn";
+//#region src/providers/errorBoundaryProvider.tsx
+const ErrorBoundaryContext = createContext(void 0);
+/**
+* Provider that powers all ErrorBoundary components below it.
+* A global provider can be overwritten by a more specific provider for section-level handling.
+*/
+const ErrorBoundaryProvider = ({ children, defaultFallback, onError }) => /* @__PURE__ */ jsx(ErrorBoundaryContext.Provider, {
+	value: {
+		defaultFallback,
+		onError
+	},
+	children
+});
+ErrorBoundaryProvider.displayName = "ErrorBoundaryProvider";
+/**
+* Hook to get the error callback from context.
+*/
+const useOnError = () => {
+	return useContext(ErrorBoundaryContext)?.onError;
+};
+/**
+* Hook that provides a callback with resetError functionality.
+* Useful for creating custom error UIs that need to reset the boundary.
+*/
+const useErrorBoundaryReset = () => {
+	const onError = useOnError();
+	return useCallback((error, errorInfo, meta) => {
+		onError?.(error, errorInfo, meta);
+	}, [onError]);
+};
+/**
+* Component that throws an error for testing/demo purposes.
+*/
+const ErrorThrower = ({ message }) => {
+	throw new Error(message);
+};
+/**
+* Catches errors in children, reports them through props or provider context, then renders a fallback UI.
+*/
+var ErrorBoundary = class extends Component {
+	static {
+		this.contextType = ErrorBoundaryContext;
+	}
+	static getDerivedStateFromError() {
+		return { hasError: true };
+	}
+	constructor(props) {
+		super(props);
+		this.errorCache = null;
+		this.resetError = () => {
+			this.errorCache = null;
+			this.setState({ hasError: false });
+		};
+		this.state = { hasError: false };
+	}
+	componentDidCatch(error, errorInfo) {
+		this.errorCache = {
+			error,
+			errorInfo
+		};
+		this.forceUpdate();
+		(this.props.onError || this.context?.onError)?.(error, errorInfo, this.props.meta);
+	}
+	render() {
+		if (this.state.hasError) {
+			if (!this.errorCache) return null;
+			if (this.props.fallback) return this.props.fallback(this.errorCache.error, this.resetError);
+			if (this.context?.defaultFallback) return this.context.defaultFallback(this.errorCache.error, this.resetError);
+			return /* @__PURE__ */ jsxs("div", {
+				className: "flex h-full w-full flex-col items-center justify-center gap-sm rounded-container border border-border-secondary p-md text-center",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-xs",
+					children: [/* @__PURE__ */ jsx(BodyPrimary, { children: "Something went wrong" }), /* @__PURE__ */ jsx(BodySecondary, {
+						color: "secondary",
+						children: "We're working on resolving the issue"
+					})]
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: this.resetError,
+					size: "sm",
+					variant: "outlined",
+					children: "Try Again"
+				})]
+			});
+		}
+		if (this.props.forceError) return /* @__PURE__ */ jsx(ErrorThrower, { message: `Forced error in ${this.props.meta.name}` });
+		return this.props.children;
+	}
+};
+//#endregion
+//#region src/providers/linkProvider.tsx
+const LinkContext = createContext(() => {
+	throw new Error("No onLinkClick found. Did you forget to add onLinkClick to DesignSystemProvider (or the separate LinkProvider)?");
+});
+const LinkProvider = ({ children, onLinkClick }) => /* @__PURE__ */ jsx(LinkContext.Provider, {
+	value: onLinkClick,
+	children
+});
+LinkProvider.displayName = "LinkProvider";
+const useOnLinkClick = () => useContext(LinkContext);
+const usePreventDefaultLinkOnClick = () => {
+	const onLinkClick = useOnLinkClick();
+	return useCallback((href) => (event) => {
+		event.preventDefault();
+		onLinkClick(href);
+	}, [onLinkClick]);
+};
+//#endregion
+//#region src/providers/normalize.tsx
+const GLOBAL_NORMALIZE_CSS = `
+html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+body {
+    margin: 0;
+}
+main {
+    display: block;
+}
+a {
+    background-color: transparent;
+}
+img {
+    border-style: none;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+    font-family: inherit;
+    font-size: 100%;
+    line-height: 1.15;
+    margin: 0;
+}
+button,
+input {
+    overflow: visible;
+}
+button,
+select {
+    text-transform: none;
+}
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+    -webkit-appearance: button;
+}
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+}
+*,
+::before,
+::after {
+    box-sizing: border-box;
+}
+`.trim();
+const GlobalNormalize = () => {
+	useEffect(() => {
+		const style = document.createElement("style");
+		style.textContent = GLOBAL_NORMALIZE_CSS;
+		document.head.appendChild(style);
+		return () => {
+			style.remove();
+		};
+	}, []);
+	return null;
+};
+GlobalNormalize.displayName = "GlobalNormalize";
+const LocalNormalize = forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", {
+	className: cn("[text-size-adjust:100%]", "m-0", "antialiased", "box-border [&_*]:box-border [&_::after]:box-border [&_::before]:box-border", className),
+	ref,
+	...rest,
+	children
+}));
+LocalNormalize.displayName = "LocalNormalize";
+//#endregion
+//#region src/providers/targets/ModalTarget.tsx
+/**
+* The place where the modal is rendered using `createPortal`.
+*
+* Consumers that portal into this slot (Modal, BottomSheet) locate it via the
+* `hui-modal-target` class / id.
+*/
+const ModalTarget = () => /* @__PURE__ */ jsx("div", {
+	className: "hui-modal-target",
+	id: "hui-modal-target"
+});
+ModalTarget.displayName = "ModalTarget";
+//#endregion
+//#region src/providers/themeContext.tsx
+const ThemeContext = createContext(void 0);
+ThemeContext.displayName = "ThemeContext";
+const ThemeProvider = ThemeContext.Provider;
+const useTheme = () => {
+	const theme = useContext(ThemeContext);
+	if (!theme) throw new Error("useTheme must be used within DesignSystemProvider");
+	return theme;
+};
+/** @deprecated Renamed to `ThemeProvider`. This alias ships for one major and is removed in a future release. */
+const HammerThemeProvider = ThemeProvider;
+/** @deprecated Renamed to `useTheme`. This alias ships for one major and is removed in a future release. */
+const useHammerTheme = useTheme;
+//#endregion
+//#region src/providers/designSystemProvider.tsx
+/**
+* Root design-system provider runtime.
+*
+* Features:
+* - Runtime theme context
+* - Normalization
+* - Window and grid sizing
+* - Grid highlighter
+* - Error boundary provider
+* - React.StrictMode when not testing
+*/
+const DesignSystemProvider = ({ children, defaultFallback, defaultHeight, defaultWidth, featureFlags = {}, forceGridHighlight, normalizationType = "global", onError, onLinkClick, theme, windowSizeThrottle, withoutDatePickerTarget = nodeEnv === "test", withoutHighlighter, withoutJotaiProvider, withoutModalTarget = nodeEnv === "test", withoutNormalization, withoutThemeProvider, withoutTimePickerTarget = nodeEnv === "test", withoutWindowSizeProvider }) => {
+	let newChildren = children;
+	if (nodeEnv !== "test") newChildren = /* @__PURE__ */ jsx(StrictMode, { children: newChildren });
+	newChildren = /* @__PURE__ */ jsx(FeatureFlagProvider, {
+		featureFlags,
+		children: newChildren
+	});
+	if (!withoutNormalization && normalizationType === "scoped") newChildren = /* @__PURE__ */ jsx(LocalNormalize, { children: newChildren });
+	if (!withoutHighlighter) newChildren = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(GridHighlighter, { forceGridHighlight }), newChildren] });
+	if (!withoutWindowSizeProvider) newChildren = /* @__PURE__ */ jsx(WindowSizeProvider, {
+		defaultHeight,
+		defaultWidth,
+		windowSizeThrottle,
+		children: newChildren
+	});
+	if (!withoutNormalization && normalizationType === "global") newChildren = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(GlobalNormalize, {}), newChildren] });
+	if (!withoutModalTarget) newChildren = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ModalTarget, {}), newChildren] });
+	if (!withoutDatePickerTarget) newChildren = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DatePickerTarget, {}), newChildren] });
+	if (!withoutTimePickerTarget) newChildren = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TimePickerTarget, {}), newChildren] });
+	if (theme && !withoutThemeProvider) newChildren = /* @__PURE__ */ jsx(ThemeProvider, {
+		value: theme,
+		children: newChildren
+	});
+	if (onLinkClick) newChildren = /* @__PURE__ */ jsx(LinkProvider, {
+		onLinkClick,
+		children: newChildren
+	});
+	if (onError) newChildren = /* @__PURE__ */ jsx(ErrorBoundaryProvider, {
+		defaultFallback,
+		onError,
+		children: newChildren
+	});
+	if (!withoutJotaiProvider) newChildren = /* @__PURE__ */ jsx(Provider, { children: newChildren });
+	return /* @__PURE__ */ jsx(Fragment, { children: newChildren });
+};
+DesignSystemProvider.displayName = "DesignSystemProvider";
+/** @deprecated Renamed to `DesignSystemProvider`. This alias ships for one major and is removed in a future release. */
+const HammerUIProvider = DesignSystemProvider;
+//#endregion
+//#region src/providers/createContextProvider.ts
+const createContextProvider = (defaultValue, contextName) => {
+	const Context = createContext(defaultValue);
+	Context.displayName = contextName;
+	const useContextHook = () => {
+		const context = useContext(Context);
+		if (!context) throw new Error(`use${contextName}Context must be used within ${contextName}Provider`);
+		return context;
+	};
+	return {
+		Context,
+		Provider: Context.Provider,
+		useContext: useContextHook
+	};
+};
+//#endregion
+export { DatePickerTarget, DatePickerTargetId, DesignSystemProvider, ErrorBoundary, ErrorBoundaryProvider, FeatureFlagProvider, GLOBAL_NORMALIZE_CSS, GlobalNormalize, HammerThemeProvider, HammerUIProvider, LinkProvider, LocalNormalize, ModalTarget, ThemeProvider, TimePickerTarget, TimePickerTargetId, WindowSizeProvider, createContextProvider, desktopAtom, heightAtom, mobileAtom, tabletAtom, tabletOrMobileAtom, useErrorBoundaryReset, useFeatureFlagsContext, useGridSize, useHammerTheme, useOnError, useOnLinkClick, usePreventDefaultLinkOnClick, useTheme, useWindowHeight, useWindowIsDesktop, useWindowIsMobile, useWindowIsTablet, useWindowIsTabletOrMobile, useWindowWidth, widthAtom };
+
+//# sourceMappingURL=providers.mjs.map

package/providers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"providers.mjs","names":[],"sources":["../src/providers/errorBoundaryProvider.tsx","../src/providers/linkProvider.tsx","../src/providers/normalize.tsx","../src/providers/targets/ModalTarget.tsx","../src/providers/themeContext.tsx","../src/providers/designSystemProvider.tsx","../src/providers/createContextProvider.ts"],"sourcesContent":["import { type ErrorInfo, Component, createContext, type ReactNode, useCallback, useContext } from 'react';\n\nimport { Button } from '../Button/Button';\nimport { BodyPrimary, BodySecondary } from '../Typography/Text/Text';\n\nexport type ErrorBoundaryMeta = {\n    /** Additional metadata properties. */\n    [key: string]: unknown;\n    /** Required name to identify the error boundary. */\n    name: string;\n};\n\n/**\n * Callback function when an error is caught.\n */\ntype OnErrorCallback = (error: Error, errorInfo: ErrorInfo, meta: ErrorBoundaryMeta) => void;\n/**\n * Default fallback render function.\n */\ntype DefaultFallbackFunction = (error: Error, resetError: () => void) => ReactNode;\n\ntype ErrorBoundaryContextValue = {\n    defaultFallback?: DefaultFallbackFunction;\n    onError: OnErrorCallback;\n};\n\nconst ErrorBoundaryContext = createContext<ErrorBoundaryContextValue | undefined>(undefined);\n\ntype ErrorBoundaryProviderProps = {\n    children: ReactNode;\n    /**\n     * Optional default fallback UI to use across all ErrorBoundaries in this provider.\n     * Individual ErrorBoundaries can still override this with their own `fallback` prop.\n     */\n    defaultFallback?: DefaultFallbackFunction;\n    /** Callback when an error is caught. */\n    onError: OnErrorCallback;\n};\n\n/**\n * Provider that powers all ErrorBoundary components below it.\n * A global provider can be overwritten by a more specific provider for section-level handling.\n */\nexport const ErrorBoundaryProvider = ({ children, defaultFallback, onError }: ErrorBoundaryProviderProps) => (\n    <ErrorBoundaryContext.Provider value={{ defaultFallback, onError }}>{children}</ErrorBoundaryContext.Provider>\n);\n\nErrorBoundaryProvider.displayName = 'ErrorBoundaryProvider';\n\n/**\n * Hook to get the error callback from context.\n */\nexport const useOnError = () => {\n    const context = useContext(ErrorBoundaryContext);\n    return context?.onError;\n};\n\n/**\n * Hook that provides a callback with resetError functionality.\n * Useful for creating custom error UIs that need to reset the boundary.\n */\nexport const useErrorBoundaryReset = () => {\n    const onError = useOnError();\n\n    return useCallback(\n        (error: Error, errorInfo: ErrorInfo, meta: ErrorBoundaryMeta) => {\n            onError?.(error, errorInfo, meta);\n        },\n        [onError]\n    );\n};\n\ntype ErrorBoundaryState = {\n    hasError: boolean;\n};\n\ntype ErrorBoundaryProps = {\n    children: ReactNode;\n    /** Optional custom fallback UI to render when an error occurs. */\n    fallback?: (error: Error, resetError: () => void) => ReactNode;\n    /**\n     * Force the error boundary to throw an error for testing/demo purposes.\n     * Useful for previewing fallback UI in Storybook or tests.\n     */\n    forceError?: boolean;\n    /**\n     * Metadata to identify and provide context about this error boundary.\n     * The `name` field is required.\n     */\n    meta: ErrorBoundaryMeta;\n    /** Optional custom onError callback that overrides the context callback. */\n    onError?: OnErrorCallback;\n};\n\n/**\n * Component that throws an error for testing/demo purposes.\n */\nconst ErrorThrower = ({ message }: { message: string }) => {\n    throw new Error(message);\n};\n\n// React error boundaries still require class components.\n/**\n * Catches errors in children, reports them through props or provider context, then renders a fallback UI.\n */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n    static contextType = ErrorBoundaryContext;\n\n    static getDerivedStateFromError(): ErrorBoundaryState {\n        return { hasError: true };\n    }\n\n    declare context: React.ContextType<typeof ErrorBoundaryContext>;\n    private errorCache: { error: Error; errorInfo: ErrorInfo } | null = null;\n\n    constructor(props: ErrorBoundaryProps) {\n        super(props);\n        this.state = { hasError: false };\n    }\n\n    componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n        // Cache the error for the fallback render.\n        this.errorCache = { error, errorInfo };\n        // Force a re-render now that errorCache is set.\n        this.forceUpdate();\n\n        // Call the onError callback from props or context with metadata.\n        const onError = this.props.onError || this.context?.onError;\n        onError?.(error, errorInfo, this.props.meta);\n    }\n\n    resetError = () => {\n        this.errorCache = null;\n        this.setState({ hasError: false });\n    };\n\n    render() {\n        if (this.state.hasError) {\n            // Wait for errorCache to be populated by componentDidCatch.\n            if (!this.errorCache) {\n                return null;\n            }\n\n            // Priority 1: If a custom fallback is provided on the ErrorBoundary, use it.\n            if (this.props.fallback) {\n                return this.props.fallback(this.errorCache.error, this.resetError);\n            }\n\n            // Priority 2: If a default fallback is provided by the provider, use it.\n            if (this.context?.defaultFallback) {\n                return this.context.defaultFallback(this.errorCache.error, this.resetError);\n            }\n\n            // Priority 3: Built-in default fallback.\n            return (\n                <div className=\"flex h-full w-full flex-col items-center justify-center gap-sm rounded-container border border-border-secondary p-md text-center\">\n                    <div className=\"flex flex-col gap-xs\">\n                        <BodyPrimary>Something went wrong</BodyPrimary>\n                        <BodySecondary color=\"secondary\">We&apos;re working on resolving the issue</BodySecondary>\n                    </div>\n                    <Button\n                        onClick={this.resetError}\n                        size=\"sm\"\n                        variant=\"outlined\"\n                    >\n                        Try Again\n                    </Button>\n                </div>\n            );\n        }\n\n        // Force an error for testing/demo purposes.\n        if (this.props.forceError) {\n            return <ErrorThrower message={`Forced error in ${this.props.meta.name}`} />;\n        }\n\n        return this.props.children;\n    }\n}\n","import { createContext, type MouseEvent, type ReactNode, useCallback, useContext } from 'react';\n\nconst LinkContext = createContext<(href: string) => void>(() => {\n    throw new Error(\n        'No onLinkClick found. Did you forget to add onLinkClick to DesignSystemProvider (or the separate LinkProvider)?'\n    );\n});\n\ntype LinkProviderProps = {\n    children: ReactNode;\n    onLinkClick: (href: string) => void;\n};\n\nexport const LinkProvider = ({ children, onLinkClick }: LinkProviderProps) => (\n    <LinkContext.Provider value={onLinkClick}>{children}</LinkContext.Provider>\n);\n\nLinkProvider.displayName = 'LinkProvider';\n\nexport const useOnLinkClick = () => useContext(LinkContext);\n\nexport const usePreventDefaultLinkOnClick = () => {\n    const onLinkClick = useOnLinkClick();\n\n    return useCallback(\n        (href: string) => (event: MouseEvent<HTMLAnchorElement>) => {\n            event.preventDefault();\n            onLinkClick(href);\n        },\n        [onLinkClick]\n    );\n};\n","import { cn } from '@evolve.ui/theme-system/cn';\nimport { forwardRef, type HTMLProps, useEffect } from 'react';\n\nexport const GLOBAL_NORMALIZE_CSS = `\nhtml {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n}\nbody {\n    margin: 0;\n}\nmain {\n    display: block;\n}\na {\n    background-color: transparent;\n}\nimg {\n    border-style: none;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n}\nbutton,\ninput {\n    overflow: visible;\n}\nbutton,\nselect {\n    text-transform: none;\n}\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n    -webkit-appearance: button;\n}\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n}\n*,\n::before,\n::after {\n    box-sizing: border-box;\n}\n`.trim();\n\nexport const GlobalNormalize = () => {\n    useEffect(() => {\n        const style = document.createElement('style');\n        style.textContent = GLOBAL_NORMALIZE_CSS;\n        document.head.appendChild(style);\n\n        return () => {\n            style.remove();\n        };\n    }, []);\n\n    return null;\n};\n\nGlobalNormalize.displayName = 'GlobalNormalize';\n\nexport const LocalNormalize = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n    ({ children, className, ...rest }, ref) => (\n        <div\n            className={cn(\n                '[text-size-adjust:100%]',\n                'm-0',\n                'antialiased',\n                'box-border [&_*]:box-border [&_::after]:box-border [&_::before]:box-border',\n                className\n            )}\n            ref={ref}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n);\n\nLocalNormalize.displayName = 'LocalNormalize';\n","/**\n * The place where the modal is rendered using `createPortal`.\n *\n * Consumers that portal into this slot (Modal, BottomSheet) locate it via the\n * `hui-modal-target` class / id.\n */\nexport const ModalTarget = () => (\n    <div\n        className=\"hui-modal-target\"\n        id=\"hui-modal-target\"\n    />\n);\n\nModalTarget.displayName = 'ModalTarget';\n","import type { CleanTheme } from '@evolve.ui/theme-system/themes/themeType';\n\nimport { createContext, useContext } from 'react';\n\nconst ThemeContext = createContext<CleanTheme | undefined>(undefined);\nThemeContext.displayName = 'ThemeContext';\n\nexport const ThemeProvider = ThemeContext.Provider;\n\nexport const useTheme = (): CleanTheme => {\n    const theme = useContext(ThemeContext);\n\n    if (!theme) {\n        throw new Error('useTheme must be used within DesignSystemProvider');\n    }\n\n    return theme;\n};\n\n/** @deprecated Renamed to `ThemeProvider`. This alias ships for one major and is removed in a future release. */\nexport const HammerThemeProvider = ThemeProvider;\n\n/** @deprecated Renamed to `useTheme`. This alias ships for one major and is removed in a future release. */\nexport const useHammerTheme = useTheme;\n","import { type CleanTheme } from '@evolve.ui/theme-system/themes/themeType';\nimport { Provider } from 'jotai';\nimport { type ComponentProps, type ErrorInfo, type ReactNode, StrictMode } from 'react';\n\nimport { GridHighlighter } from '../grid/gridHighlighter';\nimport { nodeEnv } from '../utils/nodeEnv';\nimport { type ErrorBoundaryMeta, ErrorBoundaryProvider } from './errorBoundaryProvider';\nimport { FeatureFlagProvider, type FeatureFlags } from './featureFlagProvider';\nimport { LinkProvider } from './linkProvider';\nimport { GlobalNormalize, LocalNormalize } from './normalize';\nimport { DatePickerTarget } from './targets/DatePickerTarget';\nimport { ModalTarget } from './targets/ModalTarget';\nimport { TimePickerTarget } from './targets/TimePickerTarget';\nimport { ThemeProvider } from './themeContext';\nimport { WindowSizeProvider } from './windowSizeProvider';\n\ntype DesignSystemProviderProps = {\n    children: ReactNode;\n    /**\n     * Optional default fallback UI for all ErrorBoundaries.\n     * Individual ErrorBoundaries can override this with their own `fallback` prop.\n     */\n    defaultFallback?: (error: Error, resetError: () => void) => ReactNode;\n    /**\n     * Feature flags object with string keys and boolean values.\n     * Can be accessed via `useFeatureFlagsContext`.\n     */\n    featureFlags?: FeatureFlags;\n    /**\n     * Where to apply the normalization, either globally or to this provider subtree.\n     * Global normalization is preferred; scoped normalization helps when integrating into an existing reset.\n     */\n    normalizationType?: 'global' | 'scoped';\n    /**\n     * Adds an `ErrorBoundaryProvider` when passed.\n     * The consuming app should handle the error, such as logging, redirecting, or showing a toast.\n     */\n    onError?: (error: Error, errorInfo?: ErrorInfo, meta?: ErrorBoundaryMeta) => void;\n    /**\n     * Adds a `LinkProvider` when passed and can be overridden by a more specific provider.\n     */\n    onLinkClick?: (href: string) => void;\n    /**\n     * Runtime theme object supplied by `@evolve.ui/theme-system`.\n     * This installs the local `ThemeProvider` unless `withoutThemeProvider` is true.\n     */\n    theme?: CleanTheme;\n    /**\n     * Whether to remove DatePickerTarget from the DOM. You will need to provide it manually.\n     */\n    withoutDatePickerTarget?: boolean;\n    /**\n     * Disable the grid highlighter.\n     */\n    withoutHighlighter?: boolean;\n    /**\n     * Whether to disable the `jotai` `Provider`. You will need to provide it manually.\n     */\n    withoutJotaiProvider?: boolean;\n    /**\n     * Whether to remove ModalTarget from the DOM. You will need to provide it manually.\n     */\n    withoutModalTarget?: boolean;\n    /**\n     * Disable normalization CSS.\n     */\n    withoutNormalization?: boolean;\n    /**\n     * Skips the React context ThemeProvider.\n     * This repo does not install styled-components' ThemeProvider.\n     */\n    withoutThemeProvider?: boolean;\n    /**\n     * Whether to remove TimePickerTarget from the DOM. You will need to provide it manually.\n     */\n    withoutTimePickerTarget?: boolean;\n    /**\n     * Whether to disable the `WindowSizeProvider`. You will need to provide it manually.\n     */\n    withoutWindowSizeProvider?: boolean;\n};\n\ntype Props = DesignSystemProviderProps &\n    Partial<ComponentProps<typeof WindowSizeProvider>> &\n    Partial<ComponentProps<typeof GridHighlighter>>;\n\n/**\n * Root design-system provider runtime.\n *\n * Features:\n * - Runtime theme context\n * - Normalization\n * - Window and grid sizing\n * - Grid highlighter\n * - Error boundary provider\n * - React.StrictMode when not testing\n */\nexport const DesignSystemProvider = ({\n    children,\n    defaultFallback,\n    defaultHeight,\n    defaultWidth,\n    featureFlags = {},\n    forceGridHighlight,\n    normalizationType = 'global',\n    onError,\n    onLinkClick,\n    theme,\n    windowSizeThrottle,\n    withoutDatePickerTarget = nodeEnv === 'test',\n    withoutHighlighter,\n    withoutJotaiProvider,\n    withoutModalTarget = nodeEnv === 'test',\n    withoutNormalization,\n    withoutThemeProvider,\n    withoutTimePickerTarget = nodeEnv === 'test',\n    withoutWindowSizeProvider,\n}: Props) => {\n    let newChildren = children;\n\n    if (nodeEnv !== 'test') {\n        newChildren = <StrictMode>{newChildren}</StrictMode>;\n    }\n\n    newChildren = <FeatureFlagProvider featureFlags={featureFlags}>{newChildren}</FeatureFlagProvider>;\n\n    if (!withoutNormalization && normalizationType === 'scoped') {\n        newChildren = <LocalNormalize>{newChildren}</LocalNormalize>;\n    }\n\n    if (!withoutHighlighter) {\n        newChildren = (\n            <>\n                <GridHighlighter forceGridHighlight={forceGridHighlight} />\n                {newChildren}\n            </>\n        );\n    }\n\n    if (!withoutWindowSizeProvider) {\n        newChildren = (\n            <WindowSizeProvider\n                defaultHeight={defaultHeight}\n                defaultWidth={defaultWidth}\n                windowSizeThrottle={windowSizeThrottle}\n            >\n                {newChildren}\n            </WindowSizeProvider>\n        );\n    }\n\n    if (!withoutNormalization && normalizationType === 'global') {\n        newChildren = (\n            <>\n                <GlobalNormalize />\n                {newChildren}\n            </>\n        );\n    }\n\n    if (!withoutModalTarget) {\n        newChildren = (\n            <>\n                <ModalTarget />\n                {newChildren}\n            </>\n        );\n    }\n\n    if (!withoutDatePickerTarget) {\n        newChildren = (\n            <>\n                <DatePickerTarget />\n                {newChildren}\n            </>\n        );\n    }\n\n    if (!withoutTimePickerTarget) {\n        newChildren = (\n            <>\n                <TimePickerTarget />\n                {newChildren}\n            </>\n        );\n    }\n\n    if (theme && !withoutThemeProvider) {\n        newChildren = <ThemeProvider value={theme}>{newChildren}</ThemeProvider>;\n    }\n\n    if (onLinkClick) {\n        newChildren = <LinkProvider onLinkClick={onLinkClick}>{newChildren}</LinkProvider>;\n    }\n\n    if (onError) {\n        newChildren = (\n            <ErrorBoundaryProvider\n                defaultFallback={defaultFallback}\n                onError={onError}\n            >\n                {newChildren}\n            </ErrorBoundaryProvider>\n        );\n    }\n\n    // Jotai provider should likely always be last so all atom consumers share the same store.\n    if (!withoutJotaiProvider) {\n        newChildren = <Provider>{newChildren}</Provider>;\n    }\n\n    return <>{newChildren}</>;\n};\n\nDesignSystemProvider.displayName = 'DesignSystemProvider';\n\n/** @deprecated Renamed to `DesignSystemProvider`. This alias ships for one major and is removed in a future release. */\nexport const HammerUIProvider = DesignSystemProvider;\n","import { createContext, useContext } from 'react';\n\nexport const createContextProvider = <T>(defaultValue: T, contextName: string) => {\n    const Context = createContext<T>(defaultValue);\n    Context.displayName = contextName;\n\n    const useContextHook = () => {\n        const context = useContext(Context);\n\n        if (!context) {\n            throw new Error(`use${contextName}Context must be used within ${contextName}Provider`);\n        }\n\n        return context;\n    };\n\n    return {\n        Context,\n        Provider: Context.Provider,\n        useContext: useContextHook,\n    };\n};\n"],"mappings":"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"}

package/rolldown-runtime-D6vf50IK.cjs

@@ -0,0 +1,28 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});

package/saveConfetti.cjs

@@ -0,0 +1,7 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_SaveConfetti = require("./SaveConfetti-DSJtuE3b.cjs");
+exports.SaveConfetti = require_SaveConfetti.SaveConfetti;

package/saveConfetti.d.cts

@@ -0,0 +1,2 @@
+import { n as SaveConfettiHandle, t as SaveConfetti } from "./index-DUdcrvAe.cjs";
+export { SaveConfetti, type SaveConfettiHandle };

package/saveConfetti.d.mts

@@ -0,0 +1,2 @@
+import { n as SaveConfettiHandle, t as SaveConfetti } from "./index-DUdcrvAe.mjs";
+export { SaveConfetti, type SaveConfettiHandle };

package/saveConfetti.mjs

@@ -0,0 +1,3 @@
+'use client';
+import { t as SaveConfetti } from "./SaveConfetti-DI0MTd63.mjs";
+export { SaveConfetti };

package/searchInput.cjs

@@ -0,0 +1,92 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Icons = require("./Icons.cjs");
+const require_IconButton = require("./IconButton.cjs");
+const require_Input = require("./Input.cjs");
+let _evolve_ui_theme_system = require("@evolve.ui/theme-system");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/SearchInput/SearchInput.tsx
+const SearchInput = ({ "button-aria-label": buttonAriaLabel = "Search", className, "data-testid": testId = "search-input", disabled = false, emphasis, endAdornment, iconStyle, id = "search-input", initialValue = "", "input-aria-label": inputAriaLabel = "Search input", inputRef, maxLength, onBlur, onClear: onClearProp, onFocus, onSubmit: onSubmitProp, onTextChange, placeholder = "Search", small = false, style, value }) => {
+	const [search, setSearch] = (0, react.useState)(value ?? initialValue);
+	(0, react.useEffect)(() => {
+		if (value !== void 0) setSearch(value);
+	}, [value]);
+	const setSearchText = (0, react.useCallback)((s) => {
+		onTextChange?.(s);
+		setSearch(s);
+	}, [onTextChange]);
+	const onChange = (0, react.useCallback)((e) => {
+		setSearchText(e.currentTarget.value);
+	}, [setSearchText]);
+	const onClear = (0, react.useCallback)(() => {
+		onClearProp?.();
+		setSearchText("");
+	}, [setSearchText, onClearProp]);
+	const onSubmit = (0, react.useCallback)((e) => {
+		onSubmitProp?.(search);
+		e.preventDefault();
+	}, [onSubmitProp, search]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, _evolve_ui_theme_system.cn)("rounded-search-input bg-background-primary", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			className: (0, _evolve_ui_theme_system.cn)("overflow-none box-content flex items-center gap-2xs rounded-search-input border border-border-secondary bg-background-primary outline-1 outline-background-critical-dark hover:border-border-hover has-[:focus]:border-border-selected", {
+				"border-0": emphasis === "bold",
+				"h-[32px]": small,
+				"h-[40px]": !small,
+				"outline outline-1 outline-border-black": emphasis === "bold" && style === "neutral"
+			}, {
+				"hover:border-border-secondary hover:bg-background-hover hover:outline hover:outline-2 hover:outline-border-black": emphasis === "bold",
+				"hover:outline-border-black": style === "neutral" && emphasis === "bold",
+				"hover:outline-focus-inverse": style === "inverse"
+			}, {
+				"has-[:focus]:border-border-secondary has-[:focus]:bg-background-primary has-[:focus]:outline has-[:focus]:outline-focus-inverse": emphasis === "bold",
+				"has-[:focus]:outline-2 has-[:focus]:outline-border-black": style === "neutral" && emphasis === "bold",
+				"has-[:focus]:outline-4 has-[:focus]:outline-focus-inverse": style === "inverse"
+			}),
+			"data-hui-id": "SearchInput",
+			"data-testid": testId,
+			onSubmit,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.TextInput, {
+					"aria-label": inputAriaLabel,
+					autoComplete: "off",
+					className: (0, _evolve_ui_theme_system.cn)("w-full [&>div]:!border-transparent [&>div]:!bg-transparent"),
+					clearAriaLabel: "Clear search text",
+					disabled,
+					emphasis,
+					id,
+					maxLength,
+					onBlur,
+					onChange,
+					onClear,
+					onFocus,
+					placeholder,
+					ref: inputRef,
+					value: search
+				}),
+				endAdornment,
+				search !== "" && emphasis === "bold" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, _evolve_ui_theme_system.cn)("-ml-2xs h-[24px] border-l border-border-secondary", { "h-[20px]": small }) }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_IconButton.IconButton, {
+					"aria-label": buttonAriaLabel,
+					className: (0, _evolve_ui_theme_system.cn)("mr-2xs self-center justify-self-end !rounded-button", { "mr-[-1px]": small }),
+					disabled,
+					hideTooltip: true,
+					icon: require_Icons.MagnifyingGlass,
+					iconStyle,
+					size: "sm",
+					style: search === "" || emphasis === "bold" ? "neutral" : "primary",
+					type: "submit",
+					variant: search === "" || emphasis === "bold" ? "transparent" : "filled"
+				})
+			]
+		})
+	});
+};
+//#endregion
+exports.SearchInput = SearchInput;
+
+//# sourceMappingURL=searchInput.cjs.map

package/searchInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInput.cjs","names":["TextInput","IconButton","MagnifyingGlass"],"sources":["../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { FormEventHandler, ReactNode, RefObject, useCallback, useEffect, useState } from 'react';\n\nimport { IconButton } from '../IconButton/IconButton';\nimport { MagnifyingGlass } from '../Icons';\nimport { IconWeight } from '../Icons/IconBase';\nimport { TextInput } from '../TextInput/TextInput';\n\ntype Props = {\n    /**\n     * Changes the aria label for the `<button>` element\n     *\n     * @default 'Search button'\n     */\n    'button-aria-label'?: string;\n    className?: string;\n    /**\n     * Allows you to add a data-testid to the component\n     */\n    ['data-testid']?: string;\n    /**\n     * If true, the search input will be disabled\n     */\n    disabled?: boolean;\n    /**\n     * Input emphasis. Currently supports subtle and bold. Defaults to subtle.\n     */\n    emphasis?: 'subtle' | 'bold';\n    /**\n     * Custom content rendered inside the input on the right, before the search button\n     * (e.g. an extra action icon).\n     */\n    endAdornment?: ReactNode;\n    /**\n     * Style variant for the icon. Can be either 'regular' (default), 'bold', 'fill', or 'duotone'.\n     */\n    iconStyle?: IconWeight;\n    /**\n     * Allows you to edit the input id\n     *\n     * @default 'search-input'\n     */\n    id?: string;\n    /**\n     * Set an initial value to pass through\n     *\n     * @default ''\n     */\n    initialValue?: string;\n    /**\n     * Changes the aria label for the `<input>` element\n     *\n     * @default 'Search input'\n     */\n    'input-aria-label'?: string;\n    /**\n     * Ref for the input element\n     */\n    inputRef?: RefObject<HTMLInputElement>;\n    /**\n     * Maximum number of characters allowed in the input.\n     * Uses the native HTML maxLength attribute.\n     */\n    maxLength?: number;\n    /**\n     * Callback that triggers when the input loses focus\n     */\n    onBlur?: () => void;\n    /**\n     * Callback that triggers when you press the clear button\n     */\n    onClear?: () => void;\n    /**\n     * Callback that triggers when the input gains focus\n     */\n    onFocus?: () => void;\n    /**\n     * Callback that triggers when you submit (press enter or button)\n     */\n    onSubmit?: (searchString: string) => void;\n    /**\n     * Callback that triggers when you type\n     */\n    onTextChange?: (searchString: string) => void;\n    /**\n     * Allows you to edit the placeholder text\n     *\n     * @default 'Search'\n     */\n    placeholder?: string;\n    /**\n     * Show in the small size vs the medium one\n     */\n    small?: boolean;\n    /**\n     * Style variant for the input. Can be either 'neutral' (default) or 'inverse' for dark backgrounds.\n     */\n    style?: 'neutral' | 'inverse';\n\n    /**\n     * Controlled value for the input\n     * If provided, initialValue will be ignored\n     */\n    value?: string;\n};\n\nexport const SearchInput = ({\n    'button-aria-label': buttonAriaLabel = 'Search',\n    className,\n    'data-testid': testId = 'search-input',\n    disabled = false,\n    emphasis,\n    endAdornment,\n    iconStyle,\n    id = 'search-input',\n    initialValue = '',\n    'input-aria-label': inputAriaLabel = 'Search input',\n    inputRef,\n    maxLength,\n    onBlur,\n    onClear: onClearProp,\n    onFocus,\n    onSubmit: onSubmitProp,\n    onTextChange,\n    placeholder = 'Search',\n    small = false,\n    style,\n    value,\n}: Props) => {\n    const [search, setSearch] = useState(value ?? initialValue);\n\n    // Add effect to sync with controlled value when it changes\n    useEffect(() => {\n        if (value !== undefined) {\n            setSearch(value);\n        }\n    }, [value]);\n\n    const setSearchText = useCallback(\n        (s: string) => {\n            onTextChange?.(s);\n            setSearch(s);\n        },\n        [onTextChange]\n    );\n\n    const onChange = useCallback<FormEventHandler<HTMLInputElement>>(\n        (e) => {\n            setSearchText(e.currentTarget.value);\n        },\n        [setSearchText]\n    );\n\n    const onClear = useCallback(() => {\n        onClearProp?.();\n        setSearchText('');\n    }, [setSearchText, onClearProp]);\n\n    const onSubmit = useCallback<FormEventHandler<HTMLFormElement>>(\n        (e) => {\n            onSubmitProp?.(search);\n            e.preventDefault();\n        },\n        [onSubmitProp, search]\n    );\n\n    return (\n        <div className={cn('rounded-search-input bg-background-primary', className)}>\n            <form\n                className={cn(\n                    'overflow-none box-content flex items-center gap-2xs rounded-search-input border border-border-secondary bg-background-primary outline-1 outline-background-critical-dark hover:border-border-hover has-[:focus]:border-border-selected',\n                    {\n                        'border-0': emphasis === 'bold',\n                        'h-[32px]': small, // Smaller due to box-content to prevent clipping\n                        'h-[40px]': !small, // Smaller due to box-content to prevent clipping\n                        'outline outline-1 outline-border-black': emphasis === 'bold' && style === 'neutral',\n                    },\n                    // Hover Styles\n                    {\n                        'hover:border-border-secondary hover:bg-background-hover hover:outline hover:outline-2 hover:outline-border-black':\n                            emphasis === 'bold',\n                        'hover:outline-border-black': style === 'neutral' && emphasis === 'bold',\n                        'hover:outline-focus-inverse': style === 'inverse',\n                    },\n                    // Focus Styles\n                    {\n                        'has-[:focus]:border-border-secondary has-[:focus]:bg-background-primary has-[:focus]:outline has-[:focus]:outline-focus-inverse':\n                            emphasis === 'bold',\n                        'has-[:focus]:outline-2 has-[:focus]:outline-border-black':\n                            style === 'neutral' && emphasis === 'bold',\n                        'has-[:focus]:outline-4 has-[:focus]:outline-focus-inverse': style === 'inverse',\n                    }\n                )}\n                data-hui-id=\"SearchInput\"\n                data-testid={testId}\n                onSubmit={onSubmit}\n            >\n                <TextInput\n                    aria-label={inputAriaLabel}\n                    autoComplete=\"off\"\n                    className={cn('w-full [&>div]:!border-transparent [&>div]:!bg-transparent')}\n                    clearAriaLabel=\"Clear search text\"\n                    disabled={disabled}\n                    emphasis={emphasis}\n                    id={id}\n                    maxLength={maxLength}\n                    onBlur={onBlur}\n                    onChange={onChange}\n                    onClear={onClear}\n                    onFocus={onFocus}\n                    placeholder={placeholder}\n                    ref={inputRef}\n                    value={search}\n                />\n                {endAdornment}\n                {search !== '' && emphasis === 'bold' && (\n                    <div className={cn('-ml-2xs h-[24px] border-l border-border-secondary', { 'h-[20px]': small })} />\n                )}\n                <IconButton\n                    aria-label={buttonAriaLabel}\n                    className={cn('mr-2xs self-center justify-self-end !rounded-button', {\n                        'mr-[-1px]': small,\n                    })}\n                    disabled={disabled}\n                    hideTooltip\n                    icon={MagnifyingGlass}\n                    iconStyle={iconStyle}\n                    size=\"sm\"\n                    style={search === '' || emphasis === 'bold' ? 'neutral' : 'primary'}\n                    type=\"submit\"\n                    variant={search === '' || emphasis === 'bold' ? 'transparent' : 'filled'}\n                />\n            </form>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;;;AA0GA,MAAa,eAAe,EACxB,qBAAqB,kBAAkB,UACvC,WACA,eAAe,SAAS,gBACxB,WAAW,OACX,UACA,cACA,WACA,KAAK,gBACL,eAAe,IACf,oBAAoB,iBAAiB,gBACrC,UACA,WACA,QACA,SAAS,aACT,SACA,UAAU,cACV,cACA,cAAc,UACd,QAAQ,OACR,OACA,YACS;CACT,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,SAAA,CAAsB,SAAS,YAAY;CAG1D,CAAA,GAAA,MAAA,UAAA,OAAgB;EACZ,IAAI,UAAU,KAAA,GACV,UAAU,KAAK;CAEvB,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,iBAAA,GAAA,MAAA,YAAA,EACD,MAAc;EACX,eAAe,CAAC;EAChB,UAAU,CAAC;CACf,GACA,CAAC,YAAY,CACjB;CAEA,MAAM,YAAA,GAAA,MAAA,YAAA,EACD,MAAM;EACH,cAAc,EAAE,cAAc,KAAK;CACvC,GACA,CAAC,aAAa,CAClB;CAEA,MAAM,WAAA,GAAA,MAAA,YAAA,OAA4B;EAC9B,cAAc;EACd,cAAc,EAAE;CACpB,GAAG,CAAC,eAAe,WAAW,CAAC;CAE/B,MAAM,YAAA,GAAA,MAAA,YAAA,EACD,MAAM;EACH,eAAe,MAAM;EACrB,EAAE,eAAe;CACrB,GACA,CAAC,cAAc,MAAM,CACzB;CAEA,OACI,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,YAAA,GAAA,wBAAA,GAAA,CAAc,8CAA8C,SAAS;YACtE,iBAAA,GAAA,kBAAA,KAAA,CAAC,QAAD;GACI,YAAA,GAAA,wBAAA,GAAA,CACI,0OACA;IACI,YAAY,aAAa;IACzB,YAAY;IACZ,YAAY,CAAC;IACb,0CAA0C,aAAa,UAAU,UAAU;GAC/E,GAEA;IACI,oHACI,aAAa;IACjB,8BAA8B,UAAU,aAAa,aAAa;IAClE,+BAA+B,UAAU;GAC7C,GAEA;IACI,mIACI,aAAa;IACjB,4DACI,UAAU,aAAa,aAAa;IACxC,6DAA6D,UAAU;GAC3E,CACJ;GACA,eAAY;GACZ,eAAa;GACH;aA3Bd;IA6BI,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,WAAD;KACI,cAAY;KACZ,cAAa;KACb,YAAA,GAAA,wBAAA,GAAA,CAAc,4DAA4D;KAC1E,gBAAe;KACL;KACA;KACN;KACO;KACH;KACE;KACD;KACA;KACI;KACb,KAAK;KACL,OAAO;IACV,CAAA;IACA;IACA,WAAW,MAAM,aAAa,UAC3B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAK,YAAA,GAAA,wBAAA,GAAA,CAAc,qDAAqD,EAAE,YAAY,MAAM,CAAC,EAAI,CAAA;IAErG,iBAAA,GAAA,kBAAA,IAAA,CAACC,mBAAAA,YAAD;KACI,cAAY;KACZ,YAAA,GAAA,wBAAA,GAAA,CAAc,uDAAuD,EACjE,aAAa,MACjB,CAAC;KACS;KACV,aAAA;KACA,MAAMC,cAAAA;KACK;KACX,MAAK;KACL,OAAO,WAAW,MAAM,aAAa,SAAS,YAAY;KAC1D,MAAK;KACL,SAAS,WAAW,MAAM,aAAa,SAAS,gBAAgB;IACnE,CAAA;GACC;;CACL,CAAA;AAEb"}

package/searchInput.d.cts

@@ -0,0 +1,2 @@
+import { t as SearchInput } from "./SearchInput-DYIPC8Cd.cjs";
+export { SearchInput };

package/searchInput.d.mts

@@ -0,0 +1,2 @@
+import { t as SearchInput } from "./SearchInput-IfEWePDQ.mjs";
+export { SearchInput };

package/searchInput.mjs

@@ -0,0 +1,88 @@
+'use client';
+import { MagnifyingGlass } from "./Icons.mjs";
+import { IconButton } from "./IconButton.mjs";
+import { TextInput } from "./Input.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/SearchInput/SearchInput.tsx
+const SearchInput = ({ "button-aria-label": buttonAriaLabel = "Search", className, "data-testid": testId = "search-input", disabled = false, emphasis, endAdornment, iconStyle, id = "search-input", initialValue = "", "input-aria-label": inputAriaLabel = "Search input", inputRef, maxLength, onBlur, onClear: onClearProp, onFocus, onSubmit: onSubmitProp, onTextChange, placeholder = "Search", small = false, style, value }) => {
+	const [search, setSearch] = useState(value ?? initialValue);
+	useEffect(() => {
+		if (value !== void 0) setSearch(value);
+	}, [value]);
+	const setSearchText = useCallback((s) => {
+		onTextChange?.(s);
+		setSearch(s);
+	}, [onTextChange]);
+	const onChange = useCallback((e) => {
+		setSearchText(e.currentTarget.value);
+	}, [setSearchText]);
+	const onClear = useCallback(() => {
+		onClearProp?.();
+		setSearchText("");
+	}, [setSearchText, onClearProp]);
+	const onSubmit = useCallback((e) => {
+		onSubmitProp?.(search);
+		e.preventDefault();
+	}, [onSubmitProp, search]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-search-input bg-background-primary", className),
+		children: /* @__PURE__ */ jsxs("form", {
+			className: cn("overflow-none box-content flex items-center gap-2xs rounded-search-input border border-border-secondary bg-background-primary outline-1 outline-background-critical-dark hover:border-border-hover has-[:focus]:border-border-selected", {
+				"border-0": emphasis === "bold",
+				"h-[32px]": small,
+				"h-[40px]": !small,
+				"outline outline-1 outline-border-black": emphasis === "bold" && style === "neutral"
+			}, {
+				"hover:border-border-secondary hover:bg-background-hover hover:outline hover:outline-2 hover:outline-border-black": emphasis === "bold",
+				"hover:outline-border-black": style === "neutral" && emphasis === "bold",
+				"hover:outline-focus-inverse": style === "inverse"
+			}, {
+				"has-[:focus]:border-border-secondary has-[:focus]:bg-background-primary has-[:focus]:outline has-[:focus]:outline-focus-inverse": emphasis === "bold",
+				"has-[:focus]:outline-2 has-[:focus]:outline-border-black": style === "neutral" && emphasis === "bold",
+				"has-[:focus]:outline-4 has-[:focus]:outline-focus-inverse": style === "inverse"
+			}),
+			"data-hui-id": "SearchInput",
+			"data-testid": testId,
+			onSubmit,
+			children: [
+				/* @__PURE__ */ jsx(TextInput, {
+					"aria-label": inputAriaLabel,
+					autoComplete: "off",
+					className: cn("w-full [&>div]:!border-transparent [&>div]:!bg-transparent"),
+					clearAriaLabel: "Clear search text",
+					disabled,
+					emphasis,
+					id,
+					maxLength,
+					onBlur,
+					onChange,
+					onClear,
+					onFocus,
+					placeholder,
+					ref: inputRef,
+					value: search
+				}),
+				endAdornment,
+				search !== "" && emphasis === "bold" && /* @__PURE__ */ jsx("div", { className: cn("-ml-2xs h-[24px] border-l border-border-secondary", { "h-[20px]": small }) }),
+				/* @__PURE__ */ jsx(IconButton, {
+					"aria-label": buttonAriaLabel,
+					className: cn("mr-2xs self-center justify-self-end !rounded-button", { "mr-[-1px]": small }),
+					disabled,
+					hideTooltip: true,
+					icon: MagnifyingGlass,
+					iconStyle,
+					size: "sm",
+					style: search === "" || emphasis === "bold" ? "neutral" : "primary",
+					type: "submit",
+					variant: search === "" || emphasis === "bold" ? "transparent" : "filled"
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { SearchInput };
+
+//# sourceMappingURL=searchInput.mjs.map

package/searchInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchInput.mjs","names":[],"sources":["../src/SearchInput/SearchInput.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { FormEventHandler, ReactNode, RefObject, useCallback, useEffect, useState } from 'react';\n\nimport { IconButton } from '../IconButton/IconButton';\nimport { MagnifyingGlass } from '../Icons';\nimport { IconWeight } from '../Icons/IconBase';\nimport { TextInput } from '../TextInput/TextInput';\n\ntype Props = {\n    /**\n     * Changes the aria label for the `<button>` element\n     *\n     * @default 'Search button'\n     */\n    'button-aria-label'?: string;\n    className?: string;\n    /**\n     * Allows you to add a data-testid to the component\n     */\n    ['data-testid']?: string;\n    /**\n     * If true, the search input will be disabled\n     */\n    disabled?: boolean;\n    /**\n     * Input emphasis. Currently supports subtle and bold. Defaults to subtle.\n     */\n    emphasis?: 'subtle' | 'bold';\n    /**\n     * Custom content rendered inside the input on the right, before the search button\n     * (e.g. an extra action icon).\n     */\n    endAdornment?: ReactNode;\n    /**\n     * Style variant for the icon. Can be either 'regular' (default), 'bold', 'fill', or 'duotone'.\n     */\n    iconStyle?: IconWeight;\n    /**\n     * Allows you to edit the input id\n     *\n     * @default 'search-input'\n     */\n    id?: string;\n    /**\n     * Set an initial value to pass through\n     *\n     * @default ''\n     */\n    initialValue?: string;\n    /**\n     * Changes the aria label for the `<input>` element\n     *\n     * @default 'Search input'\n     */\n    'input-aria-label'?: string;\n    /**\n     * Ref for the input element\n     */\n    inputRef?: RefObject<HTMLInputElement>;\n    /**\n     * Maximum number of characters allowed in the input.\n     * Uses the native HTML maxLength attribute.\n     */\n    maxLength?: number;\n    /**\n     * Callback that triggers when the input loses focus\n     */\n    onBlur?: () => void;\n    /**\n     * Callback that triggers when you press the clear button\n     */\n    onClear?: () => void;\n    /**\n     * Callback that triggers when the input gains focus\n     */\n    onFocus?: () => void;\n    /**\n     * Callback that triggers when you submit (press enter or button)\n     */\n    onSubmit?: (searchString: string) => void;\n    /**\n     * Callback that triggers when you type\n     */\n    onTextChange?: (searchString: string) => void;\n    /**\n     * Allows you to edit the placeholder text\n     *\n     * @default 'Search'\n     */\n    placeholder?: string;\n    /**\n     * Show in the small size vs the medium one\n     */\n    small?: boolean;\n    /**\n     * Style variant for the input. Can be either 'neutral' (default) or 'inverse' for dark backgrounds.\n     */\n    style?: 'neutral' | 'inverse';\n\n    /**\n     * Controlled value for the input\n     * If provided, initialValue will be ignored\n     */\n    value?: string;\n};\n\nexport const SearchInput = ({\n    'button-aria-label': buttonAriaLabel = 'Search',\n    className,\n    'data-testid': testId = 'search-input',\n    disabled = false,\n    emphasis,\n    endAdornment,\n    iconStyle,\n    id = 'search-input',\n    initialValue = '',\n    'input-aria-label': inputAriaLabel = 'Search input',\n    inputRef,\n    maxLength,\n    onBlur,\n    onClear: onClearProp,\n    onFocus,\n    onSubmit: onSubmitProp,\n    onTextChange,\n    placeholder = 'Search',\n    small = false,\n    style,\n    value,\n}: Props) => {\n    const [search, setSearch] = useState(value ?? initialValue);\n\n    // Add effect to sync with controlled value when it changes\n    useEffect(() => {\n        if (value !== undefined) {\n            setSearch(value);\n        }\n    }, [value]);\n\n    const setSearchText = useCallback(\n        (s: string) => {\n            onTextChange?.(s);\n            setSearch(s);\n        },\n        [onTextChange]\n    );\n\n    const onChange = useCallback<FormEventHandler<HTMLInputElement>>(\n        (e) => {\n            setSearchText(e.currentTarget.value);\n        },\n        [setSearchText]\n    );\n\n    const onClear = useCallback(() => {\n        onClearProp?.();\n        setSearchText('');\n    }, [setSearchText, onClearProp]);\n\n    const onSubmit = useCallback<FormEventHandler<HTMLFormElement>>(\n        (e) => {\n            onSubmitProp?.(search);\n            e.preventDefault();\n        },\n        [onSubmitProp, search]\n    );\n\n    return (\n        <div className={cn('rounded-search-input bg-background-primary', className)}>\n            <form\n                className={cn(\n                    'overflow-none box-content flex items-center gap-2xs rounded-search-input border border-border-secondary bg-background-primary outline-1 outline-background-critical-dark hover:border-border-hover has-[:focus]:border-border-selected',\n                    {\n                        'border-0': emphasis === 'bold',\n                        'h-[32px]': small, // Smaller due to box-content to prevent clipping\n                        'h-[40px]': !small, // Smaller due to box-content to prevent clipping\n                        'outline outline-1 outline-border-black': emphasis === 'bold' && style === 'neutral',\n                    },\n                    // Hover Styles\n                    {\n                        'hover:border-border-secondary hover:bg-background-hover hover:outline hover:outline-2 hover:outline-border-black':\n                            emphasis === 'bold',\n                        'hover:outline-border-black': style === 'neutral' && emphasis === 'bold',\n                        'hover:outline-focus-inverse': style === 'inverse',\n                    },\n                    // Focus Styles\n                    {\n                        'has-[:focus]:border-border-secondary has-[:focus]:bg-background-primary has-[:focus]:outline has-[:focus]:outline-focus-inverse':\n                            emphasis === 'bold',\n                        'has-[:focus]:outline-2 has-[:focus]:outline-border-black':\n                            style === 'neutral' && emphasis === 'bold',\n                        'has-[:focus]:outline-4 has-[:focus]:outline-focus-inverse': style === 'inverse',\n                    }\n                )}\n                data-hui-id=\"SearchInput\"\n                data-testid={testId}\n                onSubmit={onSubmit}\n            >\n                <TextInput\n                    aria-label={inputAriaLabel}\n                    autoComplete=\"off\"\n                    className={cn('w-full [&>div]:!border-transparent [&>div]:!bg-transparent')}\n                    clearAriaLabel=\"Clear search text\"\n                    disabled={disabled}\n                    emphasis={emphasis}\n                    id={id}\n                    maxLength={maxLength}\n                    onBlur={onBlur}\n                    onChange={onChange}\n                    onClear={onClear}\n                    onFocus={onFocus}\n                    placeholder={placeholder}\n                    ref={inputRef}\n                    value={search}\n                />\n                {endAdornment}\n                {search !== '' && emphasis === 'bold' && (\n                    <div className={cn('-ml-2xs h-[24px] border-l border-border-secondary', { 'h-[20px]': small })} />\n                )}\n                <IconButton\n                    aria-label={buttonAriaLabel}\n                    className={cn('mr-2xs self-center justify-self-end !rounded-button', {\n                        'mr-[-1px]': small,\n                    })}\n                    disabled={disabled}\n                    hideTooltip\n                    icon={MagnifyingGlass}\n                    iconStyle={iconStyle}\n                    size=\"sm\"\n                    style={search === '' || emphasis === 'bold' ? 'neutral' : 'primary'}\n                    type=\"submit\"\n                    variant={search === '' || emphasis === 'bold' ? 'transparent' : 'filled'}\n                />\n            </form>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;AA0GA,MAAa,eAAe,EACxB,qBAAqB,kBAAkB,UACvC,WACA,eAAe,SAAS,gBACxB,WAAW,OACX,UACA,cACA,WACA,KAAK,gBACL,eAAe,IACf,oBAAoB,iBAAiB,gBACrC,UACA,WACA,QACA,SAAS,aACT,SACA,UAAU,cACV,cACA,cAAc,UACd,QAAQ,OACR,OACA,YACS;CACT,MAAM,CAAC,QAAQ,aAAa,SAAS,SAAS,YAAY;CAG1D,gBAAgB;EACZ,IAAI,UAAU,KAAA,GACV,UAAU,KAAK;CAEvB,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,gBAAgB,aACjB,MAAc;EACX,eAAe,CAAC;EAChB,UAAU,CAAC;CACf,GACA,CAAC,YAAY,CACjB;CAEA,MAAM,WAAW,aACZ,MAAM;EACH,cAAc,EAAE,cAAc,KAAK;CACvC,GACA,CAAC,aAAa,CAClB;CAEA,MAAM,UAAU,kBAAkB;EAC9B,cAAc;EACd,cAAc,EAAE;CACpB,GAAG,CAAC,eAAe,WAAW,CAAC;CAE/B,MAAM,WAAW,aACZ,MAAM;EACH,eAAe,MAAM;EACrB,EAAE,eAAe;CACrB,GACA,CAAC,cAAc,MAAM,CACzB;CAEA,OACI,oBAAC,OAAD;EAAK,WAAW,GAAG,8CAA8C,SAAS;YACtE,qBAAC,QAAD;GACI,WAAW,GACP,0OACA;IACI,YAAY,aAAa;IACzB,YAAY;IACZ,YAAY,CAAC;IACb,0CAA0C,aAAa,UAAU,UAAU;GAC/E,GAEA;IACI,oHACI,aAAa;IACjB,8BAA8B,UAAU,aAAa,aAAa;IAClE,+BAA+B,UAAU;GAC7C,GAEA;IACI,mIACI,aAAa;IACjB,4DACI,UAAU,aAAa,aAAa;IACxC,6DAA6D,UAAU;GAC3E,CACJ;GACA,eAAY;GACZ,eAAa;GACH;aA3Bd;IA6BI,oBAAC,WAAD;KACI,cAAY;KACZ,cAAa;KACb,WAAW,GAAG,4DAA4D;KAC1E,gBAAe;KACL;KACA;KACN;KACO;KACH;KACE;KACD;KACA;KACI;KACb,KAAK;KACL,OAAO;IACV,CAAA;IACA;IACA,WAAW,MAAM,aAAa,UAC3B,oBAAC,OAAD,EAAK,WAAW,GAAG,qDAAqD,EAAE,YAAY,MAAM,CAAC,EAAI,CAAA;IAErG,oBAAC,YAAD;KACI,cAAY;KACZ,WAAW,GAAG,uDAAuD,EACjE,aAAa,MACjB,CAAC;KACS;KACV,aAAA;KACA,MAAM;KACK;KACX,MAAK;KACL,OAAO,WAAW,MAAM,aAAa,SAAS,YAAY;KAC1D,MAAK;KACL,SAAS,WAAW,MAAM,aAAa,SAAS,gBAAgB;IACnE,CAAA;GACC;;CACL,CAAA;AAEb"}

package/segmentedControl.cjs

@@ -0,0 +1,8 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_SegmentedControl = require("./SegmentedControl-B5FZ0uX8.cjs");
+exports.SegmentedControl = require_SegmentedControl.SegmentedControl;
+exports.SegmentedControlGroup = require_SegmentedControl.SegmentedControlGroup;