@cloudflare/kumo 1.8.0 → 1.9.0

package/dist/pagination-DFHoZwPJ.js

@@ -0,0 +1,208 @@
+"use client";
+import { jsx as t, jsxs as P } from "react/jsx-runtime";
+import { useState as A, useEffect as O, useMemo as v, createContext as R, useContext as T } from "react";
+import { I as c } from "./input-group-BbaVpJnA.js";
+import { CaretDoubleLeftIcon as _, CaretLeftIcon as $, CaretRightIcon as B, CaretDoubleRightIcon as L } from "@phosphor-icons/react";
+import { c as g } from "./cn-Bhsu1vx2.js";
+import { S as b } from "./select-DtcT1zGm.js";
+const D = [25, 50, 100, 250], p = {
+  controls: "full"
+}, f = R(null);
+function C() {
+  const a = T(f);
+  if (!a)
+    throw new Error(
+      "Pagination compound components must be used within a Pagination component"
+    );
+  return a;
+}
+function S({ children: a, className: l }) {
+  const { page: n, perPage: e, totalCount: o, pageShowingRange: r } = C(), s = a ? a({ page: n, perPage: e, totalCount: o, pageShowingRange: r }) : o && o > 0 ? `Showing ${r} of ${o}` : null;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "pagination-info",
+      className: g("text-sm text-kumo-strong", l),
+      children: s
+    }
+  );
+}
+S.displayName = "Pagination.Info";
+function I({
+  value: a,
+  onChange: l,
+  options: n = D,
+  label: e = "Per page:",
+  className: o
+}) {
+  return /* @__PURE__ */ P(
+    "div",
+    {
+      "data-slot": "pagination-page-size",
+      className: g("flex items-center gap-2", o),
+      children: [
+        e && /* @__PURE__ */ t("span", { className: "text-sm text-kumo-strong", children: e }),
+        /* @__PURE__ */ t(
+          b,
+          {
+            label: "Page size",
+            value: a,
+            onValueChange: (r) => l(r),
+            children: n.map((r) => /* @__PURE__ */ t(b.Option, { value: r, children: r }, r))
+          }
+        )
+      ]
+    }
+  );
+}
+I.displayName = "Pagination.PageSize";
+function h({
+  controls: a = p.controls,
+  className: l
+}) {
+  const { page: n, maxPage: e, setPage: o, editingPage: r, setEditingPage: s } = C();
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "pagination-controls",
+      className: g("grow flex flex-col items-end", l),
+      children: /* @__PURE__ */ t("div", { children: /* @__PURE__ */ P(c, { focusMode: "individual", children: [
+        a === "full" && /* @__PURE__ */ t(
+          c.Button,
+          {
+            variant: "secondary",
+            "aria-label": "First page",
+            disabled: n <= 1,
+            onClick: () => {
+              o(1), s(1);
+            },
+            children: /* @__PURE__ */ t(_, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ t(
+          c.Button,
+          {
+            variant: "secondary",
+            "aria-label": "Previous page",
+            disabled: n <= 1,
+            onClick: () => {
+              const i = Math.max(n - 1, 1);
+              o(i), s(i);
+            },
+            children: /* @__PURE__ */ t($, { size: 16 })
+          }
+        ),
+        a === "full" && /* @__PURE__ */ t(
+          c.Input,
+          {
+            style: { width: 50 },
+            className: "text-center",
+            "aria-label": "Page number",
+            value: r,
+            onValueChange: (i) => {
+              s(Number(i));
+            },
+            onBlur: () => {
+              let i = Math.max(r, 1);
+              i = Math.min(i, e), o(i), s(i);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          c.Button,
+          {
+            variant: "secondary",
+            "aria-label": "Next page",
+            disabled: n === e,
+            onClick: () => {
+              const i = Math.min(n + 1, e);
+              o(i), s(i);
+            },
+            children: /* @__PURE__ */ t(B, { size: 16 })
+          }
+        ),
+        a === "full" && /* @__PURE__ */ t(
+          c.Button,
+          {
+            variant: "secondary",
+            "aria-label": "Last page",
+            disabled: n === e,
+            onClick: () => {
+              o(e), s(e);
+            },
+            children: /* @__PURE__ */ t(L, { size: 16 })
+          }
+        )
+      ] }) })
+    }
+  );
+}
+h.displayName = "Pagination.Controls";
+function w({ className: a }) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      "data-slot": "pagination-separator",
+      className: g("mx-2 h-6 border-l border-kumo-line", a)
+    }
+  );
+}
+w.displayName = "Pagination.Separator";
+function y(a) {
+  const { page: l = 1, perPage: n, totalCount: e, setPage: o, children: r, className: s } = a, i = "text" in a ? a.text : void 0, M = "controls" in a ? a.controls ?? p.controls : p.controls, [k, x] = A(1);
+  O(() => {
+    x(l);
+  }, [l]);
+  const u = v(() => {
+    let d = l * (n ?? 1) - (n ?? 0) + 1, m = Math.min(l * (n ?? 0), e ?? 0);
+    return Number.isNaN(d) && (d = 0), Number.isNaN(m) && (m = 0), `${d}-${m}`;
+  }, [l, n, e]), E = v(() => Math.ceil((e ?? 1) / (n ?? 1)), [e, n]), N = {
+    page: l,
+    perPage: n,
+    totalCount: e,
+    maxPage: E,
+    pageShowingRange: u,
+    setPage: o,
+    editingPage: k,
+    setEditingPage: x
+  };
+  if (r)
+    return /* @__PURE__ */ t(f.Provider, { value: N, children: /* @__PURE__ */ t(
+      "div",
+      {
+        "data-slot": "pagination",
+        className: g("flex items-center gap-2 w-full", s),
+        children: r
+      }
+    ) });
+  const z = () => i ? i({ page: l, perPage: n, totalCount: e, pageShowingRange: u }) : e && e > 0 ? `Showing ${u} of ${e}` : null;
+  return /* @__PURE__ */ t(f.Provider, { value: N, children: /* @__PURE__ */ P(
+    "div",
+    {
+      "data-slot": "pagination",
+      className: g("flex items-center gap-2 w-full", s),
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-slot": "pagination-info",
+            className: "grow text-sm text-kumo-strong",
+            children: z()
+          }
+        ),
+        /* @__PURE__ */ t(h, { controls: M })
+      ]
+    }
+  ) });
+}
+y.displayName = "Pagination";
+const Z = Object.assign(y, {
+  Info: S,
+  PageSize: I,
+  Controls: h,
+  Separator: w
+});
+export {
+  Z as P
+};
+//# sourceMappingURL=pagination-DFHoZwPJ.js.map

