@forgedevstack/bear 1.1.1 → 1.1.4

package/dist/components/ActionIcon/ActionIcon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("../../utils/cn.cjs");require("react");const _=require("../Spinner/Spinner.cjs"),e=require("./ActionIcon.const.cjs"),c=({children:a,variant:i="default",color:o="default",size:t="md",radius:S="md",loading:n=!1,disabled:u=!1,testId:l,className:A,...I})=>{const b=u||n,d=e.VARIANT_CLASSES[i][o];return s.jsx("button",{type:"button",disabled:b,"aria-busy":n||void 0,className:r.cn(e.ROOT_CLASS,e.SIZE_CLASSES[t],e.RADIUS_MAP[S],d,n&&"bear-cursor-wait",A),"data-testid":l,...I,children:n?s.jsx(_.Spinner,{size:e.SPINNER_SIZE_MAP[t],className:e.ICON_SIZE_MAP[t]}):s.jsx("span",{className:r.cn("bear-inline-flex bear-items-center bear-justify-center",e.ICON_SIZE_MAP[t]),children:a})})};c.displayName="ActionIcon";exports.ActionIcon=c;

package/dist/components/ActionIcon/ActionIcon.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={xs:"bear-w-7 bear-h-7",sm:"bear-w-8 bear-h-8",md:"bear-w-9 bear-h-9",lg:"bear-w-[42px] bear-h-[42px]",xl:"bear-w-12 bear-h-12"},e={xs:"[&_svg]:bear-w-3.5 [&_svg]:bear-h-3.5",sm:"[&_svg]:bear-w-4 [&_svg]:bear-h-4",md:"[&_svg]:bear-w-4.5 [&_svg]:bear-h-4.5",lg:"[&_svg]:bear-w-5 [&_svg]:bear-h-5",xl:"[&_svg]:bear-w-6 [&_svg]:bear-h-6"},a={sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg",full:"bear-rounded-full"},b={default:{default:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-200 dark:hover:bear-bg-gray-700 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 focus:bear-ring-2 focus:bear-ring-pink-500/30 dark:focus:bear-ring-pink-400/30",success:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-100 dark:hover:bear-bg-amber-900/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},filled:{default:"bear-bg-gray-200 dark:bear-bg-gray-700 bear-text-gray-800 dark:bear-text-gray-200 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-600 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-pink-500 dark:bear-bg-pink-600 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-500 focus:bear-ring-2 focus:bear-ring-pink-500/50 dark:focus:bear-ring-pink-400/50",success:"bear-bg-green-500 dark:bear-bg-green-600 bear-text-white hover:bear-bg-green-600 dark:hover:bear-bg-green-500 focus:bear-ring-2 focus:bear-ring-green-500/50 dark:focus:bear-ring-green-400/50",warning:"bear-bg-amber-500 dark:bear-bg-amber-600 bear-text-white hover:bear-bg-amber-600 dark:hover:bear-bg-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/50 dark:focus:bear-ring-amber-400/50",error:"bear-bg-red-500 dark:bear-bg-red-600 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-500 focus:bear-ring-2 focus:bear-ring-red-500/50 dark:focus:bear-ring-red-400/50"},outline:{default:"bear-bg-transparent bear-border bear-border-gray-300 dark:bear-border-gray-600 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",primary:"bear-bg-transparent bear-border bear-border-pink-500 dark:bear-border-pink-400 bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-950/30 focus:bear-ring-2 focus:bear-ring-pink-500/30 dark:focus:bear-ring-pink-400/30",success:"bear-bg-transparent bear-border bear-border-green-500 dark:bear-border-green-400 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-transparent bear-border bear-border-amber-500 dark:bear-border-amber-400 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-transparent bear-border bear-border-red-500 dark:bear-border-red-400 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},subtle:{default:"bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/30 dark:focus:bear-ring-gray-500/30",primary:"bear-bg-transparent bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-950/20 focus:bear-ring-2 focus:bear-ring-pink-500/30 dark:focus:bear-ring-pink-400/30",success:"bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/20 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",warning:"bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/20 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",error:"bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/20 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"},transparent:{default:"bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100/50 dark:hover:bear-bg-gray-800/50 focus:bear-ring-2 focus:bear-ring-gray-400/20 dark:focus:bear-ring-gray-500/20",primary:"bear-bg-transparent bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-500/10 dark:hover:bear-bg-pink-400/10 focus:bear-ring-2 focus:bear-ring-pink-500/20 dark:focus:bear-ring-pink-400/20",success:"bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-500/10 dark:hover:bear-bg-green-400/10 focus:bear-ring-2 focus:bear-ring-green-500/20 dark:focus:bear-ring-green-400/20",warning:"bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-500/10 dark:hover:bear-bg-amber-400/10 focus:bear-ring-2 focus:bear-ring-amber-500/20 dark:focus:bear-ring-amber-400/20",error:"bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-500/10 dark:hover:bear-bg-red-400/10 focus:bear-ring-2 focus:bear-ring-red-500/20 dark:focus:bear-ring-red-400/20"}},g={xs:"xs",sm:"xs",md:"sm",lg:"sm",xl:"md"},n="Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed";exports.ICON_SIZE_MAP=e;exports.RADIUS_MAP=a;exports.ROOT_CLASS=n;exports.SIZE_CLASSES=r;exports.SPINNER_SIZE_MAP=g;exports.VARIANT_CLASSES=b;

package/dist/components/ActionIcon/ActionIcon.const.d.ts

@@ -0,0 +1,7 @@
+export declare const SIZE_MAP: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', number>;
+export declare const SIZE_CLASSES: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;
+export declare const ICON_SIZE_MAP: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', string>;
+export declare const RADIUS_MAP: Record<'sm' | 'md' | 'lg' | 'full', string>;
+export declare const VARIANT_CLASSES: Record<'default' | 'filled' | 'outline' | 'subtle' | 'transparent', Record<'default' | 'primary' | 'success' | 'warning' | 'error', string>>;
+export declare const SPINNER_SIZE_MAP: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl', 'xs' | 'sm' | 'md'>;
+export declare const ROOT_CLASS = "Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed";

package/dist/components/ActionIcon/ActionIcon.const.js

@@ -0,0 +1,68 @@
+const r = {
+  xs: "bear-w-7 bear-h-7",
+  sm: "bear-w-8 bear-h-8",
+  md: "bear-w-9 bear-h-9",
+  lg: "bear-w-[42px] bear-h-[42px]",
+  xl: "bear-w-12 bear-h-12"
+}, e = {
+  xs: "[&_svg]:bear-w-3.5 [&_svg]:bear-h-3.5",
+  sm: "[&_svg]:bear-w-4 [&_svg]:bear-h-4",
+  md: "[&_svg]:bear-w-4.5 [&_svg]:bear-h-4.5",
+  lg: "[&_svg]:bear-w-5 [&_svg]:bear-h-5",
+  xl: "[&_svg]:bear-w-6 [&_svg]:bear-h-6"
+}, a = {
+  sm: "bear-rounded-sm",
+  md: "bear-rounded-md",
+  lg: "bear-rounded-lg",
+  full: "bear-rounded-full"
+}, b = {
+  default: {
+    default: "bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-200 dark:hover:bear-bg-gray-700 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",
+    primary: "bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 focus:bear-ring-2 focus:bear-ring-pink-500/30 dark:focus:bear-ring-pink-400/30",
+    success: "bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",
+    warning: "bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-100 dark:hover:bear-bg-amber-900/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",
+    error: "bear-bg-gray-100 dark:bear-bg-gray-800 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"
+  },
+  filled: {
+    default: "bear-bg-gray-200 dark:bear-bg-gray-700 bear-text-gray-800 dark:bear-text-gray-200 hover:bear-bg-gray-300 dark:hover:bear-bg-gray-600 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",
+    primary: "bear-bg-pink-500 dark:bear-bg-pink-600 bear-text-white hover:bear-bg-pink-600 dark:hover:bear-bg-pink-500 focus:bear-ring-2 focus:bear-ring-pink-500/50 dark:focus:bear-ring-pink-400/50",
+    success: "bear-bg-green-500 dark:bear-bg-green-600 bear-text-white hover:bear-bg-green-600 dark:hover:bear-bg-green-500 focus:bear-ring-2 focus:bear-ring-green-500/50 dark:focus:bear-ring-green-400/50",
+    warning: "bear-bg-amber-500 dark:bear-bg-amber-600 bear-text-white hover:bear-bg-amber-600 dark:hover:bear-bg-amber-500 focus:bear-ring-2 focus:bear-ring-amber-500/50 dark:focus:bear-ring-amber-400/50",
+    error: "bear-bg-red-500 dark:bear-bg-red-600 bear-text-white hover:bear-bg-red-600 dark:hover:bear-bg-red-500 focus:bear-ring-2 focus:bear-ring-red-500/50 dark:focus:bear-ring-red-400/50"
+  },
+  outline: {
+    default: "bear-bg-transparent bear-border bear-border-gray-300 dark:bear-border-gray-600 bear-text-gray-700 dark:bear-text-gray-300 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/50 dark:focus:bear-ring-gray-500/50",
+    primary: "bear-bg-transparent bear-border bear-border-pink-500 dark:bear-border-pink-400 bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-950/30 focus:bear-ring-2 focus:bear-ring-pink-500/30 dark:focus:bear-ring-pink-400/30",
+    success: "bear-bg-transparent bear-border bear-border-green-500 dark:bear-border-green-400 bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/30 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",
+    warning: "bear-bg-transparent bear-border bear-border-amber-500 dark:bear-border-amber-400 bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/30 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",
+    error: "bear-bg-transparent bear-border bear-border-red-500 dark:bear-border-red-400 bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/30 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"
+  },
+  subtle: {
+    default: "bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 focus:bear-ring-2 focus:bear-ring-gray-400/30 dark:focus:bear-ring-gray-500/30",
+    primary: "bear-bg-transparent bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-50 dark:hover:bear-bg-pink-950/20 focus:bear-ring-2 focus:bear-ring-pink-500/30 dark:focus:bear-ring-pink-400/30",
+    success: "bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-50 dark:hover:bear-bg-green-950/20 focus:bear-ring-2 focus:bear-ring-green-500/30 dark:focus:bear-ring-green-400/30",
+    warning: "bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-50 dark:hover:bear-bg-amber-950/20 focus:bear-ring-2 focus:bear-ring-amber-500/30 dark:focus:bear-ring-amber-400/30",
+    error: "bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-950/20 focus:bear-ring-2 focus:bear-ring-red-500/30 dark:focus:bear-ring-red-400/30"
+  },
+  transparent: {
+    default: "bear-bg-transparent bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100/50 dark:hover:bear-bg-gray-800/50 focus:bear-ring-2 focus:bear-ring-gray-400/20 dark:focus:bear-ring-gray-500/20",
+    primary: "bear-bg-transparent bear-text-pink-600 dark:bear-text-pink-400 hover:bear-bg-pink-500/10 dark:hover:bear-bg-pink-400/10 focus:bear-ring-2 focus:bear-ring-pink-500/20 dark:focus:bear-ring-pink-400/20",
+    success: "bear-bg-transparent bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-500/10 dark:hover:bear-bg-green-400/10 focus:bear-ring-2 focus:bear-ring-green-500/20 dark:focus:bear-ring-green-400/20",
+    warning: "bear-bg-transparent bear-text-amber-600 dark:bear-text-amber-400 hover:bear-bg-amber-500/10 dark:hover:bear-bg-amber-400/10 focus:bear-ring-2 focus:bear-ring-amber-500/20 dark:focus:bear-ring-amber-400/20",
+    error: "bear-bg-transparent bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-500/10 dark:hover:bear-bg-red-400/10 focus:bear-ring-2 focus:bear-ring-red-500/20 dark:focus:bear-ring-red-400/20"
+  }
+}, g = {
+  xs: "xs",
+  sm: "xs",
+  md: "sm",
+  lg: "sm",
+  xl: "md"
+}, n = "Bear-ActionIcon bear-inline-flex bear-items-center bear-justify-center bear-transition-all bear-duration-200 bear-outline-none disabled:bear-opacity-50 disabled:bear-cursor-not-allowed";
+export {
+  e as ICON_SIZE_MAP,
+  a as RADIUS_MAP,
+  n as ROOT_CLASS,
+  r as SIZE_CLASSES,
+  g as SPINNER_SIZE_MAP,
+  b as VARIANT_CLASSES
+};

package/dist/components/ActionIcon/ActionIcon.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ActionIconProps } from './ActionIcon.types';
+export declare const ActionIcon: FC<ActionIconProps>;
+export default ActionIcon;

