@versaur/react 0.0.1 → 1.0.1

package/dist/primitive.js

@@ -1,26 +1,189 @@
-import { Button as t } from "./components/primitive/button/button.js";
-import { Heading as p } from "./components/primitive/heading/heading.js";
-import { Text as f } from "./components/primitive/text/text.js";
-import { Avatar as a } from "./components/primitive/avatar/avatar.js";
-import { Hr as d } from "./components/primitive/hr/hr.js";
-import { ButtonIcon as c } from "./components/primitive/button-icon/button-icon.js";
-import { Loader as i } from "./components/primitive/loader/loader.js";
-import { Badge as H } from "./components/primitive/badge/badge.js";
-import { Dot as T } from "./components/primitive/dot/dot.js";
-import { Kbd as l } from "./components/primitive/kbd/kbd.js";
-import { Tooltip as A } from "./components/primitive/tooltip/tooltip.js";
-import { Icon as K } from "./components/primitive/icon/icon.js";
+import { jsxs as v, jsx as u } from "react/jsx-runtime";
+import { buttonStyles as j, headingStyles as R, textStyles as k, avatarStyles as I, loaderStyles as w, badgeStyles as K, dotStyles as O, kbdStyles as U } from "@versaur/core/primitive";
+import { LoaderIcon as S, UserIcon as q } from "@versaur/icons";
+import { forwardRef as p, useState as z } from "react";
+import { c as g } from "./cx-B9vmfsc1.js";
+import { u as h } from "./use-data-attrs-iPFyfiKN.js";
+import { I as A } from "./tooltip-QgerMOQE.js";
+import { B as et, H as st, T as rt } from "./tooltip-QgerMOQE.js";
+const C = p(
+  ({
+    variant: a = "primary",
+    size: o = "medium",
+    loading: t = !1,
+    disabled: e = !1,
+    pressed: r = !1,
+    leftIcon: s,
+    rightIcon: n,
+    children: i,
+    type: c = "button",
+    onClick: f,
+    className: b,
+    ...d
+  }, N) => {
+    const y = !!s, l = !!n, x = !!i;
+    let m;
+    y && l && x ? m = "both-text" : y && x ? m = "left-text" : l && x ? m = "right-text" : y && l ? m = "both" : y ? m = "left" : l && (m = "right");
+    const D = h({
+      disabled: e || t,
+      loading: t,
+      size: o,
+      variant: a,
+      ...m && { iconConfig: m }
+    }), H = (B) => {
+      if (e || t) {
+        B.preventDefault();
+        return;
+      }
+      f == null || f(B);
+    };
+    return /* @__PURE__ */ v(
+      "button",
+      {
+        ref: N,
+        type: c,
+        className: g(j.button, b),
+        "aria-pressed": r ? "true" : void 0,
+        "aria-busy": t ? "true" : void 0,
+        "aria-disabled": e || t ? "true" : void 0,
+        ...D,
+        ...d,
+        onClick: H,
+        children: [
+          t ? /* @__PURE__ */ u(A, { as: S, "aria-label": "Loading", "data-loading-icon": "loader" }) : null,
+          s,
+          i,
+          n
+        ]
+      }
+    );
+  }
+);
+C.displayName = "Button";
+const F = p(
+  ({ as: a = "h2", size: o, weight: t, intent: e, case: r, transform: s, children: n, className: i, ...c }, f) => {
+    const b = a, d = h({
+      as: a,
+      case: r,
+      intent: e,
+      size: o,
+      transform: s,
+      weight: t
+    });
+    return /* @__PURE__ */ u(b, { ref: f, className: g(R.heading, i), ...d, ...c, children: n });
+  }
+);
+F.displayName = "Heading";
+const G = p(
+  ({ as: a = "p", size: o, weight: t, intent: e, case: r, transform: s, children: n, className: i, ...c }, f) => {
+    const b = a, d = h({
+      as: a,
+      case: r,
+      intent: e,
+      size: o,
+      transform: s,
+      weight: t
+    });
+    return /* @__PURE__ */ u(b, { ref: f, className: g(k.text, i), ...d, ...c, children: n });
+  }
+);
+G.displayName = "Text";
+const T = p(
+  ({ variant: a = "primary", size: o = "md", shape: t = "circle", children: e, className: r, ...s }, n) => {
+    const i = h({ shape: t, size: o, variant: a }), c = e || /* @__PURE__ */ u(A, { as: q });
+    return /* @__PURE__ */ u("span", { ref: n, className: g(I.avatar, r), role: "img", ...i, ...s, children: c });
+  }
+);
+T.displayName = "Avatar";
+const L = p(({ src: a, alt: o, onError: t, className: e, ...r }, s) => {
+  const [n, i] = z(!1);
+  return n ? null : /* @__PURE__ */ u(
+    "img",
+    {
+      ref: s,
+      className: g(I["avatar-image"], e),
+      src: a,
+      alt: o,
+      onError: (c) => {
+        i(!0), t == null || t(c);
+      },
+      ...r
+    }
+  );
+});
+L.displayName = "Avatar.Image";
+const W = Object.assign(T, {
+  Image: L
+}), J = p(
+  ({ type: a = "spinner", size: o = "sm", children: t, className: e, ...r }, s) => {
+    const n = h({
+      size: o,
+      type: a
+    });
+    return /* @__PURE__ */ v("div", { ref: s, className: g(w.loader, e), ...n, ...r, children: [
+      a === "spinner" && /* @__PURE__ */ u(A, { as: S, "aria-hidden": "true" }),
+      t
+    ] });
+  }
+);
+J.displayName = "Loader";
+const M = p(
+  ({
+    variant: a = "primary",
+    size: o = "medium",
+    shape: t = "rounded",
+    iconLeft: e,
+    iconRight: r,
+    maxWidth: s,
+    children: n,
+    style: i,
+    className: c,
+    ...f
+  }, b) => {
+    const d = !!e, N = !!r, y = !!n;
+    let l;
+    d && N && y ? l = "both-text" : d && y ? l = "left-text" : N && y ? l = "right-text" : d && N ? l = "both" : d ? l = "left" : N && (l = "right");
+    const x = h({
+      shape: t,
+      size: o,
+      variant: a,
+      ...l && { iconConfig: l }
+    }), m = {
+      ...i,
+      ...s && { "--vers-comp-badge-max-width": s }
+    };
+    return /* @__PURE__ */ v("div", { ref: b, className: g(K.badge, c), ...x, ...f, style: m, children: [
+      e,
+      n,
+      r
+    ] });
+  }
+);
+M.displayName = "Badge";
+const P = p(({ variant: a = "primary", size: o = "medium", className: t, ...e }, r) => {
+  const s = h({
+    size: o,
+    variant: a
+  });
+  return /* @__PURE__ */ u("span", { ref: r, className: g(O.dot, t), ...s, ...e });
+});
+P.displayName = "Dot";
+const Q = p(({ variant: a = "filled", size: o = "md", children: t, className: e, ...r }, s) => {
+  const n = h({ size: o, variant: a });
+  return /* @__PURE__ */ u("kbd", { ref: s, className: g(U.kbd, e), ...n, ...r, children: t });
+});
+Q.displayName = "Kbd";
 export {
-  a as Avatar,
-  H as Badge,
-  t as Button,
-  c as ButtonIcon,
-  T as Dot,
-  p as Heading,
-  d as Hr,
-  K as Icon,
-  l as Kbd,
-  i as Loader,
-  f as Text,
-  A as Tooltip
+  W as Avatar,
+  M as Badge,
+  C as Button,
+  et as ButtonIcon,
+  P as Dot,
+  F as Heading,
+  st as Hr,
+  A as Icon,
+  Q as Kbd,
+  J as Loader,
+  G as Text,
+  rt as Tooltip
 };

