@baseplate-dev/ui-components 0.1.1

package/dist/stories/button-icons.d.ts

@@ -0,0 +1,15 @@
+export declare const STORYBOOK_ICON_SELECT: {
+    options: string[];
+    mapping: {
+        None: null;
+        Down: import("react-icons/lib").IconType;
+        Up: import("react-icons/lib").IconType;
+        Right: import("react-icons/lib").IconType;
+        Left: import("react-icons/lib").IconType;
+        Home: import("react-icons/lib").IconType;
+        Settings: import("react-icons/lib").IconType;
+        Plus: import("react-icons/lib").IconType;
+        Power: import("react-icons/lib").IconType;
+    };
+};
+//# sourceMappingURL=button-icons.d.ts.map

package/dist/stories/button-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-icons.d.ts","sourceRoot":"","sources":["../../src/stories/button-icons.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAGjC,CAAC"}

package/dist/stories/button-icons.js

@@ -0,0 +1,17 @@
+import { MdAdd, MdChevronLeft, MdChevronRight, MdExpandLess, MdExpandMore, MdHome, MdPowerSettingsNew, MdSettings, } from 'react-icons/md';
+const ICONS = {
+    None: null,
+    Down: MdExpandMore,
+    Up: MdExpandLess,
+    Right: MdChevronRight,
+    Left: MdChevronLeft,
+    Home: MdHome,
+    Settings: MdSettings,
+    Plus: MdAdd,
+    Power: MdPowerSettingsNew,
+};
+export const STORYBOOK_ICON_SELECT = {
+    options: Object.keys(ICONS),
+    mapping: ICONS,
+};
+//# sourceMappingURL=button-icons.js.map

package/dist/stories/button-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-icons.js","sourceRoot":"","sources":["../../src/stories/button-icons.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,aAAa,EACb,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,kBAAkB,EAClB,UAAU,GACX,MAAM,gBAAgB,CAAC;AAExB,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,IAAI;IACV,IAAI,EAAE,YAAY;IAClB,EAAE,EAAE,YAAY;IAChB,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,kBAAkB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B,OAAO,EAAE,KAAK;CACf,CAAC"}

package/dist/styles/button.d.ts

@@ -0,0 +1,6 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "ghostDestructive" | "linkDestructive" | null | undefined;
+    size?: "default" | "none" | "icon" | "sm" | "lg" | null | undefined;
+    justify?: "center" | "start" | "end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=button.d.ts.map

package/dist/styles/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;8EAqC1B,CAAC"}

package/dist/styles/button.js

@@ -0,0 +1,33 @@
+import { cva } from 'class-variance-authority';
+export const buttonVariants = cva("inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+    variants: {
+        variant: {
+            default: 'border border-input bg-primary text-sm text-primary-foreground hover:bg-primary-hover',
+            destructive: 'bg-destructive text-sm text-destructive-foreground hover:bg-destructive-hover',
+            outline: 'border border-input bg-background text-sm hover:bg-accent hover:text-accent-foreground',
+            secondary: 'border border-input bg-secondary text-sm text-secondary-foreground hover:bg-secondary-hover',
+            ghost: 'text-sm hover:bg-accent hover:text-accent-foreground',
+            ghostDestructive: 'text-sm text-destructive hover:bg-accent',
+            link: 'text-link underline-offset-4 hover:underline',
+            linkDestructive: 'text-destructive underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-10 gap-2 px-4 py-2 has-[>svg]:px-3',
+            none: '',
+            sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
+            lg: 'h-10 gap-2 rounded-md px-6 has-[>svg]:px-4',
+            icon: 'size-9',
+        },
+        justify: {
+            start: 'justify-start',
+            center: 'justify-center',
+            end: 'justify-end',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+        justify: 'center',
+    },
+});
+//# sourceMappingURL=button.js.map

