@baseplate-dev/ui-components 0.1.1

package/dist/components/MultiCombobox/MultiCombobox.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useId, useMemo, useState } from 'react';
+import { MdCheck, MdClose, MdUnfoldMore } from 'react-icons/md';
+import { useControlledState } from '#src/hooks/index.js';
+import { inputVariants, selectContentVariants, selectItemVariants, } from '#src/styles/index.js';
+import { cn } from '#src/utils/index.js';
+import { Badge } from '../Badge/Badge.js';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from '../Command/Command.js';
+import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger, } from '../Popover/Popover.js';
+const MultiComboboxContext = React.createContext(null);
+function MultiCombobox({ children, value, onChange, disabled, }) {
+    const [selectedValues, setSelectedValues] = useControlledState(value, onChange, []);
+    const [searchQuery, setSearchQuery] = useState('');
+    const [isOpen, setIsOpen] = useState(false);
+    const inputId = useId();
+    const filterId = useId();
+    const contextValue = useMemo(() => ({
+        selectedValues,
+        onSelect: (value, label, selected) => {
+            setSearchQuery('');
+            if (selected) {
+                setSelectedValues([...selectedValues, { label, value }]);
+            }
+            else {
+                setSelectedValues(selectedValues.filter((v) => v.value !== value));
+            }
+        },
+        disabled,
+        isOpen,
+        setIsOpen: (open) => {
+            setSearchQuery('');
+            setIsOpen(open);
+        },
+        inputId,
+        filterId,
+        searchQuery,
+        setSearchQuery,
+    }), [
+        selectedValues,
+        setSelectedValues,
+        disabled,
+        isOpen,
+        inputId,
+        filterId,
+        searchQuery,
+        setSearchQuery,
+    ]);
+    return (_jsx(MultiComboboxContext.Provider, { value: contextValue, children: _jsx(Popover, { open: isOpen, onOpenChange: setIsOpen, children: children }) }));
+}
+export function useMultiComboboxContext() {
+    const value = React.useContext(MultiComboboxContext);
+    if (!value) {
+        throw new Error(`useMultiComboboxContext must be used inside a MultiComboboxContext provider`);
+    }
+    return value;
+}
+function MultiComboboxInput({ className, placeholder, }) {
+    const { selectedValues, onSelect, disabled, setIsOpen, isOpen, inputId, filterId, } = useMultiComboboxContext();
+    const handleClick = () => {
+        if (disabled)
+            return;
+        setIsOpen(!isOpen);
+    };
+    return (_jsx(PopoverAnchor, { asChild: true, children: _jsxs("div", { className: cn(inputVariants({
+                height: 'flexible',
+            }), 'flex items-center gap-2', disabled && 'opacity-50', className), onClick: handleClick, onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    handleClick();
+                }
+            }, role: "button", tabIndex: 0, "data-cmdk-input-id": inputId, children: [_jsxs("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: [selectedValues.length === 0 && (_jsx("div", { className: "text-muted-foreground", children: placeholder })), selectedValues.length > 0 && (_jsx(_Fragment, { children: selectedValues.map((option) => (_jsxs(Badge, { variant: "secondary", className: "flex items-center gap-1 rounded-xs px-1 font-normal", children: [_jsx("div", { children: option.label }), _jsx("button", { className: "-mr-1 rounded-full p-0.5 hover:bg-secondary-hover", onKeyDown: (e) => {
+                                            if (e.key === 'Enter') {
+                                                onSelect(option.value, option.label, false);
+                                                e.stopPropagation();
+                                            }
+                                        }, onClick: (e) => {
+                                            onSelect(option.value, option.label, false);
+                                            if (isOpen) {
+                                                document
+                                                    .querySelector(`[data-cmdk-filter-id="${filterId}"]`)
+                                                    ?.focus();
+                                            }
+                                            e.stopPropagation();
+                                        }, children: _jsx(MdClose, {}) })] }, option.value))) }))] }), _jsx(PopoverTrigger, { children: _jsx(MdUnfoldMore, { className: "size-4" }) })] }) }));
+}
+function MultiComboboxContent({ children, className, maxHeight = '320px', style, ...rest }) {
+    const { inputId, filterId, searchQuery, setSearchQuery } = useMultiComboboxContext();
+    return (_jsx(PopoverContent, { align: "start", width: "none", padding: "none", sideOffset: 0, className: cn(selectContentVariants({ popper: 'active' }), className), style: {
+            '--max-popover-height': maxHeight,
+            width: 'var(--radix-popover-trigger-width)',
+            ...style,
+        }, onInteractOutside: (e) => {
+            if (e.target &&
+                e.target instanceof Element &&
+                e.target.closest(`[data-cmdk-input-id="${inputId}"]`)) {
+                e.preventDefault();
+            }
+        }, ...rest, "data-combobox-content": "", children: _jsxs(Command, { children: [_jsx(CommandInput, { "data-cmdk-filter-id": filterId, value: searchQuery, onValueChange: setSearchQuery }), _jsx(CommandList, { children: children })] }) }));
+}
+function MultiComboboxEmpty({ className, ...props }) {
+    return _jsx(CommandEmpty, { className: cn('p-2 text-sm', className), ...props });
+}
+const MultiComboboxGroup = CommandGroup;
+function MultiComboboxItem({ value, className, label, children, ...rest }) {
+    const { selectedValues, onSelect } = useMultiComboboxContext();
+    const isSelected = selectedValues.some((v) => v.value === value);
+    const itemRef = React.useRef(null);
+    return (_jsxs(CommandItem, { onSelect: () => {
+            const itemLabel = label ?? itemRef.current?.textContent ?? undefined;
+            onSelect(value, itemLabel, !isSelected);
+        }, className: cn(selectItemVariants(), className), ...rest, ref: itemRef, children: [_jsx("div", { className: cn('mr-2 flex h-4 w-4 items-center justify-center rounded-xs border', isSelected ? 'opacity-100' : '[&_svg]:invisible'), children: _jsx(MdCheck, { className: 'size-4' }) }), children] }));
+}
+export { MultiCombobox, MultiComboboxContent, MultiComboboxEmpty, MultiComboboxGroup, MultiComboboxInput, MultiComboboxItem, };
+//# sourceMappingURL=MultiCombobox.js.map