package/dist/pagination-DFHoZwPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-DFHoZwPJ.js","sources":["../src/components/pagination/pagination.tsx"],"sourcesContent":["import {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { InputGroup } from \"../input\";\nimport {\n  CaretDoubleLeftIcon,\n  CaretDoubleRightIcon,\n  CaretLeftIcon,\n  CaretRightIcon,\n} from \"@phosphor-icons/react\";\nimport { cn } from \"../../utils/cn\";\nimport { Select } from \"../select\";\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [25, 50, 100, 250] as const;\n\n/** Pagination controls variant definitions. */\nexport const KUMO_PAGINATION_VARIANTS = {\n  controls: {\n    full: {\n      classes: \"\",\n      description:\n        \"Full pagination controls with first, previous, page input, next, and last buttons\",\n    },\n    simple: {\n      classes: \"\",\n      description:\n        \"Simple pagination controls with only previous and next buttons\",\n    },\n  },\n} as const;\n\nexport type KumoPaginationControls =\n  keyof typeof KUMO_PAGINATION_VARIANTS.controls;\n\nexport const KUMO_PAGINATION_DEFAULT_VARIANTS = {\n  controls: \"full\",\n} as const;\n\nexport interface KumoPaginationVariantsProps {\n  controls?: KumoPaginationControls;\n}\n\nexport function paginationVariants({\n  controls = KUMO_PAGINATION_DEFAULT_VARIANTS.controls,\n}: KumoPaginationVariantsProps = {}) {\n  return cn(\n    \"flex items-center justify-between gap-2\",\n    KUMO_PAGINATION_VARIANTS.controls[controls].classes,\n  );\n}\n\n// ============================================================================\n// Pagination Context\n// ============================================================================\n\ninterface PaginationContextValue {\n  page: number;\n  perPage?: number;\n  totalCount?: number;\n  maxPage: number;\n  pageShowingRange: string;\n  setPage: (page: number) => void;\n  editingPage: number;\n  setEditingPage: (page: number) => void;\n}\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\nfunction usePaginationContext() {\n  const context = useContext(PaginationContext);\n  if (!context) {\n    throw new Error(\n      \"Pagination compound components must be used within a Pagination component\",\n    );\n  }\n  return context;\n}\n\n// ============================================================================\n// Pagination.Info\n// ============================================================================\n\nexport interface PaginationInfoProps {\n  /** Custom render function for the info text */\n  children?: (props: {\n    page: number;\n    perPage?: number;\n    totalCount?: number;\n    pageShowingRange: string;\n  }) => ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nfunction PaginationInfo({ children, className }: PaginationInfoProps) {\n  const { page, perPage, totalCount, pageShowingRange } =\n    usePaginationContext();\n\n  const content = children\n    ? children({ page, perPage, totalCount, pageShowingRange })\n    : totalCount && totalCount > 0\n      ? `Showing ${pageShowingRange} of ${totalCount}`\n      : null;\n\n  return (\n    <div\n      data-slot=\"pagination-info\"\n      className={cn(\"text-sm text-kumo-strong\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nPaginationInfo.displayName = \"Pagination.Info\";\n\n// ============================================================================\n// Pagination.PageSize\n// ============================================================================\n\nexport interface PaginationPageSizeProps {\n  /** Current page size value */\n  value: number;\n  /** Callback when page size changes */\n  onChange: (size: number) => void;\n  /** Available page size options */\n  options?: number[];\n  /** Label text shown before the selector */\n  label?: ReactNode;\n  /** Additional CSS classes */\n  className?: string;\n}\n\nfunction PaginationPageSize({\n  value,\n  onChange,\n  options = DEFAULT_PAGE_SIZE_OPTIONS as unknown as number[],\n  label = \"Per page:\",\n  className,\n}: PaginationPageSizeProps) {\n  return (\n    <div\n      data-slot=\"pagination-page-size\"\n      className={cn(\"flex items-center gap-2\", className)}\n    >\n      {label && <span className=\"text-sm text-kumo-strong\">{label}</span>}\n      <Select\n        label=\"Page size\"\n        value={value}\n        onValueChange={(v) => onChange(v as number)}\n      >\n        {options.map((size) => (\n          <Select.Option key={size} value={size}>\n            {size}\n          </Select.Option>\n        ))}\n      </Select>\n    </div>\n  );\n}\n\nPaginationPageSize.displayName = \"Pagination.PageSize\";\n\n// ============================================================================\n// Pagination.Controls\n// ============================================================================\n\nexport interface PaginationControlsProps extends KumoPaginationVariantsProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\nfunction PaginationControls({\n  controls = KUMO_PAGINATION_DEFAULT_VARIANTS.controls,\n  className,\n}: PaginationControlsProps) {\n  const { page, maxPage, setPage, editingPage, setEditingPage } =\n    usePaginationContext();\n\n  return (\n    <div\n      data-slot=\"pagination-controls\"\n      className={cn(\"grow flex flex-col items-end\", className)}\n    >\n      <div>\n        <InputGroup focusMode=\"individual\">\n          {controls === \"full\" && (\n            <InputGroup.Button\n              variant=\"secondary\"\n              aria-label=\"First page\"\n              disabled={page <= 1}\n              onClick={() => {\n                setPage(1);\n                setEditingPage(1);\n              }}\n            >\n              <CaretDoubleLeftIcon size={16} />\n            </InputGroup.Button>\n          )}\n          <InputGroup.Button\n            variant=\"secondary\"\n            aria-label=\"Previous page\"\n            disabled={page <= 1}\n            onClick={() => {\n              const previousPage = Math.max(page - 1, 1);\n              setPage(previousPage);\n              setEditingPage(previousPage);\n            }}\n          >\n            <CaretLeftIcon size={16} />\n          </InputGroup.Button>\n          {controls === \"full\" && (\n            <InputGroup.Input\n              style={{ width: 50 }}\n              className=\"text-center\"\n              aria-label=\"Page number\"\n              value={editingPage}\n              onValueChange={(value: string) => {\n                setEditingPage(Number(value));\n              }}\n              onBlur={() => {\n                let number = Math.max(editingPage, 1);\n                number = Math.min(number, maxPage);\n                setPage(number);\n                setEditingPage(number);\n              }}\n            />\n          )}\n          <InputGroup.Button\n            variant=\"secondary\"\n            aria-label=\"Next page\"\n            disabled={page === maxPage}\n            onClick={() => {\n              const nextPage = Math.min(page + 1, maxPage);\n              setPage(nextPage);\n              setEditingPage(nextPage);\n            }}\n          >\n            <CaretRightIcon size={16} />\n          </InputGroup.Button>\n          {controls === \"full\" && (\n            <InputGroup.Button\n              variant=\"secondary\"\n              aria-label=\"Last page\"\n              disabled={page === maxPage}\n              onClick={() => {\n                setPage(maxPage);\n                setEditingPage(maxPage);\n              }}\n            >\n              <CaretDoubleRightIcon size={16} />\n            </InputGroup.Button>\n          )}\n        </InputGroup>\n      </div>\n    </div>\n  );\n}\n\nPaginationControls.displayName = \"Pagination.Controls\";\n\n// ============================================================================\n// Pagination.Separator\n// ============================================================================\n\nexport interface PaginationSeparatorProps {\n  /** Additional CSS classes */\n  className?: string;\n}\n\nfunction PaginationSeparator({ className }: PaginationSeparatorProps) {\n  return (\n    <div\n      data-slot=\"pagination-separator\"\n      className={cn(\"mx-2 h-6 border-l border-kumo-line\", className)}\n    />\n  );\n}\n\nPaginationSeparator.displayName = \"Pagination.Separator\";\n\n// ============================================================================\n// Pagination Root\n// ============================================================================\n\n/** Base props shared by both compound and legacy Pagination APIs */\ninterface PaginationBaseProps {\n  /** Callback fired when the current page changes. */\n  setPage: (page: number) => void;\n  /**\n   * Current page number (1-indexed).\n   * @default 1\n   */\n  page?: number;\n  /** Number of items displayed per page. */\n  perPage?: number;\n  /** Total number of items across all pages. */\n  totalCount?: number;\n  /** Additional CSS classes for the container */\n  className?: string;\n}\n\n/**\n * Props for the compound component API (recommended).\n *\n * @example\n * ```tsx\n * <Pagination page={page} setPage={setPage} perPage={perPage} totalCount={500}>\n *   <Pagination.Info />\n *   <Pagination.PageSize value={perPage} onChange={setPerPage} />\n *   <Pagination.Controls />\n * </Pagination>\n * ```\n */\nexport interface PaginationCompoundProps extends PaginationBaseProps {\n  /**\n   * Compound component children for custom layouts.\n   * Use Pagination.Info, Pagination.PageSize, Pagination.Controls, and Pagination.Separator.\n   */\n  children: ReactNode;\n  controls?: never;\n  text?: never;\n}\n\n/**\n * Props for the legacy API (deprecated, use compound components instead).\n *\n * @deprecated Use the compound component API with children instead:\n * ```tsx\n * <Pagination page={page} setPage={setPage} perPage={perPage} totalCount={500}>\n *   <Pagination.Info />\n *   <Pagination.Controls />\n * </Pagination>\n * ```\n *\n * @example\n * ```tsx\n * // Legacy usage (deprecated)\n * <Pagination page={page} setPage={setPage} perPage={10} totalCount={100} />\n * ```\n */\nexport interface PaginationLegacyProps\n  extends PaginationBaseProps,\n    KumoPaginationVariantsProps {\n  children?: never;\n  /** @deprecated Use Pagination.Info with children prop instead */\n  text?: (props: {\n    page?: number;\n    perPage?: number;\n    totalCount?: number;\n    pageShowingRange: string;\n  }) => ReactNode;\n}\n\n/**\n * Pagination component props.\n *\n * Prefer the compound component API for new code:\n * @example\n * ```tsx\n * <Pagination page={page} setPage={setPage} perPage={perPage} totalCount={500}>\n *   <Pagination.Info />\n *   <Pagination.PageSize value={perPage} onChange={setPerPage} />\n *   <Pagination.Controls />\n * </Pagination>\n * ```\n */\nexport type PaginationProps = PaginationCompoundProps | PaginationLegacyProps;\n\n/**\n * Page navigation controls with page count display.\n *\n * Supports both compound component and legacy patterns. Prefer compound components for new code:\n *\n * @example\n * // Compound component (recommended)\n * ```tsx\n * <Pagination page={page} setPage={setPage} perPage={perPage} totalCount={500}>\n *   <Pagination.Info />\n *   <Pagination.Separator />\n *   <Pagination.PageSize value={perPage} onChange={setPerPage} />\n *   <Pagination.Controls />\n * </Pagination>\n * ```\n *\n * @example\n * // Legacy (deprecated)\n * ```tsx\n * <Pagination page={page} setPage={setPage} perPage={10} totalCount={100} />\n * ```\n */\nfunction PaginationRoot(props: PaginationProps) {\n  const { page = 1, perPage, totalCount, setPage, children, className } = props;\n\n  // Extract legacy props (only present when children is not provided)\n  const text = \"text\" in props ? props.text : undefined;\n  const controls =\n    \"controls\" in props\n      ? (props.controls ?? KUMO_PAGINATION_DEFAULT_VARIANTS.controls)\n      : KUMO_PAGINATION_DEFAULT_VARIANTS.controls;\n  const [editingPage, setEditingPage] = useState<number>(1);\n\n  useEffect(() => {\n    setEditingPage(page);\n  }, [page]);\n\n  const pageShowingRange = useMemo(() => {\n    let lower = page * (perPage ?? 1) - (perPage ?? 0) + 1;\n    let upper = Math.min(page * (perPage ?? 0), totalCount ?? 0);\n\n    if (Number.isNaN(lower)) lower = 0;\n    if (Number.isNaN(upper)) upper = 0;\n\n    return `${lower}-${upper}`;\n  }, [page, perPage, totalCount]);\n\n  const maxPage = useMemo(() => {\n    return Math.ceil((totalCount ?? 1) / (perPage ?? 1));\n  }, [totalCount, perPage]);\n\n  const contextValue: PaginationContextValue = {\n    page,\n    perPage,\n    totalCount,\n    maxPage,\n    pageShowingRange,\n    setPage,\n    editingPage,\n    setEditingPage,\n  };\n\n  // Compound component mode: render children within context\n  if (children) {\n    return (\n      <PaginationContext.Provider value={contextValue}>\n        <div\n          data-slot=\"pagination\"\n          className={cn(\"flex items-center gap-2 w-full\", className)}\n        >\n          {children}\n        </div>\n      </PaginationContext.Provider>\n    );\n  }\n\n  // Legacy mode: render default layout for backwards compatibility\n  const getPaginationText = () => {\n    if (text) {\n      return text({ page, perPage, totalCount, pageShowingRange });\n    } else if (totalCount && totalCount > 0) {\n      return `Showing ${pageShowingRange} of ${totalCount}`;\n    }\n    return null;\n  };\n\n  return (\n    <PaginationContext.Provider value={contextValue}>\n      <div\n        data-slot=\"pagination\"\n        className={cn(\"flex items-center gap-2 w-full\", className)}\n      >\n        <div\n          data-slot=\"pagination-info\"\n          className=\"grow text-sm text-kumo-strong\"\n        >\n          {getPaginationText()}\n        </div>\n        <PaginationControls controls={controls} />\n      </div>\n    </PaginationContext.Provider>\n  );\n}\n\nPaginationRoot.displayName = \"Pagination\";\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nexport const Pagination = Object.assign(PaginationRoot, {\n  Info: PaginationInfo,\n  PageSize: PaginationPageSize,\n  Controls: PaginationControls,\n  Separator: PaginationSeparator,\n});\n\nexport {\n  PaginationInfo,\n  PaginationPageSize,\n  PaginationControls,\n  PaginationSeparator,\n};\n"],"names":["DEFAULT_PAGE_SIZE_OPTIONS","KUMO_PAGINATION_DEFAULT_VARIANTS","PaginationContext","createContext","usePaginationContext","context","useContext","PaginationInfo","children","className","page","perPage","totalCount","pageShowingRange","content","jsx","cn","PaginationPageSize","value","onChange","options","label","jsxs","Select","v","size","PaginationControls","controls","maxPage","setPage","editingPage","setEditingPage","InputGroup","CaretDoubleLeftIcon","previousPage","CaretLeftIcon","number","nextPage","CaretRightIcon","CaretDoubleRightIcon","PaginationSeparator","PaginationRoot","props","text","useState","useEffect","useMemo","lower","upper","contextValue","getPaginationText","Pagination"],"mappings":"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"}

