blimpui 0.0.8 → 0.0.10

package/dist/$/components/primitives/skeleton.d.ts

@@ -1,5 +1,7 @@
 import { View } from "react-native";
 import * as React from "react";
-declare function Skeleton({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View>): import("react/jsx-runtime").JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<typeof View> & React.RefAttributes<View> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };
 //# sourceMappingURL=skeleton.d.ts.map

package/dist/$/components/primitives/skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,2CAoB/D;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,GACnC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,2CAoBD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,74 @@
+import * as DrawerPrimitive from "@rn-primitives/dialog";
+import * as React from "react";
+import { View, type ViewProps } from "react-native";
+import { type EntryAnimationsValues, type ExitAnimationsValues } from "react-native-reanimated";
+type DrawerSide = "left" | "right" | "top" | "bottom";
+type DrawerSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "full";
+type DrawerHandle = {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    readonly isOpen: boolean;
+};
+type DrawerProps = Omit<React.ComponentProps<typeof DrawerPrimitive.Root>, "open" | "defaultOpen" | "onOpenChange"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    footer?: React.ReactNode;
+    trigger?: React.ReactNode;
+    content?: React.ReactNode;
+    contentProps?: Omit<DrawerContentProps, "children">;
+    headerProps?: React.ComponentProps<typeof DrawerHeader>;
+    footerProps?: React.ComponentProps<typeof DrawerFooter>;
+    titleProps?: React.ComponentProps<typeof DrawerTitle>;
+    descriptionProps?: React.ComponentProps<typeof DrawerDescription>;
+    side?: DrawerSide;
+    size?: DrawerSize;
+    portalHost?: string;
+    overlayProps?: DrawerOverlayProps;
+    showClose?: boolean;
+    closeButtonProps?: React.ComponentProps<typeof DrawerPrimitive.Close>;
+    dismissible?: boolean;
+    disableKeyboardDismiss?: boolean;
+    enterAnimation?: EntryAnimationsValues;
+    exitAnimation?: ExitAnimationsValues;
+};
+type DrawerPortalProps = React.ComponentProps<typeof DrawerPrimitive.Portal>;
+type DrawerOverlayProps = Omit<DrawerPrimitive.OverlayProps, "asChild"> & React.RefAttributes<DrawerPrimitive.OverlayRef>;
+type DrawerContentProps = DrawerPrimitive.ContentProps & React.RefAttributes<DrawerPrimitive.ContentRef> & {
+    side?: DrawerSide;
+    size?: DrawerSize;
+    portalHost?: string;
+    overlayProps?: DrawerOverlayProps;
+    showClose?: boolean;
+    closeButtonProps?: React.ComponentProps<typeof DrawerPrimitive.Close>;
+    dismissible?: boolean;
+    disableKeyboardDismiss?: boolean;
+    enterAnimation?: EntryAnimationsValues;
+    exitAnimation?: ExitAnimationsValues;
+};
+declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & React.RefAttributes<View>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<Omit<import("react-native").PressableProps & React.RefAttributes<View>, "ref"> & {
+    asChild?: boolean;
+} & {
+    onKeyDown?: (ev: React.KeyboardEvent) => void;
+    onKeyUp?: (ev: React.KeyboardEvent) => void;
+} & React.RefAttributes<View>>;
+declare const Drawer: React.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React.RefAttributes<DrawerHandle>>;
+declare const DrawerPortal: ({ children, ...props }: DrawerPortalProps) => import("react/jsx-runtime").JSX.Element;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<DrawerContentProps, "ref"> & React.RefAttributes<View>>;
+declare function DrawerHeader({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: ViewProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: DrawerPrimitive.TitleProps): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: DrawerPrimitive.DescriptionProps): import("react/jsx-runtime").JSX.Element;
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPortal, DrawerTitle, DrawerTrigger, };
+export type { DrawerHandle, DrawerSide, DrawerSize, DrawerProps };
+export * from "../primitives/dialog";
+//# sourceMappingURL=drawer.d.ts.map

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

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

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

