jaci-ui 0.1.0

package/dist/components/drawer/drawer.cjs

@@ -0,0 +1,165 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_drawer = require("../../styled-system/recipes/drawer.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_drawer = require("@base-ui/react/drawer");
+//#region src/components/drawer/drawer.tsx
+const DrawerContext = (0, react.createContext)(null);
+function useDrawerContext() {
+	const context = (0, react.useContext)(DrawerContext);
+	if (!context) throw new Error("Drawer parts must be rendered inside Drawer.Root.");
+	return context;
+}
+function DrawerRoot({ children, side = "bottom", size = "md", ...props }) {
+	const styles = require_drawer.drawer({ size });
+	const context = (0, react.useMemo)(() => ({
+		side,
+		size,
+		styles
+	}), [
+		side,
+		size,
+		styles
+	]);
+	const swipeDirection = props.swipeDirection ?? (side === "bottom" ? "down" : side === "top" ? "up" : side);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Root, {
+			...props,
+			swipeDirection,
+			children
+		})
+	});
+}
+const DrawerTrigger = (0, react.forwardRef)(function DrawerTrigger({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.trigger, className),
+		"data-slot": "drawer-trigger"
+	});
+});
+const DrawerPortal = _base_ui_react_drawer.Drawer.Portal;
+const DrawerBackdrop = (0, react.forwardRef)(function DrawerBackdrop({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Backdrop, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.backdrop, className),
+		"data-slot": "drawer-backdrop"
+	});
+});
+const DrawerViewport = (0, react.forwardRef)(function DrawerViewport({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Viewport, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.viewport, className),
+		"data-slot": "drawer-viewport"
+	});
+});
+const DrawerPopup = (0, react.forwardRef)(function DrawerPopup({ "aria-label": ariaLabel, className, side: popupSide, size: popupSize, ...props }, ref) {
+	const { side: rootSide, size: rootSize, styles: rootStyles } = useDrawerContext();
+	const side = popupSide ?? rootSide;
+	const styles = popupSize && popupSize !== rootSize ? require_drawer.drawer({ size: popupSize }) : rootStyles;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Popup, {
+		...props,
+		"aria-label": ariaLabel ?? "Drawer",
+		"data-jaci-component": "drawer",
+		"data-side": side,
+		"data-slot": "drawer-popup",
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.popup, className)
+	});
+});
+const DrawerContent = (0, react.forwardRef)(function DrawerContent({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Content, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.content, className),
+		"data-slot": "drawer-content"
+	});
+});
+const DrawerHeader = (0, react.forwardRef)(function DrawerHeader({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.header, className),
+		"data-slot": "drawer-header"
+	});
+});
+const DrawerTitle = (0, react.forwardRef)(function DrawerTitle({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Title, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.title, className),
+		"data-slot": "drawer-title"
+	});
+});
+const DrawerDescription = (0, react.forwardRef)(function DrawerDescription({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Description, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(styles.description, className),
+		"data-slot": "drawer-description"
+	});
+});
+const DrawerFooter = (0, react.forwardRef)(function DrawerFooter({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(styles.footer, className),
+		"data-slot": "drawer-footer"
+	});
+});
+const DrawerClose = (0, react.forwardRef)(function DrawerClose({ "aria-label": ariaLabel, children, className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_drawer.Drawer.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Close drawer"),
+		ref,
+		className: require_base_ui.withRecipeClassName(hasVisibleLabel ? styles.action : styles.close, className),
+		"data-slot": "drawer-close",
+		children: children ?? "×"
+	});
+});
+const Drawer = {
+	Root: DrawerRoot,
+	Trigger: DrawerTrigger,
+	Portal: DrawerPortal,
+	Backdrop: DrawerBackdrop,
+	Viewport: DrawerViewport,
+	Popup: DrawerPopup,
+	Content: DrawerContent,
+	Header: DrawerHeader,
+	Title: DrawerTitle,
+	Description: DrawerDescription,
+	Footer: DrawerFooter,
+	Close: DrawerClose,
+	createHandle: _base_ui_react_drawer.Drawer.createHandle
+};
+//#endregion
+exports.Drawer = Drawer;
+exports.DrawerBackdrop = DrawerBackdrop;
+exports.DrawerClose = DrawerClose;
+exports.DrawerContent = DrawerContent;
+exports.DrawerDescription = DrawerDescription;
+exports.DrawerFooter = DrawerFooter;
+exports.DrawerHeader = DrawerHeader;
+exports.DrawerPopup = DrawerPopup;
+exports.DrawerPortal = DrawerPortal;
+exports.DrawerRoot = DrawerRoot;
+exports.DrawerTitle = DrawerTitle;
+exports.DrawerTrigger = DrawerTrigger;
+exports.DrawerViewport = DrawerViewport;
+
+//# sourceMappingURL=drawer.cjs.map

