blimpui 0.0.1

package/dist/$/components/ui/date-range-picker.d.ts

@@ -0,0 +1,26 @@
+import { type DateRange, type RangeCalendarProps } from "./range-calendar";
+import { type FormFieldProps } from "./form-field";
+import { PopoverContent } from "./popover";
+import * as React from "react";
+type DateRangePickerProps = Omit<FormFieldProps, "children" | "value" | "defaultValue" | "onValueChange" | "onFocus" | "onBlur" | "placeholder"> & {
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onValueChange?: (value: DateRange | undefined) => void;
+    placeholder?: string;
+    formatRange?: (value: DateRange | undefined) => string;
+    locale?: string;
+    formatOptions?: Intl.DateTimeFormatOptions;
+    rangeCalendarProps?: Omit<RangeCalendarProps, "value" | "defaultValue" | "onValueChange">;
+    popoverContentProps?: React.ComponentPropsWithoutRef<typeof PopoverContent>;
+    iconClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    onFieldFocus?: FormFieldProps["onFocus"];
+    onFieldBlur?: FormFieldProps["onBlur"];
+};
+declare function DateRangePicker({ value, defaultValue, onValueChange, placeholder, formatRange, locale, formatOptions, rangeCalendarProps, popoverContentProps, iconClassName, onOpenChange, onFieldFocus, onFieldBlur, className, fieldClassName, ...formFieldProps }: DateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DateRangePicker {
+    var displayName: string;
+}
+export { DateRangePicker };
+export type { DateRangePickerProps };
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/$/components/ui/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/date-range-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,KAAK,SAAS,EACd,KAAK,kBAAkB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAW,cAAc,EAAE,MAAM,WAAW,CAAC;AAGpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,oBAAoB,GAAG,IAAI,CAC/B,cAAc,EACZ,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,SAAS,GACT,QAAQ,GACR,aAAa,CACf,GAAG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,MAAM,CAAC;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,kBAAkB,CAAC,EAAE,IAAI,CACxB,kBAAkB,EAClB,OAAO,GAAG,cAAc,GAAG,eAAe,CAC1C,CAAC;IACF,mBAAmB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAqBF,iBAAS,eAAe,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAmC,EACnC,WAAW,EACX,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,cAAc,EACjB,EAAE,oBAAoB,2CAiHtB;kBAlIQ,eAAe;;;AAsIxB,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/$/components/ui/date-range-picker.js

@@ -0,0 +1,89 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "../../../$/lib/utils";
+import { useControllableState } from "../primitives/calendar/use-controllable-state";
+import { RangeCalendar, } from "./range-calendar";
+import { FormField } from "./form-field";
+import { Icon } from "./icon";
+import { Text } from "./text";
+import { Popover } from "./popover";
+import { Calendar as CalendarIcon } from "lucide-react-native";
+import * as React from "react";
+import { Pressable, useWindowDimensions, View } from "react-native";
+var buildDefaultRangeFormatter = function (locale, formatOptions) {
+    var formatter = new Intl.DateTimeFormat(locale, formatOptions !== null && formatOptions !== void 0 ? formatOptions : { dateStyle: "medium" });
+    return function (range) {
+        if (!(range === null || range === void 0 ? void 0 : range.from) && !(range === null || range === void 0 ? void 0 : range.to))
+            return "";
+        if ((range === null || range === void 0 ? void 0 : range.from) && (range === null || range === void 0 ? void 0 : range.to))
+            return "".concat(formatter.format(range.from), " - ").concat(formatter.format(range.to));
+        if (range === null || range === void 0 ? void 0 : range.from)
+            return "".concat(formatter.format(range.from), " -");
+        if (range === null || range === void 0 ? void 0 : range.to)
+            return "- ".concat(formatter.format(range.to));
+        return "";
+    };
+};
+function DateRangePicker(_a) {
+    var value = _a.value, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Select a date range" : _b, formatRange = _a.formatRange, locale = _a.locale, formatOptions = _a.formatOptions, rangeCalendarProps = _a.rangeCalendarProps, popoverContentProps = _a.popoverContentProps, iconClassName = _a.iconClassName, onOpenChange = _a.onOpenChange, onFieldFocus = _a.onFieldFocus, onFieldBlur = _a.onFieldBlur, className = _a.className, fieldClassName = _a.fieldClassName, formFieldProps = __rest(_a, ["value", "defaultValue", "onValueChange", "placeholder", "formatRange", "locale", "formatOptions", "rangeCalendarProps", "popoverContentProps", "iconClassName", "onOpenChange", "onFieldFocus", "onFieldBlur", "className", "fieldClassName"]);
+    var _c = useControllableState({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onValueChange,
+    }), selectedRange = _c[0], setSelectedRange = _c[1];
+    var popoverRef = React.useRef(null);
+    var dimensions = useWindowDimensions();
+    var isSmallerScreen = dimensions.width < 640;
+    var formatter = React.useMemo(function () { return formatRange !== null && formatRange !== void 0 ? formatRange : buildDefaultRangeFormatter(locale, formatOptions); }, [formatRange, locale, formatOptions]);
+    var displayValue = React.useMemo(function () { return formatter(selectedRange); }, [formatter, selectedRange]);
+    return (_jsx(FormField, __assign({}, formFieldProps, { className: className, fieldClassName: cn("h-16", fieldClassName), value: displayValue, placeholder: placeholder, onFocus: onFieldFocus, onBlur: onFieldBlur, children: function (_a) {
+            var _b;
+            var inputProps = _a.inputProps, isFocused = _a.isFocused, hasError = _a.hasError, hasSuccess = _a.hasSuccess;
+            var handleOpenChange = function (nextOpen) {
+                if (formFieldProps.disabled)
+                    return;
+                if (nextOpen) {
+                    inputProps.onFocus();
+                }
+                else {
+                    inputProps.onBlur();
+                }
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
+            };
+            var handleRangeChange = function (next) {
+                var _a;
+                setSelectedRange(next);
+                if ((next === null || next === void 0 ? void 0 : next.from) && (next === null || next === void 0 ? void 0 : next.to)) {
+                    (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.close();
+                }
+            };
+            var textToShow = displayValue || placeholder;
+            var resolvedPopoverContentClassName = cn("border-none bg-transparent p-0 shadow-none", popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.className);
+            return (_jsxs(_Fragment, { children: [_jsx(Popover, { onOpenChange: handleOpenChange, content: _jsx(RangeCalendar, __assign({ value: selectedRange, onValueChange: handleRangeChange }, rangeCalendarProps)), contentProps: __assign(__assign({}, popoverContentProps), { className: resolvedPopoverContentClassName, sideOffset: (_b = popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.sideOffset) !== null && _b !== void 0 ? _b : 8 }), triggerRef: popoverRef, type: isSmallerScreen ? "floating-sheet" : "popover" }), _jsxs(Pressable, { className: "flex-row items-center justify-between gap-2 py-1.5", disabled: formFieldProps.disabled, accessibilityState: {
+                            disabled: formFieldProps.disabled,
+                        }, onPress: function () { var _a; return (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue ? "text-foreground" : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { as: CalendarIcon, className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] })] }));
+        } })));
+}
+DateRangePicker.displayName = "DateRangePicker";
+export { DateRangePicker };

package/dist/$/components/ui/datepicker.d.ts

@@ -0,0 +1,26 @@
+import { type CalendarProps } from "./calendar";
+import { type FormFieldProps } from "./form-field";
+import { PopoverContent } from "./popover";
+import * as React from "react";
+type DatePickerProps = Omit<FormFieldProps, "children" | "value" | "defaultValue" | "onValueChange" | "onFocus" | "onBlur" | "placeholder"> & {
+    value?: Date;
+    defaultValue?: Date;
+    onValueChange?: (value: Date | undefined) => void;
+    placeholder?: string;
+    formatDate?: (value: Date | undefined) => string;
+    locale?: string;
+    formatOptions?: Intl.DateTimeFormatOptions;
+    calendarProps?: Omit<CalendarProps, "value" | "defaultValue" | "onValueChange">;
+    popoverContentProps?: React.ComponentPropsWithoutRef<typeof PopoverContent>;
+    iconClassName?: string;
+    onOpenChange?: (open: boolean) => void;
+    onFieldFocus?: FormFieldProps["onFocus"];
+    onFieldBlur?: FormFieldProps["onBlur"];
+};
+declare function DatePicker({ value, defaultValue, onValueChange, placeholder, formatDate, locale, formatOptions, calendarProps, popoverContentProps, iconClassName, onOpenChange, onFieldFocus, onFieldBlur, className, fieldClassName, ...formFieldProps }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
+export { DatePicker };
+export type { DatePickerProps };
+//# sourceMappingURL=datepicker.d.ts.map

package/dist/$/components/ui/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/datepicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAW,cAAc,EAAkB,MAAM,WAAW,CAAC;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,eAAe,GAAG,IAAI,CAC1B,cAAc,EACZ,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,SAAS,GACT,QAAQ,GACR,aAAa,CACf,GAAG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,IAAI,CACnB,aAAa,EACb,OAAO,GAAG,cAAc,GAAG,eAAe,CAC1C,CAAC;IACF,mBAAmB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAcF,iBAAS,UAAU,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA6B,EAC7B,UAAU,EACV,MAAM,EACN,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,cAAc,EACjB,EAAE,eAAe,2CAkHjB;kBAnIQ,UAAU;;;AAuInB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/$/components/ui/datepicker.js

@@ -0,0 +1,81 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "../../../$/lib/utils";
+import { useControllableState } from "../primitives/calendar/use-controllable-state";
+import { Calendar } from "./calendar";
+import { FormField } from "./form-field";
+import { Icon } from "./icon";
+import { Text } from "./text";
+import { Popover } from "./popover";
+import { Calendar as CalendarIcon } from "lucide-react-native";
+import * as React from "react";
+import { Pressable, useWindowDimensions, View } from "react-native";
+var buildDefaultFormatter = function (locale, formatOptions) {
+    var formatter = new Intl.DateTimeFormat(locale, formatOptions !== null && formatOptions !== void 0 ? formatOptions : { dateStyle: "medium" });
+    return function (date) { return (date ? formatter.format(date) : ""); };
+};
+function DatePicker(_a) {
+    var value = _a.value, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Select a date" : _b, formatDate = _a.formatDate, locale = _a.locale, formatOptions = _a.formatOptions, calendarProps = _a.calendarProps, popoverContentProps = _a.popoverContentProps, iconClassName = _a.iconClassName, onOpenChange = _a.onOpenChange, onFieldFocus = _a.onFieldFocus, onFieldBlur = _a.onFieldBlur, className = _a.className, fieldClassName = _a.fieldClassName, formFieldProps = __rest(_a, ["value", "defaultValue", "onValueChange", "placeholder", "formatDate", "locale", "formatOptions", "calendarProps", "popoverContentProps", "iconClassName", "onOpenChange", "onFieldFocus", "onFieldBlur", "className", "fieldClassName"]);
+    var _c = useControllableState({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onValueChange,
+    }), selectedDate = _c[0], setSelectedDate = _c[1];
+    var popoverRef = React.useRef(null);
+    var formatter = React.useMemo(function () { return formatDate !== null && formatDate !== void 0 ? formatDate : buildDefaultFormatter(locale, formatOptions); }, [formatDate, locale, formatOptions]);
+    var displayValue = React.useMemo(function () { return formatter(selectedDate); }, [formatter, selectedDate]);
+    var dimensions = useWindowDimensions();
+    var isSmallerScreen = dimensions.width < 640;
+    return (_jsx(FormField, __assign({}, formFieldProps, { className: className, fieldClassName: cn("h-16", fieldClassName), value: displayValue, placeholder: placeholder, onFocus: onFieldFocus, onBlur: onFieldBlur, children: function (_a) {
+            var _b;
+            var inputProps = _a.inputProps, isFocused = _a.isFocused, hasError = _a.hasError, hasSuccess = _a.hasSuccess;
+            var handleOpenChange = function (nextOpen) {
+                if (formFieldProps.disabled)
+                    return;
+                if (nextOpen) {
+                    inputProps.onFocus();
+                }
+                else {
+                    inputProps.onBlur();
+                }
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
+            };
+            var handleDateChange = function (next) {
+                var _a;
+                setSelectedDate(next);
+                (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.close();
+            };
+            var textToShow = displayValue || placeholder;
+            var resolvedPopoverContentClassName = cn("border-none bg-transparent p-0 shadow-none", popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.className);
+            return (_jsxs(_Fragment, { children: [_jsx(Popover, { onOpenChange: handleOpenChange, content: _jsx(Calendar, __assign({ value: selectedDate, onValueChange: handleDateChange }, calendarProps)), contentProps: __assign(__assign({}, popoverContentProps), { className: resolvedPopoverContentClassName, sideOffset: (_b = popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.sideOffset) !== null && _b !== void 0 ? _b : 8 }), triggerRef: popoverRef, type: isSmallerScreen ? "floating-sheet" : "popover" }), _jsxs(Pressable, { className: "flex-row items-center justify-between gap-2 py-1.5", disabled: formFieldProps.disabled, accessibilityState: {
+                            disabled: formFieldProps.disabled,
+                        }, onPress: function () {
+                            var _a, _b;
+                            console.log(popoverRef.current, (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open());
+                            (_b = popoverRef.current) === null || _b === void 0 ? void 0 : _b.open();
+                        }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue ? "text-foreground" : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { as: CalendarIcon, className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] })] }));
+        } })));
+}
+DatePicker.displayName = "DatePicker";
+export { DatePicker };

package/dist/$/components/ui/dialog.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Dialog as PrimitiveDialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../primitives/dialog";
+type DialogProps = React.ComponentProps<typeof PrimitiveDialog> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    trigger?: React.ReactNode;
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+    contentProps?: React.ComponentProps<typeof DialogContent>;
+    headerProps?: React.ComponentProps<typeof DialogHeader>;
+    footerProps?: React.ComponentProps<typeof DialogFooter>;
+    titleProps?: React.ComponentProps<typeof DialogTitle>;
+    descriptionProps?: React.ComponentProps<typeof DialogDescription>;
+};
+declare function Dialog({ title, description, trigger, content, footer, children, contentProps, headerProps, footerProps, titleProps, descriptionProps, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };
+export * from "../primitives/dialog";
+//# sourceMappingURL=dialog.d.ts.map

package/dist/$/components/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACN,MAAM,IAAI,eAAe,EACzB,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,MAAM,sBAAsB,CAAC;AAE9B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IACjE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;IACxD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;IACxD,UAAU,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;IACtD,gBAAgB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;CAClE,CAAC;AAEF,iBAAS,MAAM,CAAC,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,WAAW,2CA6Bb;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,GACb,CAAC;AACF,cAAc,sBAAsB,CAAC"}

package/dist/$/components/ui/dialog.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog as PrimitiveDialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "../primitives/dialog";
+function Dialog(_a) {
+    var title = _a.title, description = _a.description, trigger = _a.trigger, content = _a.content, footer = _a.footer, children = _a.children, contentProps = _a.contentProps, headerProps = _a.headerProps, footerProps = _a.footerProps, titleProps = _a.titleProps, descriptionProps = _a.descriptionProps, props = __rest(_a, ["title", "description", "trigger", "content", "footer", "children", "contentProps", "headerProps", "footerProps", "titleProps", "descriptionProps"]);
+    if (children) {
+        return (_jsxs(PrimitiveDialog, __assign({}, props, { children: [trigger && _jsx(DialogTrigger, { asChild: true, children: trigger }), children] })));
+    }
+    return (_jsxs(PrimitiveDialog, __assign({}, props, { children: [trigger && _jsx(DialogTrigger, { asChild: true, children: trigger }), _jsxs(DialogContent, __assign({}, contentProps, { children: [(title || description) && (_jsxs(DialogHeader, __assign({}, headerProps, { children: [title && _jsx(DialogTitle, __assign({}, titleProps, { children: title })), description && (_jsx(DialogDescription, __assign({}, descriptionProps, { children: description })))] }))), content, footer && _jsx(DialogFooter, __assign({}, footerProps, { children: footer }))] }))] })));
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };
+export * from "../primitives/dialog";

package/dist/$/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,59 @@
+import * as React from "react";
+import { DropdownMenu as PrimitiveDropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "../primitives/dropdown-menu";
+type DropdownMenuBaseItem = {
+    key?: React.Key;
+};
+type DropdownMenuActionItem = DropdownMenuBaseItem & {
+    type?: "item";
+    label: React.ReactNode;
+    shortcut?: React.ReactNode;
+    itemProps?: React.ComponentProps<typeof DropdownMenuItem>;
+    shortcutProps?: React.ComponentProps<typeof DropdownMenuShortcut>;
+};
+type DropdownMenuCheckbox = DropdownMenuBaseItem & {
+    type: "checkbox";
+    label: React.ReactNode;
+    shortcut?: React.ReactNode;
+    itemProps?: React.ComponentProps<typeof DropdownMenuCheckboxItem>;
+    shortcutProps?: React.ComponentProps<typeof DropdownMenuShortcut>;
+};
+type DropdownMenuRadioGroupData = DropdownMenuBaseItem & {
+    type: "radio-group";
+    value?: string;
+    onValueChange?: (value: string) => void;
+    items: Array<DropdownMenuBaseItem & {
+        value: string;
+        label: React.ReactNode;
+        shortcut?: React.ReactNode;
+        itemProps?: React.ComponentProps<typeof DropdownMenuRadioItem>;
+        shortcutProps?: React.ComponentProps<typeof DropdownMenuShortcut>;
+    }>;
+    groupProps?: React.ComponentProps<typeof DropdownMenuRadioGroup>;
+};
+type DropdownMenuLabelData = DropdownMenuBaseItem & {
+    type: "label";
+    label: React.ReactNode;
+    labelProps?: React.ComponentProps<typeof DropdownMenuLabel>;
+};
+type DropdownMenuSeparatorData = DropdownMenuBaseItem & {
+    type: "separator";
+    separatorProps?: React.ComponentProps<typeof DropdownMenuSeparator>;
+};
+type DropdownMenuSubData = DropdownMenuBaseItem & {
+    type: "sub";
+    trigger: React.ReactNode;
+    items: DropdownMenuItemData[];
+    triggerProps?: React.ComponentProps<typeof DropdownMenuSubTrigger>;
+    contentProps?: React.ComponentProps<typeof DropdownMenuSubContent>;
+};
+type DropdownMenuItemData = DropdownMenuActionItem | DropdownMenuCheckbox | DropdownMenuRadioGroupData | DropdownMenuLabelData | DropdownMenuSeparatorData | DropdownMenuSubData;
+type DropdownMenuProps = React.ComponentProps<typeof PrimitiveDropdownMenu> & {
+    items?: DropdownMenuItemData[];
+    trigger?: React.ReactNode;
+    triggerProps?: React.ComponentProps<typeof DropdownMenuTrigger>;
+    contentProps?: React.ComponentProps<typeof DropdownMenuContent>;
+};
+declare function DropdownMenu({ items, children, trigger, triggerProps, contentProps, ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
+export * from "../primitives/dropdown-menu";
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/$/components/ui/dropdown-menu.d.ts.map

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

package/dist/$/components/ui/dropdown-menu.js

@@ -0,0 +1,79 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownMenu as PrimitiveDropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "../primitives/dropdown-menu";
+import { Text } from "./text";
+var renderText = function (node) {
+    if (typeof node === "string" || typeof node === "number") {
+        return _jsx(Text, { children: node });
+    }
+    return node;
+};
+var renderShortcut = function (shortcut, shortcutProps) {
+    if (!shortcut)
+        return null;
+    return (_jsx(DropdownMenuShortcut, __assign({}, shortcutProps, { children: renderText(shortcut) })));
+};
+var renderItems = function (items) {
+    return items.map(function (item, index) {
+        var _a;
+        var key = (_a = item.key) !== null && _a !== void 0 ? _a : index;
+        switch (item.type) {
+            case "label": {
+                return (_jsx(DropdownMenuLabel, __assign({}, item.labelProps, { children: renderText(item.label) }), key));
+            }
+            case "separator": {
+                return _jsx(DropdownMenuSeparator, __assign({}, item.separatorProps), key);
+            }
+            case "checkbox": {
+                return (_jsxs(DropdownMenuCheckboxItem, __assign({}, item.itemProps, { children: [renderText(item.label), renderShortcut(item.shortcut, item.shortcutProps)] }), key));
+            }
+            case "radio-group": {
+                var groupProps = item.groupProps, value = item.value, onValueChange = item.onValueChange, radioItems = item.items;
+                var _b = groupProps !== null && groupProps !== void 0 ? groupProps : {}, groupValue = _b.value, groupOnValueChange = _b.onValueChange, restGroupProps = __rest(_b, ["value", "onValueChange"]);
+                return (_jsx(DropdownMenuRadioGroup, __assign({ value: value !== null && value !== void 0 ? value : groupValue, onValueChange: onValueChange !== null && onValueChange !== void 0 ? onValueChange : groupOnValueChange }, restGroupProps, { children: radioItems.map(function (radioItem, radioIndex) {
+                        var _a, _b;
+                        var radioKey = (_b = (_a = radioItem.key) !== null && _a !== void 0 ? _a : radioItem.value) !== null && _b !== void 0 ? _b : radioIndex;
+                        return (_jsxs(DropdownMenuRadioItem, __assign({ value: radioItem.value }, radioItem.itemProps, { children: [renderText(radioItem.label), renderShortcut(radioItem.shortcut, radioItem.shortcutProps)] }), radioKey));
+                    }) }), key));
+            }
+            case "sub": {
+                return (_jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, __assign({}, item.triggerProps, { children: renderText(item.trigger) })), _jsx(DropdownMenuSubContent, __assign({}, item.contentProps, { children: renderItems(item.items) }))] }, key));
+            }
+            default: {
+                var actionItem = item;
+                return (_jsxs(DropdownMenuItem, __assign({}, actionItem.itemProps, { children: [renderText(actionItem.label), renderShortcut(actionItem.shortcut, actionItem.shortcutProps)] }), key));
+            }
+        }
+    });
+};
+function DropdownMenu(_a) {
+    var items = _a.items, children = _a.children, trigger = _a.trigger, triggerProps = _a.triggerProps, contentProps = _a.contentProps, props = __rest(_a, ["items", "children", "trigger", "triggerProps", "contentProps"]);
+    if (!items || items.length === 0) {
+        return _jsx(PrimitiveDropdownMenu, __assign({}, props, { children: children }));
+    }
+    var triggerContent = trigger !== null && trigger !== void 0 ? trigger : children;
+    return (_jsxs(PrimitiveDropdownMenu, __assign({}, props, { children: [triggerContent ? (_jsx(DropdownMenuTrigger, __assign({}, triggerProps, { children: triggerContent }))) : null, _jsx(DropdownMenuContent, __assign({}, contentProps, { children: renderItems(items) }))] })));
+}
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
+export * from "../primitives/dropdown-menu";

package/dist/$/components/ui/form-field/form-field-label.d.ts

@@ -0,0 +1,15 @@
+type FormFieldLabelProps = {
+    label: string;
+    required?: boolean;
+    labelClassName?: string;
+    hasError: boolean;
+    hasSuccess: boolean;
+    isFocused: boolean;
+    labelStyle?: any;
+    placement?: "inside" | "outside";
+    offsetLeft?: number;
+    offsetTop?: number;
+};
+export declare function FormFieldLabel({ label, required, labelClassName, hasError, hasSuccess, isFocused, labelStyle, placement, offsetLeft, offsetTop, }: FormFieldLabelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-field-label.d.ts.map

package/dist/$/components/ui/form-field/form-field-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-label.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/form-field/form-field-label.tsx"],"names":[],"mappings":"AAOA,KAAK,mBAAmB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAoB,EACpB,UAAe,EACf,SAAa,GACb,EAAE,mBAAmB,2CA0BrB"}

package/dist/$/components/ui/form-field/form-field-label.js

@@ -0,0 +1,15 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import Animated from "react-native-reanimated";
+import { cn } from "../../../../$/lib/utils";
+import { Text } from "../text";
+var AnimatedText = Animated.createAnimatedComponent(Text);
+export function FormFieldLabel(_a) {
+    var label = _a.label, required = _a.required, labelClassName = _a.labelClassName, hasError = _a.hasError, hasSuccess = _a.hasSuccess, isFocused = _a.isFocused, labelStyle = _a.labelStyle, _b = _a.placement, placement = _b === void 0 ? "inside" : _b, _c = _a.offsetLeft, offsetLeft = _c === void 0 ? 12 : _c, _d = _a.offsetTop, offsetTop = _d === void 0 ? 8 : _d;
+    var isInside = placement !== "outside";
+    var labelToneClass = cn("text-sm leading-tight text-muted-foreground", hasError && "text-destructive", hasSuccess && "text-primary", !hasError && !hasSuccess && isFocused && "text-foreground", labelClassName);
+    var LabelComponent = isInside ? AnimatedText : Text;
+    var composedStyle = isInside
+        ? [{ position: "absolute", top: offsetTop, left: offsetLeft }, labelStyle]
+        : labelStyle;
+    return (_jsxs(LabelComponent, { pointerEvents: isInside ? "none" : undefined, numberOfLines: 1, className: labelToneClass, style: composedStyle, children: [label, required ? " *" : ""] }));
+}

package/dist/$/components/ui/form-field/form-field-message.d.ts

@@ -0,0 +1,11 @@
+type FormFieldMessageProps = {
+    messageText?: string;
+    messageClassName?: string;
+    errorClassName?: string;
+    successClassName?: string;
+    hasError: boolean;
+    hasSuccess: boolean;
+};
+export declare function FormFieldMessage({ messageText, messageClassName, errorClassName, successClassName, hasError, hasSuccess, }: FormFieldMessageProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=form-field-message.d.ts.map

package/dist/$/components/ui/form-field/form-field-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-message.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/form-field/form-field-message.tsx"],"names":[],"mappings":"AAGA,KAAK,qBAAqB,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,UAAU,GACV,EAAE,qBAAqB,2CAavB"}

package/dist/$/components/ui/form-field/form-field-message.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../../../$/lib/utils";
+import { Text } from "../text";
+export function FormFieldMessage(_a) {
+    var messageText = _a.messageText, messageClassName = _a.messageClassName, errorClassName = _a.errorClassName, successClassName = _a.successClassName, hasError = _a.hasError, hasSuccess = _a.hasSuccess;
+    if (!messageText)
+        return null;
+    var messageToneClass = cn("text-muted-foreground", messageClassName, hasError && cn("text-destructive", errorClassName), hasSuccess && !hasError && cn("text-primary", successClassName));
+    return (_jsx(Text, { className: cn("text-xs px-1", messageToneClass), children: messageText }));
+}

package/dist/$/components/ui/form-field/index.d.ts

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { TextInput } from "react-native";
+type FormFieldRenderProps = {
+    value: string;
+    isFocused: boolean;
+    hasError: boolean;
+    hasSuccess: boolean;
+    placeholder?: string;
+    inputRef: React.RefObject<TextInput>;
+    inputProps: {
+        value: string;
+        placeholder?: string;
+        onFocus: () => void;
+        onBlur: () => void;
+        onChangeText: (text: string) => void;
+        editable?: boolean;
+    };
+};
+type FormFieldProps = {
+    variant?: "flat" | "bordered" | "underlined" | "faded";
+    label?: string;
+    placeholder?: string;
+    helperText?: string;
+    error?: string | boolean;
+    success?: string | boolean;
+    startContent?: React.ReactNode;
+    endContent?: React.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    disabled?: boolean;
+    required?: boolean;
+    labelPlacement?: "inside" | "outside";
+    className?: string;
+    fieldClassName?: string;
+    labelClassName?: string;
+    contentClassName?: string;
+    messageClassName?: string;
+    errorClassName?: string;
+    successClassName?: string;
+    children: (props: FormFieldRenderProps) => React.ReactNode;
+};
+declare function FormField({ variant, label, placeholder, helperText, error, success, startContent, endContent, value, defaultValue, onValueChange, onFocus, onBlur, disabled, required, labelPlacement, className, fieldClassName, labelClassName, contentClassName, messageClassName, errorClassName, successClassName, children, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
+export { FormField };
+export type { FormFieldProps, FormFieldRenderProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/$/components/ui/form-field/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/form-field/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,SAAS,EAAQ,MAAM,cAAc,CAAC;AAO1D,KAAK,oBAAoB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IACrC,UAAU,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;QACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;CACF,CAAC;AAEF,KAAK,cAAc,GAAG;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D,CAAC;AAEF,iBAAS,SAAS,CAAC,EAClB,OAAgB,EAChB,KAAK,EACL,WAAW,EACX,UAAU,EACV,KAAK,EACL,OAAO,EACP,YAAY,EACZ,UAAU,EACV,KAAK,EACL,YAAY,EACZ,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAyB,EACzB,SAAS,EACT,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACR,EAAE,cAAc,2CA0JhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC"}