package/dist/components/ActionIcon/ActionIcon.js

@@ -0,0 +1,42 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn.js";
+import "react";
+import { Spinner as b } from "../Spinner/Spinner.js";
+import { VARIANT_CLASSES as d, ICON_SIZE_MAP as s, SPINNER_SIZE_MAP as I, RADIUS_MAP as u, SIZE_CLASSES as N, ROOT_CLASS as _ } from "./ActionIcon.const.js";
+const E = ({
+  children: o,
+  variant: i = "default",
+  color: n = "default",
+  size: t = "md",
+  radius: m = "md",
+  loading: e = !1,
+  disabled: c = !1,
+  testId: S,
+  className: l,
+  ...A
+}) => {
+  const f = c || e, p = d[i][n];
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      disabled: f,
+      "aria-busy": e || void 0,
+      className: r(
+        _,
+        N[t],
+        u[m],
+        p,
+        e && "bear-cursor-wait",
+        l
+      ),
+      "data-testid": S,
+      ...A,
+      children: e ? /* @__PURE__ */ a(b, { size: I[t], className: s[t] }) : /* @__PURE__ */ a("span", { className: r("bear-inline-flex bear-items-center bear-justify-center", s[t]), children: o })
+    }
+  );
+};
+E.displayName = "ActionIcon";
+export {
+  E as ActionIcon
+};

