@mastra/playground-ui 60.0.0-alpha.8 → 60.0.0

package/dist/drawer-tUWEluOi.cjs

@@ -1,365 +0,0 @@
-'use strict';
-
-require('./drawer.css');const jsxRuntime = require('react/jsx-runtime');
-const drawer = require('@base-ui/react/drawer');
-const index = require('./index-C-fBJhpb.cjs');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const Button = require('./Button-CIwF6NHM.cjs');
-const primitives_raisedSurface = require('./primitives/raised-surface.cjs.js');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-;/* empty css                  */
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const drawerBackdropVariants = index.cva("drawer-backdrop fixed inset-0 z-50", {
-  variants: {
-    overlay: {
-      visible: "bg-scrim backdrop-blur-xs",
-      transparent: "bg-transparent",
-      none: "hidden"
-    }
-  },
-  defaultVariants: {
-    overlay: "visible"
-  }
-});
-const drawerViewportVariants = index.cva("fixed z-50 flex", {
-  variants: {
-    side: {
-      top: "items-start justify-center",
-      bottom: "items-end justify-center",
-      left: "items-stretch justify-start",
-      right: "items-stretch justify-end"
-    },
-    layout: {
-      default: "inset-0",
-      floating: "p-2 sm:p-3",
-      floatingOverlay: "inset-0 p-2 sm:p-3"
-    }
-  },
-  compoundVariants: [
-    {
-      side: "right",
-      layout: "floating",
-      className: "inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]"
-    },
-    {
-      side: "left",
-      layout: "floating",
-      className: "inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]"
-    },
-    {
-      side: "bottom",
-      layout: "floating",
-      className: "inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]"
-    },
-    {
-      side: "top",
-      layout: "floating",
-      className: "inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]"
-    }
-  ],
-  defaultVariants: {
-    side: "bottom",
-    layout: "default"
-  }
-});
-const drawerPopupVariants = index.cva(
-  utils_cn.cn(
-    "drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none",
-    "text-foreground",
-    primitives_raisedSurface.dialogSurfaceStyle,
-    "data-[swiping]:select-none",
-    "after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']",
-    "data-[nested-drawer-open]:after:bg-black/25"
-  ),
-  {
-    variants: {
-      side: {
-        bottom: "",
-        top: "",
-        left: "",
-        right: ""
-      },
-      variant: {
-        default: "",
-        floating: "drawer-popup-floating pointer-events-auto rounded-lg"
-      }
-    },
-    compoundVariants: [
-      {
-        side: "bottom",
-        variant: "default",
-        className: "-mb-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-t-xl pb-12"
-      },
-      {
-        side: "top",
-        variant: "default",
-        className: "-mt-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-b-xl pt-12"
-      },
-      {
-        side: "left",
-        variant: "default",
-        className: "h-full w-[20rem] max-w-[85vw] rounded-r-xl"
-      },
-      {
-        side: "right",
-        variant: "default",
-        className: "h-full w-[20rem] max-w-[85vw] rounded-l-xl"
-      },
-      {
-        side: ["left", "right"],
-        variant: "floating",
-        className: "h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]"
-      },
-      {
-        side: ["top", "bottom"],
-        variant: "floating",
-        className: "max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]"
-      }
-    ],
-    defaultVariants: {
-      side: "bottom",
-      variant: "default"
-    }
-  }
-);
-const sideToSwipeDirection = {
-  top: "up",
-  bottom: "down",
-  left: "left",
-  right: "right"
-};
-const resolveDrawerOverlay = (overlay, variant) => {
-  if (overlay !== "auto") {
-    return overlay;
-  }
-  return variant === "floating" ? "none" : "visible";
-};
-const DrawerContext = React__namespace.createContext({
-  side: "bottom",
-  variant: "default",
-  resolvedOverlay: "visible"
-});
-const useDrawerContext = () => React__namespace.useContext(DrawerContext);
-const resolveDrawerViewportLayout = (variant, overlay) => {
-  if (variant !== "floating") {
-    return "default";
-  }
-  return overlay === "none" ? "floating" : "floatingOverlay";
-};
-function Drawer({
-  side = "bottom",
-  variant = "default",
-  overlay = "auto",
-  modal,
-  disablePointerDismissal,
-  children,
-  ...props
-}) {
-  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);
-  const resolvedModal = modal ?? (resolvedOverlay === "none" ? false : void 0);
-  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === "none" ? true : void 0);
-  const contextValue = React__namespace.useMemo(
-    () => ({ side, variant, resolvedOverlay }),
-    [side, variant, resolvedOverlay]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    drawer.Drawer.Root,
-    {
-      swipeDirection: sideToSwipeDirection[side],
-      modal: resolvedModal,
-      disablePointerDismissal: resolvedDisablePointerDismissal,
-      ...props,
-      children
-    }
-  ) });
-}
-Drawer.displayName = "Drawer";
-function DrawerTrigger({ asChild, children, ...props }) {
-  const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : {};
-  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Trigger, { ...renderProps, ...props, children: asChild ? void 0 : children });
-}
-DrawerTrigger.displayName = "DrawerTrigger";
-const DrawerClose = React__namespace.forwardRef(({ asChild, children, ...props }, ref) => {
-  const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : {};
-  return /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Close, { ref, ...renderProps, ...props, children: asChild ? void 0 : children });
-});
-DrawerClose.displayName = "DrawerClose";
-const DrawerPortal = drawer.Drawer.Portal;
-const DrawerProvider = drawer.Drawer.Provider;
-const DrawerIndent = drawer.Drawer.Indent;
-const DrawerIndentBackground = drawer.Drawer.IndentBackground;
-const DrawerSwipeArea = drawer.Drawer.SwipeArea;
-const DrawerInteractive = drawer.Drawer.Content;
-const DrawerBackdrop = React__namespace.forwardRef(
-  ({ className, overlay, ...props }, ref) => {
-    const { resolvedOverlay } = useDrawerContext();
-    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      drawer.Drawer.Backdrop,
-      {
-        ref,
-        "data-slot": "drawer-backdrop",
-        "data-overlay": resolvedBackdropOverlay,
-        className: utils_cn.cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className),
-        ...props
-      }
-    );
-  }
-);
-DrawerBackdrop.displayName = "DrawerBackdrop";
-const DrawerViewport = React__namespace.forwardRef(
-  ({ className, side, variant, ...props }, ref) => {
-    const context = useDrawerContext();
-    const resolvedSide = side ?? context.side;
-    const resolvedVariant = variant ?? context.variant;
-    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      drawer.Drawer.Viewport,
-      {
-        ref,
-        "data-slot": "drawer-viewport",
-        "data-variant": resolvedVariant,
-        className: utils_cn.cn(drawerViewportVariants({ side: resolvedSide, layout }), className),
-        ...props
-      }
-    );
-  }
-);
-DrawerViewport.displayName = "DrawerViewport";
-const DrawerPopup = React__namespace.forwardRef(
-  ({ className, side, variant, ...props }, ref) => {
-    const context = useDrawerContext();
-    const resolvedSide = side ?? context.side;
-    const resolvedVariant = variant ?? context.variant;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      drawer.Drawer.Popup,
-      {
-        ref,
-        "data-slot": "drawer-popup",
-        "data-variant": resolvedVariant,
-        className: utils_cn.cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className),
-        ...props
-      }
-    );
-  }
-);
-DrawerPopup.displayName = "DrawerPopup";
-const nestedFadeClass = utils_cn.cn(
-  "transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0",
-  "group-data-[nested-drawer-open]/popup:opacity-0"
-);
-const DrawerHandleBar = () => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    "aria-hidden": true,
-    "data-slot": "drawer-handle",
-    className: utils_cn.cn("mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-muted", nestedFadeClass)
-  }
-);
-DrawerHandleBar.displayName = "DrawerHandleBar";
-const DrawerFloatingSideHandle = ({ side, variant }) => {
-  if (variant !== "floating" || side !== "left" && side !== "right") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "aria-hidden": true,
-      "data-slot": "drawer-side-handle",
-      className: utils_cn.cn(
-        "absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden",
-        side === "right" ? "-left-2" : "-right-2"
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-10 w-1 rounded-full bg-border-strong" })
-    }
-  );
-};
-DrawerFloatingSideHandle.displayName = "DrawerFloatingSideHandle";
-const DrawerContent = React__namespace.forwardRef(
-  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {
-    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();
-    const resolvedVariant = variant ?? contextVariant;
-    const showHandle = side === "top" || side === "bottom";
-    return /* @__PURE__ */ jsxRuntime.jsxs(DrawerPortal, { children: [
-      resolvedOverlay !== "none" && /* @__PURE__ */ jsxRuntime.jsx(DrawerBackdrop, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(DrawerViewport, { variant: resolvedVariant, children: /* @__PURE__ */ jsxRuntime.jsxs(DrawerPopup, { ref, variant: resolvedVariant, className, ...props, children: [
-        showHandle && side === "bottom" && /* @__PURE__ */ jsxRuntime.jsx(DrawerHandleBar, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(DrawerFloatingSideHandle, { side, variant: resolvedVariant }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "drawer-content", className: utils_cn.cn("relative flex min-h-0 flex-1 flex-col", nestedFadeClass), children: [
-          showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(DrawerDefaultCloseButton, {}),
-          children
-        ] }),
-        showHandle && side === "top" && /* @__PURE__ */ jsxRuntime.jsx(DrawerHandleBar, {})
-      ] }) })
-    ] });
-  }
-);
-DrawerContent.displayName = "DrawerContent";
-const DrawerDefaultCloseButton = () => /* @__PURE__ */ jsxRuntime.jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type: "button", variant: "ghost", size: "icon-sm", className: "absolute top-3 right-3 z-10", "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}) }) });
-DrawerDefaultCloseButton.displayName = "DrawerDefaultCloseButton";
-const DrawerHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    "data-slot": "drawer-header",
-    className: utils_cn.cn("flex flex-col gap-0.5 px-3 py-2.5 pr-12 text-left", className),
-    ...props
-  }
-);
-DrawerHeader.displayName = "DrawerHeader";
-const DrawerFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "div",
-  {
-    "data-slot": "drawer-footer",
-    className: utils_cn.cn("mt-auto flex flex-col-reverse gap-1.5 px-3 py-2.5 sm:flex-row sm:justify-end", className),
-    ...props
-  }
-);
-DrawerFooter.displayName = "DrawerFooter";
-const DrawerBody = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "drawer-body", className: utils_cn.cn("flex-1 px-3 py-2.5", className), ...props });
-DrawerBody.displayName = "DrawerBody";
-const DrawerTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Title, { ref, className: utils_cn.cn("text-subheading text-foreground", className), ...props }));
-DrawerTitle.displayName = "DrawerTitle";
-const DrawerDescription = React__namespace.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(drawer.Drawer.Description, { ref, className: utils_cn.cn("text-caption text-muted-foreground", className), ...props })
-);
-DrawerDescription.displayName = "DrawerDescription";
-
-exports.Drawer = Drawer;
-exports.DrawerBackdrop = DrawerBackdrop;
-exports.DrawerBody = DrawerBody;
-exports.DrawerClose = DrawerClose;
-exports.DrawerContent = DrawerContent;
-exports.DrawerDescription = DrawerDescription;
-exports.DrawerFooter = DrawerFooter;
-exports.DrawerHeader = DrawerHeader;
-exports.DrawerIndent = DrawerIndent;
-exports.DrawerIndentBackground = DrawerIndentBackground;
-exports.DrawerInteractive = DrawerInteractive;
-exports.DrawerPopup = DrawerPopup;
-exports.DrawerPortal = DrawerPortal;
-exports.DrawerProvider = DrawerProvider;
-exports.DrawerSwipeArea = DrawerSwipeArea;
-exports.DrawerTitle = DrawerTitle;
-exports.DrawerTrigger = DrawerTrigger;
-exports.DrawerViewport = DrawerViewport;
-//# sourceMappingURL=drawer-tUWEluOi.cjs.map

