@baseplate-dev/ui-components 0.1.1

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+/**
+ * Displays a card with header, content, and footer.
+ *
+ * https://ui.shadcn.com/docs/components/card
+ */
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.ReactElement;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;GAIG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAWlD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAQlD;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}

package/dist/components/Card/Card.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '#src/utils/index.js';
+/**
+ * Displays a card with header, content, and footer.
+ *
+ * https://ui.shadcn.com/docs/components/card
+ */
+function Card({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card", className: cn('flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm', className), ...props }));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', className), ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-title", className: cn('leading-none font-semibold', className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-description", className: cn('text-sm text-muted-foreground', className), ...props }));
+}
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-action", className: cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className), ...props }));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-content", className: cn('px-6', className), ...props }));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn('flex items-center px-6 [.border-t]:pt-6', className), ...props }));
+}
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,MAAM,EAChB,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,4JAA4J,EAC5J,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+/**
+ * A control that allows the user to toggle between checked and not checked.
+ *
+ * https://ui.shadcn.com/docs/components/checkbox
+ */
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): React.ReactElement;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAkB1E;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { MdCheck } from 'react-icons/md';
+import { cn } from '#src/utils/index.js';
+/**
+ * A control that allows the user to toggle between checked and not checked.
+ *
+ * https://ui.shadcn.com/docs/components/checkbox
+ */
+function Checkbox({ className, ...props }) {
+    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer size-4 shrink-0 rounded-[4px] border border-input shadow-xs transition-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-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:bg-input/30 dark:aria-invalid:ring-destructive/40 dark:data-[state=checked]:bg-primary', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(MdCheck, { className: "size-3.5" }) }) }));
+}
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACL,KAAC,iBAAiB,CAAC,IAAI,iBACX,UAAU,EACpB,SAAS,EAAE,EAAE,CACX,6eAA6e,EAC7e,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBAChB,oBAAoB,EAC9B,SAAS,EAAC,+DAA+D,YAEzE,KAAC,OAAO,IAAC,SAAS,EAAC,UAAU,GAAG,GACJ,GACP,CAC1B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/CheckboxField/CheckboxField.d.ts

@@ -0,0 +1,19 @@
+import type { ComponentPropsWithRef } from 'react';
+import type React from 'react';
+import type { Control, FieldPath, FieldValues } from 'react-hook-form';
+import type { FormFieldProps } from '#src/types/form.js';
+interface CheckboxFieldProps extends Omit<ComponentPropsWithRef<'button'>, 'onCheckedChange' | 'checked' | 'onChange' | 'value'>, FormFieldProps {
+    onChange?: (value: boolean) => void;
+    value?: boolean;
+}
+/**
+ * Field with label and error states that wraps a Checkbox component.
+ */
+declare function CheckboxField({ label, description, error, onChange, value, className, ...props }: CheckboxFieldProps): React.ReactElement;
+interface CheckboxFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<CheckboxFieldProps, 'value'> {
+    control: Control<TFieldValues>;
+    name: TFieldName;
+}
+declare function CheckboxFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, ...rest }: CheckboxFieldControllerProps<TFieldValues, TFieldName>): React.ReactElement;
+export { CheckboxField, CheckboxFieldController };
+//# sourceMappingURL=CheckboxField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAczD,UAAU,kBACR,SAAQ,IAAI,CACR,qBAAqB,CAAC,QAAQ,CAAC,EAC/B,iBAAiB,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CACrD,EACD,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAqBzC;AAED,UAAU,4BAA4B,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;IACzC,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,uBAAuB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACR,EAAE,4BAA4B,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAO7E;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/CheckboxField/CheckboxField.js

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
+import { cn } from '#src/utils/index.js';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
+/**
+ * Field with label and error states that wraps a Checkbox component.
+ */
+function CheckboxField({ label, description, error, onChange, value, className, ...props }) {
+    return (_jsxs(FormItem, { error: error, className: cn('space-y-2', className), children: [_jsxs("div", { className: "flex flex-row items-center", children: [_jsx(FormControl, { children: _jsx(Checkbox, { ...props, onCheckedChange: (checked) => {
+                                onChange?.(checked === true);
+                            }, checked: value }) }), _jsxs("div", { className: "space-y-0.5", children: [_jsx(FormLabel, { className: "cursor-pointer pl-2", children: label }), _jsx(FormDescription, { className: "pl-2", children: description })] })] }), _jsx(FormMessage, {})] }));
+}
+function CheckboxFieldController({ control, name, ...rest }) {
+    const { field, fieldState: { error }, } = useControllerMerged({ name, control }, rest);
+    return _jsx(CheckboxField, { error: error?.message, ...rest, ...field });
+}
+export { CheckboxField, CheckboxFieldController };
+//# sourceMappingURL=CheckboxField.js.map