package/dist/components/ActionIcon/ActionIcon.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+export interface ActionIconProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: 'default' | 'filled' | 'outline' | 'subtle' | 'transparent';
+    color?: 'default' | 'primary' | 'success' | 'warning' | 'error';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    radius?: 'sm' | 'md' | 'lg' | 'full';
+    loading?: boolean;
+    disabled?: boolean;
+    testId?: string;
+}

package/dist/components/ActionIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionIcon, default } from './ActionIcon';
+export type { ActionIconProps } from './ActionIcon.types';

package/dist/components/Affix/Affix.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),P=require("react-dom"),h=require("../../utils/cn.cjs"),t=require("./Affix.const.cjs"),T=E=>{const{children:S,position:c="top",offset:s=t.DEFAULT_OFFSET,zIndex:O=t.DEFAULT_Z_INDEX,withinPortal:R=!1,className:g,testId:m,...p}=E,[e,a]=r.useState(!1),[w,l]=r.useState(0),v=r.useRef(null),x=r.useRef(null),i=r.useCallback(()=>{const f=v.current,o=x.current;if(!f)return;const d=f.getBoundingClientRect();if(c==="top"){if(e)d.top>s&&(a(!1),l(0));else if(d.top<=s){const u=(o==null?void 0:o.offsetHeight)??f.offsetHeight??0;l(u),a(!0)}}else{const u=window.innerHeight;if(e)d.bottom<u-s&&(a(!1),l(0));else if(d.bottom>=u-s){const L=(o==null?void 0:o.offsetHeight)??f.offsetHeight??0;l(L),a(!0)}}},[s,c,e]);r.useEffect(()=>(i(),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i),()=>{window.removeEventListener("scroll",i),window.removeEventListener("resize",i)}),[i]);const A=c==="top"?t.POSITION_TOP_CLASSES:t.POSITION_BOTTOM_CLASSES,_=n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:v,style:e?{height:w}:void 0,className:h.cn(!e&&"bear-contents"),"aria-hidden":e,children:!e&&n.jsx("div",{ref:x,className:h.cn(t.ROOT_CLASS,t.WRAPPER_CLASSES,A,g),"data-testid":m,...p,children:S})}),e&&n.jsx("div",{className:h.cn(t.ROOT_CLASS,t.WRAPPER_CLASSES,A,"bear-fixed",g),style:{[c]:s,zIndex:O},"data-testid":m,...p,children:S})]});return R?P.createPortal(n.jsx("div",{className:"Bear-Affix__portal",children:_}),document.body):_};exports.Affix=T;