package/dist/components/MultiCombobox/MultiCombobox.js.map

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

package/dist/components/MultiComboboxField/MultiComboboxField.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+import type { Control, FieldPath, FieldValues } from 'react-hook-form';
+import type { AddOptionRequiredFields, FormFieldProps, MultiSelectOptionProps } from '#src/types/form.js';
+export interface MultiComboboxFieldProps<OptionType> extends MultiSelectOptionProps<OptionType>, FormFieldProps {
+    className?: string;
+    noResultsText?: React.ReactNode;
+    disabled?: boolean;
+}
+/**
+ * Field with label and error states that wraps a MultiCombobox component.
+ */
+declare function MultiComboboxField<OptionType>({ label, description, error, value, placeholder, options, renderItemLabel, onChange, getOptionLabel, getOptionValue, className, noResultsText, ...props }: MultiComboboxFieldProps<OptionType> & AddOptionRequiredFields<OptionType>): React.ReactElement;
+interface MultiComboboxFieldControllerProps<OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<MultiComboboxFieldProps<OptionType>, 'value'> {
+    control: Control<TFieldValues>;
+    name: TFieldName;
+}
+declare function MultiComboboxFieldController<OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, control, ...rest }: MultiComboboxFieldControllerProps<OptionType, TFieldValues, TFieldName> & AddOptionRequiredFields<OptionType>): React.ReactElement;
+export { MultiComboboxField, MultiComboboxFieldController };
+//# sourceMappingURL=MultiComboboxField.d.ts.map

