@baseplate-dev/ui-components 0.1.1

package/dist/components/EmptyDisplay/EmptyDisplay.d.ts

@@ -0,0 +1,30 @@
+import type React from 'react';
+import type { IconElement } from '#src/types/react.js';
+interface EmptyDisplayProps {
+    /**
+     * Optional class name to be applied to the empty state div
+     */
+    className?: string;
+    /**
+     * Optional icon to be displayed (if not passed, a generic empty state icon will be displayed)
+     */
+    icon?: IconElement;
+    /**
+     * Header to be displayed (if not passed, a generic empty header will be displayed)
+     */
+    header?: React.ReactNode;
+    /**
+     * Subtitle to be displayed (if a string is passed, it will be displayed as-is, otherwise a generic empty message will be displayed)
+     */
+    subtitle?: React.ReactNode;
+    /**
+     * Optional actions to be displayed below the empty message
+     */
+    actions?: React.ReactNode;
+}
+/**
+ * Displays a generic empty state with a header and subtitle.
+ */
+declare function EmptyDisplay({ className, icon: Icon, header, subtitle, actions, }: EmptyDisplayProps): React.ReactElement;
+export { EmptyDisplay };
+//# sourceMappingURL=EmptyDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/EmptyDisplay/EmptyDisplay.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAKvD,UAAU,iBAAiB;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAI,EAAE,IAA2B,EACjC,MAAM,EACN,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAiBxC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/EmptyDisplay/EmptyDisplay.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MdFormatListBulleted } from 'react-icons/md';
+import { useComponentStrings } from '#src/contexts/component-strings.js';
+import { cn } from '#src/utils/cn.js';
+/**
+ * Displays a generic empty state with a header and subtitle.
+ */
+function EmptyDisplay({ className, icon: Icon = MdFormatListBulleted, header, subtitle, actions, }) {
+    const strings = useComponentStrings();
+    return (_jsx("div", { className: cn('flex h-full items-center justify-center', className), children: _jsxs("div", { className: "flex max-w-xl flex-col items-center space-y-4 text-center", children: [_jsx("div", { children: _jsx(Icon, { className: "size-20 text-muted-foreground" }) }), _jsx("h1", { children: header ?? strings.emptyDisplayDefaultHeader }), _jsx("p", { className: "text-muted-foreground", children: subtitle ?? strings.emptyDisplayDefaultContent }), actions] }) }));
+}
+export { EmptyDisplay };
+//# sourceMappingURL=EmptyDisplay.js.map

package/dist/components/EmptyDisplay/EmptyDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyDisplay.js","sourceRoot":"","sources":["../../../src/components/EmptyDisplay/EmptyDisplay.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAyBtC;;GAEG;AACH,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAI,EAAE,IAAI,GAAG,oBAAoB,EACjC,MAAM,EACN,QAAQ,EACR,OAAO,GACW;IAClB,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IAEtC,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,YACtE,eAAK,SAAS,EAAC,2DAA2D,aACxE,wBACE,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,GAAG,GAC9C,EACN,uBAAK,MAAM,IAAI,OAAO,CAAC,yBAAyB,GAAM,EACtD,YAAG,SAAS,EAAC,uBAAuB,YACjC,QAAQ,IAAI,OAAO,CAAC,0BAA0B,GAC7C,EACH,OAAO,IACJ,GACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ErrorDisplay/ErrorDisplay.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface ErrorDisplayProps {
+    /**
+     * Optional class name to be applied to the loader or error div
+     */
+    className?: string;
+    /**
+     * Header to be displayed (if not passed, a generic error header will be displayed)
+     */
+    header?: React.ReactNode;
+    /**
+     * Error to be displayed (if a string is passed, it will be displayed as-is, otherwise a generic error message will be displayed)
+     */
+    error?: unknown;
+    /**
+     * Optional actions to be displayed below the error message
+     */
+    actions?: React.ReactNode;
+}
+/**
+ * Displays a generic error state with a header and error message.
+ */
+declare function ErrorDisplay({ className, header, error, actions, }: ErrorDisplayProps): React.ReactElement;
+export { ErrorDisplay };
+//# sourceMappingURL=ErrorDisplay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorDisplay/ErrorDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,iBAAiB;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GACR,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAwBxC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ErrorDisplay/ErrorDisplay.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { MdOutlineErrorOutline } from 'react-icons/md';
+import { useComponentStrings } from '#src/contexts/component-strings.js';
+import { cn } from '#src/utils/cn.js';
+/**
+ * Displays a generic error state with a header and error message.
+ */
+function ErrorDisplay({ className, header, error, actions, }) {
+    const strings = useComponentStrings();
+    return (_jsx("div", { className: cn('flex h-full w-full items-center justify-center', className), role: "alert", children: _jsxs("div", { className: "flex max-w-xl flex-col items-center space-y-4 text-center", children: [_jsx("div", { children: _jsx(MdOutlineErrorOutline, { className: "size-20 text-muted-foreground" }) }), _jsx("h1", { children: header ?? strings.errorDisplayDefaultHeader }), _jsx("p", { children: typeof error === 'string' || React.isValidElement(error)
+                        ? error
+                        : strings.errorDisplayDefaultContent }), actions] }) }));
+}
+export { ErrorDisplay };
+//# sourceMappingURL=ErrorDisplay.js.map