@@ -0,0 +1,183 @@
+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 { Icon } from "../../../$/components/primitives/icon";
+import { NativeOnlyAnimatedView } from "../../../$/components/primitives/native-only-animated-view";
+import { cn } from "../../../$/lib/utils";
+import * as DrawerPrimitive from "@rn-primitives/dialog";
+import { X } from "lucide-react-native";
+import * as React from "react";
+import { Platform, Text, View } from "react-native";
+import { FadeIn, FadeOut, SlideInRight, SlideOutRight, } from "react-native-reanimated";
+import { FullWindowOverlay as RNFullWindowOverlay } from "react-native-screens";
+var DrawerTrigger = DrawerPrimitive.Trigger;
+var DrawerClose = DrawerPrimitive.Close;
+var FullWindowOverlay = Platform.OS === "ios" ? RNFullWindowOverlay : React.Fragment;
+var horizontalSizes = {
+    xs: "max-w-[18rem] w-[18rem]",
+    sm: "max-w-[20rem] w-[20rem]",
+    md: "max-w-[24rem] w-[24rem]",
+    lg: "max-w-[28rem] w-[28rem]",
+    xl: "max-w-[32rem] w-[32rem]",
+    "2xl": "max-w-[36rem] w-[36rem]",
+    "3xl": "max-w-[42rem] w-[42rem]",
+    "4xl": "max-w-[48rem] w-[48rem]",
+    "5xl": "max-w-[56rem] w-[56rem]",
+    full: "w-full max-w-full",
+};
+var verticalSizes = {
+    xs: "max-h-[16rem] h-[16rem]",
+    sm: "max-h-[18rem] h-[18rem]",
+    md: "max-h-[22rem] h-[22rem]",
+    lg: "max-h-[26rem] h-[26rem]",
+    xl: "max-h-[30rem] h-[30rem]",
+    "2xl": "max-h-[34rem] h-[34rem]",
+    "3xl": "max-h-[38rem] h-[38rem]",
+    "4xl": "max-h-[44rem] h-[44rem]",
+    "5xl": "max-h-[52rem] h-[52rem]",
+    full: "h-full max-h-full",
+};
+var sidePositionClass = {
+    right: "right-0 top-0 h-full border-l",
+    left: "left-0 top-0 h-full border-r",
+    bottom: "bottom-0 left-0 w-full border-t",
+    top: "left-0 top-0 w-full border-b",
+};
+var Drawer = React.forwardRef(function Drawer(_a, ref) {
+    var openProp = _a.open, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, onOpenChange = _a.onOpenChange, children = _a.children, title = _a.title, description = _a.description, footer = _a.footer, trigger = _a.trigger, content = _a.content, contentProps = _a.contentProps, headerProps = _a.headerProps, footerProps = _a.footerProps, titleProps = _a.titleProps, descriptionProps = _a.descriptionProps, side = _a.side, size = _a.size, portalHost = _a.portalHost, overlayProps = _a.overlayProps, showClose = _a.showClose, closeButtonProps = _a.closeButtonProps, dismissible = _a.dismissible, disableKeyboardDismiss = _a.disableKeyboardDismiss, enterAnimation = _a.enterAnimation, exitAnimation = _a.exitAnimation, props = __rest(_a, ["open", "defaultOpen", "onOpenChange", "children", "title", "description", "footer", "trigger", "content", "contentProps", "headerProps", "footerProps", "titleProps", "descriptionProps", "side", "size", "portalHost", "overlayProps", "showClose", "closeButtonProps", "dismissible", "disableKeyboardDismiss", "enterAnimation", "exitAnimation"]);
+    var isControlled = openProp !== undefined;
+    var _c = React.useState(defaultOpen), uncontrolledOpen = _c[0], setUncontrolledOpen = _c[1];
+    var latestOpen = React.useRef(openProp !== null && openProp !== void 0 ? openProp : uncontrolledOpen);
+    React.useEffect(function () {
+        latestOpen.current = openProp !== null && openProp !== void 0 ? openProp : uncontrolledOpen;
+    }, [openProp, uncontrolledOpen]);
+    var setOpen = React.useCallback(function (next) {
+        if (!isControlled) {
+            setUncontrolledOpen(next);
+        }
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+    }, [isControlled, onOpenChange]);
+    var handleOpenChange = React.useCallback(function (next) {
+        setOpen(next);
+    }, [setOpen]);
+    React.useImperativeHandle(ref, function () { return ({
+        open: function () { return setOpen(true); },
+        close: function () { return setOpen(false); },
+        toggle: function () { return setOpen(!latestOpen.current); },
+        get isOpen() {
+            return latestOpen.current;
+        },
+    }); }, [setOpen]);
+    var open = openProp !== null && openProp !== void 0 ? openProp : uncontrolledOpen;
+    var childArray = React.useMemo(function () { return React.Children.toArray(children); }, [children]);
+    var hasExplicitContent = React.useMemo(function () {
+        return childArray.some(function (child) {
+            if (!React.isValidElement(child))
+                return false;
+            var childType = child.type;
+            return (childType === DrawerContent ||
+                childType === DrawerPrimitive.Content ||
+                (childType === null || childType === void 0 ? void 0 : childType.displayName) === DrawerContent.displayName);
+        });
+    }, [childArray]);
+    var body = content !== null && content !== void 0 ? content : children;
+    var mergedContentProps = React.useMemo(function () { return (__assign({ side: side, size: size, portalHost: portalHost, overlayProps: overlayProps, showClose: showClose, closeButtonProps: closeButtonProps, dismissible: dismissible, disableKeyboardDismiss: disableKeyboardDismiss, enterAnimation: enterAnimation, exitAnimation: exitAnimation }, (contentProps !== null && contentProps !== void 0 ? contentProps : {}))); }, [
+        side,
+        size,
+        portalHost,
+        overlayProps,
+        showClose,
+        closeButtonProps,
+        dismissible,
+        disableKeyboardDismiss,
+        enterAnimation,
+        exitAnimation,
+        contentProps,
+    ]);
+    return (_jsxs(DrawerPrimitive.Root, __assign({ open: open, onOpenChange: handleOpenChange }, props, { children: [trigger ? _jsx(DrawerTrigger, { asChild: true, children: trigger }) : null, hasExplicitContent ? (children) : (_jsxs(DrawerContent, __assign({}, mergedContentProps, { children: [title || description ? (_jsxs(DrawerHeader, __assign({}, headerProps, { children: [title ? (_jsx(DrawerTitle, __assign({}, titleProps, { children: title }))) : null, description ? (_jsx(DrawerDescription, __assign({}, descriptionProps, { children: description }))) : null] }))) : null, body, footer ? (_jsx(DrawerFooter, __assign({}, footerProps, { children: footer }))) : null] })))] })));
+});
+Drawer.displayName = "Drawer";
+var DrawerPortal = function (_a) {
+    var children = _a.children, props = __rest(_a, ["children"]);
+    return (_jsx(DrawerPrimitive.Portal, __assign({}, props, { children: _jsx(FullWindowOverlay, { children: children }) })));
+};
+function DrawerOverlay(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(DrawerPrimitive.Overlay, __assign({ className: cn("bg-black/50 fixed inset-0 z-50 flex", Platform.select({
+            web: "animate-in fade-in-0 data-[state=closed]:animate-out",
+        }), className) }, props, { asChild: Platform.OS !== "web", children: _jsx(NativeOnlyAnimatedView, { entering: FadeIn.duration(180), exiting: FadeOut.duration(150) }) })));
+}
+var defaultEnter = SlideInRight.duration(200);
+var defaultExit = SlideOutRight.duration(160);
+var getSizeClass = function (side, size) {
+    return side === "left" || side === "right"
+        ? horizontalSizes[size]
+        : verticalSizes[size];
+};
+var DrawerContent = React.forwardRef(function (_a, ref) {
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.side, side = _c === void 0 ? "right" : _c, _d = _a.size, size = _d === void 0 ? "md" : _d, portalHost = _a.portalHost, overlayProps = _a.overlayProps, _e = _a.showClose, showClose = _e === void 0 ? true : _e, closeButtonProps = _a.closeButtonProps, _f = _a.dismissible, dismissible = _f === void 0 ? true : _f, _g = _a.disableKeyboardDismiss, disableKeyboardDismiss = _g === void 0 ? false : _g, _h = _a.enterAnimation, enterAnimation = _h === void 0 ? defaultEnter : _h, _j = _a.exitAnimation, exitAnimation = _j === void 0 ? defaultExit : _j, onEscapeKeyDown = _a.onEscapeKeyDown, onInteractOutside = _a.onInteractOutside, props = __rest(_a, ["className", "children", "side", "size", "portalHost", "overlayProps", "showClose", "closeButtonProps", "dismissible", "disableKeyboardDismiss", "enterAnimation", "exitAnimation", "onEscapeKeyDown", "onInteractOutside"]);
+    var handleEscapeKeyDown = React.useCallback(function (event) {
+        var _a;
+        if (disableKeyboardDismiss) {
+            (_a = event === null || event === void 0 ? void 0 : event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);
+        }
+        onEscapeKeyDown === null || onEscapeKeyDown === void 0 ? void 0 : onEscapeKeyDown(event);
+    }, [disableKeyboardDismiss, onEscapeKeyDown]);
+    var handleInteractOutside = React.useCallback(function (event) {
+        var _a;
+        if (!dismissible) {
+            (_a = event === null || event === void 0 ? void 0 : event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);
+        }
+        onInteractOutside === null || onInteractOutside === void 0 ? void 0 : onInteractOutside(event);
+    }, [dismissible, onInteractOutside]);
+    var dimensionClass = getSizeClass(side, size);
+    return (_jsxs(DrawerPortal, { hostName: portalHost, children: [_jsx(DrawerOverlay, __assign({}, overlayProps)), _jsxs(DrawerPrimitive.Content, __assign({ ref: ref, className: cn("bg-background border-border fixed z-50 flex flex-col gap-4 p-6 shadow-lg shadow-black/5 outline-hidden", "web:max-w-[calc(100%-1.5rem)]", Platform.select({
+                    web: cn("data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=open]:duration-300 data-[state=closed]:duration-200", side === "right" &&
+                        "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right", side === "left" &&
+                        "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left", side === "top" &&
+                        "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top", side === "bottom" &&
+                        "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"),
+                }), sidePositionClass[side], dimensionClass, className), onEscapeKeyDown: handleEscapeKeyDown, onInteractOutside: handleInteractOutside }, props, { children: [_jsx(NativeOnlyAnimatedView, { entering: enterAnimation, exiting: exitAnimation, className: "flex-1", children: children }), showClose ? (_jsxs(DrawerPrimitive.Close, __assign({ className: cn("absolute right-4 top-4 rounded opacity-70 active:opacity-100", Platform.select({
+                            web: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2",
+                        })) }, closeButtonProps, { hitSlop: (_b = closeButtonProps === null || closeButtonProps === void 0 ? void 0 : closeButtonProps.hitSlop) !== null && _b !== void 0 ? _b : 12, children: [_jsx(Icon, { as: X, className: cn("text-accent-foreground web:pointer-events-none size-4 shrink-0") }), _jsx(Text, { className: "sr-only", children: "Close" })] }))) : null] }))] }));
+});
+DrawerContent.displayName = "DrawerContent";
+function DrawerHeader(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return _jsx(View, __assign({ className: cn("flex flex-col gap-2", className) }, props));
+}
+function DrawerFooter(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(View, __assign({ className: cn("flex flex-row items-center gap-2", className) }, props)));
+}
+function DrawerTitle(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(DrawerPrimitive.Title, __assign({ className: cn("text-foreground text-lg font-semibold", className) }, props)));
+}
+function DrawerDescription(_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (_jsx(DrawerPrimitive.Description, __assign({ className: cn("text-muted-foreground text-sm", className) }, props)));
+}
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPortal, DrawerTitle, DrawerTrigger, };
+export * from "../primitives/dialog";