package/dist/components/drawer/drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.cjs","names":["drawer","BaseDrawer","withRecipeClassName","cx"],"sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport { createContext, forwardRef, useContext, useMemo } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DrawerRoot as BaseDrawerRoot } from \"@base-ui/react/drawer\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { drawer } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type DrawerSide = \"bottom\" | \"left\" | \"right\" | \"top\";\nexport type DrawerSize = \"sm\" | \"md\" | \"lg\";\n\ninterface DrawerContextValue {\n  side: DrawerSide;\n  size: DrawerSize;\n  styles: ReturnType<typeof drawer>;\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nfunction useDrawerContext() {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"Drawer parts must be rendered inside Drawer.Root.\");\n  }\n\n  return context;\n}\n\nexport interface DrawerRootProps<Payload = unknown>\n  extends Omit<BaseDrawerRoot.Props<Payload>, \"children\"> {\n  /** Side from which the drawer enters. */\n  side?: DrawerSide;\n  /** Shared spacing scale for the drawer content. */\n  size?: DrawerSize;\n  children?: BaseDrawerRoot.Props<Payload>[\"children\"];\n}\n\nexport function DrawerRoot<Payload = unknown>({\n  children,\n  side = \"bottom\",\n  size = \"md\",\n  ...props\n}: DrawerRootProps<Payload>) {\n  const styles = drawer({ size });\n  const context = useMemo(() => ({ side, size, styles }), [side, size, styles]);\n  const swipeDirection =\n    props.swipeDirection ?? (side === \"bottom\" ? \"down\" : side === \"top\" ? \"up\" : side);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      <BaseDrawer.Root {...props} swipeDirection={swipeDirection}>\n        {children}\n      </BaseDrawer.Root>\n    </DrawerContext.Provider>\n  );\n}\n\nexport type DrawerTriggerProps = ComponentPropsWithoutRef<typeof BaseDrawer.Trigger>;\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  function DrawerTrigger({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n\n    return (\n      <BaseDrawer.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"drawer-trigger\"\n      />\n    );\n  },\n);\n\nexport type DrawerPortalProps = ComponentPropsWithoutRef<typeof BaseDrawer.Portal>;\nexport const DrawerPortal: typeof BaseDrawer.Portal = BaseDrawer.Portal;\n\nexport type DrawerBackdropProps = ComponentPropsWithoutRef<typeof BaseDrawer.Backdrop>;\n\nexport const DrawerBackdrop = forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  function DrawerBackdrop({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n\n    return (\n      <BaseDrawer.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"drawer-backdrop\"\n      />\n    );\n  },\n);\n\nexport type DrawerViewportProps = ComponentPropsWithoutRef<typeof BaseDrawer.Viewport>;\n\nexport const DrawerViewport = forwardRef<HTMLDivElement, DrawerViewportProps>(\n  function DrawerViewport({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n\n    return (\n      <BaseDrawer.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-slot=\"drawer-viewport\"\n      />\n    );\n  },\n);\n\nexport interface DrawerPopupProps extends ComponentPropsWithoutRef<typeof BaseDrawer.Popup> {\n  /** Overrides the side configured on `Drawer.Root`. */\n  side?: DrawerSide;\n  /** Overrides the size configured on `Drawer.Root`. */\n  size?: DrawerSize;\n}\n\nexport const DrawerPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function DrawerPopup(\n  { \"aria-label\": ariaLabel, className, side: popupSide, size: popupSize, ...props },\n  ref,\n) {\n  const { side: rootSide, size: rootSize, styles: rootStyles } = useDrawerContext();\n  const side = popupSide ?? rootSide;\n  const styles = popupSize && popupSize !== rootSize ? drawer({ size: popupSize }) : rootStyles;\n\n  return (\n    <BaseDrawer.Popup\n      {...props}\n      aria-label={ariaLabel ?? \"Drawer\"}\n      data-jaci-component=\"drawer\"\n      data-side={side}\n      data-slot=\"drawer-popup\"\n      ref={ref}\n      className={withRecipeClassName(styles.popup, className)}\n    />\n  );\n});\n\nexport type DrawerContentProps = ComponentPropsWithoutRef<typeof BaseDrawer.Content>;\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(function DrawerContent(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n\n  return (\n    <BaseDrawer.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.content, className)}\n      data-slot=\"drawer-content\"\n    />\n  );\n});\n\nexport type DrawerHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(function DrawerHeader(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  return (\n    <div {...props} ref={ref} className={cx(styles.header, className)} data-slot=\"drawer-header\" />\n  );\n});\n\nexport type DrawerTitleProps = ComponentPropsWithoutRef<typeof BaseDrawer.Title>;\n\nexport const DrawerTitle = forwardRef<HTMLHeadingElement, DrawerTitleProps>(function DrawerTitle(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  return (\n    <BaseDrawer.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.title, className)}\n      data-slot=\"drawer-title\"\n    />\n  );\n});\n\nexport type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof BaseDrawer.Description>;\n\nexport const DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  function DrawerDescription({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n    return (\n      <BaseDrawer.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.description, className)}\n        data-slot=\"drawer-description\"\n      />\n    );\n  },\n);\n\nexport type DrawerFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DrawerFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(function DrawerFooter(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  return (\n    <div {...props} ref={ref} className={cx(styles.footer, className)} data-slot=\"drawer-footer\" />\n  );\n});\n\nexport type DrawerCloseProps = ComponentPropsWithoutRef<typeof BaseDrawer.Close>;\n\nexport const DrawerClose = forwardRef<HTMLButtonElement, DrawerCloseProps>(function DrawerClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDrawer.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close drawer\")}\n      ref={ref}\n      className={withRecipeClassName(hasVisibleLabel ? styles.action : styles.close, className)}\n      data-slot=\"drawer-close\"\n    >\n      {children ?? \"×\"}\n    </BaseDrawer.Close>\n  );\n});\n\nexport const Drawer = {\n  Root: DrawerRoot,\n  Trigger: DrawerTrigger,\n  Portal: DrawerPortal,\n  Backdrop: DrawerBackdrop,\n  Viewport: DrawerViewport,\n  Popup: DrawerPopup,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n  Footer: DrawerFooter,\n  Close: DrawerClose,\n  createHandle: BaseDrawer.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/drawer/drawer.d.cts