package/dist/drawer-tUWEluOi.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawer-tUWEluOi.cjs","sources":["../src/ds/components/Drawer/drawer.tsx"],"sourcesContent":["import { Drawer as DrawerPrimitive } from '@base-ui/react/drawer';\nimport { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Button } from '@/ds/components/Button';\nimport { dialogSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\n// Swipe/stack transforms live in drawer.css — unreadable as Tailwind arbitrary values.\nimport './drawer.css';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\nconst drawerBackdropVariants = cva('drawer-backdrop fixed inset-0 z-50', {\n  variants: {\n    overlay: {\n      visible: 'bg-scrim backdrop-blur-xs',\n      transparent: 'bg-transparent',\n      none: 'hidden',\n    },\n  },\n  defaultVariants: {\n    overlay: 'visible',\n  },\n});\n\nconst drawerViewportVariants = cva('fixed z-50 flex', {\n  variants: {\n    side: {\n      top: 'items-start justify-center',\n      bottom: 'items-end justify-center',\n      left: 'items-stretch justify-start',\n      right: 'items-stretch justify-end',\n    },\n    layout: {\n      default: 'inset-0',\n      floating: 'p-2 sm:p-3',\n      floatingOverlay: 'inset-0 p-2 sm:p-3',\n    },\n  },\n  compoundVariants: [\n    {\n      side: 'right',\n      layout: 'floating',\n      className: 'inset-y-0 right-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'left',\n      layout: 'floating',\n      className: 'inset-y-0 left-0 w-[calc(32rem+1.5rem)] max-w-full sm:w-[calc(32rem+2rem)]',\n    },\n    {\n      side: 'bottom',\n      layout: 'floating',\n      className: 'inset-x-0 bottom-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n    {\n      side: 'top',\n      layout: 'floating',\n      className: 'inset-x-0 top-0 h-[calc(85dvh+1.5rem)] max-h-full sm:h-[calc(85dvh+2rem)]',\n    },\n  ],\n  defaultVariants: {\n    side: 'bottom',\n    layout: 'default',\n  },\n});\n\n// `drawer-popup` hooks into drawer.css for swipe/stack transforms; `::after` dims under nested drawers.\nconst drawerPopupVariants = cva(\n  cn(\n    'drawer-popup group/popup relative z-50 box-border flex [touch-action:auto] flex-col overflow-y-auto overscroll-contain will-change-transform outline-none',\n    'text-foreground',\n    dialogSurfaceStyle,\n    'data-[swiping]:select-none',\n    \"after:pointer-events-none after:absolute after:inset-0 after:bg-transparent after:transition-[background-color] after:duration-[450ms] after:content-['']\",\n    'data-[nested-drawer-open]:after:bg-black/25',\n  ),\n  {\n    variants: {\n      side: {\n        bottom: '',\n        top: '',\n        left: '',\n        right: '',\n      },\n      variant: {\n        default: '',\n        floating: 'drawer-popup-floating pointer-events-auto rounded-lg',\n      },\n    },\n    compoundVariants: [\n      {\n        side: 'bottom',\n        variant: 'default',\n        className: '-mb-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-t-xl pb-12',\n      },\n      {\n        side: 'top',\n        variant: 'default',\n        className: '-mt-12 h-[var(--drawer-height,auto)] max-h-[calc(85vh_+_3rem)] w-full rounded-b-xl pt-12',\n      },\n      {\n        side: 'left',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-r-xl',\n      },\n      {\n        side: 'right',\n        variant: 'default',\n        className: 'h-full w-[20rem] max-w-[85vw] rounded-l-xl',\n      },\n      {\n        side: ['left', 'right'],\n        variant: 'floating',\n        className:\n          'h-[calc(100dvh-1.5rem)] w-[32rem] max-w-[calc(100vw-1.5rem)] sm:h-[calc(100dvh-2rem)] sm:max-w-[calc(100vw-2rem)]',\n      },\n      {\n        side: ['top', 'bottom'],\n        variant: 'floating',\n        className:\n          'max-h-[calc(85dvh-1.5rem)] w-[calc(100vw-1.5rem)] sm:max-h-[calc(85dvh-2rem)] sm:w-[calc(100vw-2rem)]',\n      },\n    ],\n    defaultVariants: {\n      side: 'bottom',\n      variant: 'default',\n    },\n  },\n);\n\ntype DrawerBackdropVariantsProps = VariantProps<typeof drawerBackdropVariants>;\ntype DrawerViewportClassVariantsProps = VariantProps<typeof drawerViewportVariants>;\ntype DrawerPopupVariantsProps = VariantProps<typeof drawerPopupVariants>;\nexport type DrawerVariant = NonNullable<DrawerPopupVariantsProps['variant']>;\ntype DrawerViewportLayout = NonNullable<DrawerViewportClassVariantsProps['layout']>;\ntype DrawerViewportVariantsProps = Pick<DrawerViewportClassVariantsProps, 'side'> & {\n  variant?: DrawerVariant;\n};\nexport type DrawerOverlay = 'auto' | NonNullable<DrawerBackdropVariantsProps['overlay']>;\n\n// `side` = anchor edge; Base UI's `swipeDirection` = dismissal gesture (bottom sheet swipes `down`).\nconst sideToSwipeDirection: Record<DrawerSide, 'up' | 'down' | 'left' | 'right'> = {\n  top: 'up',\n  bottom: 'down',\n  left: 'left',\n  right: 'right',\n};\n\ntype DrawerContextValue = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n  resolvedOverlay: NonNullable<DrawerBackdropVariantsProps['overlay']>;\n};\n\nconst resolveDrawerOverlay = (\n  overlay: DrawerOverlay,\n  variant: DrawerVariant,\n): NonNullable<DrawerBackdropVariantsProps['overlay']> => {\n  if (overlay !== 'auto') {\n    return overlay;\n  }\n\n  return variant === 'floating' ? 'none' : 'visible';\n};\n\nconst DrawerContext = React.createContext<DrawerContextValue>({\n  side: 'bottom',\n  variant: 'default',\n  resolvedOverlay: 'visible',\n});\n\nconst useDrawerContext = () => React.useContext(DrawerContext);\n\nconst resolveDrawerViewportLayout = (\n  variant: DrawerVariant,\n  overlay: NonNullable<DrawerBackdropVariantsProps['overlay']>,\n): DrawerViewportLayout => {\n  if (variant !== 'floating') {\n    return 'default';\n  }\n\n  return overlay === 'none' ? 'floating' : 'floatingOverlay';\n};\n\nexport type DrawerProps<Payload = unknown> = Omit<DrawerPrimitive.Root.Props<Payload>, 'swipeDirection'> & {\n  /** Edge the drawer is anchored to. Defaults to `bottom`. */\n  side?: DrawerSide;\n  /** Visual treatment for the drawer panel. Defaults to `default`. */\n  variant?: DrawerVariant;\n  /** Backdrop behavior. `auto` renders a visible backdrop for default drawers and no backdrop for floating drawers. */\n  overlay?: DrawerOverlay;\n};\n\nfunction Drawer<Payload = unknown>({\n  side = 'bottom',\n  variant = 'default',\n  overlay = 'auto',\n  modal,\n  disablePointerDismissal,\n  children,\n  ...props\n}: DrawerProps<Payload>) {\n  const resolvedOverlay = resolveDrawerOverlay(overlay, variant);\n  const resolvedModal = modal ?? (resolvedOverlay === 'none' ? false : undefined);\n  const resolvedDisablePointerDismissal = disablePointerDismissal ?? (resolvedOverlay === 'none' ? true : undefined);\n  const contextValue = React.useMemo<DrawerContextValue>(\n    () => ({ side, variant, resolvedOverlay }),\n    [side, variant, resolvedOverlay],\n  );\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <DrawerPrimitive.Root\n        swipeDirection={sideToSwipeDirection[side]}\n        modal={resolvedModal}\n        disablePointerDismissal={resolvedDisablePointerDismissal}\n        {...props}\n      >\n        {children}\n      </DrawerPrimitive.Root>\n    </DrawerContext.Provider>\n  );\n}\nDrawer.displayName = 'Drawer';\n\n// Generic (not `forwardRef`) so `handle` / `payload` stay type-safe on detached triggers.\ntype DrawerTriggerProps<Payload = unknown> = DrawerPrimitive.Trigger.Props<Payload> & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nfunction DrawerTrigger<Payload = unknown>({ asChild, children, ...props }: DrawerTriggerProps<Payload>) {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Trigger {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Trigger>\n  );\n}\nDrawerTrigger.displayName = 'DrawerTrigger';\n\ntype DrawerCloseProps = DrawerPrimitive.Close.Props & {\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n};\n\nconst DrawerClose = React.forwardRef<HTMLButtonElement, DrawerCloseProps>(({ asChild, children, ...props }, ref) => {\n  const renderProps = asChild && React.isValidElement(children) ? { render: children as React.ReactElement } : {};\n\n  return (\n    <DrawerPrimitive.Close ref={ref} {...renderProps} {...props}>\n      {asChild ? undefined : children}\n    </DrawerPrimitive.Close>\n  );\n});\nDrawerClose.displayName = 'DrawerClose';\n\nconst DrawerPortal = DrawerPrimitive.Portal;\nconst DrawerProvider = DrawerPrimitive.Provider;\nconst DrawerIndent = DrawerPrimitive.Indent;\nconst DrawerIndentBackground = DrawerPrimitive.IndentBackground;\nconst DrawerSwipeArea = DrawerPrimitive.SwipeArea;\n// Inner region where pointer drags select text / scroll instead of swiping the drawer closed.\nconst DrawerInteractive = DrawerPrimitive.Content;\n\ntype DrawerBackdropProps = Omit<DrawerPrimitive.Backdrop.Props, 'className'> & {\n  className?: string;\n} & DrawerBackdropVariantsProps;\n\n// The `drawer-backdrop` class (drawer.css) fades the overlay with the swipe gesture.\nconst DrawerBackdrop = React.forwardRef<HTMLDivElement, DrawerBackdropProps>(\n  ({ className, overlay, ...props }, ref) => {\n    const { resolvedOverlay } = useDrawerContext();\n    const resolvedBackdropOverlay = overlay ?? resolvedOverlay;\n\n    return (\n      <DrawerPrimitive.Backdrop\n        ref={ref}\n        data-slot=\"drawer-backdrop\"\n        data-overlay={resolvedBackdropOverlay}\n        className={cn(drawerBackdropVariants({ overlay: resolvedBackdropOverlay }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerBackdrop.displayName = 'DrawerBackdrop';\n\ntype DrawerViewportProps = Omit<DrawerPrimitive.Viewport.Props, 'className'> & {\n  className?: string;\n} & DrawerViewportVariantsProps;\n\n// Keep the viewport pointer-interactive: Base UI wires native drag-to-dismiss to it.\n// Floating drawers without an overlay constrain the viewport so the page behind stays interactive.\n// Floating drawers with an overlay keep a full-screen viewport so overlay-start drags stay native.\nconst DrawerViewport = React.forwardRef<HTMLDivElement, DrawerViewportProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n    const layout = resolveDrawerViewportLayout(resolvedVariant, context.resolvedOverlay);\n\n    return (\n      <DrawerPrimitive.Viewport\n        ref={ref}\n        data-slot=\"drawer-viewport\"\n        data-variant={resolvedVariant}\n        className={cn(drawerViewportVariants({ side: resolvedSide, layout }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerViewport.displayName = 'DrawerViewport';\n\ntype DrawerPopupProps = Omit<DrawerPrimitive.Popup.Props, 'className'> & {\n  className?: string;\n} & DrawerPopupVariantsProps;\n\nconst DrawerPopup = React.forwardRef<HTMLDivElement, DrawerPopupProps>(\n  ({ className, side, variant, ...props }, ref) => {\n    const context = useDrawerContext();\n    const resolvedSide = side ?? context.side;\n    const resolvedVariant = variant ?? context.variant;\n\n    return (\n      <DrawerPrimitive.Popup\n        ref={ref}\n        data-slot=\"drawer-popup\"\n        data-variant={resolvedVariant}\n        className={cn(drawerPopupVariants({ side: resolvedSide, variant: resolvedVariant }), className)}\n        {...props}\n      />\n    );\n  },\n);\nDrawerPopup.displayName = 'DrawerPopup';\n\n// Inner-content fade while a nested drawer covers the parent. Off the popup itself so border/shadow stay crisp.\nconst nestedFadeClass = cn(\n  'transition-opacity duration-300 ease-[cubic-bezier(0.32,0.72,0,1)] motion-reduce:duration-0',\n  'group-data-[nested-drawer-open]/popup:opacity-0',\n);\n\nconst DrawerHandleBar = () => (\n  <div\n    aria-hidden\n    data-slot=\"drawer-handle\"\n    className={cn('mx-auto my-2 h-1 w-12 shrink-0 rounded-full bg-muted', nestedFadeClass)}\n  />\n);\nDrawerHandleBar.displayName = 'DrawerHandleBar';\n\ntype DrawerFloatingSideHandleProps = {\n  side: DrawerSide;\n  variant: DrawerVariant;\n};\n\nconst DrawerFloatingSideHandle = ({ side, variant }: DrawerFloatingSideHandleProps) => {\n  if (variant !== 'floating' || (side !== 'left' && side !== 'right')) {\n    return null;\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"drawer-side-handle\"\n      className={cn(\n        'absolute top-1/2 z-10 flex h-20 w-5 -translate-y-1/2 cursor-ew-resize touch-none items-center justify-center select-none lg:hidden',\n        side === 'right' ? '-left-2' : '-right-2',\n      )}\n    >\n      <div className=\"h-10 w-1 rounded-full bg-border-strong\" />\n    </div>\n  );\n};\nDrawerFloatingSideHandle.displayName = 'DrawerFloatingSideHandle';\n\ntype DrawerContentProps = Omit<DrawerPrimitive.Popup.Props, 'className' | 'children'> & {\n  className?: string;\n  children?: React.ReactNode;\n  /** Shows the built-in top-right close button. Defaults to `true`. */\n  showCloseButton?: boolean;\n} & Pick<DrawerPopupVariantsProps, 'variant'>;\n\n// Opinionated bundle: Portal + Backdrop + Viewport + Popup, with handle on top/bottom sheets.\n// Drop to the primitives for non-modal pages, custom portal targets, or chrome outside the popup.\nconst DrawerContent = React.forwardRef<HTMLDivElement, DrawerContentProps>(\n  ({ className, children, variant, showCloseButton = true, ...props }, ref) => {\n    const { side, variant: contextVariant, resolvedOverlay } = useDrawerContext();\n    const resolvedVariant = variant ?? contextVariant;\n    const showHandle = side === 'top' || side === 'bottom';\n\n    return (\n      <DrawerPortal>\n        {resolvedOverlay !== 'none' && <DrawerBackdrop />}\n        <DrawerViewport variant={resolvedVariant}>\n          <DrawerPopup ref={ref} variant={resolvedVariant} className={className} {...props}>\n            {showHandle && side === 'bottom' && <DrawerHandleBar />}\n            <DrawerFloatingSideHandle side={side} variant={resolvedVariant} />\n            <div data-slot=\"drawer-content\" className={cn('relative flex min-h-0 flex-1 flex-col', nestedFadeClass)}>\n              {showCloseButton && <DrawerDefaultCloseButton />}\n              {children}\n            </div>\n            {showHandle && side === 'top' && <DrawerHandleBar />}\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    );\n  },\n);\nDrawerContent.displayName = 'DrawerContent';\n\nconst DrawerDefaultCloseButton = () => (\n  <DrawerClose asChild>\n    <Button type=\"button\" variant=\"ghost\" size=\"icon-sm\" className=\"absolute top-3 right-3 z-10\" aria-label=\"Close\">\n      <XIcon />\n    </Button>\n  </DrawerClose>\n);\nDrawerDefaultCloseButton.displayName = 'DrawerDefaultCloseButton';\n\nconst DrawerHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-header\"\n    className={cn('flex flex-col gap-0.5 px-3 py-2.5 pr-12 text-left', className)}\n    {...props}\n  />\n);\nDrawerHeader.displayName = 'DrawerHeader';\n\nconst DrawerFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    data-slot=\"drawer-footer\"\n    className={cn('mt-auto flex flex-col-reverse gap-1.5 px-3 py-2.5 sm:flex-row sm:justify-end', className)}\n    {...props}\n  />\n);\nDrawerFooter.displayName = 'DrawerFooter';\n\nconst DrawerBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div data-slot=\"drawer-body\" className={cn('flex-1 px-3 py-2.5', className)} {...props} />\n);\nDrawerBody.displayName = 'DrawerBody';\n\ntype DrawerTitleProps = Omit<DrawerPrimitive.Title.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerTitle = React.forwardRef<HTMLHeadingElement, DrawerTitleProps>(({ className, ...props }, ref) => (\n  <DrawerPrimitive.Title ref={ref} className={cn('text-subheading text-foreground', className)} {...props} />\n));\nDrawerTitle.displayName = 'DrawerTitle';\n\ntype DrawerDescriptionProps = Omit<DrawerPrimitive.Description.Props, 'className'> & {\n  className?: string;\n};\n\nconst DrawerDescription = React.forwardRef<HTMLParagraphElement, DrawerDescriptionProps>(\n  ({ className, ...props }, ref) => (\n    <DrawerPrimitive.Description ref={ref} className={cn('text-caption text-muted-foreground', className)} {...props} />\n  ),\n);\nDrawerDescription.displayName = 'DrawerDescription';\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerViewport,\n  DrawerPopup,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerBody,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerProvider,\n  DrawerIndent,\n  DrawerIndentBackground,\n  DrawerSwipeArea,\n  DrawerInteractive,\n};\n\nexport type {\n  DrawerTriggerProps,\n  DrawerCloseProps,\n  DrawerBackdropProps,\n  DrawerViewportProps,\n  DrawerPopupProps,\n  DrawerContentProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n};\n"],"names":["cva","cn","dialogSurfaceStyle","React","jsx","DrawerPrimitive","jsxs","Button","XIcon"],"mappings":"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"}

package/dist/field-block-BG5E7u9v.cjs

@@ -1,87 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('./cn-DG0X1KEP.cjs');
-const fieldBlockErrorMsg = require('./field-block-error-msg-oudJz2Hx.cjs');
-
-function FieldBlockColumn({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid gap-2 text-foreground", className), children });
-}
-
-function FieldBlockHelpText({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-caption text-muted-foreground", children });
-}
-
-function FieldBlockLabel({
-  children,
-  name,
-  htmlFor = `input-${name}`,
-  required,
-  disabled = false,
-  size = "default",
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "label",
-    {
-      htmlFor,
-      className: utils_cn.cn(
-        "inline-flex items-center text-label",
-        {
-          "text-body": size === "bigger",
-          "text-foreground": !disabled,
-          "text-muted-foreground": disabled
-        },
-        className
-      ),
-      children: [
-        children,
-        required ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: utils_cn.cn("ml-0.5", disabled ? "text-muted-foreground" : "text-destructive"), children: "*" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: " (required)" })
-        ] }) : null
-      ]
-    }
-  );
-}
-
-function FieldBlockLayout({
-  children,
-  className,
-  layout = "vertical",
-  labelColumnWidth
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        "relative grid gap-2 text-foreground",
-        {
-          "horizontal-field-block grid-cols-[auto_1fr] items-baseline": layout === "horizontal"
-        },
-        className
-      ),
-      style: layout === "horizontal" && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : void 0,
-      children
-    }
-  );
-}
-
-function FieldBlockMessage({ name, helpText, errorMsg }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsxRuntime.jsx(fieldBlockErrorMsg.FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsxRuntime.jsx(FieldBlockHelpText, { children: helpText }) : null });
-}
-
-const FieldBlock = Object.assign(
-  {},
-  {
-    Layout: FieldBlockLayout,
-    Column: FieldBlockColumn,
-    Label: FieldBlockLabel,
-    HelpText: FieldBlockHelpText,
-    ErrorMsg: fieldBlockErrorMsg.FieldBlockErrorMsg,
-    Message: FieldBlockMessage
-  }
-);
-
-exports.FieldBlock = FieldBlock;
-//# sourceMappingURL=field-block-BG5E7u9v.cjs.map