package/dist/components/ErrorDisplay/ErrorDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../../src/components/ErrorDisplay/ErrorDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAqBtC;;GAEG;AACH,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,MAAM,EACN,KAAK,EACL,OAAO,GACW;IAClB,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC;IACtC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,SAAS,CACV,EACD,IAAI,EAAC,OAAO,YAEZ,eAAK,SAAS,EAAC,2DAA2D,aACxE,wBACE,KAAC,qBAAqB,IAAC,SAAS,EAAC,+BAA+B,GAAG,GAC/D,EACN,uBAAK,MAAM,IAAI,OAAO,CAAC,yBAAyB,GAAM,EACtD,sBACG,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;wBACvD,CAAC,CAAC,KAAK;wBACP,CAAC,CAAC,OAAO,CAAC,0BAA0B,GACpC,EACH,OAAO,IACJ,GACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ErrorableLoader/ErrorableLoader.d.ts

@@ -0,0 +1,25 @@
+import type React from 'react';
+interface ErrorableLoaderProps {
+    /**
+     * Optional class name to be applied to the loader or error div
+     */
+    className?: string;
+    /**
+     * Error to be displayed (if a string is passed, it will be displayed as-is, otherwise a generic error message will be displayed)
+     */
+    error?: unknown;
+    /**
+     * Header to be displayed (if not passed, a generic error header will be displayed)
+     */
+    header?: React.ReactNode;
+    /**
+     * Optional actions to be displayed below the error message
+     */
+    actions?: React.ReactNode;
+}
+/**
+ * Displays a loader component that if an error is passed, it will display an error message instead.
+ */
+declare function ErrorableLoader({ className, error, header, actions, }: ErrorableLoaderProps): React.ReactElement;
+export { ErrorableLoader };
+//# sourceMappingURL=ErrorableLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorableLoader.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorableLoader/ErrorableLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,oBAAoB;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,GACR,EAAE,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAK3C;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/ErrorableLoader/ErrorableLoader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ErrorDisplay } from '../ErrorDisplay/ErrorDisplay.js';
+import { Loader } from '../Loader/Loader.js';
+/**
+ * Displays a loader component that if an error is passed, it will display an error message instead.
+ */
+function ErrorableLoader({ className, error, header, actions, }) {
+    if (!error) {
+        return _jsx(Loader, { className: className });
+    }
+    return _jsx(ErrorDisplay, { header: header, error: error, actions: actions });
+}
+export { ErrorableLoader };
+//# sourceMappingURL=ErrorableLoader.js.map

package/dist/components/ErrorableLoader/ErrorableLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorableLoader.js","sourceRoot":"","sources":["../../../src/components/ErrorableLoader/ErrorableLoader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAqB7C;;GAEG;AACH,SAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,MAAM,EACN,OAAO,GACc;IACrB,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAC,MAAM,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;IAC1C,CAAC;IACD,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC1E,CAAC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/FormActionBar/FormActionBar.d.ts