package/dist/components/MultiComboboxField/MultiComboboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiComboboxField.d.ts","sourceRoot":"","sources":["../../../src/components/MultiComboboxField/MultiComboboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,KAAK,EACV,uBAAuB,EACvB,cAAc,EACd,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAoB5B,MAAM,WAAW,uBAAuB,CAAC,UAAU,CACjD,SAAQ,sBAAsB,CAAC,UAAU,CAAC,EACxC,cAAc;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,iBAAS,kBAAkB,CAAC,UAAU,EAAE,EACtC,KAAK,EACL,WAAW,EACX,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,QAAQ,EACR,cAA0D,EAC1D,cAA0D,EAC1D,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,UAAU,CAAC,GACpC,uBAAuB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAiDzD;AAED,UAAU,iCAAiC,CACzC,UAAU,EACV,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,uBAAuB,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC1D,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,4BAA4B,CACnC,UAAU,EACV,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,EAAE,iCAAiC,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,GACxE,uBAAuB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAYzD;AAED,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,CAAC"}

package/dist/components/MultiComboboxField/MultiComboboxField.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { notEmpty } from '@baseplate-dev/utils';
+import { useComponentStrings } from '#src/contexts/component-strings.js';
+import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
+import { MultiCombobox, MultiComboboxContent, MultiComboboxEmpty, MultiComboboxInput, MultiComboboxItem, } from '../MultiCombobox/MultiCombobox.js';
+/**
+ * Field with label and error states that wraps a MultiCombobox component.
+ */
+function MultiComboboxField({ label, description, error, value, placeholder, options, renderItemLabel, onChange, getOptionLabel = (val) => val.label, getOptionValue = (val) => val.value, className, noResultsText, ...props }) {
+    const selectedOptions = value
+        ?.map((val) => options.find((option) => getOptionValue(option) === val))
+        .filter(notEmpty);
+    const selectedValues = selectedOptions?.map((option) => ({
+        label: getOptionLabel(option),
+        value: getOptionValue(option),
+    }));
+    const { comboboxNoResults } = useComponentStrings();
+    return (_jsxs(FormItem, { error: error, className: className, children: [_jsx(FormLabel, { children: label }), _jsxs(MultiCombobox, { value: selectedValues, onChange: (value) => {
+                    const newValues = new Set(value.map((val) => val.value));
+                    onChange?.(options.map(getOptionValue).filter((val) => newValues.has(val)));
+                }, ...props, children: [_jsx(FormControl, { children: _jsx(MultiComboboxInput, { placeholder: placeholder }) }), _jsxs(MultiComboboxContent, { children: [options.map((option) => {
+                                const val = getOptionValue(option);
+                                const label = getOptionLabel(option);
+                                return (_jsx(MultiComboboxItem, { value: val, label: label, children: renderItemLabel
+                                        ? renderItemLabel(option, {
+                                            selected: value?.includes(val) ?? false,
+                                        })
+                                        : label }, val));
+                            }), _jsx(MultiComboboxEmpty, { children: noResultsText ?? comboboxNoResults })] })] }), _jsx(FormDescription, { children: description }), _jsx(FormMessage, {})] }));
+}
+function MultiComboboxFieldController({ name, control, ...rest }) {
+    const { field, fieldState: { error }, } = useControllerMerged({ name, control }, rest);
+    const restProps = rest;
+    return (_jsx(MultiComboboxField, { error: error?.message, ...restProps, ...field }));
+}
+export { MultiComboboxField, MultiComboboxFieldController };
+//# sourceMappingURL=MultiComboboxField.js.map

package/dist/components/MultiComboboxField/MultiComboboxField.js.map

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

package/dist/components/MultiSwitchField/MultiSwitchField.d.ts