package/dist/field-block-BG5E7u9v.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-block-BG5E7u9v.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n"],"names":["cn","jsx","jsxs","Fragment","FieldBlockErrorMsg"],"mappings":";;;;;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,4BAAA,EAA8B,SAAS,GAAI,QAAA,EAAS,CAAA;AAChF;;ACLO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA4B;AACxE,EAAA,uBAAOC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAsC,QAAA,EAAS,CAAA;AACrE;;ACMO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,SAAS,IAAI,CAAA,CAAA;AAAA,EACvB,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP;AACF,CAAA,EAAyB;AACvB,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,SAAA,EAAWF,WAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,aAAa,IAAA,KAAS,QAAA;AAAA,UACtB,mBAAmB,CAAC,QAAA;AAAA,UACpB,uBAAA,EAAyB;AAAA,SAC3B;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,2BACCE,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAAF,cAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAWD,WAAA,CAAG,UAAU,QAAA,GAAW,uBAAA,GAA0B,kBAAkB,CAAA,EAAG,QAAA,EAAA,GAAA,EAEpG,CAAA;AAAA,0BACAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,EAAW;AAAA,SAAA,EACvC,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;;ACnCO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT;AACF,CAAA,EAA0B;AACxB,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,8DAA8D,MAAA,KAAW;AAAA,SAC3E;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EACE,WAAW,YAAA,IAAgB,gBAAA,GAAmB,EAAE,mBAAA,EAAqB,CAAA,EAAG,gBAAgB,CAAA,IAAA,CAAA,EAAO,GAAI,MAAA;AAAA,MAGpG;AAAA;AAAA,GACH;AAEJ;;ACvBO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAM,QAAA,EAAU,UAAS,EAA2B;AACtF,EAAA,sCACG,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACZ,QAAA,EAAA,QAAA,kCACEI,qCAAA,EAAA,EAAmB,IAAA,EAAY,SAAA,EAAU,UAAA,EACvC,oBACH,CAAA,GACE,QAAA,kCACD,kBAAA,EAAA,EAAoB,QAAA,EAAA,QAAA,EAAS,IAC5B,IAAA,EACN,CAAA;AAEJ;;ACdO,MAAM,aAAa,MAAA,CAAO,MAAA;AAAA,EAC/B,EAAC;AAAA,EACD;AAAA,IACE,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ,gBAAA;AAAA,IACR,KAAA,EAAO,eAAA;AAAA,IACP,QAAA,EAAU,kBAAA;AAAA,IACV,QAAA,EAAUA,qCAAA;AAAA,IACV,OAAA,EAAS;AAAA;AAEb;;;;"}