@@ -0,0 +1,32 @@
+import type * as React from 'react';
+import type { UseFormReturn } from 'react-hook-form';
+interface FormActionBarProps extends React.ComponentProps<'div'> {
+    /**
+     * React Hook Form instance
+     */
+    form?: UseFormReturn<any>;
+    /**
+     * Whether the form actions should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Optional custom reset handler (defaults to form.reset)
+     */
+    onReset?: () => void;
+    /**
+     * Children to render (custom action buttons)
+     */
+    children?: React.ReactNode;
+}
+/**
+ * A fixed bottom bar with form action buttons (Reset and Save).
+ * Typically used at the bottom of forms to provide consistent action buttons.
+ *
+ * Can be used in two ways:
+ * 1. With a react-hook-form instance: `<FormActionBar form={form} />`
+ * 2. With individual props: `<FormActionBar disabled={isDisabled} onReset={handleReset} />`
+ */
+declare function FormActionBar(props: FormActionBarProps): React.ReactElement;
+export { FormActionBar };
+export type { FormActionBarProps };
+//# sourceMappingURL=FormActionBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormActionBar.d.ts","sourceRoot":"","sources":["../../../src/components/FormActionBar/FormActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQrD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D;;OAEG;IAEH,IAAI,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;GAOG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAuDpE;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/FormActionBar/FormActionBar.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { MdOutlineSave } from 'react-icons/md';
+import { cn } from '#src/utils/index.js';
+import { Button } from '../Button/Button.js';
+/**
+ * A fixed bottom bar with form action buttons (Reset and Save).
+ * Typically used at the bottom of forms to provide consistent action buttons.
+ *
+ * Can be used in two ways:
+ * 1. With a react-hook-form instance: `<FormActionBar form={form} />`
+ * 2. With individual props: `<FormActionBar disabled={isDisabled} onReset={handleReset} />`
+ */
+function FormActionBar(props) {
+    const { className, disabled = false, children, form, onReset, ...rest } = props;
+    // Determine values based on whether form prop is provided
+    const { formState } = form ?? {};
+    const formIsDisabled = formState
+        ? formState.isSubmitting || !formState.isDirty
+        : false;
+    const isDisabled = formIsDisabled || disabled;
+    const handleReset = () => {
+        form?.reset();
+        onReset?.();
+    };
+    return (_jsx("div", { "data-slot": "form-action-bar", className: cn('absolute inset-x-0 bottom-0 z-50 flex min-h-[var(--action-bar-height,52px)] items-center space-x-4 border-t border-border bg-background pl-4', className), ...rest, children: children ?? (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "outline", size: "sm", type: "button", onClick: handleReset, disabled: isDisabled, children: "Reset" }), _jsxs(Button, { variant: "default", size: "sm", type: "submit", disabled: isDisabled, children: [_jsx(MdOutlineSave, { className: "mr-2 h-4 w-4" }), "Save"] })] })) }));
+}
+export { FormActionBar };
+//# sourceMappingURL=FormActionBar.js.map

package/dist/components/FormActionBar/FormActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormActionBar.js","sourceRoot":"","sources":["../../../src/components/FormActionBar/FormActionBar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsB7C;;;;;;;GAOG;AACH,SAAS,aAAa,CAAC,KAAyB;IAC9C,MAAM,EACJ,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,0DAA0D;IAC1D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IACjC,MAAM,cAAc,GAAG,SAAS;QAC9B,CAAC,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC,SAAS,CAAC,OAAO;QAC9C,CAAC,CAAC,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,cAAc,IAAI,QAAQ,CAAC;IAE9C,MAAM,WAAW,GAAG,GAAS,EAAE;QAC7B,IAAI,EAAE,KAAK,EAAE,CAAC;QACd,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,2BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,8IAA8I,EAC9I,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,IAAI,CACX,8BACE,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,UAAU,sBAGb,EACT,MAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,aAEpB,KAAC,aAAa,IAAC,SAAS,EAAC,cAAc,GAAG,YAEnC,IACR,CACJ,GACG,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/FormItem/FormItem.d.ts

@@ -0,0 +1,23 @@
+import type * as LabelPrimitive from '@radix-ui/react-label';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+interface FormItemContextValue {
+    id: string;
+    error: React.ReactNode | Error | undefined;
+}
+interface UseFormFieldResult extends FormItemContextValue {
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+}
+declare const useFormField: () => UseFormFieldResult;
+interface FormItemProps extends React.ComponentProps<'div'> {
+    error?: React.ReactNode | Error;
+}
+declare function FormItem({ className, error, ...props }: FormItemProps): React.ReactElement;
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.ReactElement | null;
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): React.ReactElement;
+declare function FormDescription({ className, ...props }: React.ComponentProps<'p'>): React.ReactElement | null;
+declare function FormMessage({ className, ...props }: React.ComponentProps<'p'>): React.ReactElement | null;
+export { FormControl, FormDescription, FormItem, FormLabel, FormMessage, useFormField, };
+//# sourceMappingURL=FormItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.d.ts","sourceRoot":"","sources":["../../../src/components/FormItem/FormItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;CAC5C;AAID,UAAU,kBAAmB,SAAQ,oBAAoB;IACvD,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,YAAY,QAAO,kBAgBxB,CAAC;AAEF,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACzD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;CACjC;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAYpC;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CACrB,OAAO,cAAc,CAAC,IAAI,CAC3B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAgB5B;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAexD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAevD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAsBvD;AAED,OAAO,EACL,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}