package/dist/tokens.d.ts

@@ -0,0 +1 @@
+export { }

package/dist/tokens.js

@@ -0,0 +1 @@
+

package/dist/tooltip-QgerMOQE.js

@@ -0,0 +1,204 @@
+import { jsx as u } from "react/jsx-runtime";
+import { iconStyles as P, hrStyles as R, buttonIconStyles as $, tooltipStyles as S } from "@versaur/core/primitive";
+import w, { forwardRef as T, useEffect as q, useRef as B } from "react";
+import { c as f } from "./cx-B9vmfsc1.js";
+import { u as b } from "./use-data-attrs-iPFyfiKN.js";
+import { LoaderIcon as M } from "@versaur/icons";
+const y = w.forwardRef(function({ intent: i = "inherit", size: r = "inherit", as: a, className: o, ...t }, e) {
+  const n = b({ intent: i, size: r });
+  return /* @__PURE__ */ u(a, { ref: e, className: f(P.icon, o), ...n, ...t });
+});
+y.displayName = "Icon";
+const _ = T(({ orientation: s, variant: i, size: r, spacing: a, className: o, ...t }, e) => {
+  const n = b({
+    orientation: s,
+    size: r,
+    spacing: a,
+    variant: i
+  });
+  return /* @__PURE__ */ u(
+    "hr",
+    {
+      ref: e,
+      className: f(R.hr, o),
+      role: "separator",
+      "aria-orientation": s === "vertical" ? "vertical" : void 0,
+      ...n,
+      ...t
+    }
+  );
+});
+_.displayName = "Hr";
+const g = T(
+  ({
+    as: s,
+    variant: i = "primary",
+    size: r = "medium",
+    loading: a = !1,
+    disabled: o = !1,
+    pressed: t = !1,
+    type: e = "button",
+    onClick: n,
+    iconProps: l = {},
+    "aria-label": c,
+    className: m,
+    ...v
+  }, h) => {
+    const E = b({
+      disabled: o || a,
+      loading: a,
+      size: r,
+      variant: i
+    }), L = (d) => {
+      if (o || a) {
+        d.preventDefault();
+        return;
+      }
+      n == null || n(d);
+    };
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        ref: h,
+        type: e,
+        className: f($["button-icon"], m),
+        "aria-label": c,
+        "aria-pressed": t ? "true" : void 0,
+        "aria-busy": a ? "true" : void 0,
+        "aria-disabled": o || a ? "true" : void 0,
+        ...E,
+        ...v,
+        onClick: L,
+        children: a ? /* @__PURE__ */ u(y, { as: M, "aria-label": "Loading", "data-loading-icon": "loader" }) : /* @__PURE__ */ u(y, { as: s, ...l })
+      }
+    );
+  }
+);
+g.displayName = "ButtonIcon";
+function j({
+  id: s,
+  tooltipRef: i,
+  placement: r,
+  gap: a,
+  triggerType: o
+}) {
+  q(() => {
+    const t = i.current;
+    if (!t || !s)
+      return;
+    let e = null;
+    if (t.parentElement && (e = t.parentElement.querySelector(`[data-tooltip-trigger="${s}"]`)), !e) {
+      let p = t.parentElement;
+      for (; p && !e && (e = p.querySelector(`[data-tooltip-trigger="${s}"]`), !(e || p.classList.contains("sbdocs-story") || p.classList.contains("docblock-storylet"))); )
+        p = p.parentElement;
+    }
+    if (e || (e = document.querySelector(`[data-tooltip-trigger="${s}"]`)), !e)
+      return;
+    let n = null;
+    const l = () => {
+      n && (clearTimeout(n), n = null), t.matches(":popover-open") || t.showPopover();
+    }, c = () => {
+      n && clearTimeout(n), n = setTimeout(() => {
+        t.matches(":popover-open") && t.hidePopover(), n = null;
+      }, 100);
+    }, m = () => {
+      (o === "hover" || o === "all") && l();
+    }, v = () => {
+      (o === "hover" || o === "all") && c();
+    }, h = () => {
+      (o === "focus" || o === "all") && l();
+    }, E = () => {
+      o === "hover" && t.hidePopover();
+    }, L = () => {
+      o === "focus" && (t.matches(":popover-open") ? t.hidePopover() : l());
+    }, d = () => {
+      n && (clearTimeout(n), n = null);
+    }, I = () => {
+      (o === "hover" || o === "all") && c();
+    };
+    return e.addEventListener("mouseenter", m), e.addEventListener("mouseleave", v), e.addEventListener("focus", h), e.addEventListener("blur", E), e.addEventListener("click", L), t.addEventListener("mouseenter", d), t.addEventListener("mouseleave", I), () => {
+      n && clearTimeout(n), e.removeEventListener("mouseenter", m), e.removeEventListener("mouseleave", v), e.removeEventListener("focus", h), e.removeEventListener("blur", E), e.removeEventListener("click", L), t.removeEventListener("mouseenter", d), t.removeEventListener("mouseleave", I);
+    };
+  }, [s, r, a, o]);
+}
+function k(...s) {
+  return (i) => {
+    s.forEach((r) => {
+      if (typeof r == "function")
+        r(i);
+      else if (r && "current" in r)
+        try {
+          r.current = i;
+        } catch {
+        }
+    });
+  };
+}
+const D = 8, x = T(
+  ({ id: s, children: i, placement: r = "top", gap: a = D, triggerType: o = "all", style: t, className: e, ...n }, l) => {
+    const c = B(null), m = b({
+      placement: r
+    });
+    return j({
+      gap: a,
+      id: s,
+      placement: r,
+      tooltipRef: c,
+      triggerType: o
+    }), /* @__PURE__ */ u(
+      "div",
+      {
+        ref: k(c, l),
+        id: s,
+        className: f(S.tooltip, e),
+        ...m,
+        style: {
+          "--_gap": `${a}px`,
+          positionAnchor: `--tooltip-${s}`,
+          ...t
+        },
+        ...n,
+        popover: "auto",
+        children: i
+      }
+    );
+  }
+);
+x.displayName = "Tooltip";
+const A = T(
+  ({ children: s, maxWidth: i, maxLines: r = 2, style: a, className: o, ...t }, e) => {
+    const n = {
+      "--_lines": r,
+      "--_max-width": i,
+      ...a
+    };
+    return /* @__PURE__ */ u("div", { ref: e, className: f(S["tooltip-text"], o), style: n, ...t, children: s });
+  }
+);
+A.displayName = "Tooltip.Text";
+function F(s) {
+  const { id: i, triggerType: r = "all", ...a } = s, o = {
+    "data-tooltip-trigger": i,
+    style: { anchorName: `--tooltip-${i}` },
+    ...Object.fromEntries(Object.entries(a).map(([t, e]) => [t, String(e)]))
+  };
+  return r !== "focus" && (o.popoverTarget = i), o;
+}
+function H(s) {
+  const { id: i } = s, r = document.getElementById(i);
+  r && r.matches(":popover-open") && requestAnimationFrame(() => {
+    const a = document.querySelector(`[data-tooltip-trigger="${i}"]`);
+    a && document.activeElement === a && a.blur(), r.matches(":popover-open") && r.hidePopover();
+  });
+}
+const N = x;
+N.Text = A;
+N.getTooltipTriggerProps = F;
+N.close = H;
+export {
+  g as B,
+  _ as H,
+  y as I,
+  N as T,
+  k as c
+};