@@ -0,0 +1,58 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Drawer, DrawerRoot } from "@base-ui/react/drawer";
+//#region src/components/drawer/drawer.d.ts
+type DrawerSide = "bottom" | "left" | "right" | "top";
+type DrawerSize = "sm" | "md" | "lg";
+interface DrawerRootProps<Payload = unknown> extends Omit<DrawerRoot.Props<Payload>, "children"> {
+  /** Side from which the drawer enters. */
+  side?: DrawerSide;
+  /** Shared spacing scale for the drawer content. */
+  size?: DrawerSize;
+  children?: DrawerRoot.Props<Payload>["children"];
+}
+declare function DrawerRoot$1<Payload = unknown>({ children, side, size, ...props }: DrawerRootProps<Payload>): import("react").JSX.Element;
+type DrawerTriggerProps = ComponentPropsWithoutRef<typeof Drawer.Trigger>;
+declare const DrawerTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DrawerPortalProps = ComponentPropsWithoutRef<typeof Drawer.Portal>;
+declare const DrawerPortal: typeof Drawer.Portal;
+type DrawerBackdropProps = ComponentPropsWithoutRef<typeof Drawer.Backdrop>;
+declare const DrawerBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerViewportProps = ComponentPropsWithoutRef<typeof Drawer.Viewport>;
+declare const DrawerViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface DrawerPopupProps extends ComponentPropsWithoutRef<typeof Drawer.Popup> {
+  /** Overrides the side configured on `Drawer.Root`. */
+  side?: DrawerSide;
+  /** Overrides the size configured on `Drawer.Root`. */
+  size?: DrawerSize;
+}
+declare const DrawerPopup: import("react").ForwardRefExoticComponent<DrawerPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerContentProps = ComponentPropsWithoutRef<typeof Drawer.Content>;
+declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const DrawerHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerTitleProps = ComponentPropsWithoutRef<typeof Drawer.Title>;
+declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof Drawer.Description>;
+declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type DrawerFooterProps = ComponentPropsWithoutRef<"div">;
+declare const DrawerFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerCloseProps = ComponentPropsWithoutRef<typeof Drawer.Close>;
+declare const DrawerClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Drawer$1: {
+  Root: typeof DrawerRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: Drawer.Portal;
+  Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<DrawerPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  createHandle: typeof Drawer.createHandle;
+};
+//#endregion
+export { Drawer$1 as Drawer, DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerPopup, DrawerPopupProps, DrawerPortal, DrawerPortalProps, DrawerRoot$1 as DrawerRoot, DrawerRootProps, DrawerSide, DrawerSize, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DrawerViewport, DrawerViewportProps };
+//# sourceMappingURL=drawer.d.cts.map

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