package/dist/components/CheckboxField/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../src/components/CheckboxField/CheckboxField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAQb,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EACL,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AAYjC;;GAEG;AACH,SAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACW;IACnB,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,aAC3D,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,WAAW,cACV,KAAC,QAAQ,OACH,KAAK,EACT,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;gCAC3B,QAAQ,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;4BAC/B,CAAC,EACD,OAAO,EAAE,KAAK,GACd,GACU,EACd,eAAK,SAAS,EAAC,aAAa,aAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,qBAAqB,YAAE,KAAK,GAAa,EAC9D,KAAC,eAAe,IAAC,SAAS,EAAC,MAAM,YAAE,WAAW,GAAmB,IAC7D,IACF,EACN,KAAC,WAAW,KAAG,IACN,CACZ,CAAC;AACJ,CAAC;AAUD,SAAS,uBAAuB,CAG9B,EACA,OAAO,EACP,IAAI,EACJ,GAAG,IAAI,EACgD;IACvD,MAAM,EACJ,KAAK,EACL,UAAU,EAAE,EAAE,KAAK,EAAE,GACtB,GAAG,mBAAmB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,CAAC;IAEjD,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,KAAM,IAAI,KAAM,KAAK,GAAI,CAAC;AACvE,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -0,0 +1,16 @@
+import type React from 'react';
+import type { ComponentPropsWithRef } from 'react';
+export interface ColorFieldProps extends Omit<ComponentPropsWithRef<'button'>, 'value' | 'onChange'> {
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    value?: string;
+    hideInputColor?: boolean;
+    hideInputText?: boolean;
+    formatInputText?: (value: string) => string;
+}
+/**
+ * A control that allows users to select a color.
+ */
+declare function ColorPicker({ className, placeholder, onChange, value: controlledValue, hideInputColor, hideInputText, formatInputText, ref, ...rest }: ColorFieldProps): React.ReactElement;
+export { ColorPicker };
+//# sourceMappingURL=ColorPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAUnD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C;AAED;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,GAAG,EACH,GAAG,IAAI,EACR,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAsCtC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ColorPicker/ColorPicker.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { HexColorInput, HexColorPicker } from 'react-colorful';
+import { useControlledState } from '#src/hooks/useControlledState.js';
+import { inputVariants } from '#src/styles/index.js';
+import { cn } from '#src/utils/index.js';
+import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
+/**
+ * A control that allows users to select a color.
+ */
+function ColorPicker({ className, placeholder, onChange, value: controlledValue, hideInputColor, hideInputText, formatInputText, ref, ...rest }) {
+    const [value, setValue] = useControlledState(controlledValue, onChange);
+    const inputComponent = (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { className: cn(inputVariants(), 'flex items-center gap-2', className), ...rest, ref: ref, children: [!hideInputColor && value && (_jsx("div", { className: "h-4 w-6 rounded-sm border border-border", style: {
+                                backgroundColor: value,
+                            } })), !hideInputText && value ? (_jsx("div", { children: formatInputText ? formatInputText(value) : value })) : (_jsx("div", { className: "text-muted-foreground", children: placeholder }))] }) }), _jsxs(PopoverContent, { className: "space-y-2", align: "start", width: "none", children: [_jsx(HexColorInput, { className: cn(inputVariants(), 'p-2'), prefixed: true, color: value, onChange: setValue }), _jsx(HexColorPicker, { color: value, onChange: setValue })] })] }));
+    return inputComponent;
+}
+export { ColorPicker };
+//# sourceMappingURL=ColorPicker.js.map

package/dist/components/ColorPicker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAKb,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAYhF;;GAEG;AACH,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,cAAc,EACd,aAAa,EACb,eAAe,EACf,GAAG,EACH,GAAG,IAAI,EACS;IAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,kBAAkB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IACxE,MAAM,cAAc,GAAG,CACrB,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,kBACE,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,yBAAyB,EAAE,SAAS,CAAC,KAChE,IAAI,EACR,GAAG,EAAE,GAAG,aAEP,CAAC,cAAc,IAAI,KAAK,IAAI,CAC3B,cACE,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAE;gCACL,eAAe,EAAE,KAAK;6BACvB,GACD,CACH,EACA,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC,CAAC,CACzB,wBAAM,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAO,CAC9D,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAO,CAC3D,IACM,GACM,EACjB,MAAC,cAAc,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,MAAM,aAC9D,KAAC,aAAa,IACZ,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,KAAK,CAAC,EACrC,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,GAClB,EACF,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACrC,IACT,CACX,CAAC;IAEF,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/ColorPickerField/ColorPickerField.d.ts