@@ -0,0 +1,41 @@
+import type React from 'react';
+import type { Control, FieldPath, FieldValues } from 'react-hook-form';
+import type { FormFieldProps, MultiSelectOptionProps } from '#src/types/form.js';
+export interface MultiSwitchFieldProps<OptionType> extends MultiSelectOptionProps<OptionType>, FormFieldProps {
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    className?: string;
+    disabled?: boolean;
+}
+interface MultiSwitchFieldControllerPropsBase<OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<MultiSwitchFieldProps<OptionType>, 'value'> {
+    control: Control<TFieldValues>;
+    name: TFieldName;
+}
+type MultiSwitchFieldControllerProps<OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = MultiSwitchFieldControllerPropsBase<OptionType, TFieldValues, TFieldName>;
+export declare const MultiSwitchField: (<OptionType>(props: MultiSwitchFieldProps<OptionType> & (OptionType extends {
+    label: string;
+} ? unknown : {
+    renderItemLabel?: ((value: OptionType, options: {
+        selected: boolean;
+    }) => React.ReactNode) | undefined;
+    getOptionLabel: (value: OptionType) => string;
+}) & (OptionType extends {
+    value: string;
+} ? unknown : {
+    getOptionValue: (value: OptionType) => string | null;
+}) & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null) & {
+    Controller: <OptionType, TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(props: MultiSwitchFieldControllerProps<OptionType, TFieldValues, TFieldName> & (OptionType extends {
+        label: string;
+    } ? unknown : {
+        renderItemLabel?: ((value: OptionType, options: {
+            selected: boolean;
+        }) => React.ReactNode) | undefined;
+        getOptionLabel: (value: OptionType) => string;
+    }) & (OptionType extends {
+        value: string;
+    } ? unknown : {
+        getOptionValue: (value: OptionType) => string | null;
+    }) & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
+};
+export {};
+//# sourceMappingURL=MultiSwitchField.d.ts.map

package/dist/components/MultiSwitchField/MultiSwitchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSwitchField.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSwitchField/MultiSwitchField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,KAAK,EAEV,cAAc,EACd,sBAAsB,EACvB,MAAM,oBAAoB,CAAC;AAc5B,MAAM,WAAW,qBAAqB,CAAC,UAAU,CAC/C,SAAQ,sBAAsB,CAAC,UAAU,CAAC,EACxC,cAAc;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuED,UAAU,mCAAmC,CAC3C,UAAU,EACV,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IACxD,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,KAAK,+BAA+B,CAClC,UAAU,EACV,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAClE,mCAAmC,CAAC,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;AA8B9E,eAAO,MAAM,gBAAgB,IA5G3B,UAAU;;;;;UA9BM,MAAO,SAClB;;;;;;6CASL,MAAO,YACP;iBAqGE,UAAU,EACV,YAAY,SAAS,WAAW,gBAChC,UAAU;;;;;cAlHI,MAAO,SAClB;;;;;;iDASL,MAAO,YACP;CAiIA,CAAC"}

package/dist/components/MultiSwitchField/MultiSwitchField.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { notEmpty } from '@baseplate-dev/utils';
+import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
+import { cn } from '#src/utils/cn.js';
+import { genericForwardRef } from '#src/utils/generic-forward-ref.js';
+import { FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
+import { SwitchField } from '../SwitchField/SwitchField.js';
+/**
+ * Field with label and error states that wraps multiple SwitchField components.
+ */
+const MultiSwitchFieldRoot = genericForwardRef(function MultiSwitchField({ label, description, error, value, options, onChange, getOptionLabel = (val) => val.label, getOptionValue = (val) => val.value, className, disabled, }, ref) {
+    const selectedOptions = value
+        ?.map((val) => options.find((option) => getOptionValue(option) === val))
+        .filter(notEmpty);
+    const selectedValues = selectedOptions?.map((option) => ({
+        label: getOptionLabel(option),
+        value: getOptionValue(option),
+    }));
+    return (_jsxs(FormItem, { error: error, className: cn('space-y-3', className), children: [_jsx(FormLabel, { children: label }), _jsx("div", { className: "flex flex-wrap gap-4", ref: ref, children: options.map((option) => {
+                    const optionValue = getOptionValue(option);
+                    const optionLabel = getOptionLabel(option);
+                    const checked = selectedValues?.some((selectedValue) => selectedValue.value === optionValue);
+                    return (_jsx(SwitchField, { value: checked, label: optionLabel, disabled: disabled, onChange: (isChecked) => {
+                            if (isChecked) {
+                                onChange?.(options
+                                    .map(getOptionValue)
+                                    .filter((val) => (val === optionValue || value?.includes(val)) ??
+                                    false));
+                            }
+                            else {
+                                onChange?.(value?.filter((val) => val !== optionValue) ?? []);
+                            }
+                        } }, optionValue));
+                }) }), _jsx(FormDescription, { children: description }), _jsx(FormMessage, {})] }));
+});
+const MultiSwitchFieldController = genericForwardRef(function MultiSwitchFieldController({ name, control, ...rest }, ref) {
+    const { field, fieldState: { error }, } = useControllerMerged({ name, control }, rest, ref);
+    const restProps = rest;
+    return (_jsx(MultiSwitchFieldRoot, { error: error?.message, ...restProps, ...field }));
+});
+export const MultiSwitchField = Object.assign(MultiSwitchFieldRoot, {
+    Controller: MultiSwitchFieldController,
+});
+//# sourceMappingURL=MultiSwitchField.js.map

package/dist/components/MultiSwitchField/MultiSwitchField.js.map

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

package/dist/components/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,27 @@
+import type { VariantProps } from 'class-variance-authority';
+import type * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+/**
+ * A collection of links for navigating websites.
+ *
+ * Changes:
+ * - Added ability to use `vertical` orientation
+ *
+ * https://ui.shadcn.com/docs/components/navigation-menu
+ */
+declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
+    viewport?: boolean;
+}): React.ReactElement;
+declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): React.ReactElement;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.ReactElement;
+declare const navigationMenuTriggerStyle: (props?: ({
+    size?: "default" | "skinny" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger> & VariantProps<typeof navigationMenuTriggerStyle>): React.ReactElement;
+declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): React.ReactElement;
+declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): React.ReactElement;
+declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): React.ReactElement;
+declare function NavigationMenuItemWithLink({ asChild, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): React.ReactElement;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): React.ReactElement;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };
+//# sourceMappingURL=NavigationMenu.d.ts.map