@@ -0,0 +1,58 @@
+import { ComponentPropsWithoutRef } from "react";
+import { Drawer, DrawerRoot } from "@base-ui/react/drawer";
+//#region src/components/drawer/drawer.d.ts
+type DrawerSide = "bottom" | "left" | "right" | "top";
+type DrawerSize = "sm" | "md" | "lg";
+interface DrawerRootProps<Payload = unknown> extends Omit<DrawerRoot.Props<Payload>, "children"> {
+  /** Side from which the drawer enters. */
+  side?: DrawerSide;
+  /** Shared spacing scale for the drawer content. */
+  size?: DrawerSize;
+  children?: DrawerRoot.Props<Payload>["children"];
+}
+declare function DrawerRoot$1<Payload = unknown>({ children, side, size, ...props }: DrawerRootProps<Payload>): import("react").JSX.Element;
+type DrawerTriggerProps = ComponentPropsWithoutRef<typeof Drawer.Trigger>;
+declare const DrawerTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type DrawerPortalProps = ComponentPropsWithoutRef<typeof Drawer.Portal>;
+declare const DrawerPortal: typeof Drawer.Portal;
+type DrawerBackdropProps = ComponentPropsWithoutRef<typeof Drawer.Backdrop>;
+declare const DrawerBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerViewportProps = ComponentPropsWithoutRef<typeof Drawer.Viewport>;
+declare const DrawerViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface DrawerPopupProps extends ComponentPropsWithoutRef<typeof Drawer.Popup> {
+  /** Overrides the side configured on `Drawer.Root`. */
+  side?: DrawerSide;
+  /** Overrides the size configured on `Drawer.Root`. */
+  size?: DrawerSize;
+}
+declare const DrawerPopup: import("react").ForwardRefExoticComponent<DrawerPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerContentProps = ComponentPropsWithoutRef<typeof Drawer.Content>;
+declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const DrawerHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerTitleProps = ComponentPropsWithoutRef<typeof Drawer.Title>;
+declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof Drawer.Description>;
+declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type DrawerFooterProps = ComponentPropsWithoutRef<"div">;
+declare const DrawerFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerCloseProps = ComponentPropsWithoutRef<typeof Drawer.Close>;
+declare const DrawerClose: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const Drawer$1: {
+  Root: typeof DrawerRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTriggerProps<unknown> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: Drawer.Portal;
+  Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<DrawerPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+  Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").DrawerCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  createHandle: typeof Drawer.createHandle;
+};
+//#endregion
+export { Drawer$1 as Drawer, DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerPopup, DrawerPopupProps, DrawerPortal, DrawerPortalProps, DrawerRoot$1 as DrawerRoot, DrawerRootProps, DrawerSide, DrawerSize, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DrawerViewport, DrawerViewportProps };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/drawer/drawer.js

