@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/badge.spec.js.map

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

package/esm/components/breadcrumb.d.ts

@@ -0,0 +1,103 @@
+import type { ExtractRouteParams, ExtractRoutePaths, NestedRoute, PartialElement } from '@furystack/shades';
+/**
+ * Individual breadcrumb item configuration.
+ * When the path contains parameters (e.g. `:id`), the `params` prop becomes required.
+ * @typeParam TPath - A specific route path string
+ */
+export type BreadcrumbItem<TPath extends string = string> = {
+    path: TPath;
+    label: string | JSX.Element;
+    render?: (item: BreadcrumbItem<TPath>, isActive: boolean) => JSX.Element;
+} & (string extends keyof ExtractRouteParams<TPath> ? {
+    params?: Record<string, string>;
+} : {
+    params: ExtractRouteParams<TPath>;
+});
+/**
+ * Props for the Breadcrumb component.
+ */
+export type BreadcrumbProps = {
+    items: BreadcrumbItem[];
+    separator?: string | JSX.Element;
+    homeItem?: BreadcrumbItem;
+    lastItemClickable?: boolean;
+} & PartialElement<HTMLElement>;
+/**
+ * Type-safe props constrained to a specific route tree.
+ * @typeParam TRoutes - The route tree type (use `typeof yourRoutes`)
+ */
+export type TypedBreadcrumbProps<TRoutes extends Record<string, NestedRoute<unknown>>> = {
+    items: Array<BreadcrumbItem<ExtractRoutePaths<TRoutes>>>;
+    separator?: string | JSX.Element;
+    homeItem?: BreadcrumbItem<ExtractRoutePaths<TRoutes>>;
+    lastItemClickable?: boolean;
+} & PartialElement<HTMLElement>;
+/**
+ * A breadcrumb navigation component that works with NestedRouter to provide
+ * navigation through route hierarchies.
+ *
+ * Supports:
+ * - Dynamic route parameters (e.g. `/users/:id`)
+ * - Custom labels and rendering
+ * - Configurable separators
+ * - Active item detection
+ * - Optional home/root link
+ *
+ * Route parameters are automatically inferred from the path pattern:
+ * - `path="/buttons"` — `params` is optional
+ * - `path="/users/:id"` — `params: { id: string }` is required
+ *
+ * For additional URL validation against a route tree, use {@link createBreadcrumb}.
+ *
+ * @example
+ * ```typescript
+ * <Breadcrumb
+ *   homeItem={{ path: '/', label: 'Home' }}
+ *   items={[
+ *     { path: '/users', label: 'Users' },
+ *     { path: '/users/:id', label: 'User Details', params: { id: '123' } },
+ *   ]}
+ *   separator=" > "
+ * />
+ * ```
+ */
+export declare const Breadcrumb: (props: {
+    items: BreadcrumbItem[];
+    separator?: string | JSX.Element;
+    homeItem?: BreadcrumbItem;
+    lastItemClickable?: boolean;
+} & Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+/**
+ * Creates a type-safe wrapper around Breadcrumb constrained to a specific route tree.
+ * The returned component has the same runtime behavior but narrows paths to only accept
+ * valid route paths, and requires `params` when the route has parameters.
+ *
+ * @typeParam TRoutes - The route tree type (use `typeof yourRoutes`)
+ * @returns A narrowed Breadcrumb component
+ *
+ * @example
+ * ```typescript
+ * const AppBreadcrumb = createBreadcrumb<typeof appRoutes>()
+ *
+ * // Type-safe: only valid paths accepted
+ * <AppBreadcrumb
+ *   items={[{ path: '/buttons', label: 'Buttons' }]}
+ * />
+ *
+ * // TypeScript error: invalid path
+ * <AppBreadcrumb items={[{ path: '/nonexistent', label: 'Error' }]} />
+ *
+ * // Params required for parameterized routes
+ * <AppBreadcrumb
+ *   items={[{ path: '/users/:id', label: 'User', params: { id: '123' } }]}
+ * />
+ * ```
+ */
+export declare const createBreadcrumb: <TRoutes extends Record<string, NestedRoute<unknown>>>() => typeof Breadcrumb & {
+    (props: TypedBreadcrumbProps<TRoutes>): JSX.Element;
+};
+//# sourceMappingURL=breadcrumb.d.ts.map

package/esm/components/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAI3G;;;;GAIG;AACH,MAAM,MAAM,cAAc,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IAC1D,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IAC3B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAA;CACzE,GAAG,CAAC,MAAM,SAAS,MAAM,kBAAkB,CAAC,KAAK,CAAC,GAC/C;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,GACnC;IAAE,MAAM,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAA;CAAE,CAAC,CAAA;AAE1C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,cAAc,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAE/B;;;GAGG;AACH,MAAM,MAAM,oBAAoB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI;IACvF,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IACxD,SAAS,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IAChC,QAAQ,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAA;IACrD,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAE/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,UAAU;WA9Cd,cAAc,EAAE;gBACX,MAAM,GAAG,GAAG,CAAC,OAAO;eACrB,cAAc;wBACL,OAAO;;;;;sEAmI3B,CAAA;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,OAC9D,OAAO,UAAU,GAAG;IACvC,CAAC,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;CAEtD,CAAA"}

package/esm/components/breadcrumb.js

@@ -0,0 +1,121 @@
+import { compileRoute, createComponent, LocationService, NestedRouteLink, Shade } from '@furystack/shades';
+import { cssVariableTheme } from '../services/css-variable-theme.js';
+/**
+ * A breadcrumb navigation component that works with NestedRouter to provide
+ * navigation through route hierarchies.
+ *
+ * Supports:
+ * - Dynamic route parameters (e.g. `/users/:id`)
+ * - Custom labels and rendering
+ * - Configurable separators
+ * - Active item detection
+ * - Optional home/root link
+ *
+ * Route parameters are automatically inferred from the path pattern:
+ * - `path="/buttons"` — `params` is optional
+ * - `path="/users/:id"` — `params: { id: string }` is required
+ *
+ * For additional URL validation against a route tree, use {@link createBreadcrumb}.
+ *
+ * @example
+ * ```typescript
+ * <Breadcrumb
+ *   homeItem={{ path: '/', label: 'Home' }}
+ *   items={[
+ *     { path: '/users', label: 'Users' },
+ *     { path: '/users/:id', label: 'User Details', params: { id: '123' } },
+ *   ]}
+ *   separator=" > "
+ * />
+ * ```
+ */
+export const Breadcrumb = Shade({
+    shadowDomName: 'shade-breadcrumb',
+    elementBase: HTMLElement,
+    elementBaseName: 'nav',
+    css: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: cssVariableTheme.spacing.sm,
+        padding: `${cssVariableTheme.spacing.sm} 0`,
+        fontSize: '0.9em',
+        color: cssVariableTheme.text.secondary,
+        '& a': {
+            color: 'inherit',
+            textDecoration: 'none',
+            transition: `opacity ${cssVariableTheme.transitions.duration.normal} ${cssVariableTheme.transitions.easing.easeInOut}`,
+            opacity: '0.8',
+        },
+        '& a:hover': {
+            opacity: '1',
+        },
+        '& [data-active="true"]': {
+            opacity: '0.6',
+            cursor: 'default',
+        },
+        '& [data-separator="true"]': {
+            opacity: '0.5',
+        },
+        '& [data-non-clickable="true"]': {
+            cursor: 'default',
+        },
+    },
+    render: ({ props, injector, useObservable }) => {
+        const { items, separator = '/', homeItem, lastItemClickable = false } = props;
+        const locationService = injector.getInstance(LocationService);
+        const [currentPath] = useObservable('currentPath', locationService.onLocationPathChanged);
+        const allItems = homeItem ? [homeItem, ...items] : items;
+        const renderItem = (item, _index, isLast) => {
+            const compiledPath = item.params
+                ? compileRoute(item.path, item.params)
+                : item.path;
+            const isActive = currentPath === compiledPath;
+            if (item.render) {
+                return item.render(item, isActive);
+            }
+            if (isLast && !lastItemClickable) {
+                return (createComponent("span", { "data-active": isActive, "data-non-clickable": "true" }, item.label));
+            }
+            return (createComponent(NestedRouteLink, { href: compiledPath, "data-active": isActive }, item.label));
+        };
+        const renderSeparator = () => {
+            if (typeof separator === 'string') {
+                return createComponent("span", { "data-separator": "true" }, separator);
+            }
+            return separator;
+        };
+        return (createComponent(createComponent, null, allItems.map((item, index) => (createComponent(createComponent, null,
+            renderItem(item, index, index === allItems.length - 1),
+            index < allItems.length - 1 && renderSeparator())))));
+    },
+});
+/**
+ * Creates a type-safe wrapper around Breadcrumb constrained to a specific route tree.
+ * The returned component has the same runtime behavior but narrows paths to only accept
+ * valid route paths, and requires `params` when the route has parameters.
+ *
+ * @typeParam TRoutes - The route tree type (use `typeof yourRoutes`)
+ * @returns A narrowed Breadcrumb component
+ *
+ * @example
+ * ```typescript
+ * const AppBreadcrumb = createBreadcrumb<typeof appRoutes>()
+ *
+ * // Type-safe: only valid paths accepted
+ * <AppBreadcrumb
+ *   items={[{ path: '/buttons', label: 'Buttons' }]}
+ * />
+ *
+ * // TypeScript error: invalid path
+ * <AppBreadcrumb items={[{ path: '/nonexistent', label: 'Error' }]} />
+ *
+ * // Params required for parameterized routes
+ * <AppBreadcrumb
+ *   items={[{ path: '/users/:id', label: 'User', params: { id: '123' } }]}
+ * />
+ * ```
+ */
+export const createBreadcrumb = () => {
+    return Breadcrumb;
+};
+//# sourceMappingURL=breadcrumb.js.map