package/dist/{popover-C2w2uRlu.js → popover-D20xpmdk.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
 import { c as s } from "./cn-Bhsu1vx2.js";
-import { b4 as u, b5 as P, b6 as f, b7 as b, b8 as h, b9 as C, ba as x, bb as N, bc as y } from "./vendor-base-ui-B61LL9jT.js";
-const A = {
+import { b7 as P, b8 as f, b9 as b, ba as h, bb as C, bc as x, bd as N, be as y, bf as L } from "./vendor-base-ui-Bsg5ebHI.js";
+const H = {
   side: {
     top: {
       classes: "",
@@ -21,11 +21,11 @@ const A = {
       description: "Popover appears to the right of the trigger"
     }
   }
-}, L = {
+}, T = {
   side: "bottom"
 };
 function p({ children: e, ...t }) {
-  return /* @__PURE__ */ o(u, { ...t, children: e });
+  return /* @__PURE__ */ o(P, { ...t, children: e });
 }
 p.displayName = "Popover";
 function n({
@@ -35,7 +35,7 @@ function n({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    P,
+    f,
     {
       className: t,
       render: a ? e : void 0,
@@ -47,21 +47,23 @@ function n({
 n.displayName = "Popover.Trigger";
 function l({
   children: e,
-  side: t = L.side,
+  side: t = T.side,
   align: a = "center",
   sideOffset: r = 8,
   alignOffset: g = 0,
+  positionMethod: u = "absolute",
   className: v
 }) {
-  return /* @__PURE__ */ o(f, { children: /* @__PURE__ */ o(
-    b,
+  return /* @__PURE__ */ o(b, { children: /* @__PURE__ */ o(
+    h,
     {
       align: a,
       alignOffset: g,
       side: t,
       sideOffset: r,
+      positionMethod: u,
       children: /* @__PURE__ */ i(
-        h,
+        C,
         {
           className: s(
             "flex origin-(--transform-origin) flex-col rounded-lg bg-kumo-base px-4 py-3 text-sm text-kumo-default",
@@ -75,7 +77,7 @@ function l({
           ),
           children: [
             /* @__PURE__ */ o(
-              C,
+              x,
               {
                 className: s(
                   "flex",
@@ -84,7 +86,7 @@ function l({
                   "data-[side=right]:left-[-13px] data-[side=right]:-rotate-90",
                   "data-[side=top]:-bottom-2 data-[side=top]:rotate-180"
                 ),
-                children: /* @__PURE__ */ o(T, {})
+                children: /* @__PURE__ */ o(k, {})
               }
             ),
             e
@@ -97,7 +99,7 @@ function l({
 l.displayName = "Popover.Content";
 function d({ className: e, ...t }) {
   return /* @__PURE__ */ o(
-    x,
+    N,
     {
       className: s("m-0 text-base leading-6 font-medium", e),
       ...t
@@ -107,7 +109,7 @@ function d({ className: e, ...t }) {
 d.displayName = "Popover.Title";
 function c({ className: e, ...t }) {
   return /* @__PURE__ */ o(
-    N,
+    y,
     {
       className: s("m-0 text-base leading-6 text-kumo-subtle", e),
       ...t
@@ -122,7 +124,7 @@ function m({
   ...r
 }) {
   return /* @__PURE__ */ o(
-    y,
+    L,
     {
       className: t,
       render: a ? e : void 0,
@@ -132,7 +134,7 @@ function m({
   );
 }
 m.displayName = "Popover.Close";
-function T(e) {
+function k(e) {
   return /* @__PURE__ */ i("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...e, children: [
     /* @__PURE__ */ o(
       "path",
@@ -157,7 +159,7 @@ function T(e) {
     )
   ] });
 }
-const H = Object.assign(p, {
+const O = Object.assign(p, {
   Trigger: n,
   Content: l,
   Title: d,
@@ -165,14 +167,14 @@ const H = Object.assign(p, {
   Close: m
 });
 export {
-  A as K,
-  H as P,
+  H as K,
+  O as P,
   p as a,
   n as b,
   l as c,
   d,
   c as e,
   m as f,
-  L as g
+  T as g
 };
-//# sourceMappingURL=popover-C2w2uRlu.js.map
+//# sourceMappingURL=popover-D20xpmdk.js.map

package/dist/{popover-C2w2uRlu.js.map → popover-D20xpmdk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-C2w2uRlu.js","sources":["../src/components/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverBase } from \"@base-ui/react/popover\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Popover side variant definitions mapping positions to their Tailwind classes. */\nexport const KUMO_POPOVER_VARIANTS = {\n  side: {\n    top: {\n      classes: \"\",\n      description: \"Popover appears above the trigger\",\n    },\n    bottom: {\n      classes: \"\",\n      description: \"Popover appears below the trigger\",\n    },\n    left: {\n      classes: \"\",\n      description: \"Popover appears to the left of the trigger\",\n    },\n    right: {\n      classes: \"\",\n      description: \"Popover appears to the right of the trigger\",\n    },\n  },\n} as const;\n\nexport const KUMO_POPOVER_DEFAULT_VARIANTS = {\n  side: \"bottom\",\n} as const;\n\n// Derived types from KUMO_POPOVER_VARIANTS\nexport type KumoPopoverSide = keyof typeof KUMO_POPOVER_VARIANTS.side;\n\nexport interface KumoPopoverVariantsProps {\n  /**\n   * Which side of the trigger the popover appears on.\n   * - `\"top\"` — Above the trigger\n   * - `\"bottom\"` — Below the trigger\n   * - `\"left\"` — Left of the trigger\n   * - `\"right\"` — Right of the trigger\n   * @default \"bottom\"\n   */\n  side?: KumoPopoverSide;\n}\n\n// ============================================================================\n// Popover Root\n// ============================================================================\n\ntype BasePopoverRootProps = ComponentPropsWithoutRef<typeof PopoverBase.Root>;\n\nexport type PopoverRootProps = BasePopoverRootProps;\n\nfunction PopoverRoot({ children, ...props }: PopoverRootProps) {\n  return <PopoverBase.Root {...props}>{children}</PopoverBase.Root>;\n}\n\nPopoverRoot.displayName = \"Popover\";\n\n// ============================================================================\n// Popover Trigger\n// ============================================================================\n\ntype BasePopoverTriggerProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Trigger\n>;\n\nexport type PopoverTriggerProps = BasePopoverTriggerProps & {\n  /** When true, the trigger element will be the child element */\n  asChild?: boolean;\n};\n\nfunction PopoverTrigger({\n  children,\n  className,\n  asChild,\n  ...props\n}: PopoverTriggerProps) {\n  return (\n    <PopoverBase.Trigger\n      className={className}\n      render={\n        asChild ? (children as BasePopoverTriggerProps[\"render\"]) : undefined\n      }\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </PopoverBase.Trigger>\n  );\n}\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n\n// ============================================================================\n// Popover Content\n// ============================================================================\n\n/** Alignment options for popover positioning */\ntype PopoverAlign = \"start\" | \"center\" | \"end\";\n\n/**\n * Popover content panel props.\n *\n * @example\n * ```tsx\n * <Popover.Content side=\"top\" align=\"start\" sideOffset={12}>\n *   <p>Popover body</p>\n * </Popover.Content>\n * ```\n */\nexport type PopoverContentProps = KumoPopoverVariantsProps & {\n  /**\n   * How to align the popover relative to the trigger.\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Distance between the trigger and the popover in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /**\n   * Additional offset along the alignment axis in pixels.\n   * @default 0\n   */\n  alignOffset?: number;\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Content to render inside the popover. */\n  children?: ReactNode;\n};\n\nfunction PopoverContent({\n  children,\n  side = KUMO_POPOVER_DEFAULT_VARIANTS.side,\n  align = \"center\",\n  sideOffset = 8,\n  alignOffset = 0,\n  className,\n}: PopoverContentProps) {\n  return (\n    <PopoverBase.Portal>\n      <PopoverBase.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <PopoverBase.Popup\n          className={cn(\n            \"flex origin-(--transform-origin) flex-col rounded-lg bg-kumo-base px-4 py-3 text-sm text-kumo-default\",\n            \"shadow-lg shadow-kumo-tip-shadow outline outline-kumo-fill\",\n            \"transition-[transform,scale,opacity] duration-150\",\n            \"data-starting-style:scale-90 data-starting-style:opacity-0\",\n            \"data-ending-style:scale-90 data-ending-style:opacity-0\",\n            \"data-instant:duration-0\",\n            \"kumo-popover-popup\",\n            className,\n          )}\n        >\n          <PopoverBase.Arrow\n            className={cn(\n              \"flex\",\n              \"data-[side=bottom]:-top-2\",\n              \"data-[side=left]:right-[-13px] data-[side=left]:rotate-90\",\n              \"data-[side=right]:left-[-13px] data-[side=right]:-rotate-90\",\n              \"data-[side=top]:-bottom-2 data-[side=top]:rotate-180\",\n            )}\n          >\n            <ArrowSvg />\n          </PopoverBase.Arrow>\n          {children}\n        </PopoverBase.Popup>\n      </PopoverBase.Positioner>\n    </PopoverBase.Portal>\n  );\n}\n\nPopoverContent.displayName = \"Popover.Content\";\n\n// ============================================================================\n// Popover Title\n// ============================================================================\n\ntype BasePopoverTitleProps = ComponentPropsWithoutRef<typeof PopoverBase.Title>;\n\nexport type PopoverTitleProps = BasePopoverTitleProps;\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n  return (\n    <PopoverBase.Title\n      className={cn(\"m-0 text-base leading-6 font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverTitle.displayName = \"Popover.Title\";\n\n// ============================================================================\n// Popover Description\n// ============================================================================\n\ntype BasePopoverDescriptionProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Description\n>;\n\nexport type PopoverDescriptionProps = BasePopoverDescriptionProps;\n\nfunction PopoverDescription({ className, ...props }: PopoverDescriptionProps) {\n  return (\n    <PopoverBase.Description\n      className={cn(\"m-0 text-base leading-6 text-kumo-subtle\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverDescription.displayName = \"Popover.Description\";\n\n// ============================================================================\n// Popover Close\n// ============================================================================\n\ntype BasePopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverBase.Close>;\n\nexport type PopoverCloseProps = BasePopoverCloseProps & {\n  /** When true, the close element will be the child element */\n  asChild?: boolean;\n};\n\nfunction PopoverClose({\n  children,\n  className,\n  asChild,\n  ...props\n}: PopoverCloseProps) {\n  return (\n    <PopoverBase.Close\n      className={className}\n      render={\n        asChild ? (children as BasePopoverCloseProps[\"render\"]) : undefined\n      }\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </PopoverBase.Close>\n  );\n}\n\nPopoverClose.displayName = \"Popover.Close\";\n\n// ============================================================================\n// Arrow SVG\n// ============================================================================\n\n/**\n * Arrow SVG with three paths for proper border rendering in both light and dark modes.\n * This approach matches Base UI's popover/tooltip implementation.\n *\n * The three paths are:\n * 1. ArrowFill - The main arrow body, matches popover background\n * 2. ArrowOuterStroke - Border visible in light mode only (transparent in dark)\n * 3. ArrowInnerStroke - Border visible in dark mode only (transparent in light)\n *\n * This is necessary because the outer and inner stroke paths have different geometries,\n * and using both ensures the arrow border aligns perfectly with the popover's outline\n * in both color modes.\n *\n * @see https://base-ui.com/react/components/popover\n */\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className=\"fill-kumo-base\"\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className=\"fill-kumo-tip-shadow\"\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className=\"fill-kumo-tip-stroke\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\n/**\n * Popover component for displaying accessible popup content anchored to a trigger.\n *\n * @example\n * ```tsx\n * <Popover>\n *   <Popover.Trigger asChild>\n *     <Button>Open</Button>\n *   </Popover.Trigger>\n *   <Popover.Content>\n *     <Popover.Title>Notifications</Popover.Title>\n *     <Popover.Description>You are all caught up!</Popover.Description>\n *   </Popover.Content>\n * </Popover>\n * ```\n *\n * @see https://base-ui.com/react/components/popover\n */\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n});\n\n// Export sub-components for direct access and type inference\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverClose,\n};\n"],"names":["KUMO_POPOVER_VARIANTS","KUMO_POPOVER_DEFAULT_VARIANTS","PopoverRoot","children","props","PopoverBase.Root","PopoverTrigger","className","asChild","jsx","PopoverBase.Trigger","PopoverContent","side","align","sideOffset","alignOffset","PopoverBase.Portal","PopoverBase.Positioner","jsxs","PopoverBase.Popup","cn","PopoverBase.Arrow","ArrowSvg","PopoverTitle","PopoverBase.Title","PopoverDescription","PopoverBase.Description","PopoverClose","PopoverBase.Close","Popover"],"mappings":"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"}
+{"version":3,"file":"popover-D20xpmdk.js","sources":["../src/components/popover/popover.tsx"],"sourcesContent":["import { Popover as PopoverBase } from \"@base-ui/react/popover\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Popover side variant definitions mapping positions to their Tailwind classes. */\nexport const KUMO_POPOVER_VARIANTS = {\n  side: {\n    top: {\n      classes: \"\",\n      description: \"Popover appears above the trigger\",\n    },\n    bottom: {\n      classes: \"\",\n      description: \"Popover appears below the trigger\",\n    },\n    left: {\n      classes: \"\",\n      description: \"Popover appears to the left of the trigger\",\n    },\n    right: {\n      classes: \"\",\n      description: \"Popover appears to the right of the trigger\",\n    },\n  },\n} as const;\n\nexport const KUMO_POPOVER_DEFAULT_VARIANTS = {\n  side: \"bottom\",\n} as const;\n\n// Derived types from KUMO_POPOVER_VARIANTS\nexport type KumoPopoverSide = keyof typeof KUMO_POPOVER_VARIANTS.side;\n\nexport interface KumoPopoverVariantsProps {\n  /**\n   * Which side of the trigger the popover appears on.\n   * - `\"top\"` — Above the trigger\n   * - `\"bottom\"` — Below the trigger\n   * - `\"left\"` — Left of the trigger\n   * - `\"right\"` — Right of the trigger\n   * @default \"bottom\"\n   */\n  side?: KumoPopoverSide;\n}\n\n// ============================================================================\n// Popover Root\n// ============================================================================\n\ntype BasePopoverRootProps = ComponentPropsWithoutRef<typeof PopoverBase.Root>;\n\nexport type PopoverRootProps = BasePopoverRootProps;\n\nfunction PopoverRoot({ children, ...props }: PopoverRootProps) {\n  return <PopoverBase.Root {...props}>{children}</PopoverBase.Root>;\n}\n\nPopoverRoot.displayName = \"Popover\";\n\n// ============================================================================\n// Popover Trigger\n// ============================================================================\n\ntype BasePopoverTriggerProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Trigger\n>;\n\nexport type PopoverTriggerProps = BasePopoverTriggerProps & {\n  /** When true, the trigger element will be the child element */\n  asChild?: boolean;\n};\n\nfunction PopoverTrigger({\n  children,\n  className,\n  asChild,\n  ...props\n}: PopoverTriggerProps) {\n  return (\n    <PopoverBase.Trigger\n      className={className}\n      render={\n        asChild ? (children as BasePopoverTriggerProps[\"render\"]) : undefined\n      }\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </PopoverBase.Trigger>\n  );\n}\n\nPopoverTrigger.displayName = \"Popover.Trigger\";\n\n// ============================================================================\n// Popover Content\n// ============================================================================\n\n/** Alignment options for popover positioning */\ntype PopoverAlign = \"start\" | \"center\" | \"end\";\n\n/**\n * Popover content panel props.\n *\n * @example\n * ```tsx\n * <Popover.Content side=\"top\" align=\"start\" sideOffset={12}>\n *   <p>Popover body</p>\n * </Popover.Content>\n * ```\n */\nexport type PopoverContentProps = KumoPopoverVariantsProps & {\n  /**\n   * How to align the popover relative to the trigger.\n   * @default \"center\"\n   */\n  align?: PopoverAlign;\n  /**\n   * Distance between the trigger and the popover in pixels.\n   * @default 8\n   */\n  sideOffset?: number;\n  /**\n   * Additional offset along the alignment axis in pixels.\n   * @default 0\n   */\n  alignOffset?: number;\n  /**\n   * Determines which CSS `position` property to use.\n   * Use \"fixed\" when the popover needs to escape stacking contexts (e.g., inside sticky headers).\n   * @default \"absolute\"\n   */\n  positionMethod?: \"absolute\" | \"fixed\";\n  /** Additional CSS classes merged via `cn()`. */\n  className?: string;\n  /** Content to render inside the popover. */\n  children?: ReactNode;\n};\n\nfunction PopoverContent({\n  children,\n  side = KUMO_POPOVER_DEFAULT_VARIANTS.side,\n  align = \"center\",\n  sideOffset = 8,\n  alignOffset = 0,\n  positionMethod = \"absolute\",\n  className,\n}: PopoverContentProps) {\n  return (\n    <PopoverBase.Portal>\n      <PopoverBase.Positioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n        positionMethod={positionMethod}\n      >\n        <PopoverBase.Popup\n          className={cn(\n            \"flex origin-(--transform-origin) flex-col rounded-lg bg-kumo-base px-4 py-3 text-sm text-kumo-default\",\n            \"shadow-lg shadow-kumo-tip-shadow outline outline-kumo-fill\",\n            \"transition-[transform,scale,opacity] duration-150\",\n            \"data-starting-style:scale-90 data-starting-style:opacity-0\",\n            \"data-ending-style:scale-90 data-ending-style:opacity-0\",\n            \"data-instant:duration-0\",\n            \"kumo-popover-popup\",\n            className,\n          )}\n        >\n          <PopoverBase.Arrow\n            className={cn(\n              \"flex\",\n              \"data-[side=bottom]:-top-2\",\n              \"data-[side=left]:right-[-13px] data-[side=left]:rotate-90\",\n              \"data-[side=right]:left-[-13px] data-[side=right]:-rotate-90\",\n              \"data-[side=top]:-bottom-2 data-[side=top]:rotate-180\",\n            )}\n          >\n            <ArrowSvg />\n          </PopoverBase.Arrow>\n          {children}\n        </PopoverBase.Popup>\n      </PopoverBase.Positioner>\n    </PopoverBase.Portal>\n  );\n}\n\nPopoverContent.displayName = \"Popover.Content\";\n\n// ============================================================================\n// Popover Title\n// ============================================================================\n\ntype BasePopoverTitleProps = ComponentPropsWithoutRef<typeof PopoverBase.Title>;\n\nexport type PopoverTitleProps = BasePopoverTitleProps;\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n  return (\n    <PopoverBase.Title\n      className={cn(\"m-0 text-base leading-6 font-medium\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverTitle.displayName = \"Popover.Title\";\n\n// ============================================================================\n// Popover Description\n// ============================================================================\n\ntype BasePopoverDescriptionProps = ComponentPropsWithoutRef<\n  typeof PopoverBase.Description\n>;\n\nexport type PopoverDescriptionProps = BasePopoverDescriptionProps;\n\nfunction PopoverDescription({ className, ...props }: PopoverDescriptionProps) {\n  return (\n    <PopoverBase.Description\n      className={cn(\"m-0 text-base leading-6 text-kumo-subtle\", className)}\n      {...props}\n    />\n  );\n}\n\nPopoverDescription.displayName = \"Popover.Description\";\n\n// ============================================================================\n// Popover Close\n// ============================================================================\n\ntype BasePopoverCloseProps = ComponentPropsWithoutRef<typeof PopoverBase.Close>;\n\nexport type PopoverCloseProps = BasePopoverCloseProps & {\n  /** When true, the close element will be the child element */\n  asChild?: boolean;\n};\n\nfunction PopoverClose({\n  children,\n  className,\n  asChild,\n  ...props\n}: PopoverCloseProps) {\n  return (\n    <PopoverBase.Close\n      className={className}\n      render={\n        asChild ? (children as BasePopoverCloseProps[\"render\"]) : undefined\n      }\n      {...props}\n    >\n      {asChild ? undefined : children}\n    </PopoverBase.Close>\n  );\n}\n\nPopoverClose.displayName = \"Popover.Close\";\n\n// ============================================================================\n// Arrow SVG\n// ============================================================================\n\n/**\n * Arrow SVG with three paths for proper border rendering in both light and dark modes.\n * This approach matches Base UI's popover/tooltip implementation.\n *\n * The three paths are:\n * 1. ArrowFill - The main arrow body, matches popover background\n * 2. ArrowOuterStroke - Border visible in light mode only (transparent in dark)\n * 3. ArrowInnerStroke - Border visible in dark mode only (transparent in light)\n *\n * This is necessary because the outer and inner stroke paths have different geometries,\n * and using both ensures the arrow border aligns perfectly with the popover's outline\n * in both color modes.\n *\n * @see https://base-ui.com/react/components/popover\n */\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className=\"fill-kumo-base\"\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className=\"fill-kumo-tip-shadow\"\n      />\n      <path\n        d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n        className=\"fill-kumo-tip-stroke\"\n      />\n    </svg>\n  );\n}\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\n/**\n * Popover component for displaying accessible popup content anchored to a trigger.\n *\n * @example\n * ```tsx\n * <Popover>\n *   <Popover.Trigger asChild>\n *     <Button>Open</Button>\n *   </Popover.Trigger>\n *   <Popover.Content>\n *     <Popover.Title>Notifications</Popover.Title>\n *     <Popover.Description>You are all caught up!</Popover.Description>\n *   </Popover.Content>\n * </Popover>\n * ```\n *\n * @see https://base-ui.com/react/components/popover\n */\nexport const Popover = Object.assign(PopoverRoot, {\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Title: PopoverTitle,\n  Description: PopoverDescription,\n  Close: PopoverClose,\n});\n\n// Export sub-components for direct access and type inference\nexport {\n  PopoverRoot,\n  PopoverTrigger,\n  PopoverContent,\n  PopoverTitle,\n  PopoverDescription,\n  PopoverClose,\n};\n"],"names":["KUMO_POPOVER_VARIANTS","KUMO_POPOVER_DEFAULT_VARIANTS","PopoverRoot","children","props","PopoverBase.Root","PopoverTrigger","className","asChild","jsx","PopoverBase.Trigger","PopoverContent","side","align","sideOffset","alignOffset","positionMethod","PopoverBase.Portal","PopoverBase.Positioner","jsxs","PopoverBase.Popup","cn","PopoverBase.Arrow","ArrowSvg","PopoverTitle","PopoverBase.Title","PopoverDescription","PopoverBase.Description","PopoverClose","PopoverBase.Close","Popover"],"mappings":"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"}

package/dist/primitives/accordion.js

@@ -1,5 +1,5 @@
 "use client";
-import { a as e } from "../vendor-base-ui-B61LL9jT.js";
+import { a as e } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   e as Accordion
 };

package/dist/primitives/alert-dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { b as o } from "../vendor-base-ui-B61LL9jT.js";
+import { b as o } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   o as AlertDialog
 };

package/dist/primitives/autocomplete.js

@@ -1,5 +1,5 @@
 "use client";
-import { c as t } from "../vendor-base-ui-B61LL9jT.js";
+import { c as t } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   t as Autocomplete
 };

package/dist/primitives/avatar.js

@@ -1,5 +1,5 @@
 "use client";
-import { d as r } from "../vendor-base-ui-B61LL9jT.js";
+import { d as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as Avatar
 };

package/dist/primitives/button.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as o } from "../vendor-base-ui-B61LL9jT.js";
+import { B as o } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   o as Button
 };

package/dist/primitives/checkbox-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { C as r } from "../vendor-base-ui-B61LL9jT.js";
+import { C as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as CheckboxGroup
 };

package/dist/primitives/checkbox.js

@@ -1,5 +1,5 @@
 "use client";
-import { e as c } from "../vendor-base-ui-B61LL9jT.js";
+import { e as c } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   c as Checkbox
 };

package/dist/primitives/collapsible.js

@@ -1,5 +1,5 @@
 "use client";
-import { f as o } from "../vendor-base-ui-B61LL9jT.js";
+import { f as o } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   o as Collapsible
 };

package/dist/primitives/combobox.js

@@ -1,5 +1,5 @@
 "use client";
-import { g as b } from "../vendor-base-ui-B61LL9jT.js";
+import { g as b } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   b as Combobox
 };

package/dist/primitives/context-menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { h as n } from "../vendor-base-ui-B61LL9jT.js";
+import { h as n } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   n as ContextMenu
 };

package/dist/primitives/csp-provider.js

@@ -0,0 +1,6 @@
+"use client";
+import { j as o } from "../vendor-base-ui-Bsg5ebHI.js";
+export {
+  o as CSPProvider
+};
+//# sourceMappingURL=csp-provider.js.map

package/dist/primitives/csp-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"csp-provider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/primitives/dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { j as a } from "../vendor-base-ui-B61LL9jT.js";
+import { k as a } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   a as Dialog
 };

package/dist/primitives/direction-provider.js

@@ -1,5 +1,5 @@
 "use client";
-import { D as r, u as o } from "../vendor-base-ui-B61LL9jT.js";
+import { D as r, u as o } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as DirectionProvider,
   o as useDirection

package/dist/primitives/drawer.js

@@ -0,0 +1,6 @@
+"use client";
+import { l as a } from "../vendor-base-ui-Bsg5ebHI.js";
+export {
+  a as DrawerPreview
+};
+//# sourceMappingURL=drawer.js.map

package/dist/primitives/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/primitives/field.js

@@ -1,5 +1,5 @@
 "use client";
-import { k as l } from "../vendor-base-ui-B61LL9jT.js";
+import { m as l } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   l as Field
 };

package/dist/primitives/fieldset.js

@@ -1,6 +1,6 @@
 "use client";
-import { l as s } from "../vendor-base-ui-B61LL9jT.js";
+import { n as t } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
-  s as Fieldset
+  t as Fieldset
 };
 //# sourceMappingURL=fieldset.js.map

package/dist/primitives/form.js

@@ -1,5 +1,5 @@
 "use client";
-import { F as r } from "../vendor-base-ui-B61LL9jT.js";
+import { F as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as Form
 };

package/dist/primitives/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { I as n } from "../vendor-base-ui-B61LL9jT.js";
+import { I as n } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   n as Input
 };

package/dist/primitives/menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { m as n } from "../vendor-base-ui-B61LL9jT.js";
+import { o as n } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   n as Menu
 };

package/dist/primitives/menubar.js

@@ -1,5 +1,5 @@
 "use client";
-import { M as a } from "../vendor-base-ui-B61LL9jT.js";
+import { M as a } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   a as Menubar
 };

package/dist/primitives/meter.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as t } from "../vendor-base-ui-B61LL9jT.js";
+import { p as t } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   t as Meter
 };