@@ -0,0 +1,153 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { drawer } from "../../styled-system/recipes/drawer.js";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Drawer } from "@base-ui/react/drawer";
+//#region src/components/drawer/drawer.tsx
+const DrawerContext = createContext(null);
+function useDrawerContext() {
+	const context = useContext(DrawerContext);
+	if (!context) throw new Error("Drawer parts must be rendered inside Drawer.Root.");
+	return context;
+}
+function DrawerRoot$1({ children, side = "bottom", size = "md", ...props }) {
+	const styles = drawer({ size });
+	const context = useMemo(() => ({
+		side,
+		size,
+		styles
+	}), [
+		side,
+		size,
+		styles
+	]);
+	const swipeDirection = props.swipeDirection ?? (side === "bottom" ? "down" : side === "top" ? "up" : side);
+	return /* @__PURE__ */ jsx(DrawerContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx(Drawer.Root, {
+			...props,
+			swipeDirection,
+			children
+		})
+	});
+}
+const DrawerTrigger = forwardRef(function DrawerTrigger({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.trigger, className),
+		"data-slot": "drawer-trigger"
+	});
+});
+const DrawerPortal = Drawer.Portal;
+const DrawerBackdrop = forwardRef(function DrawerBackdrop({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Backdrop, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.backdrop, className),
+		"data-slot": "drawer-backdrop"
+	});
+});
+const DrawerViewport = forwardRef(function DrawerViewport({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Viewport, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.viewport, className),
+		"data-slot": "drawer-viewport"
+	});
+});
+const DrawerPopup = forwardRef(function DrawerPopup({ "aria-label": ariaLabel, className, side: popupSide, size: popupSize, ...props }, ref) {
+	const { side: rootSide, size: rootSize, styles: rootStyles } = useDrawerContext();
+	const side = popupSide ?? rootSide;
+	const styles = popupSize && popupSize !== rootSize ? drawer({ size: popupSize }) : rootStyles;
+	return /* @__PURE__ */ jsx(Drawer.Popup, {
+		...props,
+		"aria-label": ariaLabel ?? "Drawer",
+		"data-jaci-component": "drawer",
+		"data-side": side,
+		"data-slot": "drawer-popup",
+		ref,
+		className: withRecipeClassName(styles.popup, className)
+	});
+});
+const DrawerContent = forwardRef(function DrawerContent({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Content, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.content, className),
+		"data-slot": "drawer-content"
+	});
+});
+const DrawerHeader = forwardRef(function DrawerHeader({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(styles.header, className),
+		"data-slot": "drawer-header"
+	});
+});
+const DrawerTitle = forwardRef(function DrawerTitle({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Title, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.title, className),
+		"data-slot": "drawer-title"
+	});
+});
+const DrawerDescription = forwardRef(function DrawerDescription({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx(Drawer.Description, {
+		...props,
+		ref,
+		className: withRecipeClassName(styles.description, className),
+		"data-slot": "drawer-description"
+	});
+});
+const DrawerFooter = forwardRef(function DrawerFooter({ className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(styles.footer, className),
+		"data-slot": "drawer-footer"
+	});
+});
+const DrawerClose = forwardRef(function DrawerClose({ "aria-label": ariaLabel, children, className, ...props }, ref) {
+	const { styles } = useDrawerContext();
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ jsx(Drawer.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Close drawer"),
+		ref,
+		className: withRecipeClassName(hasVisibleLabel ? styles.action : styles.close, className),
+		"data-slot": "drawer-close",
+		children: children ?? "×"
+	});
+});
+const Drawer$1 = {
+	Root: DrawerRoot$1,
+	Trigger: DrawerTrigger,
+	Portal: DrawerPortal,
+	Backdrop: DrawerBackdrop,
+	Viewport: DrawerViewport,
+	Popup: DrawerPopup,
+	Content: DrawerContent,
+	Header: DrawerHeader,
+	Title: DrawerTitle,
+	Description: DrawerDescription,
+	Footer: DrawerFooter,
+	Close: DrawerClose,
+	createHandle: Drawer.createHandle
+};
+//#endregion
+export { Drawer$1 as Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot$1 as DrawerRoot, DrawerTitle, DrawerTrigger, DrawerViewport };
+
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":["DrawerRoot","BaseDrawer","Drawer"],"sources":["../../../src/components/drawer/drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { Drawer as BaseDrawer } from \"@base-ui/react/drawer\";\nimport { createContext, forwardRef, useContext, useMemo } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { DrawerRoot as BaseDrawerRoot } from \"@base-ui/react/drawer\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { drawer } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type DrawerSide = \"bottom\" | \"left\" | \"right\" | \"top\";\nexport type DrawerSize = \"sm\" | \"md\" | \"lg\";\n\ninterface DrawerContextValue {\n  side: DrawerSide;\n  size: DrawerSize;\n  styles: ReturnType<typeof drawer>;\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nfunction useDrawerContext() {\n  const context = useContext(DrawerContext);\n  if (!context) {\n    throw new Error(\"Drawer parts must be rendered inside Drawer.Root.\");\n  }\n\n  return context;\n}\n\nexport interface DrawerRootProps<Payload = unknown>\n  extends Omit<BaseDrawerRoot.Props<Payload>, \"children\"> {\n  /** Side from which the drawer enters. */\n  side?: DrawerSide;\n  /** Shared spacing scale for the drawer content. */\n  size?: DrawerSize;\n  children?: BaseDrawerRoot.Props<Payload>[\"children\"];\n}\n\nexport function DrawerRoot<Payload = unknown>({\n  children,\n  side = \"bottom\",\n  size = \"md\",\n  ...props\n}: DrawerRootProps<Payload>) {\n  const styles = drawer({ size });\n  const context = useMemo(() => ({ side, size, styles }), [side, size, styles]);\n  const swipeDirection =\n    props.swipeDirection ?? (side === \"bottom\" ? \"down\" : side === \"top\" ? \"up\" : side);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      <BaseDrawer.Root {...props} swipeDirection={swipeDirection}>\n        {children}\n      </BaseDrawer.Root>\n    </DrawerContext.Provider>\n  );\n}\n\nexport type DrawerTriggerProps = ComponentPropsWithoutRef<typeof BaseDrawer.Trigger>;\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  function DrawerTrigger({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n\n    return (\n      <BaseDrawer.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.trigger, className)}\n        data-slot=\"drawer-trigger\"\n      />\n    );\n  },\n);\n\nexport type DrawerPortalProps = ComponentPropsWithoutRef<typeof BaseDrawer.Portal>;\nexport const DrawerPortal: typeof BaseDrawer.Portal = BaseDrawer.Portal;\n\nexport type DrawerBackdropProps = ComponentPropsWithoutRef<typeof BaseDrawer.Backdrop>;\n\nexport const DrawerBackdrop = forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  function DrawerBackdrop({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n\n    return (\n      <BaseDrawer.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.backdrop, className)}\n        data-slot=\"drawer-backdrop\"\n      />\n    );\n  },\n);\n\nexport type DrawerViewportProps = ComponentPropsWithoutRef<typeof BaseDrawer.Viewport>;\n\nexport const DrawerViewport = forwardRef<HTMLDivElement, DrawerViewportProps>(\n  function DrawerViewport({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n\n    return (\n      <BaseDrawer.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.viewport, className)}\n        data-slot=\"drawer-viewport\"\n      />\n    );\n  },\n);\n\nexport interface DrawerPopupProps extends ComponentPropsWithoutRef<typeof BaseDrawer.Popup> {\n  /** Overrides the side configured on `Drawer.Root`. */\n  side?: DrawerSide;\n  /** Overrides the size configured on `Drawer.Root`. */\n  size?: DrawerSize;\n}\n\nexport const DrawerPopup = forwardRef<HTMLDivElement, DrawerPopupProps>(function DrawerPopup(\n  { \"aria-label\": ariaLabel, className, side: popupSide, size: popupSize, ...props },\n  ref,\n) {\n  const { side: rootSide, size: rootSize, styles: rootStyles } = useDrawerContext();\n  const side = popupSide ?? rootSide;\n  const styles = popupSize && popupSize !== rootSize ? drawer({ size: popupSize }) : rootStyles;\n\n  return (\n    <BaseDrawer.Popup\n      {...props}\n      aria-label={ariaLabel ?? \"Drawer\"}\n      data-jaci-component=\"drawer\"\n      data-side={side}\n      data-slot=\"drawer-popup\"\n      ref={ref}\n      className={withRecipeClassName(styles.popup, className)}\n    />\n  );\n});\n\nexport type DrawerContentProps = ComponentPropsWithoutRef<typeof BaseDrawer.Content>;\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(function DrawerContent(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n\n  return (\n    <BaseDrawer.Content\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.content, className)}\n      data-slot=\"drawer-content\"\n    />\n  );\n});\n\nexport type DrawerHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DrawerHeader = forwardRef<HTMLDivElement, DrawerHeaderProps>(function DrawerHeader(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  return (\n    <div {...props} ref={ref} className={cx(styles.header, className)} data-slot=\"drawer-header\" />\n  );\n});\n\nexport type DrawerTitleProps = ComponentPropsWithoutRef<typeof BaseDrawer.Title>;\n\nexport const DrawerTitle = forwardRef<HTMLHeadingElement, DrawerTitleProps>(function DrawerTitle(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  return (\n    <BaseDrawer.Title\n      {...props}\n      ref={ref}\n      className={withRecipeClassName(styles.title, className)}\n      data-slot=\"drawer-title\"\n    />\n  );\n});\n\nexport type DrawerDescriptionProps = ComponentPropsWithoutRef<typeof BaseDrawer.Description>;\n\nexport const DrawerDescription = forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  function DrawerDescription({ className, ...props }, ref) {\n    const { styles } = useDrawerContext();\n    return (\n      <BaseDrawer.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(styles.description, className)}\n        data-slot=\"drawer-description\"\n      />\n    );\n  },\n);\n\nexport type DrawerFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const DrawerFooter = forwardRef<HTMLDivElement, DrawerFooterProps>(function DrawerFooter(\n  { className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  return (\n    <div {...props} ref={ref} className={cx(styles.footer, className)} data-slot=\"drawer-footer\" />\n  );\n});\n\nexport type DrawerCloseProps = ComponentPropsWithoutRef<typeof BaseDrawer.Close>;\n\nexport const DrawerClose = forwardRef<HTMLButtonElement, DrawerCloseProps>(function DrawerClose(\n  { \"aria-label\": ariaLabel, children, className, ...props },\n  ref,\n) {\n  const { styles } = useDrawerContext();\n  const hasVisibleLabel = children != null;\n\n  return (\n    <BaseDrawer.Close\n      {...props}\n      aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close drawer\")}\n      ref={ref}\n      className={withRecipeClassName(hasVisibleLabel ? styles.action : styles.close, className)}\n      data-slot=\"drawer-close\"\n    >\n      {children ?? \"×\"}\n    </BaseDrawer.Close>\n  );\n});\n\nexport const Drawer = {\n  Root: DrawerRoot,\n  Trigger: DrawerTrigger,\n  Portal: DrawerPortal,\n  Backdrop: DrawerBackdrop,\n  Viewport: DrawerViewport,\n  Popup: DrawerPopup,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n  Footer: DrawerFooter,\n  Close: DrawerClose,\n  createHandle: BaseDrawer.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/drawer/index.d.cts