package/dist/{hooks/use-data-attrs.js → use-data-attrs-iPFyfiKN.js}

@@ -12,5 +12,5 @@ function i(e) {
   return o;
 }
 export {
-  i as useDataAttrs
+  i as u
 };

package/dist/utils.d.ts

@@ -0,0 +1,40 @@
+import { ElementType } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
+
+export declare const OverlayBody: ForwardRefExoticComponent<OverlayBodyProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface OverlayBodyProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+
+export declare interface OverlayCloseButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    children?: ReactNode;
+}
+
+export declare const OverlayFooter: ForwardRefExoticComponent<OverlayFooterProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface OverlayFooterProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+
+export declare const OverlayHeader: ForwardRefExoticComponent<OverlayHeaderProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface OverlayHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+
+export declare const OverlayTitle: ForwardRefExoticComponent<OverlayTitleProps & RefAttributes<HTMLHeadingElement>>;
+
+export declare interface OverlayTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children?: ReactNode;
+    /**
+     * The HTML element to render as
+     * @default 'h2'
+     */
+    as?: ElementType;
+}
+
+export { }

package/dist/utils.js

@@ -1,6 +1,6 @@
-import { OverlayBody as a, OverlayFooter as l, OverlayHeader as o, OverlayTitle as y } from "./components/utils/overlay-parts/overlay-parts.js";
+import { O as r, a as l, b as o, c as y } from "./overlay-parts-BhSNUdE2.js";
 export {
-  a as OverlayBody,
+  r as OverlayBody,
   l as OverlayFooter,
   o as OverlayHeader,
   y as OverlayTitle

package/dist/versaur-react.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--color-primary: #c96a50;--color-primary-light: #ffd9cb;--color-primary-hover: #b55d44;--color-primary-active: #a04d38;--color-primary-bold: #8f4230;--color-primary-soft: #fff8f6;--color-secondary: #5f9a7e;--color-secondary-light: #d9ffe6;--color-secondary-hover: #4e8569;--color-secondary-active: #3d7057;--color-secondary-bold: #336050;--color-secondary-soft: #f6fffa;--color-outline: #84a5c0;--color-outline-light: #d8ebff;--color-outline-hover: #6e92b0;--color-outline-active: #5a7fa0;--color-outline-bold: #5a7a99;--color-outline-soft: #f5faff;--color-danger: #cc2f3e;--color-danger-light: #ffccd2;--color-danger-hover: #b52835;--color-danger-active: #9e222d;--color-danger-bold: #8a1f2b;--color-danger-soft: #fff5f6;--color-ghost: #3d405b;--color-ghost-light: #b6b8db;--color-ghost-hover: #4e5175;--color-ghost-active: #33354d;--color-ghost-bold: #23243a;--color-ghost-soft: #e3e4ea;--color-neutral: #e9ecef;--color-neutral-light: #f4f6f8;--color-neutral-hover: #dce0e4;--color-neutral-active: #cfd4d9;--color-neutral-bold: #b0b3b8;--color-neutral-soft: #f8f9fa;--color-success: #4d9466;--color-success-light: #c8ffdd;--color-success-hover: #3f7f56;--color-success-active: #336b48;--color-success-bold: #2a5c3e;--color-success-soft: #f4fff9;--color-warning: #c47738;--color-warning-light: #ffdab5;--color-warning-hover: #ae6930;--color-warning-active: #985b28;--color-warning-bold: #854f22;--color-warning-soft: #fff1e4;--color-info: #6b8fad;--color-info-light: #b9e1ff;--color-info-hover: #5a7a9a;--color-info-active: #4a6a8a;--color-info-bold: #3c5a7a;--color-info-soft: #f0f8ff;--color-white: #ffffff;--color-black: #000000;--color-gray: #4b5563;--color-text-primary: #2d3748;--color-text-secondary: #4b5563;--color-text-disabled: #9ca3af;--color-text-tertiary: #9ca3af;--color-text-muted: #b0b8c4;--color-border: #e0e0e0;--color-border-focus: #4b5563;--color-background: #ffffff;--color-surface: #ececec;--color-code-bg: #1e1e1e;--color-code-text: #d4d4d4;--color-code-bg-light: #1a1a1a}:root{--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root{--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--color-border-focus);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body{height:100%;overflow:auto}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}

package/package.json

@@ -1,12 +1,17 @@
 {
   "name": "@versaur/react",
-  "version": "0.0.1",
+  "version": "1.0.1",
   "description": "React components for Versaur Design System",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dimasbaguspm/versaur.git"
+  },
   "files": [
     "dist"
   ],
   "type": "module",
   "exports": {
+    "./style": "./dist/versaur-react.css",
     "./primitive": {
       "types": "./dist/primitive/index.d.ts",
       "source": "./src/components/primitive/index.ts",
@@ -32,20 +37,20 @@
     "access": "public"
   },
   "devDependencies": {
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "typescript": "^5.6.0",
-    "vite": "^6.0.0",
+    "@types/react": "^18.3.28",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^4.7.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "typescript": "^5.9.3",
+    "vite": "^6.4.1",
     "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@versaur/core": "0.0.1",
-    "@versaur/icons": "0.0.1"
+    "@versaur/icons": "1.0.0",
+    "@versaur/core": "0.0.1"
   },
   "scripts": {
     "build": "vite build",

package/dist/blocks/app-layout/app-layout.d.ts

@@ -1,3 +0,0 @@
-import { AppLayoutType } from './app-layout.types';
-export declare const AppLayout: AppLayoutType;
-//# sourceMappingURL=app-layout.d.ts.map

package/dist/blocks/app-layout/app-layout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-layout.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/app-layout/app-layout.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoF,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAuFzI,eAAO,MAAM,SAAS,EAOhB,aAAa,CAAA"}

package/dist/blocks/app-layout/app-layout.types.d.ts

@@ -1,35 +0,0 @@
-import { AppLayout } from '@versaur/core/blocks';
-import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
-export interface AppLayoutRootProps {
-    variant?: AppLayout.Variant;
-    hideHeader?: boolean;
-    hideBottom?: boolean;
-    className?: string;
-    children?: ReactNode;
-}
-export interface AppLayoutBodyProps {
-    className?: string;
-    children?: ReactNode;
-}
-export interface AppLayoutRegionProps {
-    className?: string;
-    children?: ReactNode;
-}
-export interface AppLayoutMainProps extends AppLayoutRegionProps {
-    /**
-     * Controls content width constraint and alignment.
-     * - 'full-width': Content uses the entire main area width
-     * - 'centred': Content is constrained to max-width and centered
-     * @default 'full-width'
-     */
-    placement?: AppLayout.Placement;
-}
-export interface AppLayoutType extends ForwardRefExoticComponent<AppLayoutRootProps & RefAttributes<HTMLDivElement>> {
-    Body: ForwardRefExoticComponent<AppLayoutBodyProps & RefAttributes<HTMLDivElement>>;
-    Bottom: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
-    Header: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
-    Main: ForwardRefExoticComponent<AppLayoutMainProps & RefAttributes<HTMLElement>>;
-    SideLeft: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
-    SideRight: ForwardRefExoticComponent<AppLayoutRegionProps & RefAttributes<HTMLElement>>;
-}
-//# sourceMappingURL=app-layout.types.d.ts.map

package/dist/blocks/app-layout/app-layout.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-layout.types.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/app-layout/app-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEhF,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB;IAC9D;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAA;CAChC;AAED,MAAM,WAAW,aAAc,SAAQ,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC;IAClH,IAAI,EAAE,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAA;IACnF,MAAM,EAAE,yBAAyB,CAAC,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;IACpF,MAAM,EAAE,yBAAyB,CAAC,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;IACpF,IAAI,EAAE,yBAAyB,CAAC,kBAAkB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;IAChF,QAAQ,EAAE,yBAAyB,CAAC,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;IACtF,SAAS,EAAE,yBAAyB,CAAC,oBAAoB,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,CAAA;CACxF"}

package/dist/blocks/app-layout/index.d.ts

@@ -1,3 +0,0 @@
-export { AppLayout } from './app-layout';
-export type { AppLayoutRootProps, AppLayoutBodyProps, AppLayoutRegionProps } from './app-layout.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/blocks/app-layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/app-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/blocks/attribute-list/attribute-list-item.d.ts

@@ -1,13 +0,0 @@
-import { AttributeListItemProps } from './attribute-list.types';
-/**
- * AttributeList.Item component for displaying a key-value pair
- *
- * @example
- * ```tsx
- * <AttributeList.Item columnSpan="2" title="Email">
- *   john.doe@example.com
- * </AttributeList.Item>
- * ```
- */
-export declare const AttributeListItem: import('react').ForwardRefExoticComponent<AttributeListItemProps & import('react').RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=attribute-list-item.d.ts.map

package/dist/blocks/attribute-list/attribute-list-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attribute-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/attribute-list/attribute-list-item.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAEpE;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,mHAgB7B,CAAA"}

package/dist/blocks/attribute-list/attribute-list.d.ts

@@ -1,29 +0,0 @@
-import { AttributeListProps } from './attribute-list.types';
-/**
- * Context for passing column configuration to Item children
- */
-interface AttributeListContextType {
-    columns: string;
-}
-export declare const useAttributeListContext: () => AttributeListContextType;
-/**
- * AttributeList root component for displaying key-value pairs in a grid layout
- *
- * @example
- * ```tsx
- * <AttributeList columns="4">
- *   <AttributeList.Item columnSpan="4" title="Bio">
- *     Full-stack developer with 8+ years of experience
- *   </AttributeList.Item>
- *   <AttributeList.Item columnSpan="2" title="Name">
- *     John Doe
- *   </AttributeList.Item>
- *   <AttributeList.Item columnSpan="2" title="Email">
- *     john.doe@example.com
- *   </AttributeList.Item>
- * </AttributeList>
- * ```
- */
-export declare const AttributeList: import('react').ForwardRefExoticComponent<AttributeListProps & import('react').RefAttributes<HTMLDListElement>>;
-export {};
-//# sourceMappingURL=attribute-list.d.ts.map

package/dist/blocks/attribute-list/attribute-list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"attribute-list.d.ts","sourceRoot":"","sources":["../../../src/components/blocks/attribute-list/attribute-list.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAEhE;;GAEG;AACH,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,CAAA;CAChB;AAID,eAAO,MAAM,uBAAuB,gCAMnC,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,iHAczB,CAAA"}