package/esm/components/breadcrumb.js.map

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

package/esm/components/breadcrumb.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=breadcrumb.spec.d.ts.map

package/esm/components/breadcrumb.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.spec.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.spec.tsx"],"names":[],"mappings":""}

package/esm/components/breadcrumb.spec.js

@@ -0,0 +1,251 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, flushUpdates, initializeShadeRoot, LocationService } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, expectTypeOf, it, vi } from 'vitest';
+import { Breadcrumb, createBreadcrumb } from './breadcrumb.js';
+describe('Breadcrumb', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    describe('Runtime behavior', () => {
+        it('Should render basic breadcrumb trail with static routes', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/home', label: 'Home' },
+                            { path: '/users', label: 'Users' },
+                        ] })),
+                });
+                await flushUpdates();
+                const component = rootElement.querySelector('nav[is="shade-breadcrumb"]');
+                expect(component).toBeTruthy();
+                expect(component?.textContent).toContain('Home');
+                expect(component?.textContent).toContain('Users');
+            });
+        });
+        it('Should compile dynamic route parameters correctly', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/users', label: 'Users' },
+                            { path: '/users/:id', label: 'User Details', params: { id: '123' } },
+                        ], lastItemClickable: true })),
+                });
+                await flushUpdates();
+                const link = rootElement.querySelector('a[href="/users/123"]');
+                expect(link).toBeTruthy();
+                expect(link?.textContent).toBe('User Details');
+            });
+        });
+        it('Should highlight active breadcrumb based on current URL', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const locationService = injector.getInstance(LocationService);
+                history.pushState('', '', '/users');
+                locationService.updateState();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/home', label: 'Home' },
+                            { path: '/users', label: 'Users' },
+                        ] })),
+                });
+                await flushUpdates();
+                // The active item is the last non-clickable span with data-active attribute
+                // (boolean values are rendered as empty string by the framework's setProp)
+                const activeItem = rootElement.querySelector('[data-non-clickable="true"]');
+                expect(activeItem).toBeTruthy();
+                expect(activeItem?.textContent).toBe('Users');
+                expect(activeItem?.hasAttribute('data-active')).toBe(true);
+            });
+        });
+        it('Should render custom separator as string', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/home', label: 'Home' },
+                            { path: '/users', label: 'Users' },
+                        ], separator: " > " })),
+                });
+                await flushUpdates();
+                const separator = rootElement.querySelector('[data-separator="true"]');
+                expect(separator?.textContent).toBe(' > ');
+            });
+        });
+        it('Should render optional home item', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { homeItem: { path: '/', label: 'Home' }, items: [{ path: '/users', label: 'Users' }] })),
+                });
+                await flushUpdates();
+                const breadcrumb = rootElement.querySelector('nav');
+                expect(breadcrumb?.textContent).toContain('Home');
+                expect(breadcrumb?.textContent).toContain('Users');
+            });
+        });
+        it('Should make last item non-clickable when lastItemClickable is false', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/home', label: 'Home' },
+                            { path: '/users', label: 'Users' },
+                        ], lastItemClickable: false })),
+                });
+                await flushUpdates();
+                const links = rootElement.querySelectorAll('a');
+                const spans = rootElement.querySelectorAll('[data-non-clickable="true"]');
+                expect(links.length).toBe(1); // Only first item
+                expect(spans.length).toBe(1); // Last item
+            });
+        });
+        it('Should make last item clickable when lastItemClickable is true', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/home', label: 'Home' },
+                            { path: '/users', label: 'Users' },
+                        ], lastItemClickable: true })),
+                });
+                await flushUpdates();
+                const links = rootElement.querySelectorAll('a');
+                expect(links.length).toBe(2); // Both items
+            });
+        });
+        it('Should trigger SPA navigation on click', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const onRouteChange = vi.fn();
+                injector.getInstance(LocationService).onLocationPathChanged.subscribe(onRouteChange);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [
+                            { path: '/home', label: 'Home' },
+                            { path: '/users', label: 'Users' },
+                        ] })),
+                });
+                await flushUpdates();
+                expect(onRouteChange).not.toBeCalled();
+                const firstLink = rootElement.querySelector('a');
+                firstLink?.click();
+                expect(onRouteChange).toBeCalledTimes(1);
+            });
+        });
+        it('Should apply custom className and style props', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [{ path: '/home', label: 'Home' }], className: "custom-breadcrumb", style: { padding: '16px' } })),
+                });
+                await sleepAsync(50);
+                const breadcrumb = rootElement.querySelector('nav[is="shade-breadcrumb"]');
+                expect(breadcrumb?.classList.contains('custom-breadcrumb')).toBe(true);
+                expect(breadcrumb?.style.padding).toBe('16px');
+            });
+        });
+        it('Should handle empty items array gracefully', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Breadcrumb, { items: [] }),
+                });
+                const nav = rootElement.querySelector('nav');
+                expect(nav).toBeTruthy();
+            });
+        });
+        it('Should render home item when items array is empty', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: createComponent(Breadcrumb, { homeItem: { path: '/', label: 'Home' }, items: [] }),
+                });
+                await flushUpdates();
+                const breadcrumb = rootElement.querySelector('nav');
+                expect(breadcrumb?.textContent).toContain('Home');
+            });
+        });
+        it('Should compile multiple parameters correctly', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Breadcrumb, { items: [{ path: '/users/:userId/posts/:postId', label: 'Post', params: { userId: '1', postId: '99' } }], lastItemClickable: true })),
+                });
+                await flushUpdates();
+                const link = rootElement.querySelector('a[href="/users/1/posts/99"]');
+                expect(link).toBeTruthy();
+                expect(link?.textContent).toBe('Post');
+            });
+        });
+    });
+    describe('Type safety', () => {
+        describe('BreadcrumbItem', () => {
+            it('Should require params when path has parameters', () => {
+                expectTypeOf().toMatchTypeOf();
+            });
+            it('Should make params optional when path has no parameters', () => {
+                expectTypeOf().toMatchTypeOf();
+            });
+            it('Should extract multiple params from path', () => {
+                expectTypeOf().toMatchTypeOf();
+            });
+        });
+        describe('ExtractRouteParams utility', () => {
+            it('Should return Record<string, never> for paths without params', () => {
+                expectTypeOf().toEqualTypeOf();
+            });
+            it('Should extract a single param', () => {
+                expectTypeOf().toEqualTypeOf();
+            });
+            it('Should extract multiple params', () => {
+                expectTypeOf().toEqualTypeOf();
+            });
+        });
+        describe('createBreadcrumb', () => {
+            it('Should constrain paths to valid route tree paths', () => {
+                const AppBreadcrumb = createBreadcrumb();
+                expectTypeOf(AppBreadcrumb).parameter(0).toHaveProperty('items');
+            });
+            it('Should enforce required params for dynamic routes', () => {
+                createBreadcrumb();
+                // Verify the type has the items property
+                expectTypeOf().toHaveProperty('items');
+            });
+            it('Should require combined params from nested routes', () => {
+                createBreadcrumb();
+                // Verify the type has the items property
+                expectTypeOf().toHaveProperty('items');
+            });
+        });
+    });
+});
+//# sourceMappingURL=breadcrumb.spec.js.map