@@ -0,0 +1,2 @@
+import { Drawer, DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerPopup, DrawerPopupProps, DrawerPortal, DrawerPortalProps, DrawerRoot, DrawerRootProps, DrawerSide, DrawerSize, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DrawerViewport, DrawerViewportProps } from "./drawer.cjs";
+export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, DrawerRoot, type DrawerRootProps, type DrawerSide, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };

package/dist/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+import { Drawer, DrawerBackdrop, DrawerBackdropProps, DrawerClose, DrawerCloseProps, DrawerContent, DrawerContentProps, DrawerDescription, DrawerDescriptionProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerPopup, DrawerPopupProps, DrawerPortal, DrawerPortalProps, DrawerRoot, DrawerRootProps, DrawerSide, DrawerSize, DrawerTitle, DrawerTitleProps, DrawerTrigger, DrawerTriggerProps, DrawerViewport, DrawerViewportProps } from "./drawer.js";
+export { Drawer, DrawerBackdrop, type DrawerBackdropProps, DrawerClose, type DrawerCloseProps, DrawerContent, type DrawerContentProps, DrawerDescription, type DrawerDescriptionProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, DrawerPopup, type DrawerPopupProps, DrawerPortal, type DrawerPortalProps, DrawerRoot, type DrawerRootProps, type DrawerSide, type DrawerSize, DrawerTitle, type DrawerTitleProps, DrawerTrigger, type DrawerTriggerProps, DrawerViewport, type DrawerViewportProps };