package/dist/components/NavigationMenu/NavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAM3E;;;;;;;GAOG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,KAAK,CAAC,YAAY,CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAYrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAQrB;AAED,QAAA,MAAM,0BAA0B;;8EAU/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,GAC7D,YAAY,CAAC,OAAO,0BAA0B,CAAC,GAAG,KAAK,CAAC,YAAY,CAcrE;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,OAAO,CACvC,GAAG,KAAK,CAAC,YAAY,CAYrB;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,QAAQ,CACxC,GAAG,KAAK,CAAC,YAAY,CAiBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAWrB;AAED,iBAAS,0BAA0B,CAAC,EAClC,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAMrB;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,uBAAuB,CAAC,SAAS,CACzC,GAAG,KAAK,CAAC,YAAY,CAarB;AAED,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,0BAA0B,EAC1B,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAC"}

package/dist/components/NavigationMenu/NavigationMenu.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cva } from 'class-variance-authority';
+import { MdExpandMore } from 'react-icons/md';
+import { cn } from '#src/utils/index.js';
+/**
+ * A collection of links for navigating websites.
+ *
+ * Changes:
+ * - Added ability to use `vertical` orientation
+ *
+ * https://ui.shadcn.com/docs/components/navigation-menu
+ */
+function NavigationMenu({ className, children, viewport = true, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Root, { "data-slot": "navigation-menu", "data-viewport": viewport, className: cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', 'data-[orientation="vertical"]:max-w-none data-[orientation="vertical"]:items-start data-[orientation="vertical"]:justify-start [&[data-orientation="vertical"]>*]:w-full', className), ...props, children: [children, viewport && _jsx(NavigationMenuViewport, {})] }));
+}
+function NavigationMenuList({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.List, { "data-slot": "navigation-menu-list", className: cn('group flex flex-1 list-none items-center justify-center gap-1', 'data-[orientation="vertical"]:flex-col data-[orientation="vertical"]:items-stretch', className), ...props }));
+}
+function NavigationMenuItem({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { "data-slot": "navigation-menu-item", className: cn('relative', className), ...props }));
+}
+const navigationMenuTriggerStyle = cva('group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-[color,box-shadow] outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent/50 data-[state=open]:text-accent-foreground data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent', {
+    variants: {
+        size: {
+            default: 'px-4 py-2',
+            skinny: 'p-2',
+        },
+    },
+});
+function NavigationMenuTrigger({ className, children, ...props }) {
+    return (_jsxs(NavigationMenuPrimitive.Trigger, { "data-slot": "navigation-menu-trigger", className: cn(navigationMenuTriggerStyle(), 'group', className), ...props, children: [children, ' ', _jsx(MdExpandMore, { className: "relative top-px ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180", "aria-hidden": "true" })] }));
+}
+function NavigationMenuContent({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Content, { "data-slot": "navigation-menu-content", className: cn('top-0 left-0 w-full p-2 pr-2.5 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out md:absolute md:w-auto', 'group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95', className), ...props }));
+}
+function NavigationMenuViewport({ className, ...props }) {
+    return (_jsx("div", { className: cn('absolute top-full left-0 isolate z-50 flex justify-center'), children: _jsx(NavigationMenuPrimitive.Viewport, { "data-slot": "navigation-menu-viewport", className: cn('origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]', className), ...props }) }));
+}
+function NavigationMenuLink({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Link, { "data-slot": "navigation-menu-link", className: cn("flex flex-col gap-1 rounded-sm p-2 text-sm font-medium transition-all outline-none hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground data-[active=true]:hover:bg-accent data-[active=true]:focus:bg-accent [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground", className), ...props }));
+}
+function NavigationMenuItemWithLink({ asChild, children, ...props }) {
+    return (_jsx(NavigationMenuItem, { asChild: true, ...props, children: _jsx(NavigationMenuLink, { asChild: asChild, children: children }) }));
+}
+function NavigationMenuIndicator({ className, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Indicator, { "data-slot": "navigation-menu-indicator", className: cn('top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in', className), ...props, children: _jsx("div", { className: "relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
+}
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuItemWithLink, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };
+//# sourceMappingURL=NavigationMenu.js.map

package/dist/components/NavigationMenu/NavigationMenu.js.map

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

package/dist/components/NavigationTabs/NavigationTabs.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+/**
+ * A tab-like interface that allows the user to navigate between different sections via links
+ */
+declare function NavigationTabs({ className, children, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Root>): React.ReactElement;
+declare function NavigationTabsItem({ className, children, asChild, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Link>): React.ReactElement;
+export { NavigationTabs, NavigationTabsItem };
+//# sourceMappingURL=NavigationTabs.d.ts.map

package/dist/components/NavigationTabs/NavigationTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.d.ts","sourceRoot":"","sources":["../../../src/components/NavigationTabs/NavigationTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAI3E;;GAEG;AACH,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAC5B,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAarB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAC5B,OAAO,uBAAuB,CAAC,IAAI,CACpC,GAAG,KAAK,CAAC,YAAY,CAYrB;AAED,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/NavigationTabs/NavigationTabs.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cn } from '#src/utils/index.js';
+/**
+ * A tab-like interface that allows the user to navigate between different sections via links
+ */
+function NavigationTabs({ className, children, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Root, { ...props, asChild: true, orientation: "horizontal", children: _jsx(NavigationMenuPrimitive.List, { className: cn('inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground', className), children: children }) }));
+}
+function NavigationTabsItem({ className, children, asChild, ...props }) {
+    return (_jsx(NavigationMenuPrimitive.Item, { className: cn('flex-1', className), children: _jsx(NavigationMenuPrimitive.Link, { className: "inline-flex w-full items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-background transition-all focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-[current=page]:bg-background aria-[current=page]:text-foreground aria-[current=page]:shadow-sm", asChild: asChild, ...props, children: children }) }));
+}
+export { NavigationTabs, NavigationTabsItem };
+//# sourceMappingURL=NavigationTabs.js.map

package/dist/components/NavigationTabs/NavigationTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTabs.js","sourceRoot":"","sources":["../../../src/components/NavigationTabs/NavigationTabs.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAE3E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;GAEG;AACH,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,uBAAuB,CAAC,IAAI,OAAK,KAAK,EAAE,OAAO,QAAC,WAAW,EAAC,YAAY,YACvE,KAAC,uBAAuB,CAAC,IAAI,IAC3B,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,YAEA,QAAQ,GACoB,GACF,CAChC,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,uBAAuB,CAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAC9D,KAAC,uBAAuB,CAAC,IAAI,IAC3B,SAAS,EAAC,4YAA4Y,EACtZ,OAAO,EAAE,OAAO,KACZ,KAAK,YAER,QAAQ,GACoB,GACF,CAChC,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,17 @@
+import type * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+/**
+ * Displays rich content in a portal, triggered by a button.
+ *
+ * https://ui.shadcn.com/docs/components/popover
+ */
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): React.ReactElement;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): React.ReactElement;
+interface PopoverContentProps extends React.ComponentPropsWithRef<typeof PopoverPrimitive.Content> {
+    width?: 'default' | 'none';
+    padding?: 'default' | 'none';
+}
+declare function PopoverContent({ className, align, sideOffset, width, padding, ...props }: PopoverContentProps): React.ReactElement;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): React.ReactElement;
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=Popover.d.ts.map