@@ -0,0 +1,36 @@
+import type { Control, FieldPath, FieldValues } from 'react-hook-form';
+import type { FormFieldProps } from '#src/types/form.js';
+export interface ColorPickerFieldProps extends FormFieldProps {
+    className?: string;
+    wrapperClassName?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    onChange?: (value: string) => void;
+    formatColorName?: (value: string) => string;
+    value?: string;
+    hideText?: boolean;
+    /**
+     * Parse a color string into a hex color.
+     * @param color - The color string to parse.
+     * @returns The hex color.
+     */
+    parseColor?: (color: string) => string;
+    /**
+     * Serialize a hex color into a color string.
+     * @param hex - The hex color to serialize.
+     * @returns The color string.
+     */
+    serializeColor?: (hex: string) => string;
+    ref?: React.Ref<HTMLButtonElement>;
+}
+/**
+ * Field with label and error states that wraps a ColorPicker component.
+ */
+declare function ColorPickerField({ className, wrapperClassName, disabled, placeholder, onChange, value, label, error, description, hideText, formatColorName, parseColor, serializeColor, ref, }: ColorPickerFieldProps): React.ReactElement;
+export interface ColorPickerFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends Omit<ColorPickerFieldProps, 'value'> {
+    control: Control<TFieldValues>;
+    name: TFieldName;
+}
+declare function ColorPickerFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, ref, ...rest }: ColorPickerFieldControllerProps<TFieldValues, TFieldName>): React.ReactElement;
+export { ColorPickerField, ColorPickerFieldController };
+//# sourceMappingURL=ColorPickerField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerField.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPickerField/ColorPickerField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAezD,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAe,EACf,UAAU,EACV,cAAc,EACd,GAAG,GACJ,EAAE,qBAAqB,GAAG,KAAK,CAAC,YAAY,CA8E5C;AAED,MAAM,WAAW,+BAA+B,CAC9C,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC;IAC5C,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,iBAAS,0BAA0B,CACjC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,GAAG,EACH,GAAG,IAAI,EACR,EAAE,+BAA+B,CAChC,YAAY,EACZ,UAAU,CACX,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/ColorPickerField/ColorPickerField.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { HexColorInput, HexColorPicker } from 'react-colorful';
+import { useControllerMerged } from '#src/hooks/useControllerMerged.js';
+import { buttonVariants, inputVariants } from '#src/styles/index.js';
+import { cn } from '#src/utils/index.js';
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
+import { Popover, PopoverContent, PopoverTrigger } from '../Popover/Popover.js';
+/**
+ * Field with label and error states that wraps a ColorPicker component.
+ */
+function ColorPickerField({ className, wrapperClassName, disabled, placeholder, onChange, value, label, error, description, hideText, formatColorName, parseColor, serializeColor, ref, }) {
+    const addWrapper = label ?? error ?? description;
+    const id = useId();
+    const hexValue = value ? (parseColor?.(value) ?? value) : undefined;
+    const handleChange = (newHexValue) => {
+        if (!newHexValue)
+            return;
+        const newColorValue = serializeColor?.(newHexValue) ?? newHexValue;
+        onChange?.(newColorValue);
+    };
+    const inputComponent = (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { className: cn(buttonVariants({
+                        variant: 'outline',
+                        size: 'none',
+                        justify: 'start',
+                    }), className, 'flex h-8 items-center gap-2 px-2', hideText ? 'justify-center' : undefined, disabled ? 'opacity-75' : undefined), id: id, ref: ref, disabled: disabled, children: [hexValue && (_jsx("div", { className: "h-4 w-6 rounded-sm border border-border", style: {
+                                backgroundColor: hexValue,
+                            } })), hideText ? null : hexValue ? (_jsx("div", { children: formatColorName && value ? formatColorName(value) : hexValue })) : (_jsx("div", { className: "opacity-75", children: placeholder }))] }) }), _jsxs(PopoverContent, { sideOffset: 5, align: "start", collisionPadding: { bottom: 50 }, className: "space-y-2 rounded-md border border-border bg-white p-4", width: "none", children: [_jsx(HexColorInput, { className: cn(inputVariants(), 'p-2'), prefixed: true, color: hexValue ?? '', onChange: handleChange }), _jsx(HexColorPicker, { color: hexValue ?? '', onChange: handleChange })] })] }));
+    if (addWrapper) {
+        return (_jsxs(FormItem, { error: error, className: cn('flex gap-2', wrapperClassName), children: [_jsx(FormLabel, { children: label }), _jsx(FormControl, { children: inputComponent }), _jsx(FormDescription, { children: description }), _jsx(FormMessage, {})] }));
+    }
+    return inputComponent;
+}
+function ColorPickerFieldController({ control, name, ref, ...rest }) {
+    const { field: fieldProps, fieldState: { error }, } = useControllerMerged({
+        control,
+        name,
+    }, rest, ref);
+    return _jsx(ColorPickerField, { error: error?.message, ...rest, ...fieldProps });
+}
+export { ColorPickerField, ColorPickerFieldController };
+//# sourceMappingURL=ColorPickerField.js.map