package/dist/index.d.ts

@@ -42,6 +42,7 @@ export * from "./$/components/ui/textarea";
 export * from "./$/components/ui/toggle";
 export * from "./$/components/ui/toggle-group";
 export * from "./$/components/ui/tooltip";
+export * from "./$/components/ui/drawer";
 export * from "./$/components/ui/wheelpicker";
 export * from "./$/components/ui/multi-column-wheelpicker";
 export * from "./$/components/ui/timewheelpicker";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAEhD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,yBAAyB,CAAC;AAExC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,+BAA+B,CAAC;AAE9C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAE1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAElD,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAE5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAEhD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,yBAAyB,CAAC;AAExC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AAExC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,+BAA+B,CAAC;AAE9C,cAAc,kCAAkC,CAAC;AAEjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAEzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAElD,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -42,6 +42,7 @@ export * from "./$/components/ui/textarea";
 export * from "./$/components/ui/toggle";
 export * from "./$/components/ui/toggle-group";
 export * from "./$/components/ui/tooltip";
+export * from "./$/components/ui/drawer";
 export * from "./$/components/ui/wheelpicker";
 export * from "./$/components/ui/multi-column-wheelpicker";
 export * from "./$/components/ui/timewheelpicker";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "blimpui",
-	"version": "0.0.8",
+	"version": "0.0.10",
 	"private": false,
 	"type": "module",
 	"main": "./dist/index.js",