package/dist/field-block-BRLwud-v.js

@@ -1,85 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as cn } from './cn-65Adrsfj.js';
-import { F as FieldBlockErrorMsg } from './field-block-error-msg-Y0fi0HUC.js';
-
-function FieldBlockColumn({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-2 text-foreground", className), children });
-}
-
-function FieldBlockHelpText({ children }) {
-  return /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children });
-}
-
-function FieldBlockLabel({
-  children,
-  name,
-  htmlFor = `input-${name}`,
-  required,
-  disabled = false,
-  size = "default",
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "label",
-    {
-      htmlFor,
-      className: cn(
-        "inline-flex items-center text-label",
-        {
-          "text-body": size === "bigger",
-          "text-foreground": !disabled,
-          "text-muted-foreground": disabled
-        },
-        className
-      ),
-      children: [
-        children,
-        required ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn("ml-0.5", disabled ? "text-muted-foreground" : "text-destructive"), children: "*" }),
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: " (required)" })
-        ] }) : null
-      ]
-    }
-  );
-}
-
-function FieldBlockLayout({
-  children,
-  className,
-  layout = "vertical",
-  labelColumnWidth
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative grid gap-2 text-foreground",
-        {
-          "horizontal-field-block grid-cols-[auto_1fr] items-baseline": layout === "horizontal"
-        },
-        className
-      ),
-      style: layout === "horizontal" && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : void 0,
-      children
-    }
-  );
-}
-
-function FieldBlockMessage({ name, helpText, errorMsg }) {
-  return /* @__PURE__ */ jsx("div", { className: "h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate", children: errorMsg ? /* @__PURE__ */ jsx(FieldBlockErrorMsg, { name, className: "truncate", children: errorMsg }) : helpText ? /* @__PURE__ */ jsx(FieldBlockHelpText, { children: helpText }) : null });
-}
-
-const FieldBlock = Object.assign(
-  {},
-  {
-    Layout: FieldBlockLayout,
-    Column: FieldBlockColumn,
-    Label: FieldBlockLabel,
-    HelpText: FieldBlockHelpText,
-    ErrorMsg: FieldBlockErrorMsg,
-    Message: FieldBlockMessage
-  }
-);
-
-export { FieldBlock as F };
-//# sourceMappingURL=field-block-BRLwud-v.js.map