package/esm/components/breadcrumb.spec.js.map

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

package/esm/components/button-group.d.ts

@@ -0,0 +1,85 @@
+import type { ChildrenList, PartialElement } from '@furystack/shades';
+import type { Palette } from '../services/theme-provider-service.js';
+export type ButtonGroupProps = PartialElement<HTMLElement> & {
+    /** Visual variant applied to all buttons in the group */
+    variant?: 'contained' | 'outlined';
+    /** Theme color applied to all buttons */
+    color?: keyof Palette;
+    /** Layout direction */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether all buttons in the group are disabled */
+    disabled?: boolean;
+};
+export declare const ButtonGroup: (props: ButtonGroupProps, children: ChildrenList) => JSX.Element;
+export type ToggleButtonProps = PartialElement<HTMLButtonElement> & {
+    /** The value this button represents */
+    value: string;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+};
+export declare const ToggleButton: (props: Omit<Partial<HTMLButtonElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** The value this button represents */
+    value: string;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+} & Omit<Partial<HTMLElement>, "style">, children?: ChildrenList) => JSX.Element;
+export type ToggleButtonGroupProps = PartialElement<HTMLElement> & {
+    /** Currently selected value(s). Use a string for exclusive mode, or string[] for multi-select. */
+    value?: string | string[];
+    /** When true, only one button can be selected at a time */
+    exclusive?: boolean;
+    /** Callback when the selected value(s) change */
+    onValueChange?: (value: string | string[]) => void;
+    /** Theme color */
+    color?: keyof Palette;
+    /** Layout direction */
+    orientation?: 'horizontal' | 'vertical';
+    /** Whether all toggle buttons are disabled */
+    disabled?: boolean;
+};
+export declare const ToggleButtonGroup: (props: ToggleButtonGroupProps, children: ChildrenList) => JSX.Element;
+export type SegmentedControlOption = {
+    /** Unique value for this option */
+    value: string;
+    /** Display label */
+    label: string | JSX.Element;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+};
+export type SegmentedControlProps = PartialElement<HTMLElement> & {
+    /** Available options */
+    options: SegmentedControlOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when the selected option changes */
+    onValueChange?: (value: string) => void;
+    /** Theme color */
+    color?: keyof Palette;
+    /** Whether the entire control is disabled */
+    disabled?: boolean;
+    /** Size variant */
+    size?: 'small' | 'medium';
+};
+export declare const SegmentedControl: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** Available options */
+    options: SegmentedControlOption[];
+    /** Currently selected value */
+    value?: string;
+    /** Callback when the selected option changes */
+    onValueChange?: (value: string) => void;
+    /** Theme color */
+    color?: keyof Palette;
+    /** Whether the entire control is disabled */
+    disabled?: boolean;
+    /** Size variant */
+    size?: "small" | "medium";
+}, children?: ChildrenList) => JSX.Element;
+//# sourceMappingURL=button-group.d.ts.map

package/esm/components/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAMpE,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC3D,yDAAyD;IACzD,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OA2DjF,CAAA;AAMF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAClE,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY;;;;;IANvB,uCAAuC;WAChC,MAAM;IACb,qCAAqC;eAC1B,OAAO;gFA6DlB,CAAA;AASF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACjE,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAClD,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,CAAC,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OA8G3F,CAAA;AAMJ,MAAM,MAAM,sBAAsB,GAAG;IACnC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IAC3B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAChE,wBAAwB;IACxB,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,CAAA;AAOD,eAAO,MAAM,gBAAgB;;;;;IAnB3B,wBAAwB;aACf,sBAAsB,EAAE;IACjC,+BAA+B;YACvB,MAAM;IACd,gDAAgD;oBAChC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACvC,kBAAkB;YACV,MAAM,OAAO;IACrB,6CAA6C;eAClC,OAAO;IAClB,mBAAmB;WACZ,OAAO,GAAG,QAAQ;0CA8GzB,CAAA"}