package/dist/components/Affix/Affix.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="Bear-Affix",t=0,e=100,O="bear-bg-white dark:bear-bg-zinc-900 bear-transition-[top,bottom] bear-duration-200",r="bear-top-0 bear-left-0 bear-right-0",T="bear-bottom-0 bear-left-0 bear-right-0";exports.DEFAULT_OFFSET=t;exports.DEFAULT_Z_INDEX=e;exports.POSITION_BOTTOM_CLASSES=T;exports.POSITION_TOP_CLASSES=r;exports.ROOT_CLASS=S;exports.WRAPPER_CLASSES=O;

package/dist/components/Affix/Affix.const.d.ts

@@ -0,0 +1,6 @@
+export declare const ROOT_CLASS = "Bear-Affix";
+export declare const DEFAULT_OFFSET = 0;
+export declare const DEFAULT_Z_INDEX = 100;
+export declare const WRAPPER_CLASSES = "bear-bg-white dark:bear-bg-zinc-900 bear-transition-[top,bottom] bear-duration-200";
+export declare const POSITION_TOP_CLASSES = "bear-top-0 bear-left-0 bear-right-0";
+export declare const POSITION_BOTTOM_CLASSES = "bear-bottom-0 bear-left-0 bear-right-0";

package/dist/components/Affix/Affix.const.js

@@ -0,0 +1,9 @@
+const t = "Bear-Affix", r = 0, e = 100, o = "bear-bg-white dark:bear-bg-zinc-900 bear-transition-[top,bottom] bear-duration-200", a = "bear-top-0 bear-left-0 bear-right-0", b = "bear-bottom-0 bear-left-0 bear-right-0";
+export {
+  r as DEFAULT_OFFSET,
+  e as DEFAULT_Z_INDEX,
+  b as POSITION_BOTTOM_CLASSES,
+  a as POSITION_TOP_CLASSES,
+  t as ROOT_CLASS,
+  o as WRAPPER_CLASSES
+};

package/dist/components/Affix/Affix.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AffixProps } from './Affix.types';
+export declare const Affix: FC<AffixProps>;
+export default Affix;

package/dist/components/Affix/Affix.js

@@ -0,0 +1,69 @@
+import { jsxs as P, Fragment as C, jsx as a } from "react/jsx-runtime";
+import { useState as E, useRef as _, useCallback as F, useEffect as H } from "react";
+import { createPortal as R } from "react-dom";
+import { cn as d } from "../../utils/cn.js";
+import { DEFAULT_OFFSET as b, DEFAULT_Z_INDEX as B, POSITION_TOP_CLASSES as y, POSITION_BOTTOM_CLASSES as z, WRAPPER_CLASSES as L, ROOT_CLASS as O } from "./Affix.const.js";
+const W = (x) => {
+  const {
+    children: h,
+    position: i = "top",
+    offset: t = b,
+    zIndex: A = B,
+    withinPortal: T = !1,
+    className: m,
+    testId: p,
+    ...u
+  } = x, [e, r] = E(!1), [I, n] = E(0), S = _(null), g = _(null), s = F(() => {
+    const c = S.current, o = g.current;
+    if (!c) return;
+    const l = c.getBoundingClientRect();
+    if (i === "top") {
+      if (e)
+        l.top > t && (r(!1), n(0));
+      else if (l.top <= t) {
+        const f = (o == null ? void 0 : o.offsetHeight) ?? c.offsetHeight ?? 0;
+        n(f), r(!0);
+      }
+    } else {
+      const f = window.innerHeight;
+      if (e)
+        l.bottom < f - t && (r(!1), n(0));
+      else if (l.bottom >= f - t) {
+        const N = (o == null ? void 0 : o.offsetHeight) ?? c.offsetHeight ?? 0;
+        n(N), r(!0);
+      }
+    }
+  }, [t, i, e]);
+  H(() => (s(), window.addEventListener("scroll", s, { passive: !0 }), window.addEventListener("resize", s), () => {
+    window.removeEventListener("scroll", s), window.removeEventListener("resize", s);
+  }), [s]);
+  const v = i === "top" ? y : z, w = /* @__PURE__ */ P(C, { children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: S,
+        style: e ? { height: I } : void 0,
+        className: d(!e && "bear-contents"),
+        "aria-hidden": e,
+        children: !e && /* @__PURE__ */ a("div", { ref: g, className: d(O, L, v, m), "data-testid": p, ...u, children: h })
+      }
+    ),
+    e && /* @__PURE__ */ a(
+      "div",
+      {
+        className: d(O, L, v, "bear-fixed", m),
+        style: {
+          [i]: t,
+          zIndex: A
+        },
+        "data-testid": p,
+        ...u,
+        children: h
+      }
+    )
+  ] });
+  return T ? R(/* @__PURE__ */ a("div", { className: "Bear-Affix__portal", children: w }), document.body) : w;
+};
+export {
+  W as Affix
+};