package/dist/styles/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/styles/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAC/B,8bAA8b,EAC9b;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,uFAAuF;YACzF,WAAW,EACT,+EAA+E;YACjF,OAAO,EACL,wFAAwF;YAC1F,SAAS,EACP,6FAA6F;YAC/F,KAAK,EAAE,sDAAsD;YAC7D,gBAAgB,EAAE,0CAA0C;YAC5D,IAAI,EAAE,8CAA8C;YACpD,eAAe,EAAE,qDAAqD;SACvE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,sCAAsC;YAC/C,IAAI,EAAE,EAAE;YACR,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,4CAA4C;YAChD,IAAI,EAAE,QAAQ;SACf;QACD,OAAO,EAAE;YACP,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;SACnB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,QAAQ;KAClB;CACF,CACF,CAAC"}

package/dist/styles/index.d.ts

@@ -0,0 +1,4 @@
+export * from './button.js';
+export * from './input.js';
+export * from './select.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/styles/index.js

@@ -0,0 +1,4 @@
+export * from './button.js';
+export * from './input.js';
+export * from './select.js';
+//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/styles/input.d.ts

@@ -0,0 +1,6 @@
+export declare const inputVariants: (props?: ({
+    height?: "default" | "flexible" | null | undefined;
+    background?: "default" | "transparent" | null | undefined;
+    rightPadding?: "default" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=input.d.ts.map

package/dist/styles/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/styles/input.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;8EA4BzB,CAAC"}

package/dist/styles/input.js

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority';
+import { cn } from '#src/utils/index.js';
+export const inputVariants = cva(cn('flex w-full min-w-0 rounded-md bg-transparent py-1 pl-3 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30', 'border border-input', 'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40'), {
+    variants: {
+        height: {
+            default: 'h-9',
+            flexible: 'min-h-9',
+        },
+        background: {
+            default: 'bg-background',
+            transparent: '',
+        },
+        rightPadding: {
+            default: 'pr-3',
+            none: '',
+        },
+    },
+    defaultVariants: {
+        height: 'default',
+        background: 'default',
+        rightPadding: 'default',
+    },
+});
+//# sourceMappingURL=input.js.map

package/dist/styles/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/styles/input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,EAAE,CACA,yaAAya,EACza,qBAAqB,EACrB,+EAA+E,EAC/E,wGAAwG,CACzG,EACD;IACE,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,SAAS;SACpB;QACD,UAAU,EAAE;YACV,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,EAAE;SAChB;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,SAAS;QACrB,YAAY,EAAE,SAAS;KACxB;CACF,CACF,CAAC"}

package/dist/styles/select.d.ts

@@ -0,0 +1,9 @@
+export declare const selectTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const selectContentVariants: (props?: ({
+    popper?: "none" | "active" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const selectItemVariants: (props?: ({
+    withFocus?: "none" | "highlight" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const selectCheckVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=select.d.ts.map

package/dist/styles/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/styles/select.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB,oFAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;8EAWjC,CAAC;AAKF,eAAO,MAAM,kBAAkB;;8EAU9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,oFAE/B,CAAC"}

package/dist/styles/select.js

@@ -0,0 +1,22 @@
+import { cva } from 'class-variance-authority';
+export const selectTriggerVariants = cva("flex w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground");
+export const selectContentVariants = cva('relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', {
+    variants: {
+        popper: {
+            none: '',
+            active: 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+        },
+    },
+});
+// Replaces data-[disabled] with data-[disabled=true] since Radix sets disabled=false and adds aria-selected selector
+// https://github.com/shadcn-ui/ui/issues/3256
+export const selectItemVariants = cva("relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", {
+    variants: {
+        withFocus: {
+            none: '',
+            highlight: 'focus:bg-accent focus:text-accent-foreground',
+        },
+    },
+});
+export const selectCheckVariants = cva('absolute right-2 flex size-3.5 items-center justify-center');
+//# sourceMappingURL=select.js.map

package/dist/styles/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/styles/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACtC,+yBAA+yB,CAChzB,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CACtC,+iBAA+iB,EAC/iB;IACE,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,EAAE;YACR,MAAM,EACJ,iIAAiI;SACpI;KACF;CACF,CACF,CAAC;AAEF,qHAAqH;AACrH,8CAA8C;AAE9C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,qcAAqc,EACrc;IACE,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,8CAA8C;SAC1D;KACF;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,4DAA4D,CAC7D,CAAC"}

package/dist/tests/render.test-helper.d.ts

@@ -0,0 +1,4 @@
+import type { RenderOptions, RenderResult } from '@testing-library/react';
+import type { ReactElement } from 'react';
+export declare const renderWithProviders: (ui: ReactElement, options?: Omit<RenderOptions, "wrapper">) => RenderResult;
+//# sourceMappingURL=render.test-helper.d.ts.map

package/dist/tests/render.test-helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.test-helper.d.ts","sourceRoot":"","sources":["../../src/tests/render.test-helper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAkB1C,eAAO,MAAM,mBAAmB,OAC1B,YAAY,YACN,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,KACvC,YAAyE,CAAC"}

package/dist/tests/render.test-helper.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import { DEFAULT_COMPONENT_STRINGS } from '#src/constants/strings.js';
+import { ComponentStringsProvider } from '#src/contexts/component-strings.js';
+const UiComponentProviders = ({ children, }) => (_jsx(ComponentStringsProvider, { value: DEFAULT_COMPONENT_STRINGS, children: children }));
+export const renderWithProviders = (ui, options) => render(ui, { wrapper: UiComponentProviders, ...options });
+//# sourceMappingURL=render.test-helper.js.map

package/dist/tests/render.test-helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.test-helper.js","sourceRoot":"","sources":["../../src/tests/render.test-helper.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAE9E,MAAM,oBAAoB,GAAG,CAAC,EAC5B,QAAQ,GAGT,EAAqB,EAAE,CAAC,CACvB,KAAC,wBAAwB,IAAC,KAAK,EAAE,yBAAyB,YACvD,QAAQ,GACgB,CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,EAAgB,EAChB,OAAwC,EAC1B,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,GAAG,OAAO,EAAE,CAAC,CAAC"}

package/dist/tests/setup.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=setup.d.ts.map

package/dist/tests/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/tests/setup.ts"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/tests/setup.js

@@ -0,0 +1,27 @@
+import { cleanup } from '@testing-library/react';
+import { afterEach, beforeAll } from 'vitest';
+import '@testing-library/jest-dom/vitest';
+// Workaround for lack of scrollIntoView in jsdom but required in cmdk
+// https://github.com/jsdom/jsdom/issues/1695
+Element.prototype.scrollIntoView = () => {
+    /* no op */
+};
+// Workaround for lack of ResizeObserver in jsdom but required in cmdk
+// https://github.com/jsdom/jsdom/issues/3368
+beforeAll(() => {
+    globalThis.ResizeObserver = class ResizeObserver {
+        observe() {
+            // do nothing
+        }
+        unobserve() {
+            // do nothing
+        }
+        disconnect() {
+            // do nothing
+        }
+    };
+});
+afterEach(() => {
+    cleanup();
+});
+//# sourceMappingURL=setup.js.map

package/dist/tests/setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sourceRoot":"","sources":["../../src/tests/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,kCAAkC,CAAC;AAE1C,sEAAsE;AACtE,6CAA6C;AAC7C,OAAO,CAAC,SAAS,CAAC,cAAc,GAAG,GAAG,EAAE;IACtC,WAAW;AACb,CAAC,CAAC;AAEF,sEAAsE;AACtE,6CAA6C;AAC7C,SAAS,CAAC,GAAG,EAAE;IACb,UAAU,CAAC,cAAc,GAAG,MAAM,cAAc;QAC9C,OAAO;YACL,aAAa;QACf,CAAC;QACD,SAAS;YACP,aAAa;QACf,CAAC;QACD,UAAU;YACR,aAAa;QACf,CAAC;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,GAAG,EAAE;IACb,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC,CAAC"}

package/dist/types/form.d.ts

@@ -0,0 +1,40 @@
+export interface FormFieldProps {
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    description?: React.ReactNode;
+}
+type SelectOptionLabelRenderer<OptionType> = (value: OptionType, options: {
+    selected: boolean;
+}) => React.ReactNode;
+type SelectOptionStringExtractor<OptionType> = (value: OptionType) => string;
+type SelectOptionStringOrNullExtractor<OptionType> = (value: OptionType) => string | null;
+export interface MultiSelectOptionProps<OptionType> {
+    options: OptionType[];
+    onChange?: (value: string[]) => void;
+    value?: string[];
+    renderItemLabel?: SelectOptionLabelRenderer<OptionType>;
+    getOptionLabel?: SelectOptionStringExtractor<OptionType>;
+    getOptionValue?: SelectOptionStringExtractor<OptionType>;
+    placeholder?: string;
+}
+export interface SelectOptionProps<OptionType> {
+    options: OptionType[];
+    onChange?: (value: string | null) => void;
+    value?: string | null;
+    renderItemLabel?: SelectOptionLabelRenderer<OptionType>;
+    getOptionLabel?: SelectOptionStringExtractor<OptionType>;
+    getOptionValue?: SelectOptionStringOrNullExtractor<OptionType>;
+    placeholder?: string;
+}
+export type AddOptionRequiredFields<OptionType> = (OptionType extends {
+    label: string;
+} ? unknown : {
+    renderItemLabel?: SelectOptionLabelRenderer<OptionType>;
+    getOptionLabel: SelectOptionStringExtractor<OptionType>;
+}) & (OptionType extends {
+    value: string;
+} ? unknown : {
+    getOptionValue: SelectOptionStringOrNullExtractor<OptionType>;
+});
+export {};
+//# sourceMappingURL=form.d.ts.map

package/dist/types/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/types/form.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,KAAK,yBAAyB,CAAC,UAAU,IAAI,CAC3C,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE;IAAE,QAAQ,EAAE,OAAO,CAAA;CAAE,KAC3B,KAAK,CAAC,SAAS,CAAC;AAErB,KAAK,2BAA2B,CAAC,UAAU,IAAI,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;AAE7E,KAAK,iCAAiC,CAAC,UAAU,IAAI,CACnD,KAAK,EAAE,UAAU,KACd,MAAM,GAAG,IAAI,CAAC;AAEnB,MAAM,WAAW,sBAAsB,CAAC,UAAU;IAChD,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACxD,cAAc,CAAC,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IACzD,cAAc,CAAC,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB,CAAC,UAAU;IAC3C,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACxD,cAAc,CAAC,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;IACzD,cAAc,CAAC,EAAE,iCAAiC,CAAC,UAAU,CAAC,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,MAAM,uBAAuB,CAAC,UAAU,IAAI,CAAC,UAAU,SAAS;IACpE,KAAK,EAAE,MAAM,CAAC;CACf,GACG,OAAO,GACP;IACE,eAAe,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;IACxD,cAAc,EAAE,2BAA2B,CAAC,UAAU,CAAC,CAAC;CACzD,CAAC,GACJ,CAAC,UAAU,SAAS;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GACjC,OAAO,GACP;IACE,cAAc,EAAE,iCAAiC,CAAC,UAAU,CAAC,CAAC;CAC/D,CAAC,CAAC"}

package/dist/types/form.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=form.js.map

package/dist/types/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/types/form.ts"],"names":[],"mappings":""}

package/dist/types/react.d.ts

@@ -0,0 +1,3 @@
+import type { ElementType } from 'react';
+export type IconElement = ElementType<React.SVGAttributes<SVGElement>>;
+//# sourceMappingURL=react.d.ts.map

package/dist/types/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/types/react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC,CAAC"}

package/dist/types/react.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=react.js.map

package/dist/types/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/types/react.ts"],"names":[],"mappings":""}

package/dist/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAE7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD"}

package/dist/utils/cn.js

@@ -0,0 +1,5 @@
+import { clsx } from 'clsx';
+export function cn(...inputs) {
+    return clsx(inputs);
+}
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAE7C,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC;AACtB,CAAC"}

package/dist/utils/generic-forward-ref.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+/**
+ * Typed wrapper around forwardRef for generic components
+ *
+ * Taken from https://fettblog.eu/typescript-react-generic-forward-refs/
+ */
+export declare function genericForwardRef<T, P = {}>(render: (props: P, ref: React.Ref<T>) => React.ReactElement | null, displayName?: string): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
+//# sourceMappingURL=generic-forward-ref.d.ts.map

package/dist/utils/generic-forward-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-forward-ref.d.ts","sourceRoot":"","sources":["../../src/utils/generic-forward-ref.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AAGH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,EACzC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,EAClE,WAAW,CAAC,EAAE,MAAM,GACnB,CAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAalE"}

package/dist/utils/generic-forward-ref.js

@@ -0,0 +1,15 @@
+import { forwardRef } from 'react';
+/**
+ * Typed wrapper around forwardRef for generic components
+ *
+ * Taken from https://fettblog.eu/typescript-react-generic-forward-refs/
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+export function genericForwardRef(render, displayName) {
+    const newElem = forwardRef(render);
+    if (displayName) {
+        newElem.displayName = displayName;
+    }
+    return newElem;
+}
+//# sourceMappingURL=generic-forward-ref.js.map

package/dist/utils/generic-forward-ref.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-forward-ref.js","sourceRoot":"","sources":["../../src/utils/generic-forward-ref.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC;;;;GAIG;AAEH,mEAAmE;AACnE,MAAM,UAAU,iBAAiB,CAC/B,MAAkE,EAClE,WAAoB;IAEpB,MAAM,OAAO,GAAG,UAAU,CACxB,MAG8B,CACqC,CAAC;IAEtE,IAAI,WAAW,EAAE,CAAC;QACf,OAAoC,CAAC,WAAW,GAAG,WAAW,CAAC;IAClE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './cn.js';
+export * from './generic-forward-ref.js';
+export * from './refs.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC"}

package/dist/utils/index.js

@@ -0,0 +1,4 @@
+export * from './cn.js';
+export * from './generic-forward-ref.js';
+export * from './refs.js';
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,0BAA0B,CAAC;AACzC,cAAc,WAAW,CAAC"}

package/dist/utils/refs.d.ts

@@ -0,0 +1,10 @@
+import type { Ref } from 'react';
+/**
+ * Merges multiple React refs into a single ref callback. This is useful when you need to pass multiple refs to the same component.
+ *
+ * @param refs - An array of refs to merge. Each ref can be either a function ref or a ref object.
+ * @returns A ref callback that can be assigned to the ref attribute of a React element, or undefined if all refs are undefined.
+ * @template T - The type of the element that the refs will be associated with.
+ */
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): Ref<T> | undefined;
+//# sourceMappingURL=refs.d.ts.map

package/dist/utils/refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.d.ts","sourceRoot":"","sources":["../../src/utils/refs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,GAC9B,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAepB"}

package/dist/utils/refs.js

@@ -0,0 +1,24 @@
+/**
+ * Merges multiple React refs into a single ref callback. This is useful when you need to pass multiple refs to the same component.
+ *
+ * @param refs - An array of refs to merge. Each ref can be either a function ref or a ref object.
+ * @returns A ref callback that can be assigned to the ref attribute of a React element, or undefined if all refs are undefined.
+ * @template T - The type of the element that the refs will be associated with.
+ */
+export function mergeRefs(...refs) {
+    // Return undefined if all refs are undefined
+    if (refs.every((ref) => ref === undefined)) {
+        return undefined;
+    }
+    return (instance) => {
+        for (const ref of refs) {
+            if (typeof ref === 'function') {
+                ref(instance);
+            }
+            else if (ref) {
+                ref.current = instance;
+            }
+        }
+    };
+}
+//# sourceMappingURL=refs.js.map

package/dist/utils/refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.js","sourceRoot":"","sources":["../../src/utils/refs.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,UAAU,SAAS,CACvB,GAAG,IAA4B;IAE/B,6CAA6C;IAC7C,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE,CAAC;QAC3C,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,CAAC,QAAkB,EAAE,EAAE;QAC5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC;YAChB,CAAC;iBAAM,IAAI,GAAG,EAAE,CAAC;gBACf,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;YACzB,CAAC;QACH,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,127 @@
+{
+  "name": "@baseplate-dev/ui-components",
+  "version": "0.1.1",
+  "description": "Shared UI component library",
+  "repository": "https://github.com/halfdomelabs/baseplate",
+  "license": "SEE LICENSE IN LICENSE",
+  "author": "Half Dome Labs LLC",
+  "sideEffects": false,
+  "type": "module",
+  "imports": {
+    "#src/*": "./dist/*"
+  },
+  "exports": {
+    ".": "./dist/index.js",
+    "./base-styles.css": "./src/base-styles.css",
+    "./theme.css": "./src/theme.css",
+    "./utilities.css": "./src/utilities.css"
+  },
+  "main": "./dist/index.js",
+  "files": [
+    "LICENSE",
+    "dist/**/*",
+    "CHANGELOG",
+    "tailwind.config.ts",
+    "./src/theme.css",
+    "!dist/**/*.d.ts.map"
+  ],
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "dependencies": {
+    "@fontsource-variable/geist": "5.2.5",
+    "@fontsource-variable/geist-mono": "5.2.5",
+    "@hookform/resolvers": "5.0.1",
+    "@radix-ui/react-checkbox": "1.3.1",
+    "@radix-ui/react-dialog": "1.1.13",
+    "@radix-ui/react-dropdown-menu": "2.1.14",
+    "@radix-ui/react-label": "2.1.6",
+    "@radix-ui/react-navigation-menu": "1.2.12",
+    "@radix-ui/react-popover": "1.1.13",
+    "@radix-ui/react-scroll-area": "1.2.8",
+    "@radix-ui/react-select": "2.2.4",
+    "@radix-ui/react-separator": "1.1.6",
+    "@radix-ui/react-slot": "1.2.2",
+    "@radix-ui/react-switch": "1.2.4",
+    "@radix-ui/react-tabs": "1.1.11",
+    "@radix-ui/react-tooltip": "1.2.6",
+    "@types/react": "19.1.3",
+    "@types/react-dom": "19.1.3",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "cmdk": "1.1.1",
+    "react": "19.1.0",
+    "react-colorful": "5.6.1",
+    "react-dom": "19.1.0",
+    "react-hook-form": "7.56.3",
+    "react-icons": "5.5.0",
+    "sonner": "2.0.3",
+    "zod": "3.24.1",
+    "zustand": "5.0.3",
+    "@baseplate-dev/utils": "0.1.1"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/blocks": "^8.6.4",
+    "@storybook/preview-api": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^8.6.4",
+    "@storybook/test": "^8.6.4",
+    "@storybook/theming": "^8.6.4",
+    "@tailwindcss/vite": "4.1.6",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "16.2.0",
+    "@testing-library/user-event": "14.6.1",
+    "@types/node": "^22.0.0",
+    "@vitejs/plugin-react": "4.4.1",
+    "eslint": "9.26.0",
+    "jsdom": "26.0.0",
+    "prettier": "3.5.3",
+    "storybook": "^8.6.4",
+    "storybook-dark-mode": "^4.0.2",
+    "tailwindcss": "4.1.6",
+    "tw-animate-css": "1.2.9",
+    "typescript": "5.7.3",
+    "vite": "6.3.5",
+    "vite-plugin-svgr": "4.3.0",
+    "vitest": "3.0.7",
+    "@baseplate-dev/tools": "0.1.1"
+  },
+  "engines": {
+    "node": "^22.0.0"
+  },
+  "volta": {
+    "extends": "../../package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "pnpm build:lib",
+    "build:lib": "tsc -p tsconfig.build.json",
+    "build:storybook": "storybook build",
+    "clean": "rm -rf ./dist",
+    "dev:storybook": "storybook dev -p 6006",
+    "lint": "eslint .",
+    "prettier:check": "prettier --check .",
+    "prettier:write": "prettier -w .",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "typecheck": "tsc --noEmit",
+    "watch": "tsc -p tsconfig.build.json --preserveWatchOutput -w"
+  }
+}