@spark-ui/components 13.1.4 → 13.2.0

package/dist/link-box/index.d.mts

@@ -1,34 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-
-interface LinkBoxProps extends ComponentPropsWithRef<'div'> {
-    asChild?: boolean;
-}
-declare const LinkBox$1: {
-    ({ className, asChild, ref, ...props }: LinkBoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {
-    asChild?: boolean;
-}
-declare const LinkBoxLink: {
-    ({ className, asChild, ref, ...props }: LinkBoxLinkProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LinkBoxRaisedProps {
-    className?: string;
-    children: ReactNode;
-}
-declare const LinkBoxRaised: {
-    ({ className, ...props }: LinkBoxRaisedProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const LinkBox: typeof LinkBox$1 & {
+import { LinkBox as Root } from './LinkBox';
+import { LinkBoxLink } from './LinkBoxLink';
+import { LinkBoxRaised } from './LinkBoxRaised';
+export declare const LinkBox: typeof Root & {
     Link: typeof LinkBoxLink;
     Raised: typeof LinkBoxRaised;
 };
-
-export { LinkBox, type LinkBoxLinkProps, type LinkBoxProps };
+export { type LinkBoxProps } from './LinkBox';
+export { type LinkBoxLinkProps } from './LinkBoxLink';

package/dist/link-box/index.d.ts

@@ -1,34 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-
-interface LinkBoxProps extends ComponentPropsWithRef<'div'> {
-    asChild?: boolean;
-}
-declare const LinkBox$1: {
-    ({ className, asChild, ref, ...props }: LinkBoxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {
-    asChild?: boolean;
-}
-declare const LinkBoxLink: {
-    ({ className, asChild, ref, ...props }: LinkBoxLinkProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface LinkBoxRaisedProps {
-    className?: string;
-    children: ReactNode;
-}
-declare const LinkBoxRaised: {
-    ({ className, ...props }: LinkBoxRaisedProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const LinkBox: typeof LinkBox$1 & {
+import { LinkBox as Root } from './LinkBox';
+import { LinkBoxLink } from './LinkBoxLink';
+import { LinkBoxRaised } from './LinkBoxRaised';
+export declare const LinkBox: typeof Root & {
     Link: typeof LinkBoxLink;
     Raised: typeof LinkBoxRaised;
 };
-
-export { LinkBox, type LinkBoxLinkProps, type LinkBoxProps };
+export { type LinkBoxProps } from './LinkBox';
+export { type LinkBoxLinkProps } from './LinkBoxLink';

package/dist/link-box/index.js

@@ -1,92 +1,2 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/link-box/index.ts
-var link_box_exports = {};
-__export(link_box_exports, {
-  LinkBox: () => LinkBox2
-});
-module.exports = __toCommonJS(link_box_exports);
-
-// src/link-box/LinkBox.tsx
-var import_class_variance_authority = require("class-variance-authority");
-
-// src/slot/Slot.tsx
-var import_radix_ui = require("radix-ui");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var Slottable = import_radix_ui.Slot.Slottable;
-var Slot = ({ ref, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radix_ui.Slot.Root, { ref, ...props });
-};
-
-// src/link-box/LinkBox.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var LinkBox = ({ className, asChild, ref, ...props }) => {
-  const Component = asChild ? Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Component,
-    {
-      ref,
-      "data-spark-component": "link-box",
-      className: (0, import_class_variance_authority.cx)("default:relative", className),
-      ...props
-    }
-  );
-};
-LinkBox.displayName = "LinkBox";
-
-// src/link-box/LinkBoxLink.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var LinkBoxLink = ({ className, asChild, ref, ...props }) => {
-  const Component = asChild ? Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    Component,
-    {
-      ref,
-      "data-spark-component": "link-box-link",
-      className: (0, import_class_variance_authority2.cx)(
-        "before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']",
-        className
-      ),
-      ...props
-    }
-  );
-};
-LinkBoxLink.displayName = "LinkBox.Link";
-
-// src/link-box/LinkBoxRaised.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var LinkBoxRaised = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Slot, { className: (0, import_class_variance_authority3.cx)("default:z-raised default:relative", className), ...props });
-};
-LinkBoxRaised.displayName = "LinkBox.Raised";
-
-// src/link-box/index.ts
-var LinkBox2 = Object.assign(LinkBox, { Link: LinkBoxLink, Raised: LinkBoxRaised });
-LinkBox2.displayName = "LinkBox";
-LinkBox2.Link.displayName = "LinkBox.Link";
-LinkBox2.Raised.displayName = "LinkBox.Raised";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LinkBox
-});
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("class-variance-authority"),r=require("../Slot-DQ8z2zsy.js"),c=({className:e,asChild:o,ref:n,...a})=>{const t=o?r.Slot:"div";return s.jsx(t,{ref:n,"data-spark-component":"link-box",className:l.cx("default:relative",e),...a})};c.displayName="LinkBox";const k=({className:e,asChild:o,ref:n,...a})=>{const t=o?r.Slot:"a";return s.jsx(t,{ref:n,"data-spark-component":"link-box-link",className:l.cx("before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']",e),...a})};k.displayName="LinkBox.Link";const d=({className:e,...o})=>s.jsx(r.Slot,{className:l.cx("default:z-raised default:relative",e),...o});d.displayName="LinkBox.Raised";const i=Object.assign(c,{Link:k,Raised:d});i.displayName="LinkBox";i.Link.displayName="LinkBox.Link";i.Raised.displayName="LinkBox.Raised";exports.LinkBox=i;
+//# sourceMappingURL=index.js.map

package/dist/link-box/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/link-box/index.ts","../../src/link-box/LinkBox.tsx","../../src/slot/Slot.tsx","../../src/link-box/LinkBoxLink.tsx","../../src/link-box/LinkBoxRaised.tsx"],"sourcesContent":["import { LinkBox as Root } from './LinkBox'\nimport { LinkBoxLink } from './LinkBoxLink'\nimport { LinkBoxRaised } from './LinkBoxRaised'\n\nexport const LinkBox: typeof Root & {\n  Link: typeof LinkBoxLink\n  Raised: typeof LinkBoxRaised\n} = Object.assign(Root, { Link: LinkBoxLink, Raised: LinkBoxRaised })\n\nLinkBox.displayName = 'LinkBox'\nLinkBox.Link.displayName = 'LinkBox.Link'\nLinkBox.Raised.displayName = 'LinkBox.Raised'\n\nexport { type LinkBoxProps } from './LinkBox'\nexport { type LinkBoxLinkProps } from './LinkBoxLink'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxProps extends ComponentPropsWithRef<'div'> {\n  asChild?: boolean\n}\n\nexport const LinkBox = ({ className, asChild, ref, ...props }: LinkBoxProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box\"\n      className={cx('default:relative', className)}\n      {...props}\n    />\n  )\n}\n\nLinkBox.displayName = 'LinkBox'\n","import { Slot as RadixSlot } from 'radix-ui'\nimport {\n  cloneElement,\n  HTMLAttributes,\n  isValidElement,\n  PropsWithChildren,\n  ReactNode,\n  Ref,\n} from 'react'\n\nexport const Slottable: typeof RadixSlot.Slottable = RadixSlot.Slottable\n\nexport type SlotProps = PropsWithChildren<HTMLAttributes<HTMLElement>> & {\n  ref?: Ref<HTMLElement>\n}\n\nexport const Slot = ({ ref, ...props }: SlotProps) => {\n  return <RadixSlot.Root ref={ref} {...props} />\n}\n\n/**\n * When using Radix `Slot` component, it will consider its first child to merge its props with.\n * In some cases, you might need to wrap the top child with additional markup without breaking this behaviour.\n */\nexport const wrapPolymorphicSlot = (\n  asChild: boolean | undefined,\n  children: ReactNode,\n  callback: (children: ReactNode) => ReactNode\n) => {\n  if (!asChild) return callback(children) // If polymorphic behaviour is not used, we keep the original children\n\n  return isValidElement(children)\n    ? cloneElement(\n        children,\n        undefined,\n        callback((children.props as { children: ReactNode }).children)\n      )\n    : null\n}\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {\n  asChild?: boolean\n}\n\nexport const LinkBoxLink = ({ className, asChild, ref, ...props }: LinkBoxLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box-link\"\n      className={cx(\n        \"before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nLinkBoxLink.displayName = 'LinkBox.Link'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxRaisedProps {\n  className?: string\n  children: ReactNode\n}\n\nexport const LinkBoxRaised = ({ className, ...props }: LinkBoxRaisedProps) => {\n  return <Slot className={cx('default:z-raised default:relative', className)} {...props} />\n}\n\nLinkBoxRaised.displayName = 'LinkBox.Raised'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,iBAAAA;AAAA;AAAA;;;ACAA,sCAAmB;;;ACAnB,sBAAkC;AAClC,mBAOO;AASE;AAPF,IAAM,YAAwC,gBAAAC,KAAU;AAMxD,IAAM,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,MAAiB;AACpD,SAAO,4CAAC,gBAAAA,KAAU,MAAV,EAAe,KAAW,GAAG,OAAO;AAC9C;;;ADLI,IAAAC,sBAAA;AAJG,IAAM,UAAU,CAAC,EAAE,WAAW,SAAS,KAAK,GAAG,MAAM,MAAoB;AAC9E,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,wBAAqB;AAAA,MACrB,eAAW,oCAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,QAAQ,cAAc;;;AEtBtB,IAAAC,mCAAmB;AAaf,IAAAC,sBAAA;AAJG,IAAM,cAAc,CAAC,EAAE,WAAW,SAAS,KAAK,GAAG,MAAM,MAAwB;AACtF,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,wBAAqB;AAAA,MACrB,eAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,YAAY,cAAc;;;ACzB1B,IAAAC,mCAAmB;AAWV,IAAAC,sBAAA;AADF,IAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA0B;AAC5E,SAAO,6CAAC,QAAK,eAAW,qCAAG,qCAAqC,SAAS,GAAI,GAAG,OAAO;AACzF;AAEA,cAAc,cAAc;;;AJVrB,IAAMC,WAGT,OAAO,OAAO,SAAM,EAAE,MAAM,aAAa,QAAQ,cAAc,CAAC;AAEpEA,SAAQ,cAAc;AACtBA,SAAQ,KAAK,cAAc;AAC3BA,SAAQ,OAAO,cAAc;","names":["LinkBox","RadixSlot","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","import_class_variance_authority","import_jsx_runtime","LinkBox"]}
+{"version":3,"file":"index.js","sources":["../../src/link-box/LinkBox.tsx","../../src/link-box/LinkBoxLink.tsx","../../src/link-box/LinkBoxRaised.tsx","../../src/link-box/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxProps extends ComponentPropsWithRef<'div'> {\n  asChild?: boolean\n}\n\nexport const LinkBox = ({ className, asChild, ref, ...props }: LinkBoxProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box\"\n      className={cx('default:relative', className)}\n      {...props}\n    />\n  )\n}\n\nLinkBox.displayName = 'LinkBox'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {\n  asChild?: boolean\n}\n\nexport const LinkBoxLink = ({ className, asChild, ref, ...props }: LinkBoxLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box-link\"\n      className={cx(\n        \"before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nLinkBoxLink.displayName = 'LinkBox.Link'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxRaisedProps {\n  className?: string\n  children: ReactNode\n}\n\nexport const LinkBoxRaised = ({ className, ...props }: LinkBoxRaisedProps) => {\n  return <Slot className={cx('default:z-raised default:relative', className)} {...props} />\n}\n\nLinkBoxRaised.displayName = 'LinkBox.Raised'\n","import { LinkBox as Root } from './LinkBox'\nimport { LinkBoxLink } from './LinkBoxLink'\nimport { LinkBoxRaised } from './LinkBoxRaised'\n\nexport const LinkBox: typeof Root & {\n  Link: typeof LinkBoxLink\n  Raised: typeof LinkBoxRaised\n} = Object.assign(Root, { Link: LinkBoxLink, Raised: LinkBoxRaised })\n\nLinkBox.displayName = 'LinkBox'\nLinkBox.Link.displayName = 'LinkBox.Link'\nLinkBox.Raised.displayName = 'LinkBox.Raised'\n\nexport { type LinkBoxProps } from './LinkBox'\nexport { type LinkBoxLinkProps } from './LinkBoxLink'\n"],"names":["LinkBox","className","asChild","ref","props","Component","Slot","jsx","cx","LinkBoxLink","LinkBoxRaised","Root"],"mappings":"4LASaA,EAAU,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,IAAAC,EAAK,GAAGC,KAA0B,CAC9E,MAAMC,EAAYH,EAAUI,EAAAA,KAAO,MAEnC,OACEC,EAAAA,IAACF,EAAA,CACC,IAAAF,EACA,uBAAqB,WACrB,UAAWK,EAAAA,GAAG,mBAAoBP,CAAS,EAC1C,GAAGG,CAAA,CAAA,CAGV,EAEAJ,EAAQ,YAAc,UCbf,MAAMS,EAAc,CAAC,CAAE,UAAAR,EAAW,QAAAC,EAAS,IAAAC,EAAK,GAAGC,KAA8B,CACtF,MAAMC,EAAYH,EAAUI,EAAAA,KAAO,IAEnC,OACEC,EAAAA,IAACF,EAAA,CACC,IAAAF,EACA,uBAAqB,gBACrB,UAAWK,EAAAA,GACT,oHACAP,CAAA,EAED,GAAGG,CAAA,CAAA,CAGV,EAEAK,EAAY,YAAc,eCfnB,MAAMC,EAAgB,CAAC,CAAE,UAAAT,EAAW,GAAGG,KACrCG,EAAAA,IAACD,QAAK,UAAWE,EAAAA,GAAG,oCAAqCP,CAAS,EAAI,GAAGG,EAAO,EAGzFM,EAAc,YAAc,iBCVrB,MAAMV,EAGT,OAAO,OAAOW,EAAM,CAAE,KAAMF,EAAa,OAAQC,CAAA,CAAe,EAEpEV,EAAQ,YAAc,UACtBA,EAAQ,KAAK,YAAc,eAC3BA,EAAQ,OAAO,YAAc"}

package/dist/link-box/index.mjs

@@ -1,58 +1,36 @@
-import {
-  Slot
-} from "../chunk-6QCEPQ3U.mjs";
-
-// src/link-box/LinkBox.tsx
-import { cx } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var LinkBox = ({ className, asChild, ref, ...props }) => {
-  const Component = asChild ? Slot : "div";
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ref,
-      "data-spark-component": "link-box",
-      className: cx("default:relative", className),
-      ...props
-    }
-  );
-};
-LinkBox.displayName = "LinkBox";
-
-// src/link-box/LinkBoxLink.tsx
-import { cx as cx2 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var LinkBoxLink = ({ className, asChild, ref, ...props }) => {
-  const Component = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx2(
-    Component,
-    {
-      ref,
-      "data-spark-component": "link-box-link",
-      className: cx2(
-        "before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']",
-        className
-      ),
-      ...props
-    }
-  );
-};
-LinkBoxLink.displayName = "LinkBox.Link";
-
-// src/link-box/LinkBoxRaised.tsx
-import { cx as cx3 } from "class-variance-authority";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var LinkBoxRaised = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx3(Slot, { className: cx3("default:z-raised default:relative", className), ...props });
-};
-LinkBoxRaised.displayName = "LinkBox.Raised";
-
-// src/link-box/index.ts
-var LinkBox2 = Object.assign(LinkBox, { Link: LinkBoxLink, Raised: LinkBoxRaised });
-LinkBox2.displayName = "LinkBox";
-LinkBox2.Link.displayName = "LinkBox.Link";
-LinkBox2.Raised.displayName = "LinkBox.Raised";
+import { jsx as i } from "react/jsx-runtime";
+import { cx as t } from "class-variance-authority";
+import { a as s } from "../Slot-D2Bbf8Gw.mjs";
+const l = ({ className: e, asChild: o, ref: a, ...n }) => /* @__PURE__ */ i(
+  o ? s : "div",
+  {
+    ref: a,
+    "data-spark-component": "link-box",
+    className: t("default:relative", e),
+    ...n
+  }
+);
+l.displayName = "LinkBox";
+const k = ({ className: e, asChild: o, ref: a, ...n }) => /* @__PURE__ */ i(
+  o ? s : "a",
+  {
+    ref: a,
+    "data-spark-component": "link-box-link",
+    className: t(
+      "before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']",
+      e
+    ),
+    ...n
+  }
+);
+k.displayName = "LinkBox.Link";
+const m = ({ className: e, ...o }) => /* @__PURE__ */ i(s, { className: t("default:z-raised default:relative", e), ...o });
+m.displayName = "LinkBox.Raised";
+const r = Object.assign(l, { Link: k, Raised: m });
+r.displayName = "LinkBox";
+r.Link.displayName = "LinkBox.Link";
+r.Raised.displayName = "LinkBox.Raised";
 export {
-  LinkBox2 as LinkBox
+  r as LinkBox
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/link-box/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/link-box/LinkBox.tsx","../../src/link-box/LinkBoxLink.tsx","../../src/link-box/LinkBoxRaised.tsx","../../src/link-box/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxProps extends ComponentPropsWithRef<'div'> {\n  asChild?: boolean\n}\n\nexport const LinkBox = ({ className, asChild, ref, ...props }: LinkBoxProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box\"\n      className={cx('default:relative', className)}\n      {...props}\n    />\n  )\n}\n\nLinkBox.displayName = 'LinkBox'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {\n  asChild?: boolean\n}\n\nexport const LinkBoxLink = ({ className, asChild, ref, ...props }: LinkBoxLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box-link\"\n      className={cx(\n        \"before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nLinkBoxLink.displayName = 'LinkBox.Link'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxRaisedProps {\n  className?: string\n  children: ReactNode\n}\n\nexport const LinkBoxRaised = ({ className, ...props }: LinkBoxRaisedProps) => {\n  return <Slot className={cx('default:z-raised default:relative', className)} {...props} />\n}\n\nLinkBoxRaised.displayName = 'LinkBox.Raised'\n","import { LinkBox as Root } from './LinkBox'\nimport { LinkBoxLink } from './LinkBoxLink'\nimport { LinkBoxRaised } from './LinkBoxRaised'\n\nexport const LinkBox: typeof Root & {\n  Link: typeof LinkBoxLink\n  Raised: typeof LinkBoxRaised\n} = Object.assign(Root, { Link: LinkBoxLink, Raised: LinkBoxRaised })\n\nLinkBox.displayName = 'LinkBox'\nLinkBox.Link.displayName = 'LinkBox.Link'\nLinkBox.Raised.displayName = 'LinkBox.Raised'\n\nexport { type LinkBoxProps } from './LinkBox'\nexport { type LinkBoxLinkProps } from './LinkBoxLink'\n"],"mappings":";;;;;AAAA,SAAS,UAAU;AAaf;AAJG,IAAM,UAAU,CAAC,EAAE,WAAW,SAAS,KAAK,GAAG,MAAM,MAAoB;AAC9E,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,wBAAqB;AAAA,MACrB,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,QAAQ,cAAc;;;ACtBtB,SAAS,MAAAA,WAAU;AAaf,gBAAAC,YAAA;AAJG,IAAM,cAAc,CAAC,EAAE,WAAW,SAAS,KAAK,GAAG,MAAM,MAAwB;AACtF,QAAM,YAAY,UAAU,OAAO;AAEnC,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,wBAAqB;AAAA,MACrB,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,YAAY,cAAc;;;ACzB1B,SAAS,MAAAC,WAAU;AAWV,gBAAAC,YAAA;AADF,IAAM,gBAAgB,CAAC,EAAE,WAAW,GAAG,MAAM,MAA0B;AAC5E,SAAO,gBAAAA,KAAC,QAAK,WAAWC,IAAG,qCAAqC,SAAS,GAAI,GAAG,OAAO;AACzF;AAEA,cAAc,cAAc;;;ACVrB,IAAMC,WAGT,OAAO,OAAO,SAAM,EAAE,MAAM,aAAa,QAAQ,cAAc,CAAC;AAEpEA,SAAQ,cAAc;AACtBA,SAAQ,KAAK,cAAc;AAC3BA,SAAQ,OAAO,cAAc;","names":["cx","jsx","cx","cx","jsx","cx","LinkBox"]}
+{"version":3,"file":"index.mjs","sources":["../../src/link-box/LinkBox.tsx","../../src/link-box/LinkBoxLink.tsx","../../src/link-box/LinkBoxRaised.tsx","../../src/link-box/index.ts"],"sourcesContent":["import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxProps extends ComponentPropsWithRef<'div'> {\n  asChild?: boolean\n}\n\nexport const LinkBox = ({ className, asChild, ref, ...props }: LinkBoxProps) => {\n  const Component = asChild ? Slot : 'div'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box\"\n      className={cx('default:relative', className)}\n      {...props}\n    />\n  )\n}\n\nLinkBox.displayName = 'LinkBox'\n","import { cx } from 'class-variance-authority'\nimport { ComponentPropsWithRef } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxLinkProps extends ComponentPropsWithRef<'a'> {\n  asChild?: boolean\n}\n\nexport const LinkBoxLink = ({ className, asChild, ref, ...props }: LinkBoxLinkProps) => {\n  const Component = asChild ? Slot : 'a'\n\n  return (\n    <Component\n      ref={ref}\n      data-spark-component=\"link-box-link\"\n      className={cx(\n        \"before:z-base static before:absolute before:top-0 before:left-0 before:block before:size-full before:content-['']\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nLinkBoxLink.displayName = 'LinkBox.Link'\n","import { cx } from 'class-variance-authority'\nimport { ReactNode } from 'react'\n\nimport { Slot } from '../slot'\n\nexport interface LinkBoxRaisedProps {\n  className?: string\n  children: ReactNode\n}\n\nexport const LinkBoxRaised = ({ className, ...props }: LinkBoxRaisedProps) => {\n  return <Slot className={cx('default:z-raised default:relative', className)} {...props} />\n}\n\nLinkBoxRaised.displayName = 'LinkBox.Raised'\n","import { LinkBox as Root } from './LinkBox'\nimport { LinkBoxLink } from './LinkBoxLink'\nimport { LinkBoxRaised } from './LinkBoxRaised'\n\nexport const LinkBox: typeof Root & {\n  Link: typeof LinkBoxLink\n  Raised: typeof LinkBoxRaised\n} = Object.assign(Root, { Link: LinkBoxLink, Raised: LinkBoxRaised })\n\nLinkBox.displayName = 'LinkBox'\nLinkBox.Link.displayName = 'LinkBox.Link'\nLinkBox.Raised.displayName = 'LinkBox.Raised'\n\nexport { type LinkBoxProps } from './LinkBox'\nexport { type LinkBoxLinkProps } from './LinkBoxLink'\n"],"names":["LinkBox","className","asChild","ref","props","jsx","Slot","cx","LinkBoxLink","LinkBoxRaised","Root"],"mappings":";;;AASO,MAAMA,IAAU,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,KAAAC,GAAK,GAAGC,QAIlD,gBAAAC;AAAA,EAHgBH,IAAUI,IAAO;AAAA,EAGhC;AAAA,IACC,KAAAH;AAAA,IACA,wBAAqB;AAAA,IACrB,WAAWI,EAAG,oBAAoBN,CAAS;AAAA,IAC1C,GAAGG;AAAA,EAAA;AAAA;AAKVJ,EAAQ,cAAc;ACbf,MAAMQ,IAAc,CAAC,EAAE,WAAAP,GAAW,SAAAC,GAAS,KAAAC,GAAK,GAAGC,QAItD,gBAAAC;AAAA,EAHgBH,IAAUI,IAAO;AAAA,EAGhC;AAAA,IACC,KAAAH;AAAA,IACA,wBAAqB;AAAA,IACrB,WAAWI;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGG;AAAA,EAAA;AAAA;AAKVI,EAAY,cAAc;ACfnB,MAAMC,IAAgB,CAAC,EAAE,WAAAR,GAAW,GAAGG,QACrC,gBAAAC,EAACC,KAAK,WAAWC,EAAG,qCAAqCN,CAAS,GAAI,GAAGG,GAAO;AAGzFK,EAAc,cAAc;ACVrB,MAAMT,IAGT,OAAO,OAAOU,GAAM,EAAE,MAAMF,GAAa,QAAQC,EAAA,CAAe;AAEpET,EAAQ,cAAc;AACtBA,EAAQ,KAAK,cAAc;AAC3BA,EAAQ,OAAO,cAAc;"}

package/dist/pagination/Pagination.d.ts

@@ -0,0 +1,8 @@
+import { PaginationProviderProps } from './PaginationContext';
+export type PaginationProps = PaginationProviderProps & {
+    className?: string;
+};
+export declare const Pagination: {
+    ({ children, visiblePageItems, type, noEllipsis, className, ...rest }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/pagination/PaginationContext.d.ts

@@ -0,0 +1,43 @@
+import { PropTypes } from '@zag-js/react';
+import { ReactNode } from 'react';
+import * as pagination from '@zag-js/pagination';
+export interface PaginationContextState<T extends PropTypes = PropTypes> {
+    type: pagination.Props['type'];
+    pagination: pagination.Api<T> & {
+        getFirstPageTriggerProps: () => ReturnType<pagination.Api<T>['getPrevTriggerProps']> & {
+            'data-part': string;
+            onClick: () => void;
+        };
+        getLastPageTriggerProps: () => ReturnType<pagination.Api<T>['getNextTriggerProps']> & {
+            'data-part': string;
+            onClick: () => void;
+        };
+    };
+}
+export interface PaginationProviderProps {
+    children: ReactNode;
+    /**
+     * Total number of data items available across all pages.
+     */
+    count: number;
+    /**
+     * Maximum amount of items displayed on a single page.
+     */
+    pageSize: number;
+    /**
+     * Number of visible pages (or ellipsis) between previous and next page triggers.
+     */
+    visiblePageItems?: number;
+    /**
+     * The current page (active page)
+     */
+    page?: pagination.Props['page'];
+    /**
+     * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.
+     */
+    type?: pagination.Props['type'];
+    onPageChange?: pagination.Props['onPageChange'];
+    noEllipsis?: boolean;
+}
+export declare const PaginationProvider: ({ children, count, visiblePageItems, pageSize, page, onPageChange, noEllipsis, type, }: PaginationProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const usePagination: () => PaginationContextState<PropTypes>;

package/dist/pagination/PaginationEllipsis.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithRef } from 'react';
+interface EllipsisProps extends ComponentPropsWithRef<'span'> {
+    index: number;
+}
+export declare const Ellipsis: {
+    ({ children, index, className, ref, ...rest }: EllipsisProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/pagination/PaginationFirstPageTrigger.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+    href: string;
+}
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    href?: undefined;
+}
+export type FirstPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const FirstPageTrigger: {
+    ({ children, className, href, ref, ...props }: FirstPageTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/pagination/PaginationItem.d.ts

@@ -0,0 +1,17 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+    href: string;
+}
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    href?: undefined;
+}
+export type ItemProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    'aria-label': string;
+    value: number;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const Item: {
+    ({ children, value, className, href, ref, ...props }: ItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/pagination/PaginationLastPageTrigger.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+    href: string;
+}
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    href?: undefined;
+}
+export type LastPageTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const LastPageTrigger: {
+    ({ children, className, href, ref, ...props }: LastPageTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/pagination/PaginationNextTrigger.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+    href: string;
+}
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    href?: undefined;
+}
+export type NextTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const NextTrigger: {
+    ({ children, className, href, ref, ...props }: NextTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/pagination/PaginationPages.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import * as pagination from '@zag-js/pagination';
+type PageItem = Extract<pagination.Api['pages'][number], {
+    type: 'page';
+}>;
+type TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {
+    pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages'];
+};
+interface PagesProps<T extends 'noEllipsis' | ''> {
+    children: (pagination: TweakedPaginationApi<T>) => ReactNode;
+}
+export declare const Pages: {
+    <T extends "noEllipsis" | "" = "">({ children }: PagesProps<T>): ReactNode;
+    displayName: string;
+};
+export {};

package/dist/pagination/PaginationPrevTrigger.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
+    href: string;
+}
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    href?: undefined;
+}
+export type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
+    'aria-label': string;
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const PrevTrigger: {
+    ({ children, className, href, ref, ...props }: PrevTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/pagination/index.d.mts

@@ -1,136 +1,13 @@
-import { ReactNode, ComponentPropsWithRef, ComponentPropsWithoutRef, Ref, FC } from 'react';
-import * as pagination from '@zag-js/pagination';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface PaginationProviderProps {
-    children: ReactNode;
-    /**
-     * Total number of data items available across all pages.
-     */
-    count: number;
-    /**
-     * Maximum amount of items displayed on a single page.
-     */
-    pageSize: number;
-    /**
-     * Number of visible pages (or ellipsis) between previous and next page triggers.
-     */
-    visiblePageItems?: number;
-    /**
-     * The current page (active page)
-     */
-    page?: pagination.Props['page'];
-    /**
-     * If your pagination contains buttons instead of links, set `type` to `button`, extra attributes will be applied on page items for a11y.
-     */
-    type?: pagination.Props['type'];
-    onPageChange?: pagination.Props['onPageChange'];
-    noEllipsis?: boolean;
-}
-
-type PaginationProps = PaginationProviderProps & {
-    className?: string;
-};
-
-interface EllipsisProps extends ComponentPropsWithRef<'span'> {
-    index: number;
-}
-declare const Ellipsis: {
-    ({ children, index, className, ref, ...rest }: EllipsisProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AnchorProps$4 extends ComponentPropsWithoutRef<'a'> {
-    href: string;
-}
-interface ButtonProps$4 extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-type FirstPageTriggerProps = Omit<AnchorProps$4 | ButtonProps$4, 'aria-label'> & {
-    'aria-label': string;
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const FirstPageTrigger: {
-    ({ children, className, href, ref, ...props }: FirstPageTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AnchorProps$3 extends ComponentPropsWithoutRef<'a'> {
-    href: string;
-}
-interface ButtonProps$3 extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-type ItemProps = Omit<AnchorProps$3 | ButtonProps$3, 'aria-label'> & {
-    'aria-label': string;
-    value: number;
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const Item: {
-    ({ children, value, className, href, ref, ...props }: ItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AnchorProps$2 extends ComponentPropsWithoutRef<'a'> {
-    href: string;
-}
-interface ButtonProps$2 extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-type LastPageTriggerProps = Omit<AnchorProps$2 | ButtonProps$2, 'aria-label'> & {
-    'aria-label': string;
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const LastPageTrigger: {
-    ({ children, className, href, ref, ...props }: LastPageTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface AnchorProps$1 extends ComponentPropsWithoutRef<'a'> {
-    href: string;
-}
-interface ButtonProps$1 extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-type NextTriggerProps = Omit<AnchorProps$1 | ButtonProps$1, 'aria-label'> & {
-    'aria-label': string;
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const NextTrigger: {
-    ({ children, className, href, ref, ...props }: NextTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type PageItem = Extract<pagination.Api['pages'][number], {
-    type: 'page';
-}>;
-type TweakedPaginationApi<T extends 'noEllipsis' | ''> = Omit<pagination.Api, 'pages'> & {
-    pages: T extends 'noEllipsis' ? PageItem[] : pagination.Api['pages'];
-};
-interface PagesProps<T extends 'noEllipsis' | ''> {
-    children: (pagination: TweakedPaginationApi<T>) => ReactNode;
-}
-declare const Pages: {
-    <T extends "noEllipsis" | "" = "">({ children }: PagesProps<T>): ReactNode;
-    displayName: string;
-};
-
-interface AnchorProps extends ComponentPropsWithoutRef<'a'> {
-    href: string;
-}
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    href?: undefined;
-}
-type PrevTriggerProps = Omit<AnchorProps | ButtonProps, 'aria-label'> & {
-    'aria-label': string;
-    ref?: Ref<HTMLButtonElement>;
-};
-declare const PrevTrigger: {
-    ({ children, className, href, ref, ...props }: PrevTriggerProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const Pagination: FC<PaginationProps> & {
+import { FC } from 'react';
+import { PaginationProps } from './Pagination';
+import { Ellipsis } from './PaginationEllipsis';
+import { FirstPageTrigger } from './PaginationFirstPageTrigger';
+import { Item } from './PaginationItem';
+import { LastPageTrigger } from './PaginationLastPageTrigger';
+import { NextTrigger } from './PaginationNextTrigger';
+import { Pages } from './PaginationPages';
+import { PrevTrigger } from './PaginationPrevTrigger';
+export declare const Pagination: FC<PaginationProps> & {
     PrevTrigger: typeof PrevTrigger;
     NextTrigger: typeof NextTrigger;
     Pages: typeof Pages;
@@ -139,5 +16,3 @@ declare const Pagination: FC<PaginationProps> & {
     FirstPageTrigger: typeof FirstPageTrigger;
     LastPageTrigger: typeof LastPageTrigger;
 };
-
-export { Pagination };