package/dist/components/Affix/Affix.types.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type AffixPosition = 'top' | 'bottom';
+export interface AffixProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    children: ReactNode;
+    position?: AffixPosition;
+    offset?: number;
+    zIndex?: number;
+    withinPortal?: boolean;
+    testId?: string;
+}

package/dist/components/Affix/index.d.ts

@@ -0,0 +1,2 @@
+export { Affix, default } from './Affix';
+export type { AffixProps, AffixPosition } from './Affix.types';

package/dist/components/AlertDialog/AlertDialog.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),v=require("react-dom"),a=require("../../utils/cn.cjs"),u=require("../Button/Button.cjs"),_=require("../Typography/Typography.cjs"),t=require("./AlertDialog.const.cjs"),C=b=>{const{isOpen:o,onClose:i,onConfirm:A,title:g,description:l,confirmText:m="Confirm",cancelText:y="Cancel",confirmVariant:f="danger",loading:r=!1,loadingText:E,closeOnBackdrop:p=!1,closeOnEscape:s=!0,icon:n,className:x,testId:D}=b,c=d.useCallback(S=>{s&&S.key==="Escape"&&!r&&i()},[s,i,r]);if(d.useEffect(()=>(o&&(document.addEventListener("keydown",c),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",c),document.body.style.overflow=""}),[o,c]),!o)return null;const L=e.jsxs("div",{className:"Bear-AlertDialog bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-center bear-justify-center bear-p-4","data-testid":D,children:[e.jsx("div",{className:a.cn("Bear-AlertDialog__backdrop",t.ALERT_DIALOG_BACKDROP_CLASSES),onClick:p&&!r?i:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"alertdialog","aria-modal":"true","aria-labelledby":"alert-dialog-title","aria-describedby":l?"alert-dialog-description":void 0,className:a.cn("Bear-AlertDialog__container",t.ALERT_DIALOG_CONTAINER_CLASSES,"bear-p-6",x),children:[n&&e.jsx("div",{className:"Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center",children:n}),e.jsx(_.Typography,{variant:"h6",id:"alert-dialog-title",className:a.cn("Bear-AlertDialog__title",t.ALERT_DIALOG_TITLE_CLASSES,n&&"bear-text-center"),children:g}),l&&e.jsx(_.Typography,{variant:"body2",id:"alert-dialog-description",className:a.cn("Bear-AlertDialog__description",t.ALERT_DIALOG_DESCRIPTION_CLASSES,n&&"bear-text-center"),children:l}),e.jsxs("div",{className:a.cn("Bear-AlertDialog__footer",t.ALERT_DIALOG_FOOTER_CLASSES),children:[e.jsx(u.Button,{variant:"ghost",onClick:i,disabled:r,children:y}),e.jsx(u.Button,{variant:f,onClick:A,loading:r,loadingText:E,children:m})]})]})]});return v.createPortal(L,document.body)};exports.AlertDialog=C;

package/dist/components/AlertDialog/AlertDialog.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",r="bear-relative bear-w-full bear-max-w-md bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95",a="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",b="bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2",t="bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6";exports.ALERT_DIALOG_BACKDROP_CLASSES=e;exports.ALERT_DIALOG_CONTAINER_CLASSES=r;exports.ALERT_DIALOG_DESCRIPTION_CLASSES=b;exports.ALERT_DIALOG_FOOTER_CLASSES=t;exports.ALERT_DIALOG_TITLE_CLASSES=a;

package/dist/components/AlertDialog/AlertDialog.const.d.ts

@@ -0,0 +1,5 @@
+export declare const ALERT_DIALOG_BACKDROP_CLASSES = "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity";
+export declare const ALERT_DIALOG_CONTAINER_CLASSES = "bear-relative bear-w-full bear-max-w-md bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95";
+export declare const ALERT_DIALOG_TITLE_CLASSES = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white";
+export declare const ALERT_DIALOG_DESCRIPTION_CLASSES = "bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2";
+export declare const ALERT_DIALOG_FOOTER_CLASSES = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6";

package/dist/components/AlertDialog/AlertDialog.const.js

@@ -0,0 +1,8 @@
+const e = "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity", r = "bear-relative bear-w-full bear-max-w-md bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all bear-animate-in bear-fade-in bear-zoom-in-95", a = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", b = "bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2", t = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6";
+export {
+  e as ALERT_DIALOG_BACKDROP_CLASSES,
+  r as ALERT_DIALOG_CONTAINER_CLASSES,
+  b as ALERT_DIALOG_DESCRIPTION_CLASSES,
+  t as ALERT_DIALOG_FOOTER_CLASSES,
+  a as ALERT_DIALOG_TITLE_CLASSES
+};

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AlertDialogProps } from './AlertDialog.types';
+export declare const AlertDialog: FC<AlertDialogProps>;
+export default AlertDialog;

package/dist/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,107 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useCallback as y, useEffect as D } from "react";
+import { createPortal as h } from "react-dom";
+import { cn as a } from "../../utils/cn.js";
+import { Button as s } from "../Button/Button.js";
+import { Typography as m } from "../Typography/Typography.js";
+import { ALERT_DIALOG_BACKDROP_CLASSES as T, ALERT_DIALOG_TITLE_CLASSES as O, ALERT_DIALOG_DESCRIPTION_CLASSES as x, ALERT_DIALOG_FOOTER_CLASSES as N, ALERT_DIALOG_CONTAINER_CLASSES as B } from "./AlertDialog.const.js";
+const z = (_) => {
+  const {
+    isOpen: o,
+    onClose: t,
+    onConfirm: f,
+    title: b,
+    description: l,
+    confirmText: A = "Confirm",
+    cancelText: p = "Cancel",
+    confirmVariant: E = "danger",
+    loading: r = !1,
+    loadingText: g,
+    closeOnBackdrop: L = !1,
+    closeOnEscape: c = !0,
+    icon: i,
+    className: u,
+    testId: C
+  } = _, n = y(
+    (S) => {
+      c && S.key === "Escape" && !r && t();
+    },
+    [c, t, r]
+  );
+  if (D(() => (o && (document.addEventListener("keydown", n), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", n), document.body.style.overflow = "";
+  }), [o, n]), !o) return null;
+  const v = /* @__PURE__ */ d(
+    "div",
+    {
+      className: "Bear-AlertDialog bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-center bear-justify-center bear-p-4",
+      "data-testid": C,
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: a("Bear-AlertDialog__backdrop", T),
+            onClick: L && !r ? t : void 0,
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            role: "alertdialog",
+            "aria-modal": "true",
+            "aria-labelledby": "alert-dialog-title",
+            "aria-describedby": l ? "alert-dialog-description" : void 0,
+            className: a("Bear-AlertDialog__container", B, "bear-p-6", u),
+            children: [
+              i && /* @__PURE__ */ e("div", { className: "Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center", children: i }),
+              /* @__PURE__ */ e(
+                m,
+                {
+                  variant: "h6",
+                  id: "alert-dialog-title",
+                  className: a("Bear-AlertDialog__title", O, i && "bear-text-center"),
+                  children: b
+                }
+              ),
+              l && /* @__PURE__ */ e(
+                m,
+                {
+                  variant: "body2",
+                  id: "alert-dialog-description",
+                  className: a("Bear-AlertDialog__description", x, i && "bear-text-center"),
+                  children: l
+                }
+              ),
+              /* @__PURE__ */ d("div", { className: a("Bear-AlertDialog__footer", N), children: [
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    variant: "ghost",
+                    onClick: t,
+                    disabled: r,
+                    children: p
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  s,
+                  {
+                    variant: E,
+                    onClick: f,
+                    loading: r,
+                    loadingText: g,
+                    children: A
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return h(v, document.body);
+};
+export {
+  z as AlertDialog
+};

package/dist/components/AlertDialog/AlertDialog.types.d.ts

@@ -0,0 +1,34 @@
+import { ReactNode } from 'react';
+import { BearVariant } from '../../types';
+export interface AlertDialogProps {
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Callback when dialog should close (cancel/backdrop/escape) */
+    onClose: () => void;
+    /** Callback when confirm action is triggered */
+    onConfirm: () => void;
+    /** Dialog title */
+    title: string;
+    /** Dialog description / body text */
+    description?: string | ReactNode;
+    /** Confirm button text */
+    confirmText?: string;
+    /** Cancel button text */
+    cancelText?: string;
+    /** Variant for the confirm button */
+    confirmVariant?: BearVariant | (string & {});
+    /** Whether confirm action is in progress */
+    loading?: boolean;
+    /** Loading text for confirm button */
+    loadingText?: string;
+    /** Whether clicking backdrop closes the dialog */
+    closeOnBackdrop?: boolean;
+    /** Whether pressing Escape closes the dialog */
+    closeOnEscape?: boolean;
+    /** Optional icon to show above the title */
+    icon?: ReactNode;
+    /** Additional class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

package/dist/components/AlertDialog/index.d.ts

@@ -0,0 +1,3 @@
+export { AlertDialog, default } from './AlertDialog';
+export * from './AlertDialog.types';
+export * from './AlertDialog.const';

package/dist/components/Anchor/Anchor.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react/jsx-runtime"),b=require("react"),p=require("../../utils/cn.cjs"),L=require("../Typography/Typography.cjs"),s=require("./Anchor.const.cjs");function N(E){const c=[],o=d=>{d.forEach(i=>{var l;c.push(i.id),(l=i.children)!=null&&l.length&&o(i.children)})};return o(E),c}const C=E=>{const{links:c,offset:o=s.DEFAULT_OFFSET,affix:d=!1,affixTop:i=s.DEFAULT_AFFIX_TOP,targetOffset:l=s.DEFAULT_TARGET_OFFSET,onClick:u,className:A,testId:I,...m}=E,[v,y]=b.useState(null),f=b.useRef(null),h=N(c),g=b.useCallback(e=>{const n=document.getElementById(e);if(n){const t=n.getBoundingClientRect().top+window.scrollY-l;window.scrollTo({top:t,behavior:"smooth"})}u==null||u(e)},[l,u]);b.useEffect(()=>{if(h.length!==0)return f.current=new IntersectionObserver(e=>{const n=e.filter(t=>t.isIntersecting).sort((t,r)=>{const a=t.boundingClientRect.top,x=r.boundingClientRect.top;return Math.abs(a-o)-Math.abs(x-o)});if(n.length>0){const r=n[0].target.id;h.includes(r)&&y(r)}},{rootMargin:`-${o}px 0px -50% 0px`,threshold:[0,.25,.5,.75,1]}),h.forEach(e=>{var t;const n=document.getElementById(e);n&&((t=f.current)==null||t.observe(n))}),()=>{var e;(e=f.current)==null||e.disconnect(),f.current=null}},[h.join(","),o]);const S=(e,n)=>{var r;const t=v===e.id;return T.jsxs("div",{className:p.cn(n&&s.NESTED_LINK_INDENT),children:[T.jsx("div",{role:"button",tabIndex:0,onClick:()=>g(e.id),onKeyDown:a=>a.key==="Enter"&&g(e.id),className:p.cn(s.LINK_CLASSES,t&&s.ACTIVE_LINK_CLASSES),children:T.jsx(L.Typography,{variant:"body2",className:p.cn(t&&"bear-font-medium"),children:e.label})}),(r=e.children)==null?void 0:r.map(a=>S(a,!0))]},e.id)},_=p.cn(s.ROOT_CLASS,s.ROOT_CLASSES,d&&"bear-sticky",A);return T.jsx("nav",{className:_,style:d?{top:i}:void 0,"data-testid":I,...m,children:c.map(e=>S(e,!1))})};exports.Anchor=C;

package/dist/components/Anchor/Anchor.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Bear-Anchor",e=0,t=0,a=0,S="bear-flex bear-flex-col",T="bear-py-1 bear-px-2 bear-text-sm bear-transition-colors bear-cursor-pointer bear-rounded bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-100",b="bear-text-pink-500 dark:bear-text-pink-400 bear-font-medium bear-border-l-2 bear-border-pink-500 dark:bear-border-pink-400 bear-pl-3 bear--ml-0.5",o="bear-pl-4";exports.ACTIVE_LINK_CLASSES=b;exports.DEFAULT_AFFIX_TOP=t;exports.DEFAULT_OFFSET=e;exports.DEFAULT_TARGET_OFFSET=a;exports.LINK_CLASSES=T;exports.NESTED_LINK_INDENT=o;exports.ROOT_CLASS=r;exports.ROOT_CLASSES=S;

package/dist/components/Anchor/Anchor.const.d.ts

@@ -0,0 +1,9 @@
+export declare const ROOT_CLASS = "Bear-Anchor";
+export declare const DEFAULT_OFFSET = 0;
+export declare const DEFAULT_AFFIX_TOP = 0;
+export declare const DEFAULT_TARGET_OFFSET = 0;
+export declare const ROOT_CLASSES = "bear-flex bear-flex-col";
+export declare const LINK_CLASSES = "bear-py-1 bear-px-2 bear-text-sm bear-transition-colors bear-cursor-pointer bear-rounded bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-100";
+export declare const ACTIVE_LINK_CLASSES = "bear-text-pink-500 dark:bear-text-pink-400 bear-font-medium bear-border-l-2 bear-border-pink-500 dark:bear-border-pink-400 bear-pl-3 bear--ml-0.5";
+export declare const NESTED_LINK_INDENT = "bear-pl-4";
+export declare const ACTIVE_INDICATOR_BAR_CLASSES = "bear-border-l-2 bear-border-pink-500 dark:bear-border-pink-400";

package/dist/components/Anchor/Anchor.const.js

@@ -0,0 +1,11 @@
+const r = "Bear-Anchor", e = 0, a = 0, t = 0, b = "bear-flex bear-flex-col", o = "bear-py-1 bear-px-2 bear-text-sm bear-transition-colors bear-cursor-pointer bear-rounded bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-100", n = "bear-text-pink-500 dark:bear-text-pink-400 bear-font-medium bear-border-l-2 bear-border-pink-500 dark:bear-border-pink-400 bear-pl-3 bear--ml-0.5", c = "bear-pl-4";
+export {
+  n as ACTIVE_LINK_CLASSES,
+  a as DEFAULT_AFFIX_TOP,
+  e as DEFAULT_OFFSET,
+  t as DEFAULT_TARGET_OFFSET,
+  o as LINK_CLASSES,
+  c as NESTED_LINK_INDENT,
+  r as ROOT_CLASS,
+  b as ROOT_CLASSES
+};

package/dist/components/Anchor/Anchor.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { AnchorProps } from './Anchor.types';
+export declare const Anchor: FC<AnchorProps>;
+export default Anchor;

package/dist/components/Anchor/Anchor.js

@@ -0,0 +1,91 @@
+import { jsx as h, jsxs as L } from "react/jsx-runtime";
+import { useState as N, useRef as C, useCallback as x, useEffect as y } from "react";
+import { cn as m } from "../../utils/cn.js";
+import { Typography as F } from "../Typography/Typography.js";
+import { DEFAULT_OFFSET as O, DEFAULT_AFFIX_TOP as R, DEFAULT_TARGET_OFFSET as w, ROOT_CLASSES as D, ROOT_CLASS as K, ACTIVE_LINK_CLASSES as j, LINK_CLASSES as B, NESTED_LINK_INDENT as M } from "./Anchor.const.js";
+function U(p) {
+  const r = [], n = (a) => {
+    a.forEach((c) => {
+      var i;
+      r.push(c.id), (i = c.children) != null && i.length && n(c.children);
+    });
+  };
+  return n(p), r;
+}
+const Y = (p) => {
+  const {
+    links: r,
+    offset: n = O,
+    affix: a = !1,
+    affixTop: c = R,
+    targetOffset: i = w,
+    onClick: d,
+    className: b,
+    testId: I,
+    ...S
+  } = p, [g, v] = N(null), f = C(null), u = U(r), E = x(
+    (t) => {
+      const o = document.getElementById(t);
+      if (o) {
+        const e = o.getBoundingClientRect().top + window.scrollY - i;
+        window.scrollTo({ top: e, behavior: "smooth" });
+      }
+      d == null || d(t);
+    },
+    [i, d]
+  );
+  y(() => {
+    if (u.length !== 0)
+      return f.current = new IntersectionObserver(
+        (t) => {
+          const o = t.filter((e) => e.isIntersecting).sort((e, s) => {
+            const l = e.boundingClientRect.top, _ = s.boundingClientRect.top;
+            return Math.abs(l - n) - Math.abs(_ - n);
+          });
+          if (o.length > 0) {
+            const s = o[0].target.id;
+            u.includes(s) && v(s);
+          }
+        },
+        { rootMargin: `-${n}px 0px -50% 0px`, threshold: [0, 0.25, 0.5, 0.75, 1] }
+      ), u.forEach((t) => {
+        var e;
+        const o = document.getElementById(t);
+        o && ((e = f.current) == null || e.observe(o));
+      }), () => {
+        var t;
+        (t = f.current) == null || t.disconnect(), f.current = null;
+      };
+  }, [u.join(","), n]);
+  const T = (t, o) => {
+    var s;
+    const e = g === t.id;
+    return /* @__PURE__ */ L("div", { className: m(o && M), children: [
+      /* @__PURE__ */ h(
+        "div",
+        {
+          role: "button",
+          tabIndex: 0,
+          onClick: () => E(t.id),
+          onKeyDown: (l) => l.key === "Enter" && E(t.id),
+          className: m(B, e && j),
+          children: /* @__PURE__ */ h(F, { variant: "body2", className: m(e && "bear-font-medium"), children: t.label })
+        }
+      ),
+      (s = t.children) == null ? void 0 : s.map((l) => T(l, !0))
+    ] }, t.id);
+  }, A = m(K, D, a && "bear-sticky", b);
+  return /* @__PURE__ */ h(
+    "nav",
+    {
+      className: A,
+      style: a ? { top: c } : void 0,
+      "data-testid": I,
+      ...S,
+      children: r.map((t) => T(t, !1))
+    }
+  );
+};
+export {
+  Y as Anchor
+};

package/dist/components/Anchor/Anchor.types.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export interface AnchorLink {
+    id: string;
+    label: string;
+    children?: AnchorLink[];
+}
+export interface AnchorProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    links: AnchorLink[];
+    offset?: number;
+    affix?: boolean;
+    affixTop?: number;
+    targetOffset?: number;
+    onClick?: (id: string) => void;
+    activeColor?: string;
+    testId?: string;
+}

package/dist/components/Anchor/index.d.ts

@@ -0,0 +1,2 @@
+export { Anchor, default } from './Anchor';
+export type { AnchorProps, AnchorLink } from './Anchor.types';

package/dist/components/AspectRatio/AspectRatio.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),b=require("../../utils/cn.cjs"),r=l.forwardRef(({ratio:a=16/9,maxWidth:e,children:s,className:i,style:c,...n},o)=>t.jsx("div",{ref:o,className:b.cn("Bear-AspectRatio bear-relative bear-w-full bear-overflow-hidden",i),style:{maxWidth:typeof e=="number"?`${e}px`:e,...c},...n,children:t.jsx("div",{className:"Bear-AspectRatio__inner bear-w-full bear-relative",style:{paddingBottom:`${1/a*100}%`},children:t.jsx("div",{className:"Bear-AspectRatio__content bear-absolute bear-inset-0 bear-flex bear-items-center bear-justify-center",children:s})})}));r.displayName="AspectRatio";exports.AspectRatio=r;