package/dist/components/ColorPickerField/ColorPickerField.js.map

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

package/dist/components/Combobox/Combobox.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+interface ComboboxContextValue {
+    selectedValue: string | undefined | null;
+    selectedLabel: string | undefined | null;
+    onSelect: (value: string | null, label: string | undefined) => void;
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+    setIsOpen: (open: boolean) => void;
+    isOpen: boolean;
+    inputId: string;
+    listRef: React.RefObject<HTMLDivElement | null>;
+    shouldShowItem: (label: string | null) => boolean;
+    disabled: boolean;
+}
+interface ComboboxOption {
+    label?: string;
+    value: string | null;
+}
+export interface ComboboxProps {
+    children: React.ReactNode;
+    value?: ComboboxOption | null;
+    onChange?: (value: ComboboxOption) => void;
+    searchQuery?: string;
+    onSearchQueryChange?: (query: string) => void;
+    label?: string;
+    disabled?: boolean;
+}
+/**
+ * A control that allows users to select an option from a list of options and type to search.
+ */
+declare function Combobox({ children, value: controlledValue, onChange, searchQuery: defaultSearchQuery, onSearchQueryChange, label, disabled, }: ComboboxProps): React.JSX.Element;
+export declare function useComboboxContext(): ComboboxContextValue;
+interface ComboboxInputProps extends Omit<React.ComponentPropsWithRef<'input'>, 'value'> {
+    selectedLabel?: string;
+}
+declare function ComboboxInput({ className, placeholder, ref, ...rest }: ComboboxInputProps): React.ReactElement;
+interface ComboboxContentProps extends React.RefAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    className?: string;
+    maxHeight?: string;
+    style?: React.CSSProperties;
+}
+declare function ComboboxContent({ children, className, maxHeight, style, ...rest }: ComboboxContentProps): React.JSX.Element;
+type ComboboxEmptyProps = React.HTMLAttributes<HTMLDivElement>;
+declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): React.ReactElement;
+declare const ComboboxGroup: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+interface ComboboxItemProps extends Omit<React.ComponentPropsWithRef<'div'>, 'onSelect'> {
+    disabled?: boolean;
+    value: string | null;
+    label?: string;
+}
+declare function ComboboxItem({ value, className, label, children, ref, ...rest }: ComboboxItemProps): React.ReactElement;
+interface ComboboxActionProps extends Omit<React.ComponentPropsWithRef<'div'>, 'onSelect' | 'onClick'> {
+    disabled?: boolean;
+    value: string;
+    label?: string;
+    onClick?: () => void;
+}
+declare function ComboboxAction({ value, className, children, onClick, ref, ...rest }: ComboboxActionProps): React.ReactElement;
+export { Combobox, ComboboxAction, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, };
+//# sourceMappingURL=Combobox.d.ts.map

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

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

package/dist/components/Combobox/Combobox.js

