@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/drawer-size-context-TrNk8sne.d.ts

@@ -0,0 +1,377 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { DrawerPreview } from "@base-ui/react/drawer";
+
+//#region src/ui/drawer/drawer-actions.d.ts
+declare const drawerActionsVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex justify-end", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex justify-end", unknown, unknown, undefined>>;
+type DrawerActionsVariantProps = Omit<VariantProps<typeof drawerActionsVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerActionsProps = ComponentProps<"div"> & DrawerActionsVariantProps;
+declare const DrawerActions: ({
+  className,
+  size,
+  ...props
+}: DrawerActionsProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-backdrop.d.ts
+type DrawerBackdropProps = DrawerPreview.Backdrop.Props;
+declare const DrawerBackdrop: ({
+  className,
+  ...props
+}: DrawerBackdropProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-close.d.ts
+declare const drawerCloseVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+type DrawerCloseVariantProps = Omit<VariantProps<typeof drawerCloseVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerCloseProps = DrawerPreview.Close.Props & DrawerCloseVariantProps;
+declare const DrawerClose: ({
+  className,
+  size,
+  ...props
+}: DrawerCloseProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-content.d.ts
+declare const drawerContentVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "mx-auto w-full", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "mx-auto w-full", unknown, unknown, undefined>>;
+type DrawerContentVariantProps = Omit<VariantProps<typeof drawerContentVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerContentProps = DrawerPreview.Content.Props & DrawerContentVariantProps;
+declare const DrawerContent: ({
+  className,
+  size,
+  ...props
+}: DrawerContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-description.d.ts
+declare const drawerDescriptionVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "text-muted-foreground", unknown, unknown, undefined>>;
+type DrawerDescriptionVariantProps = Omit<VariantProps<typeof drawerDescriptionVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerDescriptionProps = DrawerPreview.Description.Props & DrawerDescriptionVariantProps;
+declare const DrawerDescription: ({
+  className,
+  size,
+  ...props
+}: DrawerDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-indent.d.ts
+type DrawerIndentProps = DrawerPreview.Indent.Props;
+declare const DrawerIndent: ({
+  className,
+  ...props
+}: DrawerIndentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-indent-background.d.ts
+type DrawerIndentBackgroundProps = DrawerPreview.IndentBackground.Props;
+declare const DrawerIndentBackground: ({
+  className,
+  ...props
+}: DrawerIndentBackgroundProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-handle.d.ts
+declare const drawerHandleVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40", unknown, unknown, undefined>>;
+type DrawerHandleVariantProps = Omit<VariantProps<typeof drawerHandleVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerHandleProps = ComponentProps<"div"> & DrawerHandleVariantProps;
+declare const DrawerHandle: ({
+  className,
+  size,
+  ...props
+}: DrawerHandleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-header.d.ts
+declare const drawerHeaderVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex shrink-0 touch-none flex-col border-b border-border", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex shrink-0 touch-none flex-col border-b border-border", unknown, unknown, undefined>>;
+type DrawerHeaderVariantProps = Omit<VariantProps<typeof drawerHeaderVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerHeaderProps = ComponentProps<"div"> & DrawerHeaderVariantProps;
+declare const DrawerHeader: ({
+  className,
+  size,
+  ...props
+}: DrawerHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-popup.d.ts
+declare const drawerPopupSizeVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, undefined, {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, undefined, unknown, unknown, undefined>>;
+type DrawerPopupVariantProps = Omit<VariantProps<typeof drawerPopupSizeVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerPopupSize = UISize;
+type DrawerPopupProps = DrawerPreview.Popup.Props & DrawerPopupVariantProps;
+declare const DrawerPopup: ({
+  className,
+  size,
+  ...props
+}: DrawerPopupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-portal.d.ts
+type DrawerPortalProps = DrawerPreview.Portal.Props;
+declare const DrawerPortal: ({
+  ...props
+}: DrawerPortalProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-provider.d.ts
+type DrawerProviderProps = DrawerPreview.Provider.Props;
+declare const DrawerProvider: ({
+  ...props
+}: DrawerProviderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-title.d.ts
+declare const drawerTitleVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-medium text-foreground", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "font-medium text-foreground", unknown, unknown, undefined>>;
+type DrawerTitleVariantProps = Omit<VariantProps<typeof drawerTitleVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerTitleProps = DrawerPreview.Title.Props & DrawerTitleVariantProps;
+declare const DrawerTitle: ({
+  className,
+  size,
+  ...props
+}: DrawerTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-trigger.d.ts
+declare const drawerTriggerVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
+type DrawerTriggerVariantProps = Omit<VariantProps<typeof drawerTriggerVariants>, "size"> & {
+  size?: UISize;
+};
+type DrawerTriggerProps = DrawerPreview.Trigger.Props & DrawerTriggerVariantProps;
+declare const DrawerTrigger: ({
+  className,
+  size,
+  ...props
+}: DrawerTriggerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-viewport.d.ts
+type DrawerViewportProps = DrawerPreview.Viewport.Props;
+declare const DrawerViewport: ({
+  className,
+  ...props
+}: DrawerViewportProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/drawer/drawer-size-context.d.ts
+type DrawerSize = UISize;
+//#endregion
+export { DrawerBackdropProps as A, DrawerDescription as C, DrawerClose as D, DrawerContentProps as E, DrawerActionsProps as M, DrawerCloseProps as O, DrawerIndentProps as S, DrawerContent as T, DrawerHandle as _, DrawerTriggerProps as a, DrawerIndentBackgroundProps as b, DrawerProvider as c, DrawerPortalProps as d, DrawerPopup as f, DrawerHeaderProps as g, DrawerHeader as h, DrawerTrigger as i, DrawerActions as j, DrawerBackdrop as k, DrawerProviderProps as l, DrawerPopupSize as m, DrawerViewport as n, DrawerTitle as o, DrawerPopupProps as p, DrawerViewportProps as r, DrawerTitleProps as s, DrawerSize as t, DrawerPortal as u, DrawerHandleProps as v, DrawerDescriptionProps as w, DrawerIndent as x, DrawerIndentBackground as y };
+//# sourceMappingURL=drawer-size-context-TrNk8sne.d.ts.map

package/dist/drawer-size-context-TrNk8sne.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-size-context-TrNk8sne.d.ts","names":[],"sources":["../src/ui/drawer/drawer-actions.tsx","../src/ui/drawer/drawer-backdrop.tsx","../src/ui/drawer/drawer-close.tsx","../src/ui/drawer/drawer-content.tsx","../src/ui/drawer/drawer-description.tsx","../src/ui/drawer/drawer-indent.tsx","../src/ui/drawer/drawer-indent-background.tsx","../src/ui/drawer/drawer-handle.tsx","../src/ui/drawer/drawer-header.tsx","../src/ui/drawer/drawer-popup.tsx","../src/ui/drawer/drawer-portal.tsx","../src/ui/drawer/drawer-provider.tsx","../src/ui/drawer/drawer-title.tsx","../src/ui/drawer/drawer-trigger.tsx","../src/ui/drawer/drawer-viewport.tsx","../src/ui/drawer/drawer-size-context.ts"],"mappings":"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"}

package/dist/drawer-viewport-CXCkzSjL.js

@@ -0,0 +1,261 @@
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { DrawerPreview } from "@base-ui/react/drawer";
+
+//#region src/ui/drawer/drawer-size-context.ts
+const { SizeContext: DrawerSizeContext, useResolvedSize: useResolvedDrawerSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/drawer/drawer-actions.tsx
+const drawerActionsVariants = tv({
+	base: "flex justify-end",
+	variants: { size: {
+		xs: "gap-2",
+		sm: "gap-2.5",
+		md: "gap-4",
+		lg: "gap-4",
+		xl: "gap-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerActions = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(drawerActionsVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-actions",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-backdrop.tsx
+const DrawerBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Backdrop, {
+	className: cn("fixed inset-0 z-50 min-h-dvh bg-foreground opacity-[calc(var(--backdrop-opacity)*(1-var(--drawer-swipe-progress)))] transition-opacity duration-[450ms] ease-[cubic-bezier(0.32,0.72,0,1)] [--backdrop-opacity:0.2] [--bleed:3rem] data-[ending-style]:opacity-0 data-[ending-style]:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-[starting-style]:opacity-0 data-[swiping]:duration-0 supports-[-webkit-touch-callout:none]:absolute dark:bg-background dark:[--backdrop-opacity:0.7]", className),
+	"data-slot": "drawer-backdrop",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer-close.tsx
+const drawerCloseVariants = tv({
+	base: "inline-flex cursor-pointer items-center justify-center rounded-md text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50",
+	variants: { size: {
+		xs: "size-6 text-sm",
+		sm: "size-7 text-base",
+		md: "size-7 text-base",
+		lg: "size-8 text-base",
+		xl: "size-9 text-lg"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerClose = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Close, {
+		className: cn(drawerCloseVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-close",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-content.tsx
+const drawerContentVariants = tv({
+	base: "mx-auto w-full",
+	variants: { size: {
+		xs: "max-w-[24rem]",
+		sm: "max-w-[28rem]",
+		md: "max-w-[32rem]",
+		lg: "max-w-[36rem]",
+		xl: "max-w-[40rem]"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerContent = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Content, {
+		className: cn(drawerContentVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-content",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-description.tsx
+const drawerDescriptionVariants = tv({
+	base: "text-muted-foreground",
+	variants: { size: {
+		xs: "text-sm leading-5",
+		sm: "text-sm leading-6",
+		md: "text-base leading-6",
+		lg: "text-base leading-7",
+		xl: "text-lg leading-7"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerDescription = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Description, {
+		className: cn(drawerDescriptionVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-description",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-handle.tsx
+const drawerHandleVariants = tv({
+	base: "mx-auto h-1 shrink-0 rounded-full bg-muted-foreground/40",
+	variants: { size: {
+		xs: "mb-3 w-10",
+		sm: "mb-3.5 w-11",
+		md: "mb-4 w-12",
+		lg: "mb-4 w-14",
+		xl: "mb-5 w-16"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerHandle = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": true,
+		className: cn(drawerHandleVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-handle",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-header.tsx
+const drawerHeaderVariants = tv({
+	base: "flex shrink-0 touch-none flex-col border-b border-border",
+	variants: { size: {
+		xs: "gap-1.5 px-4 pt-2.5 pb-2",
+		sm: "gap-2 px-5 pt-3 pb-2.5",
+		md: "gap-2.5 px-6 pt-3.5 pb-3",
+		lg: "gap-3 px-7 pt-4 pb-3.5",
+		xl: "gap-3.5 px-8 pt-4.5 pb-4"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerHeader = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(drawerHeaderVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-header",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-indent.tsx
+const DrawerIndent = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Indent, {
+	className: cn("relative min-h-[320px] origin-[center_top] border border-border bg-background text-foreground [transition-duration:calc(400ms*var(--indent-transition)),calc(250ms*var(--indent-transition))] will-change-transform [--indent-progress:var(--drawer-swipe-progress)] [--indent-radius:calc(var(--radius-xl)*(1-var(--indent-progress)))] [--indent-transition:calc(1-clamp(0,calc(var(--drawer-swipe-progress)*100000),1))] [transition:transform_0.4s_cubic-bezier(0.32,0.72,0,1),border-radius_0.25s_cubic-bezier(0.32,0.72,0,1)] data-[active]:[transform:scale(calc(0.98+(0.02*var(--indent-progress))))_translateY(calc(0.5rem*(1-var(--indent-progress))))] data-[active]:[border-top-left-radius:var(--indent-radius)] data-[active]:[border-top-right-radius:var(--indent-radius)]", className),
+	"data-slot": "drawer-indent",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer-indent-background.tsx
+const DrawerIndentBackground = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.IndentBackground, {
+	className: cn("absolute inset-0 -z-10 bg-foreground transition-opacity duration-300 data-[active]:opacity-100 [&:not([data-active])]:opacity-0", className),
+	"data-slot": "drawer-indent-background",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer-popup.tsx
+const drawerPopupSizeVariants = tv({
+	variants: { size: {
+		xs: "text-xs data-[swipe-direction=down]:px-4 data-[swipe-direction=down]:pt-3 data-[swipe-direction=down]:pb-[calc(1rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=left]:p-4 data-[swipe-direction=left]:pl-[calc(1rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(18rem+var(--bleed))] data-[swipe-direction=right]:p-4 data-[swipe-direction=right]:pr-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:px-4 data-[swipe-direction=up]:pt-[calc(1rem+var(--bleed))] data-[swipe-direction=up]:pb-3",
+		sm: "text-sm data-[swipe-direction=down]:px-5 data-[swipe-direction=down]:pt-3.5 data-[swipe-direction=down]:pb-[calc(1.25rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=left]:p-5 data-[swipe-direction=left]:pl-[calc(1.25rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(19rem+var(--bleed))] data-[swipe-direction=right]:p-5 data-[swipe-direction=right]:pr-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:px-5 data-[swipe-direction=up]:pt-[calc(1.25rem+var(--bleed))] data-[swipe-direction=up]:pb-3.5",
+		md: "text-sm",
+		lg: "text-sm data-[swipe-direction=down]:px-7 data-[swipe-direction=down]:pt-5 data-[swipe-direction=down]:pb-[calc(1.75rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=left]:p-7 data-[swipe-direction=left]:pl-[calc(1.75rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(22rem+var(--bleed))] data-[swipe-direction=right]:p-7 data-[swipe-direction=right]:pr-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:px-7 data-[swipe-direction=up]:pt-[calc(1.75rem+var(--bleed))] data-[swipe-direction=up]:pb-5",
+		xl: "text-base data-[swipe-direction=down]:px-8 data-[swipe-direction=down]:pt-6 data-[swipe-direction=down]:pb-[calc(2rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=left]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=left]:p-8 data-[swipe-direction=left]:pl-[calc(2rem+var(--bleed))] data-[swipe-direction=right]:w-[calc(24rem+var(--bleed))] data-[swipe-direction=right]:p-8 data-[swipe-direction=right]:pr-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:px-8 data-[swipe-direction=up]:pt-[calc(2rem+var(--bleed))] data-[swipe-direction=up]:pb-6"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerPopup = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Popup, {
+		className: cn("relative box-border flex touch-auto flex-col overflow-y-auto overscroll-contain bg-card text-card-foreground outline outline-border transition-[transform,height,box-shadow,padding-bottom] duration-450 ease-[cubic-bezier(0.32,0.72,0,1)] [--bleed:3rem] [--peek:1rem] [--stack-height:max(0px,calc(var(--drawer-frontmost-height,var(--drawer-height))-var(--bleed)))] [--stack-peek-offset:max(0px,calc((var(--nested-drawers)-var(--stack-progress))*var(--peek)))] [--stack-progress:clamp(0,var(--drawer-swipe-progress),1)] [--stack-scale-base:calc(max(0,1-(var(--nested-drawers)*var(--stack-step))))] [--stack-scale:clamp(0,calc(var(--stack-scale-base)+(var(--stack-step)*var(--stack-progress))),1)] [--stack-shrink:calc(1-var(--stack-scale))] [--stack-step:0.05] [--viewport-padding:0px] [transition:transform_450ms_cubic-bezier(0.32,0.72,0,1),height_450ms_cubic-bezier(0.32,0.72,0,1),box-shadow_450ms_cubic-bezier(0.32,0.72,0,1),padding-bottom_450ms_cubic-bezier(0.32,0.72,0,1)] after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:bg-transparent after:transition-[background-color] after:duration-450 after:ease-[cubic-bezier(0.32,0.72,0,1)] after:content-[''] data-ending-style:duration-[calc(var(--drawer-swipe-strength)*400ms)] data-expanded:shadow-none data-nested-drawer-open:h-[calc(var(--stack-height)+var(--bleed))] data-nested-drawer-open:overflow-hidden data-nested-drawer-open:after:bg-foreground/5 data-nested-drawer-swiping:duration-0 data-swiping:duration-0 data-swiping:select-none data-[swipe-direction=down]:-mb-(--bleed) data-[swipe-direction=down]:h-(--drawer-height,auto) data-[swipe-direction=down]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=down]:w-full data-[swipe-direction=down]:origin-[50%_calc(100%-var(--bleed))] data-[swipe-direction=down]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=down]:rounded-t-2xl data-[swipe-direction=down]:px-6 data-[swipe-direction=down]:pt-4 data-[swipe-direction=down]:pb-[calc(1.5rem+env(safe-area-inset-bottom,0px)+var(--bleed))] data-[swipe-direction=down]:data-ending-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-starting-style:transform-[translateY(calc(100%-var(--bleed)))] data-[swipe-direction=down]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=down]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)-var(--stack-peek-offset)-(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=left]:mr-auto data-[swipe-direction=left]:-ml-(--bleed) data-[swipe-direction=left]:h-full data-[swipe-direction=left]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=left]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=left]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=left]:p-6 data-[swipe-direction=left]:pl-[calc(1.5rem+var(--bleed))] data-[swipe-direction=left]:data-ending-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=left]:data-starting-style:transform-[translateX(calc(-100%+var(--bleed)-var(--viewport-padding)))] data-[swipe-direction=right]:-mr-(--bleed) data-[swipe-direction=right]:ml-auto data-[swipe-direction=right]:h-full data-[swipe-direction=right]:w-[calc(20rem+var(--bleed))] data-[swipe-direction=right]:max-w-[calc(100vw-3rem+var(--bleed))] data-[swipe-direction=right]:transform-[translateX(var(--drawer-swipe-movement-x))] data-[swipe-direction=right]:p-6 data-[swipe-direction=right]:pr-[calc(1.5rem+var(--bleed))] data-[swipe-direction=right]:data-ending-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=right]:data-starting-style:transform-[translateX(calc(100%-var(--bleed)+var(--viewport-padding)))] data-[swipe-direction=up]:-mt-(--bleed) data-[swipe-direction=up]:h-(--drawer-height,auto) data-[swipe-direction=up]:max-h-[calc(80vh+var(--bleed))] data-[swipe-direction=up]:w-full data-[swipe-direction=up]:origin-[50%_var(--bleed)] data-[swipe-direction=up]:transform-[translateY(calc(var(--drawer-snap-point-offset)+var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] data-[swipe-direction=up]:self-start data-[swipe-direction=up]:rounded-b-2xl data-[swipe-direction=up]:px-6 data-[swipe-direction=up]:pt-[calc(1.5rem+var(--bleed))] data-[swipe-direction=up]:pb-4 data-[swipe-direction=up]:data-ending-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-starting-style:transform-[translateY(calc(-100%+var(--bleed)))] data-[swipe-direction=up]:data-[nested-drawer-open]:!h-[calc(var(--stack-height)+var(--bleed))] data-[swipe-direction=up]:data-[nested-drawer-open]:transform-[translateY(calc(var(--drawer-swipe-movement-y)+var(--stack-peek-offset)+(var(--stack-shrink)*var(--stack-height))))_scale(var(--stack-scale))] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:ml-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:pl-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=left]:[--bleed:0px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:mr-0 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:w-[20rem] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:max-w-[calc(100vw-20px)] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:rounded-[10px] supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:pr-6 supports-[-webkit-touch-callout:none]:data-[swipe-direction=right]:[--bleed:0px]", drawerPopupSizeVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-portal.tsx
+const DrawerPortal = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Portal, {
+	"data-slot": "drawer-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/drawer/drawer-provider.tsx
+const DrawerProvider = ({ ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Provider, { ...props });
+
+//#endregion
+//#region src/ui/drawer/drawer-title.tsx
+const drawerTitleVariants = tv({
+	base: "font-medium text-foreground",
+	variants: { size: {
+		xs: "text-base leading-6",
+		sm: "text-lg leading-6",
+		md: "text-lg leading-7",
+		lg: "text-xl leading-7",
+		xl: "text-2xl leading-8"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerTitle = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Title, {
+		className: cn(drawerTitleVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-title",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-trigger.tsx
+const drawerTriggerVariants = tv({
+	base: "inline-flex cursor-pointer items-center justify-center border border-border bg-background font-medium text-foreground transition-colors select-none hover:bg-muted focus-visible:outline focus-visible:-outline-offset-1 focus-visible:outline-ring active:bg-muted disabled:pointer-events-none disabled:opacity-50",
+	variants: { size: {
+		xs: "h-8 rounded-[min(var(--radius-md),8px)] px-2 text-xs",
+		sm: "h-9 rounded-[min(var(--radius-md),10px)] px-3 text-sm",
+		md: "h-10 rounded-md px-3.5 text-base md:text-sm",
+		lg: "h-11 rounded-md px-4 text-base md:text-sm",
+		xl: "h-12 rounded-md px-4.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const DrawerTrigger = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedDrawerSize(size);
+	return /* @__PURE__ */ jsx(DrawerPreview.Trigger, {
+		className: cn(drawerTriggerVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "drawer-trigger",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/drawer/drawer-viewport.tsx
+const DrawerViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(DrawerPreview.Viewport, {
+	className: cn("fixed inset-0 z-50 flex items-end justify-center p-(--viewport-padding) [--viewport-padding:0px] data-[swipe-direction=left]:items-stretch data-[swipe-direction=left]:justify-start data-[swipe-direction=right]:items-stretch data-[swipe-direction=right]:justify-end data-[swipe-direction=up]:items-start supports-[-webkit-touch-callout:none]:[--viewport-padding:0.625rem]", className),
+	"data-slot": "drawer-viewport",
+	...props
+});
+
+//#endregion
+export { DrawerPortal as a, DrawerIndent as c, DrawerDescription as d, DrawerContent as f, DrawerSizeContext as g, DrawerActions as h, DrawerProvider as i, DrawerHeader as l, DrawerBackdrop as m, DrawerTrigger as n, DrawerPopup as o, DrawerClose as p, DrawerTitle as r, DrawerIndentBackground as s, DrawerViewport as t, DrawerHandle as u };
+//# sourceMappingURL=drawer-viewport-CXCkzSjL.js.map