package/dist/components/Popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D;;;;GAIG;AAEH,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAEzE;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAE5E;AAED,UAAU,mBACR,SAAQ,KAAK,CAAC,qBAAqB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACpE,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B;AACD,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,KAAiB,EACjB,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAiB1C;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAE3E;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '#src/utils/index.js';
+/**
+ * Displays rich content in a portal, triggered by a button.
+ *
+ * https://ui.shadcn.com/docs/components/popover
+ */
+function Popover({ ...props }) {
+    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({ ...props }) {
+    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({ className, align = 'center', sideOffset = 4, width = 'default', padding = 'default', ...props }) {
+    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn('z-50 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover text-popover-foreground shadow-md outline-hidden 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', width === 'none' ? '' : 'w-72', padding === 'none' ? 'p-0' : 'p-4', className), ...props }) }));
+}
+function PopoverAnchor({ ...props }) {
+    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+}
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAE5D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AAEH,SAAS,OAAO,CAAC,EACf,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AAClE,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAOD,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,gBAAgB,CAAC,MAAM,cACtB,KAAC,gBAAgB,CAAC,OAAO,iBACb,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACX,udAAud,EACvd,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,EAC9B,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAClC,SAAS,CACV,KACG,KAAK,GACT,GACsB,CAC3B,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,gBAAgB,CAAC,MAAM,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC3E,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/RecordView/RecordView.d.ts

