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

package/dist/page-header-DymTqQgq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header-DymTqQgq.js","sources":["../src/ds/new/layout/page-header/page-header-action.tsx","../src/ds/new/layout/page-header/page-header-description.tsx","../src/ds/new/layout/page-header/page-header-icon.tsx","../src/ds/new/layout/page-header/page-header-meta.tsx","../src/ds/new/layout/page-header/page-header-title.tsx","../src/ds/new/layout/page-header/page-header-root.tsx","../src/ds/new/layout/page-header/page-header.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderActionProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderAction({ className, ...props }: PageHeaderActionProps) {\n  return (\n    <div\n      data-slot=\"page-header-action\"\n      className={cn('col-start-[action] row-start-1 self-center justify-self-end', className)}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderDescriptionProps extends ComponentPropsWithoutRef<'p'> {\n  isLoading?: boolean;\n}\n\nexport function PageHeaderDescription({ children, className, isLoading, ...props }: PageHeaderDescriptionProps) {\n  return (\n    <p\n      data-slot=\"page-header-description\"\n      className={cn(\n        'max-w-140 col-[title/end] flex flex-wrap gap-x-4 gap-y-1 text-ui-sm text-neutral3',\n        isLoading && 'w-160 max-w-[80%] animate-pulse rounded-md bg-surface4',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </p>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderIconProps = ComponentPropsWithoutRef<'div'>;\n\nexport function PageHeaderIcon({ className, ...props }: PageHeaderIconProps) {\n  return (\n    <div\n      data-slot=\"page-header-icon\"\n      className={cn(\n        'col-start-[icon] row-start-1 flex items-center self-center text-neutral3 [&>svg]:size-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderMetaProps extends ComponentPropsWithoutRef<'div'> {\n  beside?: boolean;\n}\n\nexport function PageHeaderMeta({ beside = false, className, ...props }: PageHeaderMetaProps) {\n  return (\n    <div\n      data-slot=\"page-header-meta\"\n      data-placement={beside ? 'beside' : 'below'}\n      className={cn(\n        'flex min-w-0 flex-wrap items-center gap-2',\n        beside ? 'col-start-[meta] row-start-1 self-center justify-self-start' : 'col-[title/end]',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type PageHeaderTitleSize = 'sm' | 'md' | 'lg' | 'xl' | 'smaller' | 'default';\n\nexport interface PageHeaderTitleProps extends ComponentPropsWithoutRef<'h1'> {\n  isLoading?: boolean;\n  size?: PageHeaderTitleSize;\n}\n\nconst titleSizeClasses: Record<PageHeaderTitleSize, string> = {\n  sm: 'text-header-sm',\n  md: 'text-header-md',\n  lg: 'text-header-lg',\n  xl: 'text-header-xl',\n  smaller: 'text-header-sm',\n  default: 'text-header-md',\n};\n\nexport function PageHeaderTitle({ children, className, isLoading, size = 'md', ...props }: PageHeaderTitleProps) {\n  return (\n    <h1\n      data-slot=\"page-header-title\"\n      className={cn(\n        'col-start-[title] row-start-1 flex min-w-0 items-center gap-2 self-start font-medium text-neutral4 [&>svg]:size-[1.25em] [&>svg]:opacity-50',\n        titleSizeClasses[size],\n        isLoading && 'w-60 max-w-[50%] animate-pulse rounded-md bg-surface4',\n        className,\n      )}\n      {...props}\n    >\n      {isLoading ? <>&nbsp;</> : children}\n    </h1>\n  );\n}\n","import type { ComponentPropsWithoutRef } from 'react';\n\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderTitle } from './page-header-title';\nimport { cn } from '@/lib/utils';\n\nexport interface PageHeaderRootProps extends Omit<ComponentPropsWithoutRef<'header'>, 'title'> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  isLoading?: boolean;\n}\n\nexport function PageHeaderRoot({\n  children,\n  className,\n  title,\n  description,\n  icon,\n  isLoading,\n  ...props\n}: PageHeaderRootProps) {\n  const useLegacyApi = children === undefined && title !== undefined;\n\n  return (\n    <header\n      className={cn(\n        'relative grid w-full grid-cols-[[title]_auto_[meta]_minmax(0,1fr)_[action]_auto_[end]] gap-x-3 gap-y-1',\n        'has-[>[data-slot=page-header-icon]]:grid-cols-[[icon]_auto_[title]_auto_[meta]_minmax(0,1fr)_[action]_auto_[end]]',\n        className,\n      )}\n      {...props}\n    >\n      {useLegacyApi ? (\n        <>\n          {!isLoading && icon !== undefined && <PageHeaderIcon>{icon}</PageHeaderIcon>}\n          <PageHeaderTitle isLoading={isLoading}>{title}</PageHeaderTitle>\n          {description !== undefined && (\n            <PageHeaderDescription isLoading={isLoading}>{description}</PageHeaderDescription>\n          )}\n        </>\n      ) : (\n        children\n      )}\n    </header>\n  );\n}\n","import { PageHeaderAction } from './page-header-action';\nimport { PageHeaderDescription } from './page-header-description';\nimport { PageHeaderIcon } from './page-header-icon';\nimport { PageHeaderMeta } from './page-header-meta';\nimport { PageHeaderRoot } from './page-header-root';\nimport { PageHeaderTitle } from './page-header-title';\n\nexport type { PageHeaderActionProps } from './page-header-action';\nexport type { PageHeaderDescriptionProps } from './page-header-description';\nexport type { PageHeaderIconProps } from './page-header-icon';\nexport type { PageHeaderMetaProps } from './page-header-meta';\nexport type { PageHeaderRootProps } from './page-header-root';\nexport type { PageHeaderTitleProps, PageHeaderTitleSize } from './page-header-title';\n\nexport const PageHeader = Object.assign(PageHeaderRoot, {\n  Icon: PageHeaderIcon,\n  Title: PageHeaderTitle,\n  Meta: PageHeaderMeta,\n  Description: PageHeaderDescription,\n  Action: PageHeaderAction,\n});\n"],"names":[],"mappings":"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"}