package/dist/components/feedback/badge.cjs

@@ -0,0 +1,18 @@
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_badge = require("../../styled-system/recipes/badge.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/feedback/badge.tsx
+const Badge = (0, react.forwardRef)(function Badge({ className, tone = "neutral", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		...props,
+		ref,
+		className: require_cx.cx(require_badge.badge({ tone }), className),
+		"data-jaci-component": "badge",
+		"data-slot": "badge"
+	});
+});
+//#endregion
+exports.Badge = Badge;
+
+//# sourceMappingURL=badge.cjs.map

package/dist/components/feedback/badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.cjs","names":["cx","badge"],"sources":["../../../src/components/feedback/badge.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { badge } from \"../../styled-system/recipes\";\n\nexport interface BadgeProps extends ComponentPropsWithoutRef<\"span\"> {\n  tone?: \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\n}\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { className, tone = \"neutral\", ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(badge({ tone }), className)}\n      data-jaci-component=\"badge\"\n      data-slot=\"badge\"\n    />\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,SAAA,GAAA,MAAA,WAAA,CAAgD,SAAS,MACpE,EAAE,WAAW,OAAO,WAAW,GAAG,SAClC,KACA;CACA,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;EACE,GAAI;EACC;EACL,WAAWA,WAAAA,GAAGC,cAAAA,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/feedback/badge.d.cts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/feedback/badge.d.ts
+interface BadgeProps extends ComponentPropsWithoutRef<"span"> {
+  tone?: "neutral" | "accent" | "success" | "warning" | "danger";
+}
+declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Badge, BadgeProps };
+//# sourceMappingURL=badge.d.cts.map