@@ -0,0 +1,24 @@
+import type React from 'react';
+interface RecordViewProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+declare function RecordView({ className, children, }: RecordViewProps): React.ReactElement;
+interface RecordViewItemListProps {
+    className?: string;
+    children: React.ReactNode;
+}
+declare function RecordViewItemList({ className, children, }: RecordViewItemListProps): React.ReactElement;
+interface RecordViewItemProps {
+    className?: string;
+    title: React.ReactNode;
+    children: React.ReactNode;
+}
+declare function RecordViewItem({ className, title, children, }: RecordViewItemProps): React.ReactElement;
+interface RecordViewActionsProps {
+    className?: string;
+    children: React.ReactNode;
+}
+declare function RecordViewActions({ className, children, }: RecordViewActionsProps): React.ReactElement;
+export { RecordView, RecordViewActions, RecordViewItem, RecordViewItemList };
+//# sourceMappingURL=RecordView.d.ts.map

package/dist/components/RecordView/RecordView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordView.d.ts","sourceRoot":"","sources":["../../../src/components/RecordView/RecordView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,GACT,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAWtC;AAED,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAM9C;AAED,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAO1C;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,GACT,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAI7C;AAED,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/RecordView/RecordView.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '#src/utils/index.js';
+function RecordView({ className, children, }) {
+    return (_jsx("div", { className: cn('flex items-center justify-between rounded-md border bg-muted p-4', className), children: children }));
+}
+function RecordViewItemList({ className, children, }) {
+    return (_jsx("div", { className: cn('flex flex-wrap items-center gap-4', className), children: children }));
+}
+function RecordViewItem({ className, title, children, }) {
+    return (_jsxs("div", { className: cn('flex min-w-24 flex-col', className), children: [_jsx("div", { className: "text-sm font-medium text-muted-foreground", children: title }), _jsx("div", { className: "font-medium", children: children })] }));
+}
+function RecordViewActions({ className, children, }) {
+    return (_jsx("div", { className: cn('flex items-center gap-2', className), children: children }));
+}
+export { RecordView, RecordViewActions, RecordViewItem, RecordViewItemList };
+//# sourceMappingURL=RecordView.js.map