package/dist/field-block-BRLwud-v.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-block-BRLwud-v.js","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n"],"names":[],"mappings":";;;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,4BAAA,EAA8B,SAAS,GAAI,QAAA,EAAS,CAAA;AAChF;;ACLO,SAAS,kBAAA,CAAmB,EAAE,QAAA,EAAS,EAA4B;AACxE,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oCAAA,EAAsC,QAAA,EAAS,CAAA;AACrE;;ACMO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA,GAAU,SAAS,IAAI,CAAA,CAAA;AAAA,EACvB,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,SAAA;AAAA,EACP;AACF,CAAA,EAAyB;AACvB,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,aAAa,IAAA,KAAS,QAAA;AAAA,UACtB,mBAAmB,CAAC,QAAA;AAAA,UACpB,uBAAA,EAAyB;AAAA,SAC3B;AAAA,QACA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,2BACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAW,IAAA,EAAC,SAAA,EAAW,EAAA,CAAG,UAAU,QAAA,GAAW,uBAAA,GAA0B,kBAAkB,CAAA,EAAG,QAAA,EAAA,GAAA,EAEpG,CAAA;AAAA,0BACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,aAAA,EAAW;AAAA,SAAA,EACvC,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;;ACnCO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT;AACF,CAAA,EAA0B;AACxB,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,qCAAA;AAAA,QACA;AAAA,UACE,8DAA8D,MAAA,KAAW;AAAA,SAC3E;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EACE,WAAW,YAAA,IAAgB,gBAAA,GAAmB,EAAE,mBAAA,EAAqB,CAAA,EAAG,gBAAgB,CAAA,IAAA,CAAA,EAAO,GAAI,MAAA;AAAA,MAGpG;AAAA;AAAA,GACH;AAEJ;;ACvBO,SAAS,iBAAA,CAAkB,EAAE,IAAA,EAAM,QAAA,EAAU,UAAS,EAA2B;AACtF,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EAAU,6DAAA,EACZ,QAAA,EAAA,QAAA,uBACE,kBAAA,EAAA,EAAmB,IAAA,EAAY,SAAA,EAAU,UAAA,EACvC,oBACH,CAAA,GACE,QAAA,uBACD,kBAAA,EAAA,EAAoB,QAAA,EAAA,QAAA,EAAS,IAC5B,IAAA,EACN,CAAA;AAEJ;;ACdO,MAAM,aAAa,MAAA,CAAO,MAAA;AAAA,EAC/B,EAAC;AAAA,EACD;AAAA,IACE,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ,gBAAA;AAAA,IACR,KAAA,EAAO,eAAA;AAAA,IACP,QAAA,EAAU,kBAAA;AAAA,IACV,QAAA,EAAU,kBAAA;AAAA,IACV,OAAA,EAAS;AAAA;AAEb;;;;"}

package/dist/field-block-error-msg-Y0fi0HUC.js

@@ -1,22 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { CircleAlertIcon } from 'lucide-react';
-import { Icon } from './icons/Icon.es.js';
-import { c as cn } from './cn-65Adrsfj.js';
-
-function FieldBlockErrorMsg({ children, name, className }) {
-  return /* @__PURE__ */ jsxs(
-    "p",
-    {
-      role: "alert",
-      id: name !== void 0 ? `error-${name}` : void 0,
-      className: cn("flex gap-1 text-caption text-destructive", className),
-      children: [
-        /* @__PURE__ */ jsx(Icon, { size: "xs", className: "mt-0.75 shrink-0", "aria-hidden": true, children: /* @__PURE__ */ jsx(CircleAlertIcon, {}) }),
-        /* @__PURE__ */ jsx("span", { children })
-      ]
-    }
-  );
-}
-
-export { FieldBlockErrorMsg as F };
-//# sourceMappingURL=field-block-error-msg-Y0fi0HUC.js.map