package/dist/components/feedback/badge.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from "react";
+//#region src/components/feedback/badge.d.ts
+interface BadgeProps extends ComponentPropsWithoutRef<"span"> {
+  tone?: "neutral" | "accent" | "success" | "warning" | "danger";
+}
+declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Badge, BadgeProps };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/feedback/badge.js

@@ -0,0 +1,18 @@
+import { cx } from "../../styled-system/css/cx.js";
+import { badge } from "../../styled-system/recipes/badge.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/feedback/badge.tsx
+const Badge = forwardRef(function Badge({ className, tone = "neutral", ...props }, ref) {
+	return /* @__PURE__ */ jsx("span", {
+		...props,
+		ref,
+		className: cx(badge({ tone }), className),
+		"data-jaci-component": "badge",
+		"data-slot": "badge"
+	});
+});
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/components/feedback/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/feedback/badge.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { badge } from \"../../styled-system/recipes\";\n\nexport interface BadgeProps extends ComponentPropsWithoutRef<\"span\"> {\n  tone?: \"neutral\" | \"accent\" | \"success\" | \"warning\" | \"danger\";\n}\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(\n  { className, tone = \"neutral\", ...props },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={cx(badge({ tone }), className)}\n      data-jaci-component=\"badge\"\n      data-slot=\"badge\"\n    />\n  );\n});\n"],"mappings":";;;;;AAUA,MAAa,QAAQ,WAAwC,SAAS,MACpE,EAAE,WAAW,OAAO,WAAW,GAAG,SAClC,KACA;CACA,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,WAAW,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS;EACxC,uBAAoB;EACpB,aAAU;CACX,CAAA;AAEL,CAAC"}

package/dist/components/feedback/index.d.cts

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps } from "./badge.cjs";
+export { Badge, type BadgeProps };

package/dist/components/feedback/index.d.ts

@@ -0,0 +1,2 @@
+import { Badge, BadgeProps } from "./badge.js";
+export { Badge, type BadgeProps };