package/dist/components/RecordView/RecordView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordView.js","sourceRoot":"","sources":["../../../src/components/RecordView/RecordView.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAOzC,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,GACQ;IAChB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,kEAAkE,EAClE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,GACgB;IACxB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,EAAE,SAAS,CAAC,YAC/D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAQD,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAK,EACL,QAAQ,GACY;IACpB,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aACrD,cAAK,SAAS,EAAC,2CAA2C,YAAE,KAAK,GAAO,EACxE,cAAK,SAAS,EAAC,aAAa,YAAE,QAAQ,GAAO,IACzC,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,GACe;IACvB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAC3E,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+/**
+ * Augments native scroll functionality for custom, cross-browser styling.
+ *
+ * https://ui.shadcn.com/docs/components/scroll-area
+ */
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.ReactElement;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React.ReactElement;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/components/ScrollArea/ScrollArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAInE;;;;GAIG;AACH,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAiB5E;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,mBAAmB,CAAC,mBAAmB,CAC/C,GAAG,KAAK,CAAC,YAAY,CAqBrB;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ScrollArea/ScrollArea.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '#src/utils/index.js';
+/**
+ * Augments native scroll functionality for custom, cross-browser styling.
+ *
+ * https://ui.shadcn.com/docs/components/scroll-area
+ */
+function ScrollArea({ className, children, ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn('relative', className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+function ScrollBar({ className, orientation = 'vertical', ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn('flex touch-none p-px transition-colors select-none', orientation === 'vertical' &&
+            'h-full w-2.5 border-l border-l-transparent', orientation === 'horizontal' &&
+            'h-2.5 flex-col border-t border-t-transparent', className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) }));
+}
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/ScrollArea/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../src/components/ScrollArea/ScrollArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACL,MAAC,mBAAmB,CAAC,IAAI,iBACb,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,iBACjB,sBAAsB,EAChC,SAAS,EAAC,oJAAoJ,YAE7J,QAAQ,GACoB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACL,CAC5B,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,mBAAmB,CAAC,mBAAmB,iBAC5B,uBAAuB,EACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,WAAW,KAAK,UAAU;YACxB,4CAA4C,EAC9C,WAAW,KAAK,YAAY;YAC1B,8CAA8C,EAChD,SAAS,CACV,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,iBACxB,mBAAmB,EAC7B,SAAS,EAAC,wCAAwC,GAClD,GACsC,CAC3C,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}