package/dist/components/FormItem/FormItem.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+import { cn } from '#src/utils/index.js';
+import { Label } from '../Label/Label.js';
+const FormItemContext = React.createContext(null);
+const useFormField = () => {
+    const itemContext = React.useContext(FormItemContext);
+    if (!itemContext) {
+        throw new Error('useFormField should be used within <FormItem>');
+    }
+    const { id, error } = itemContext;
+    return {
+        id,
+        error,
+        formItemId: `${id}-form-item`,
+        formDescriptionId: `${id}-form-item-description`,
+        formMessageId: `${id}-form-item-message`,
+    };
+};
+function FormItem({ className, error, ...props }) {
+    const id = React.useId();
+    return (_jsx(FormItemContext.Provider, { value: { id, error }, children: _jsx("div", { "data-slot": "form-item", className: cn('grid gap-2', className), ...props }) }));
+}
+function FormLabel({ className, ...props }) {
+    const { error, formItemId } = useFormField();
+    if (props.children === null || props.children === undefined) {
+        return null;
+    }
+    return (_jsx(Label, { "data-slot": "form-label", "data-error": !!error, className: cn('data-[error=true]:text-destructive', className), htmlFor: formItemId, ...props }));
+}
+function FormControl({ ...props }) {
+    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+    return (_jsx(Slot, { "data-slot": "form-control", id: formItemId, "aria-describedby": error ? `${formDescriptionId} ${formMessageId}` : formDescriptionId, "aria-invalid": !!error, ...props }));
+}
+function FormDescription({ className, ...props }) {
+    const { formDescriptionId } = useFormField();
+    if (props.children === null || props.children === undefined) {
+        return null;
+    }
+    return (_jsx("p", { "data-slot": "form-description", id: formDescriptionId, className: cn('text-sm text-muted-foreground', className), ...props }));
+}
+function FormMessage({ className, ...props }) {
+    const { error, formMessageId } = useFormField();
+    const body = error
+        ? error instanceof Error
+            ? error.message
+            : error
+        : props.children;
+    if (!body) {
+        return null;
+    }
+    return (_jsx("p", { "data-slot": "form-message", id: formMessageId, className: cn('text-sm text-destructive', className), ...props, children: body }));
+}
+export { FormControl, FormDescription, FormItem, FormLabel, FormMessage, useFormField, };
+//# sourceMappingURL=FormItem.js.map

package/dist/components/FormItem/FormItem.js.map

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

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,11 @@
+import type * as React from 'react';
+/**
+ * Input component for a styled <input /> element.
+ *
+ * -- Added more variants for height and right padding
+ *
+ * https://ui.shadcn.com/docs/components/input
+ */
+declare function Input({ className, type, ...props }: React.ComponentPropsWithRef<'input'>): React.ReactElement;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC;;;;;;GAMG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,YAAY,CAS3D;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Input/Input.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { inputVariants } from '#src/styles/index.js';
+import { cn } from '#src/utils/index.js';
+/**
+ * Input component for a styled <input /> element.
+ *
+ * -- Added more variants for height and right padding
+ *
+ * https://ui.shadcn.com/docs/components/input
+ */
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn(inputVariants(), className), ...props }));
+}
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;;;GAMG;AACH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EAC6B;IACrC,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/InputField/InputField.d.ts