@@ -0,0 +1,173 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Popover, PopoverAnchor, PopoverContent, PopoverPortal, } from '@radix-ui/react-popover';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { Command } from 'cmdk';
+import * as React from 'react';
+import { MdCheck, MdUnfoldMore } from 'react-icons/md';
+import { useControlledState } from '#src/hooks/useControlledState.js';
+import { inputVariants, selectCheckVariants, selectContentVariants, selectItemVariants, } from '#src/styles/index.js';
+import { cn, mergeRefs } from '#src/utils/index.js';
+import { Button } from '../Button/Button.js';
+import { ScrollBar } from '../ScrollArea/ScrollArea.js';
+const ComboboxContext = React.createContext(null);
+const DEFAULT_OPTION = { value: null, label: '' };
+/**
+ * A control that allows users to select an option from a list of options and type to search.
+ */
+function Combobox({ children, value: controlledValue, onChange, searchQuery: defaultSearchQuery, onSearchQueryChange, label, disabled = false, }) {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [value, setValue] = useControlledState(controlledValue === null ? DEFAULT_OPTION : controlledValue, onChange, DEFAULT_OPTION);
+    const [searchQuery, setSearchQuery] = useControlledState(defaultSearchQuery, onSearchQueryChange, '');
+    // the value of the combobox that is currently active
+    const [activeValue, setActiveValue] = React.useState(value.value ?? '');
+    // Caches the filter query so we can maintain
+    // the query when animating the combobox open/close
+    const [filterQuery, setFilterQuery] = React.useState(searchQuery);
+    const inputRef = React.useRef(null);
+    const inputId = React.useId();
+    const listRef = React.useRef(null);
+    const contextValue = React.useMemo(() => ({
+        selectedLabel: value.label ?? '',
+        selectedValue: value.value,
+        onSelect: (val, lab) => {
+            setValue({ value: val, label: lab });
+            setFilterQuery(searchQuery);
+            setSearchQuery('');
+            setIsOpen(false);
+        },
+        searchQuery,
+        setSearchQuery: (query) => {
+            setFilterQuery(query);
+            setSearchQuery(query);
+            setIsOpen(true);
+        },
+        setIsOpen: (open) => {
+            setFilterQuery(searchQuery);
+            if (!open) {
+                setActiveValue(value.value ?? '');
+                setSearchQuery('');
+            }
+            setIsOpen(open);
+        },
+        isOpen,
+        inputId,
+        inputRef,
+        listRef,
+        shouldShowItem: (label) => {
+            if (!filterQuery) {
+                return true;
+            }
+            if (!label) {
+                return false;
+            }
+            return label.toLowerCase().includes(filterQuery.toLowerCase());
+        },
+        disabled,
+    }), [
+        value,
+        inputId,
+        searchQuery,
+        setSearchQuery,
+        setValue,
+        isOpen,
+        filterQuery,
+        disabled,
+    ]);
+    return (_jsx(ComboboxContext.Provider, { value: contextValue, children: _jsx(Popover, { open: isOpen, onOpenChange: contextValue.setIsOpen, children: _jsx(Command, { "aria-disabled": disabled, shouldFilter: false, value: activeValue, onValueChange: (val) => {
+                    setActiveValue(val);
+                }, label: label, children: children }) }) }));
+}
+export function useComboboxContext() {
+    const value = React.useContext(ComboboxContext);
+    if (!value) {
+        throw new Error(`useComboboxContext must be used inside a ComboboxContext provider`);
+    }
+    return value;
+}
+function ComboboxInput({ className, placeholder, ref, ...rest }) {
+    const { setIsOpen, isOpen, inputId, searchQuery, setSearchQuery, selectedLabel, disabled, } = useComboboxContext();
+    const selectedLabelId = React.useId();
+    const inputRef = React.useRef(null);
+    const handleKeydown = React.useCallback((e) => {
+        const specialKeys = ['ArrowDown', 'ArrowUp', 'Home', 'End', 'Enter'];
+        if (e.key === 'Escape') {
+            setIsOpen(false);
+        }
+        else if (specialKeys.includes(e.key)) {
+            setIsOpen(true);
+        }
+    }, [setIsOpen]);
+    return (_jsx(PopoverAnchor, { children: _jsxs("div", { className: "relative", "data-cmdk-input-id": inputId, children: [_jsx(Command.Input, { asChild: true, onKeyDown: handleKeydown, disabled: disabled, onBlur: (e) => {
+                        if (e.relatedTarget &&
+                            e.relatedTarget instanceof Element &&
+                            e.relatedTarget.closest(`[data-combobox-content=""]`)) {
+                            e.target.focus();
+                        }
+                    }, value: searchQuery, onValueChange: setSearchQuery, className: cn(inputVariants({ rightPadding: 'none' }), 'pr-8', className), placeholder: selectedLabel ? undefined : placeholder, onClick: () => {
+                        if (disabled) {
+                            return;
+                        }
+                        if (!isOpen) {
+                            setIsOpen(true);
+                        }
+                        else if (inputRef.current) {
+                            // avoid closing the combobox if the user is selecting text
+                            const hasSelectedEnd = inputRef.current.selectionStart ===
+                                inputRef.current.selectionEnd &&
+                                inputRef.current.selectionEnd === inputRef.current.value.length;
+                            if (hasSelectedEnd) {
+                                setIsOpen(false);
+                            }
+                        }
+                    }, ...rest, "aria-describedby": `${rest['aria-describedby'] ?? ''} ${selectedLabelId}`, ref: mergeRefs(ref, inputRef), children: _jsx("input", { ...(rest['aria-labelledby']
+                            ? { 'aria-labelledby': rest['aria-labelledby'] }
+                            : undefined) }) }), _jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center pr-8", children: _jsx("div", { id: selectedLabelId, className: cn(disabled ? 'opacity-50' : '', searchQuery ? 'hidden' : '', 'pointer-events-none truncate py-1 pl-3 text-base md:text-sm'), children: selectedLabel }) }), _jsx(Button, { className: "absolute top-1/2 right-2 -translate-y-1/2 opacity-50", type: "button", variant: "ghost", size: "icon", disabled: disabled, "aria-label": `${isOpen ? 'Close' : 'Open'} combobox`, onClick: () => {
+                        if (disabled) {
+                            return;
+                        }
+                        setIsOpen(!isOpen);
+                    }, onKeyDown: (e) => {
+                        if (!isOpen) {
+                            e.stopPropagation();
+                        }
+                    }, children: _jsx(MdUnfoldMore, { className: "size-4" }) })] }) }));
+}
+function ComboboxContent({ children, className, maxHeight = '320px', style, ...rest }) {
+    const { inputId, listRef } = useComboboxContext();
+    return (_jsx(PopoverPortal, { children: _jsx(PopoverContent, { onOpenAutoFocus: (e) => {
+                e.preventDefault();
+            }, onInteractOutside: (e) => {
+                if (e.target &&
+                    e.target instanceof Element &&
+                    e.target.closest(`[data-cmdk-input-id="${inputId}"]`)) {
+                    e.preventDefault();
+                }
+            }, className: cn(selectContentVariants({ popper: 'active' }), className), style: {
+                '--max-popover-height': maxHeight,
+                ...style,
+            }, "data-combobox-content": "", ...rest, children: _jsxs(ScrollAreaPrimitive.Root, { type: "auto", className: "relative overflow-hidden", children: [_jsx(ScrollAreaPrimitive.Viewport, { className: cn('h-full w-full rounded-[inherit] p-1', 'max-h-[min(var(--max-popover-height),var(--radix-popover-content-available-height))] w-full min-w-(--radix-popover-trigger-width)'), style: {
+                            '--max-popper-height': maxHeight,
+                        }, children: _jsx(Command.List, { ref: listRef, children: children }) }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }) }) }));
+}
+function ComboboxEmpty({ className, ...props }) {
+    return _jsx(Command.Empty, { className: cn('p-2 text-sm', className), ...props });
+}
+const ComboboxGroup = Command.Group;
+function ComboboxItem({ value, className, label, children, ref, ...rest }) {
+    const { selectedValue, onSelect, shouldShowItem } = useComboboxContext();
+    const itemRef = React.useRef(null);
+    const extractedLabel = label ?? (typeof children === 'string' ? children.trim() : undefined);
+    if (!shouldShowItem(extractedLabel ?? value)) {
+        return _jsx(_Fragment, {});
+    }
+    return (_jsxs(Command.Item, { value: value ?? '', onSelect: () => {
+            onSelect(value, extractedLabel);
+        }, className: cn(selectItemVariants(), className), ...rest, ref: mergeRefs(ref, itemRef), children: [children, _jsx(MdCheck, { className: cn(selectCheckVariants(), value === selectedValue ? 'opacity-100' : 'opacity-0') })] }));
+}
+function ComboboxAction({ value, className, children, onClick, ref, ...rest }) {
+    const itemRef = React.useRef(null);
+    return (_jsx(Command.Item, { value: value, onSelect: onClick, className: cn(selectItemVariants(), className), ...rest, ref: mergeRefs(ref, itemRef), children: children }));
+}
+export { Combobox, ComboboxAction, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, };
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox/Combobox.js.map

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

package/dist/components/Combobox/Combobox.test.d.ts

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

package/dist/components/Combobox/Combobox.test.d.ts.map

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