package/dist/page-layout-B_JUSRkD.js

@@ -1,97 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { c as cn } from './cn-C6s2yXwM.js';
-import { u as usePageHeading } from './page-heading-context-D3yjYoJE.js';
-import { c as cva } from './index-Cp3ZQQze.js';
-
-function PageLayoutColumn({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid content-start", className), children });
-}
-
-function PageLayoutMainArea({ children, className, isCentered = false }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "overflow-auto",
-        {
-          "flex items-center justify-center": isCentered
-        },
-        className
-      ),
-      children
-    }
-  );
-}
-
-function PageLayoutRoot({
-  children,
-  className,
-  width = "default",
-  height = "default"
-}) {
-  const pageHeading = usePageHeading();
-  return /* @__PURE__ */ jsxs(
-    "main",
-    {
-      className: cn(
-        "grid w-full grid-rows-[auto_auto] content-start p-4",
-        {
-          "max-w-screen-lg mx-auto pt-6": width === "narrow",
-          "h-full grid-rows-[auto_minmax(0,1fr)] overflow-y-auto": height === "full"
-        },
-        className
-        //   'LAYOUT_ROOT border border-dashed border-orange-400',
-      ),
-      children: [
-        pageHeading && /* @__PURE__ */ jsx("h1", { className: "sr-only", children: pageHeading }),
-        children
-      ]
-    }
-  );
-}
-
-const pageLayoutRowVariants = cva("flex justify-between gap-3", {
-  variants: {
-    align: {
-      start: "items-start",
-      center: "items-center"
-    },
-    stack: {
-      horizontal: "flex-row",
-      responsive: "flex-col items-stretch sm:flex-row"
-    }
-  },
-  compoundVariants: [
-    {
-      stack: "responsive",
-      align: "start",
-      class: "sm:items-start"
-    },
-    {
-      stack: "responsive",
-      align: "center",
-      class: "sm:items-center"
-    }
-  ],
-  defaultVariants: {
-    align: "start",
-    stack: "horizontal"
-  }
-});
-function PageLayoutRow({ children, className, align, stack }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(pageLayoutRowVariants({ align, stack }), className), children });
-}
-
-function PageLayoutTopArea({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-3 pb-3", className), children });
-}
-
-const PageLayout = Object.assign(PageLayoutRoot, {
-  TopArea: PageLayoutTopArea,
-  MainArea: PageLayoutMainArea,
-  Column: PageLayoutColumn,
-  Row: PageLayoutRow
-});
-
-export { PageLayout as P };
-//# sourceMappingURL=page-layout-B_JUSRkD.js.map

package/dist/page-layout-B_JUSRkD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-layout-B_JUSRkD.js","sources":["../src/ds/components/PageLayout/page-layout-column.tsx","../src/ds/components/PageLayout/page-layout-main-area.tsx","../src/ds/components/PageLayout/page-layout-root.tsx","../src/ds/components/PageLayout/page-layout-row.tsx","../src/ds/components/PageLayout/page-layout-top-area.tsx","../src/ds/components/PageLayout/page-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type PageLayoutColumnProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function PageLayoutColumn({ children, className }: PageLayoutColumnProps) {\n  return <div className={cn('grid content-start', className)}>{children}</div>;\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type PageLayoutMainAreaProps = {\n  children: ReactNode;\n  className?: string;\n  isCentered?: boolean;\n};\n\nexport function PageLayoutMainArea({ children, className, isCentered = false }: PageLayoutMainAreaProps) {\n  return (\n    <div\n      className={cn(\n        'overflow-auto',\n        {\n          'flex items-center justify-center': isCentered,\n        },\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { usePageHeading } from './page-heading-context';\nimport { cn } from '@/lib/utils';\n\nexport function PageLayoutRoot({\n  children,\n  className,\n  width = 'default',\n  height = 'default',\n}: {\n  children: ReactNode;\n  className?: string;\n  width?: 'default' | 'narrow' | 'wide';\n  height?: 'default' | 'full';\n}) {\n  const pageHeading = usePageHeading();\n\n  return (\n    <main\n      className={cn(\n        'grid w-full grid-rows-[auto_auto] content-start p-4',\n        {\n          'max-w-screen-lg mx-auto pt-6': width === 'narrow',\n          'h-full grid-rows-[auto_minmax(0,1fr)] overflow-y-auto': height === 'full',\n        },\n        className,\n        //   'LAYOUT_ROOT border border-dashed border-orange-400',\n      )}\n    >\n      {pageHeading && <h1 className=\"sr-only\">{pageHeading}</h1>}\n      {children}\n    </main>\n  );\n}\n","import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst pageLayoutRowVariants = cva('flex justify-between gap-3', {\n  variants: {\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n    },\n    stack: {\n      horizontal: 'flex-row',\n      responsive: 'flex-col items-stretch sm:flex-row',\n    },\n  },\n  compoundVariants: [\n    {\n      stack: 'responsive',\n      align: 'start',\n      class: 'sm:items-start',\n    },\n    {\n      stack: 'responsive',\n      align: 'center',\n      class: 'sm:items-center',\n    },\n  ],\n  defaultVariants: {\n    align: 'start',\n    stack: 'horizontal',\n  },\n});\n\nexport type PageLayoutRowProps = {\n  children?: React.ReactNode;\n  className?: string;\n} & VariantProps<typeof pageLayoutRowVariants>;\n\nexport function PageLayoutRow({ children, className, align, stack }: PageLayoutRowProps) {\n  return <div className={cn(pageLayoutRowVariants({ align, stack }), className)}>{children}</div>;\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function PageLayoutTopArea({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('grid gap-3 pb-3', className)}>{children}</div>;\n}\n","import { PageLayoutColumn } from './page-layout-column';\nimport { PageLayoutMainArea } from './page-layout-main-area';\nimport { PageLayoutRoot } from './page-layout-root';\nimport { PageLayoutRow } from './page-layout-row';\nimport { PageLayoutTopArea } from './page-layout-top-area';\n\nexport const PageLayout = Object.assign(PageLayoutRoot, {\n  TopArea: PageLayoutTopArea,\n  MainArea: PageLayoutMainArea,\n  Column: PageLayoutColumn,\n  Row: PageLayoutRow,\n});\n"],"names":[],"mappings":";;;;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,oBAAA,EAAsB,SAAS,GAAI,QAAA,EAAS,CAAA;AACxE;;ACAO,SAAS,mBAAmB,EAAE,QAAA,EAAU,SAAA,EAAW,UAAA,GAAa,OAAM,EAA4B;AACvG,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,eAAA;AAAA,QACA;AAAA,UACE,kCAAA,EAAoC;AAAA,SACtC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACnBO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,MAAA,GAAS;AACX,CAAA,EAKG;AACD,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,qDAAA;AAAA,QACA;AAAA,UACE,gCAAgC,KAAA,KAAU,QAAA;AAAA,UAC1C,yDAAyD,MAAA,KAAW;AAAA,SACtE;AAAA,QACA;AAAA;AAAA,OAEF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAe,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH;AAEJ;;AC7BA,MAAM,qBAAA,GAAwB,IAAI,4BAAA,EAA8B;AAAA,EAC9D,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAY;AAAA;AACd,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,YAAA;AAAA,MACP,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAA,EAAO,YAAA;AAAA,MACP,KAAA,EAAO,QAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,OAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,cAAc,EAAE,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,OAAM,EAAuB;AACvF,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,qBAAA,CAAsB,EAAE,KAAA,EAAO,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAI,QAAA,EAAS,CAAA;AAC3F;;ACrCO,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgD;AACtG,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,iBAAA,EAAmB,SAAS,GAAI,QAAA,EAAS,CAAA;AACrE;;ACCO,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EACtD,OAAA,EAAS,iBAAA;AAAA,EACT,QAAA,EAAU,kBAAA;AAAA,EACV,MAAA,EAAQ,gBAAA;AAAA,EACR,GAAA,EAAK;AACP,CAAC;;;;"}

package/dist/page-layout-DXFMbJi3.cjs

@@ -1,99 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('./cn-BuHW7Wrt.cjs');
-const pageHeadingContext = require('./page-heading-context-Du-CpxAx.cjs');
-const index = require('./index-gbqoNdVM.cjs');
-
-function PageLayoutColumn({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start", className), children });
-}
-
-function PageLayoutMainArea({ children, className, isCentered = false }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: utils_cn.cn(
-        "overflow-auto",
-        {
-          "flex items-center justify-center": isCentered
-        },
-        className
-      ),
-      children
-    }
-  );
-}
-
-function PageLayoutRoot({
-  children,
-  className,
-  width = "default",
-  height = "default"
-}) {
-  const pageHeading = pageHeadingContext.usePageHeading();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "main",
-    {
-      className: utils_cn.cn(
-        "grid w-full grid-rows-[auto_auto] content-start p-4",
-        {
-          "max-w-screen-lg mx-auto pt-6": width === "narrow",
-          "h-full grid-rows-[auto_minmax(0,1fr)] overflow-y-auto": height === "full"
-        },
-        className
-        //   'LAYOUT_ROOT border border-dashed border-orange-400',
-      ),
-      children: [
-        pageHeading && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: pageHeading }),
-        children
-      ]
-    }
-  );
-}
-
-const pageLayoutRowVariants = index.cva("flex justify-between gap-3", {
-  variants: {
-    align: {
-      start: "items-start",
-      center: "items-center"
-    },
-    stack: {
-      horizontal: "flex-row",
-      responsive: "flex-col items-stretch sm:flex-row"
-    }
-  },
-  compoundVariants: [
-    {
-      stack: "responsive",
-      align: "start",
-      class: "sm:items-start"
-    },
-    {
-      stack: "responsive",
-      align: "center",
-      class: "sm:items-center"
-    }
-  ],
-  defaultVariants: {
-    align: "start",
-    stack: "horizontal"
-  }
-});
-function PageLayoutRow({ children, className, align, stack }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn(pageLayoutRowVariants({ align, stack }), className), children });
-}
-
-function PageLayoutTopArea({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid gap-3 pb-3", className), children });
-}
-
-const PageLayout = Object.assign(PageLayoutRoot, {
-  TopArea: PageLayoutTopArea,
-  MainArea: PageLayoutMainArea,
-  Column: PageLayoutColumn,
-  Row: PageLayoutRow
-});
-
-exports.PageLayout = PageLayout;
-//# sourceMappingURL=page-layout-DXFMbJi3.cjs.map

package/dist/page-layout-DXFMbJi3.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-layout-DXFMbJi3.cjs","sources":["../src/ds/components/PageLayout/page-layout-column.tsx","../src/ds/components/PageLayout/page-layout-main-area.tsx","../src/ds/components/PageLayout/page-layout-root.tsx","../src/ds/components/PageLayout/page-layout-row.tsx","../src/ds/components/PageLayout/page-layout-top-area.tsx","../src/ds/components/PageLayout/page-layout.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type PageLayoutColumnProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function PageLayoutColumn({ children, className }: PageLayoutColumnProps) {\n  return <div className={cn('grid content-start', className)}>{children}</div>;\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type PageLayoutMainAreaProps = {\n  children: ReactNode;\n  className?: string;\n  isCentered?: boolean;\n};\n\nexport function PageLayoutMainArea({ children, className, isCentered = false }: PageLayoutMainAreaProps) {\n  return (\n    <div\n      className={cn(\n        'overflow-auto',\n        {\n          'flex items-center justify-center': isCentered,\n        },\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from 'react';\nimport { usePageHeading } from './page-heading-context';\nimport { cn } from '@/lib/utils';\n\nexport function PageLayoutRoot({\n  children,\n  className,\n  width = 'default',\n  height = 'default',\n}: {\n  children: ReactNode;\n  className?: string;\n  width?: 'default' | 'narrow' | 'wide';\n  height?: 'default' | 'full';\n}) {\n  const pageHeading = usePageHeading();\n\n  return (\n    <main\n      className={cn(\n        'grid w-full grid-rows-[auto_auto] content-start p-4',\n        {\n          'max-w-screen-lg mx-auto pt-6': width === 'narrow',\n          'h-full grid-rows-[auto_minmax(0,1fr)] overflow-y-auto': height === 'full',\n        },\n        className,\n        //   'LAYOUT_ROOT border border-dashed border-orange-400',\n      )}\n    >\n      {pageHeading && <h1 className=\"sr-only\">{pageHeading}</h1>}\n      {children}\n    </main>\n  );\n}\n","import { cva } from 'class-variance-authority';\nimport type { VariantProps } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\n\nconst pageLayoutRowVariants = cva('flex justify-between gap-3', {\n  variants: {\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n    },\n    stack: {\n      horizontal: 'flex-row',\n      responsive: 'flex-col items-stretch sm:flex-row',\n    },\n  },\n  compoundVariants: [\n    {\n      stack: 'responsive',\n      align: 'start',\n      class: 'sm:items-start',\n    },\n    {\n      stack: 'responsive',\n      align: 'center',\n      class: 'sm:items-center',\n    },\n  ],\n  defaultVariants: {\n    align: 'start',\n    stack: 'horizontal',\n  },\n});\n\nexport type PageLayoutRowProps = {\n  children?: React.ReactNode;\n  className?: string;\n} & VariantProps<typeof pageLayoutRowVariants>;\n\nexport function PageLayoutRow({ children, className, align, stack }: PageLayoutRowProps) {\n  return <div className={cn(pageLayoutRowVariants({ align, stack }), className)}>{children}</div>;\n}\n","import type { ReactNode } from 'react';\nimport { cn } from '@/lib/utils';\n\nexport function PageLayoutTopArea({ children, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn('grid gap-3 pb-3', className)}>{children}</div>;\n}\n","import { PageLayoutColumn } from './page-layout-column';\nimport { PageLayoutMainArea } from './page-layout-main-area';\nimport { PageLayoutRoot } from './page-layout-root';\nimport { PageLayoutRow } from './page-layout-row';\nimport { PageLayoutTopArea } from './page-layout-top-area';\n\nexport const PageLayout = Object.assign(PageLayoutRoot, {\n  TopArea: PageLayoutTopArea,\n  MainArea: PageLayoutMainArea,\n  Column: PageLayoutColumn,\n  Row: PageLayoutRow,\n});\n"],"names":["cn","jsx","usePageHeading","jsxs","cva"],"mappings":";;;;;;;AAOO,SAAS,gBAAA,CAAiB,EAAE,QAAA,EAAU,SAAA,EAAU,EAA0B;AAC/E,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,oBAAA,EAAsB,SAAS,GAAI,QAAA,EAAS,CAAA;AACxE;;ACAO,SAAS,mBAAmB,EAAE,QAAA,EAAU,SAAA,EAAW,UAAA,GAAa,OAAM,EAA4B;AACvG,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWD,WAAA;AAAA,QACT,eAAA;AAAA,QACA;AAAA,UACE,kCAAA,EAAoC;AAAA,SACtC;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;ACnBO,SAAS,cAAA,CAAe;AAAA,EAC7B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA,GAAQ,SAAA;AAAA,EACR,MAAA,GAAS;AACX,CAAA,EAKG;AACD,EAAA,MAAM,cAAcE,iCAAA,EAAe;AAEnC,EAAA,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWH,WAAA;AAAA,QACT,qDAAA;AAAA,QACA;AAAA,UACE,gCAAgC,KAAA,KAAU,QAAA;AAAA,UAC1C,yDAAyD,MAAA,KAAW;AAAA,SACtE;AAAA,QACA;AAAA;AAAA,OAEF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAeC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH;AAEJ;;AC7BA,MAAM,qBAAA,GAAwBG,UAAI,4BAAA,EAA8B;AAAA,EAC9D,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,KAAA,EAAO;AAAA,MACL,UAAA,EAAY,UAAA;AAAA,MACZ,UAAA,EAAY;AAAA;AACd,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,YAAA;AAAA,MACP,KAAA,EAAO,OAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,KAAA,EAAO,YAAA;AAAA,MACP,KAAA,EAAO,QAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,OAAA;AAAA,IACP,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAOM,SAAS,cAAc,EAAE,QAAA,EAAU,SAAA,EAAW,KAAA,EAAO,OAAM,EAAuB;AACvF,EAAA,uBAAOH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWD,WAAA,CAAG,qBAAA,CAAsB,EAAE,KAAA,EAAO,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAI,QAAA,EAAS,CAAA;AAC3F;;ACrCO,SAAS,iBAAA,CAAkB,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgD;AACtG,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,iBAAA,EAAmB,SAAS,GAAI,QAAA,EAAS,CAAA;AACrE;;ACCO,MAAM,UAAA,GAAa,MAAA,CAAO,MAAA,CAAO,cAAA,EAAgB;AAAA,EACtD,OAAA,EAAS,iBAAA;AAAA,EACT,QAAA,EAAU,kBAAA;AAAA,EACV,MAAA,EAAQ,gBAAA;AAAA,EACR,GAAA,EAAK;AACP,CAAC;;;;"}

package/dist/popover-CGB4qBAn.cjs

@@ -1,121 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const popover = require('@base-ui/react/popover');
-const React = require('react');
-const primitives_floating = require('./primitives/floating.cjs.js');
-const primitives_portalContainer = require('./primitives/portal-container.cjs.js');
-const primitives_triggerButton = require('./primitives/trigger-button.cjs.js');
-const utils_cn = require('./cn-BuHW7Wrt.cjs');
-
-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 Popover = popover.Popover.Root;
-const PopoverTrigger = React__namespace.forwardRef(
-  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
-    const resolved = primitives_triggerButton.resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
-    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
-  }
-);
-PopoverTrigger.displayName = "PopoverTrigger";
-const PopoverContent = React__namespace.forwardRef(
-  ({
-    className,
-    container,
-    align = "center",
-    alignOffset = 0,
-    side = "bottom",
-    sideOffset = 4,
-    anchor,
-    positionMethod = primitives_floating.FLOATING_POSITION_METHOD,
-    collisionBoundary,
-    collisionPadding,
-    sticky,
-    arrowPadding,
-    disableAnchorTracking,
-    collisionAvoidance,
-    ...props
-  }, ref) => {
-    const classNameString = typeof className === "string" ? className : void 0;
-    const resolvedContainer = primitives_portalContainer.usePortalContainer(container);
-    const positionerProps = {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      anchor,
-      positionMethod,
-      collisionBoundary,
-      collisionPadding,
-      sticky,
-      arrowPadding,
-      disableAnchorTracking,
-      collisionAvoidance
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsxRuntime.jsx(popover.Popover.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
-      popover.Popover.Popup,
-      {
-        ref,
-        "data-slot": "popover-content",
-        className: utils_cn.cn(
-          "z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden",
-          "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
-          "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-          classNameString && /\bp[trblxy]?-\S+/.test(classNameString) ? false : `px-3 py-3.5`,
-          className
-        ),
-        ...props
-      }
-    ) }) });
-  }
-);
-PopoverContent.displayName = "PopoverContent";
-function HoverPopover({
-  children,
-  ...props
-}) {
-  const [open, setOpen] = React__namespace.useState(false);
-  const timeoutRef = React__namespace.useRef(void 0);
-  const handleOpen = React__namespace.useCallback(() => {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  const handleClose = React__namespace.useCallback(() => {
-    timeoutRef.current = setTimeout(() => setOpen(false), 150);
-  }, []);
-  React__namespace.useEffect(() => () => clearTimeout(timeoutRef.current), []);
-  return /* @__PURE__ */ jsxRuntime.jsx(Popover, { open, onOpenChange: setOpen, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      onMouseEnter: handleOpen,
-      onMouseLeave: handleClose,
-      onFocusCapture: handleOpen,
-      onBlurCapture: handleClose,
-      style: { display: "contents" },
-      children
-    }
-  ) });
-}
-
-exports.HoverPopover = HoverPopover;
-exports.Popover = Popover;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
-//# sourceMappingURL=popover-CGB4qBAn.cjs.map

package/dist/popover-CGB4qBAn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-CGB4qBAn.cjs","sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden',\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"names":["PopoverPrimitive","React","resolveTriggerRender","jsx","FLOATING_POSITION_METHOD","usePortalContainer","cn"],"mappings":"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"}

package/dist/popover-lj-OpKKH.js

@@ -1,97 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { Popover as Popover$1 } from '@base-ui/react/popover';
-import * as React from 'react';
-import { FLOATING_POSITION_METHOD } from './primitives/floating.es.js';
-import { usePortalContainer } from './primitives/portal-container.es.js';
-import { resolveTriggerRender } from './primitives/trigger-button.es.js';
-import { c as cn } from './cn-C6s2yXwM.js';
-
-const Popover = Popover$1.Root;
-const PopoverTrigger = React.forwardRef(
-  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {
-    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });
-    return /* @__PURE__ */ jsx(Popover$1.Trigger, { ref, className: resolved.className, render: resolved.render, ...props, children: resolved.children });
-  }
-);
-PopoverTrigger.displayName = "PopoverTrigger";
-const PopoverContent = React.forwardRef(
-  ({
-    className,
-    container,
-    align = "center",
-    alignOffset = 0,
-    side = "bottom",
-    sideOffset = 4,
-    anchor,
-    positionMethod = FLOATING_POSITION_METHOD,
-    collisionBoundary,
-    collisionPadding,
-    sticky,
-    arrowPadding,
-    disableAnchorTracking,
-    collisionAvoidance,
-    ...props
-  }, ref) => {
-    const classNameString = typeof className === "string" ? className : void 0;
-    const resolvedContainer = usePortalContainer(container);
-    const positionerProps = {
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      anchor,
-      positionMethod,
-      collisionBoundary,
-      collisionPadding,
-      sticky,
-      arrowPadding,
-      disableAnchorTracking,
-      collisionAvoidance
-    };
-    return /* @__PURE__ */ jsx(Popover$1.Portal, { container: resolvedContainer, children: /* @__PURE__ */ jsx(Popover$1.Positioner, { className: "z-50 outline-none", ...positionerProps, children: /* @__PURE__ */ jsx(
-      Popover$1.Popup,
-      {
-        ref,
-        "data-slot": "popover-content",
-        className: cn(
-          "z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden",
-          "data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95",
-          "data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1",
-          classNameString && /\bp[trblxy]?-\S+/.test(classNameString) ? false : `px-3 py-3.5`,
-          className
-        ),
-        ...props
-      }
-    ) }) });
-  }
-);
-PopoverContent.displayName = "PopoverContent";
-function HoverPopover({
-  children,
-  ...props
-}) {
-  const [open, setOpen] = React.useState(false);
-  const timeoutRef = React.useRef(void 0);
-  const handleOpen = React.useCallback(() => {
-    clearTimeout(timeoutRef.current);
-    setOpen(true);
-  }, []);
-  const handleClose = React.useCallback(() => {
-    timeoutRef.current = setTimeout(() => setOpen(false), 150);
-  }, []);
-  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);
-  return /* @__PURE__ */ jsx(Popover, { open, onOpenChange: setOpen, ...props, children: /* @__PURE__ */ jsx(
-    "span",
-    {
-      onMouseEnter: handleOpen,
-      onMouseLeave: handleClose,
-      onFocusCapture: handleOpen,
-      onBlurCapture: handleClose,
-      style: { display: "contents" },
-      children
-    }
-  ) });
-}
-
-export { HoverPopover as H, Popover as P, PopoverContent as a, PopoverTrigger as b };
-//# sourceMappingURL=popover-lj-OpKKH.js.map

package/dist/popover-lj-OpKKH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-lj-OpKKH.js","sources":["../src/ds/components/Popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverPrimitive } from '@base-ui/react/popover';\nimport type { PopoverPopupProps, PopoverPositionerProps } from '@base-ui/react/popover';\nimport * as React from 'react';\n\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { resolveTriggerRender } from '@/ds/primitives/trigger-button';\nimport type { TriggerButtonProps } from '@/ds/primitives/trigger-button';\nimport { cn } from '@/lib/utils';\n\nconst Popover = PopoverPrimitive.Root;\n\nexport type PopoverTriggerProps = Omit<PopoverPrimitive.Trigger.Props, 'className'> & TriggerButtonProps;\n\n/**\n * The button that opens the popover. Renders a design-system `<Button>` by\n * default, so it takes Button's `variant` / `size` / `tooltip`. Pass `render`\n * to project the behavior onto your own element (then the look is yours).\n */\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTriggerProps>(\n  ({ className, asChild, render, children, variant, size, tooltip, ...props }, ref) => {\n    const resolved = resolveTriggerRender({ render, asChild, children, variant, size, tooltip, className });\n\n    return (\n      <PopoverPrimitive.Trigger ref={ref} className={resolved.className} render={resolved.render} {...props}>\n        {resolved.children}\n      </PopoverPrimitive.Trigger>\n    );\n  },\n);\nPopoverTrigger.displayName = 'PopoverTrigger';\n\ntype PopoverContentPositionerProps = Omit<PopoverPositionerProps, keyof PopoverPopupProps>;\n\ntype PopoverContentProps = PopoverPopupProps &\n  PopoverContentPositionerProps & {\n    /** Optional portal container, forwarded to `Popover.Portal`. */\n    container?: HTMLElement | null;\n  };\n\nconst PopoverContent = React.forwardRef<HTMLDivElement, PopoverContentProps>(\n  (\n    {\n      className,\n      container,\n      align = 'center',\n      alignOffset = 0,\n      side = 'bottom',\n      sideOffset = 4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      ...props\n    },\n    ref,\n  ) => {\n    const classNameString = typeof className === 'string' ? className : undefined;\n    // Default to the nearest SideDialog/Drawer popup so the content stays\n    // interactive inside a modal drawer; an explicit `container` still wins.\n    const resolvedContainer = usePortalContainer(container);\n    const positionerProps: PopoverContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    return (\n      <PopoverPrimitive.Portal container={resolvedContainer}>\n        <PopoverPrimitive.Positioner className=\"z-50 outline-none\" {...positionerProps}>\n          <PopoverPrimitive.Popup\n            ref={ref}\n            data-slot=\"popover-content\"\n            className={cn(\n              'z-50 w-72 origin-[var(--transform-origin)] rounded-xl border border-border1 bg-surface3 text-neutral5 shadow-dialog focus-visible:outline-hidden',\n              'data-[closed]:animate-out data-[closed]:fade-out-0 data-[closed]:zoom-out-95 data-[open]:animate-in data-[open]:fade-in-0 data-[open]:zoom-in-95',\n              'data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1',\n              classNameString && /\\bp[trblxy]?-\\S+/.test(classNameString) ? false : `px-3 py-3.5`,\n              className,\n            )}\n            {...props}\n          />\n        </PopoverPrimitive.Positioner>\n      </PopoverPrimitive.Portal>\n    );\n  },\n);\nPopoverContent.displayName = 'PopoverContent';\n\nfunction HoverPopover({\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof Popover>, 'children'> & { children?: React.ReactNode }) {\n  const [open, setOpen] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleOpen = React.useCallback(() => {\n    clearTimeout(timeoutRef.current);\n    setOpen(true);\n  }, []);\n\n  const handleClose = React.useCallback(() => {\n    timeoutRef.current = setTimeout(() => setOpen(false), 150);\n  }, []);\n\n  React.useEffect(() => () => clearTimeout(timeoutRef.current), []);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen} {...props}>\n      <span\n        onMouseEnter={handleOpen}\n        onMouseLeave={handleClose}\n        onFocusCapture={handleOpen}\n        onBlurCapture={handleClose}\n        style={{ display: 'contents' }}\n      >\n        {children}\n      </span>\n    </Popover>\n  );\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, HoverPopover };\n"],"names":["PopoverPrimitive"],"mappings":"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"}