@@ -0,0 +1,17 @@
+import type React from 'react';
+import type { Control, FieldPath, FieldValues, RegisterOptions, UseFormRegisterReturn } from 'react-hook-form';
+import type { FormFieldProps } from '#src/types/form.js';
+export interface InputFieldProps extends Omit<React.ComponentPropsWithRef<'input'>, 'onChange' | 'value'>, FormFieldProps {
+    onChange?: (value: string) => void;
+    value?: string;
+    register?: UseFormRegisterReturn;
+}
+declare function InputField({ label, description, error, onChange, register, className, ref, ...props }: InputFieldProps): React.ReactElement;
+export interface InputFieldControllerProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends InputFieldProps {
+    control: Control<TFieldValues>;
+    name: TFieldName;
+    registerOptions?: RegisterOptions<TFieldValues, TFieldName>;
+}
+declare function InputFieldController<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ control, name, registerOptions, ...rest }: InputFieldControllerProps<TFieldValues, TFieldName>): React.ReactElement;
+export { InputField, InputFieldController };
+//# sourceMappingURL=InputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../src/components/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,OAAO,EAEP,SAAS,EACT,WAAW,EACX,eAAe,EACf,qBAAqB,EACtB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAazD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACtE,cAAc;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AAED,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAqBtC;AAED,MAAM,WAAW,yBAAyB,CACxC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CACpE,SAAQ,eAAe;IACvB,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,UAAU,CAAC;IACjB,eAAe,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;CAC7D;AAED,iBAAS,oBAAoB,CAC3B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,UAAU,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EACpE,EACA,OAAO,EACP,IAAI,EACJ,eAAe,EACf,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,YAAY,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAW1E;AAED,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/InputField/InputField.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { get, useFormState } from 'react-hook-form';
+import { cn, mergeRefs } from '#src/utils/index.js';
+import { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../FormItem/FormItem.js';
+import { Input } from '../Input/Input.js';
+function InputField({ label, description, error, onChange, register, className, ref, ...props }) {
+    return (_jsxs(FormItem, { error: error, className: cn('flex flex-col gap-1.5', className), children: [_jsx(FormLabel, { children: label }), _jsx(FormControl, { children: _jsx(Input, { onChange: onChange &&
+                        ((e) => {
+                            onChange(e.target.value);
+                        }), ref: mergeRefs(ref, register?.ref), ...props, ...register }) }), _jsx(FormDescription, { children: description }), _jsx(FormMessage, {})] }));
+}
+function InputFieldController({ control, name, registerOptions, ...rest }) {
+    const { errors } = useFormState({ control, name });
+    const error = get(errors, name);
+    return (_jsx(InputField, { register: control.register(name, registerOptions), error: error?.message, ...rest }));
+}
+export { InputField, InputFieldController };
+//# sourceMappingURL=InputField.js.map

package/dist/components/InputField/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../../src/components/InputField/InputField.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EACL,WAAW,EACX,eAAe,EACf,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACvE,KAAC,SAAS,cAAE,KAAK,GAAa,EAC9B,KAAC,WAAW,cACV,KAAC,KAAK,IACJ,QAAQ,EACN,QAAQ;wBACR,CAAC,CAAC,CAAC,EAAE,EAAE;4BACL,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBAC3B,CAAC,CAAC,EAEJ,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC,KAC9B,KAAK,KACL,QAAQ,GACZ,GACU,EACd,KAAC,eAAe,cAAE,WAAW,GAAmB,EAChD,KAAC,WAAW,KAAG,IACN,CACZ,CAAC;AACJ,CAAC;AAWD,SAAS,oBAAoB,CAG3B,EACA,OAAO,EACP,IAAI,EACJ,eAAe,EACf,GAAG,IAAI,EAC6C;IACpD,MAAM,EAAE,MAAM,EAAE,GAAG,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,IAAI,CAA2B,CAAC;IAE1D,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC,EACjD,KAAK,EAAE,KAAK,EAAE,OAAO,KACjB,IAAI,GACR,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+/**
+ * Renders an accessible label associated with controls.
+ *
+ * https://ui.shadcn.com/docs/components/label
+ */
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.ReactElement;
+export { Label };
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAIxD;;;;GAIG;AACH,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,YAAY,CAWvE;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Label/Label.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cn } from '#src/utils/index.js';
+/**
+ * Renders an accessible label associated with controls.
+ *
+ * https://ui.shadcn.com/docs/components/label
+ */
+function Label({ className, ...props }) {
+    return (_jsx(LabelPrimitive.Root, { "data-slot": "label", className: cn('flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50', className), ...props }));
+}
+export { Label };
+//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC;;;;GAIG;AACH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACL,KAAC,cAAc,CAAC,IAAI,iBACR,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,qNAAqN,EACrN,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+interface LoaderProps {
+    className?: string;
+}
+/**
+ * Loader component that displays a 3-dot loading animation.
+ */
+declare function Loader({ className }: LoaderProps): React.ReactElement;
+export { Loader };
+//# sourceMappingURL=Loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,WAAW;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAa9D;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Loader/Loader.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '#src/utils/index.js';
+/**
+ * Loader component that displays a 3-dot loading animation.
+ */
+function Loader({ className }) {
+    return (_jsx("div", { className: cn('flex h-full items-center justify-center', className), role: "progressbar", children: _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("div", { className: "size-3 animate-pulse rounded-full bg-muted-foreground" }), _jsx("div", { className: "size-3 animate-pulse rounded-full bg-muted-foreground delay-300" }), _jsx("div", { className: "size-3 animate-pulse rounded-full bg-muted-foreground delay-[600ms]" })] }) }));
+}
+export { Loader };
+//# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAMzC;;GAEG;AACH,SAAS,MAAM,CAAC,EAAE,SAAS,EAAe;IACxC,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,EACnE,IAAI,EAAC,aAAa,YAElB,eAAK,SAAS,EAAC,6BAA6B,aAC1C,cAAK,SAAS,EAAC,uDAAuD,GAAG,EACzE,cAAK,SAAS,EAAC,iEAAiE,GAAG,EACnF,cAAK,SAAS,EAAC,qEAAqE,GAAG,IACnF,GACF,CACP,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/MultiCombobox/MultiCombobox.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import { CommandGroup } from '../Command/Command.js';
+interface MultiComboboxContextValue {
+    selectedValues: MultiComboboxOption[];
+    onSelect: (value: string, label: string | undefined, selected: boolean) => void;
+    disabled?: boolean;
+    isOpen: boolean;
+    setIsOpen: (open: boolean) => void;
+    inputId: string;
+    filterId: string;
+    searchQuery: string;
+    setSearchQuery: (query: string) => void;
+}
+interface MultiComboboxOption {
+    label?: string;
+    value: string;
+}
+interface MultiComboboxProps {
+    children?: React.ReactNode;
+    value?: MultiComboboxOption[];
+    onChange?: (value: MultiComboboxOption[]) => void;
+    disabled?: boolean;
+}
+declare function MultiCombobox({ children, value, onChange, disabled, }: MultiComboboxProps): React.ReactElement;
+export declare function useMultiComboboxContext(): MultiComboboxContextValue;
+interface MultiComboboxInputProps {
+    className?: string;
+    placeholder?: string;
+}
+declare function MultiComboboxInput({ className, placeholder, }: MultiComboboxInputProps): React.ReactElement;
+interface MultiComboboxContentProps extends React.ComponentPropsWithRef<'div'> {
+    children?: React.ReactNode;
+    className?: string;
+    maxHeight?: string;
+    style?: React.CSSProperties;
+}
+declare function MultiComboboxContent({ children, className, maxHeight, style, ...rest }: MultiComboboxContentProps): React.ReactElement;
+declare function MultiComboboxEmpty({ className, ...props }: React.ComponentPropsWithRef<'div'>): React.ReactElement;
+declare const MultiComboboxGroup: typeof CommandGroup;
+interface MultiComboboxItemProps extends Omit<React.ComponentPropsWithRef<'div'>, 'onSelect'> {
+    disabled?: boolean;
+    value: string;
+    label?: string;
+}
+declare function MultiComboboxItem({ value, className, label, children, ...rest }: MultiComboboxItemProps): React.ReactElement;
+export { MultiCombobox, MultiComboboxContent, MultiComboboxEmpty, MultiComboboxGroup, MultiComboboxInput, MultiComboboxItem, };
+//# sourceMappingURL=MultiCombobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiCombobox.d.ts","sourceRoot":"","sources":["../../../src/components/MultiCombobox/MultiCombobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAYxD,OAAO,EAGL,YAAY,EAIb,MAAM,uBAAuB,CAAC;AAQ/B,UAAU,yBAAyB;IACjC,cAAc,EAAE,mBAAmB,EAAE,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,QAAQ,EAAE,OAAO,KACd,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAKD,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAmDzC;AAED,wBAAgB,uBAAuB,IAAI,yBAAyB,CAUnE;AAED,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,WAAW,GACZ,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAmF9C;AAED,UAAU,yBAA0B,SAAQ,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,SAAmB,EACnB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAwChD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAEzD;AAED,QAAA,MAAM,kBAAkB,qBAAe,CAAC;AAExC,UAAU,sBACR,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CA0B7C;AAED,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,CAAC"}