@forgedevstack/bear 1.1.3 → 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/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/Blockquote/Blockquote.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../utils/cn.cjs");require("react");const n=require("../Typography/Typography.cjs"),s=require("./Blockquote.const.cjs"),b=e.jsx("svg",{className:"bear-w-6 bear-h-6 bear-flex-shrink-0",fill:"currentColor",viewBox:"0 0 24 24","aria-hidden":!0,children:e.jsx("path",{d:"M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z"})}),p=({cite:r,icon:o,color:a="default",children:t,className:l,testId:i,...d})=>{const h=s.BORDER_COLOR_MAP[a],u=s.ICON_COLOR_MAP[a];return e.jsx("blockquote",{className:c.cn(s.ROOT_CLASS,h,l),"data-testid":i,cite:r,...d,children:e.jsxs("div",{className:"bear-flex bear-gap-3",children:[e.jsx("span",{className:u,children:o??b}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[e.jsx(n.Typography,{variant:"body1",component:"span",children:t}),r&&e.jsxs(n.Typography,{variant:"caption",color:"secondary",component:"cite",className:c.cn(s.CITE_CLASS,"bear-block"),children:["— ",r]})]})]})})};exports.Blockquote=p;

package/dist/components/Blockquote/Blockquote.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={default:"bear-border-l-gray-300 dark:bear-border-l-zinc-600",primary:"bear-border-l-pink-500 dark:bear-border-l-pink-400",success:"bear-border-l-green-500 dark:bear-border-l-green-400",warning:"bear-border-l-amber-500 dark:bear-border-l-amber-400",error:"bear-border-l-red-500 dark:bear-border-l-red-400"},e={default:"bear-text-gray-500 dark:bear-text-zinc-400",primary:"bear-text-pink-500 dark:bear-text-pink-400",success:"bear-text-green-500 dark:bear-text-green-400",warning:"bear-text-amber-500 dark:bear-text-amber-400",error:"bear-text-red-500 dark:bear-text-red-400"},a="Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic",b="Bear-Blockquote__cite bear-mt-2";exports.BORDER_COLOR_MAP=r;exports.CITE_CLASS=b;exports.ICON_COLOR_MAP=e;exports.ROOT_CLASS=a;

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

@@ -0,0 +1,5 @@
+import { BlockquoteColor } from './Blockquote.types';
+export declare const BORDER_COLOR_MAP: Record<BlockquoteColor, string>;
+export declare const ICON_COLOR_MAP: Record<BlockquoteColor, string>;
+export declare const ROOT_CLASS = "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic";
+export declare const CITE_CLASS = "Bear-Blockquote__cite bear-mt-2";

package/dist/components/Blockquote/Blockquote.const.js

@@ -0,0 +1,19 @@
+const r = {
+  default: "bear-border-l-gray-300 dark:bear-border-l-zinc-600",
+  primary: "bear-border-l-pink-500 dark:bear-border-l-pink-400",
+  success: "bear-border-l-green-500 dark:bear-border-l-green-400",
+  warning: "bear-border-l-amber-500 dark:bear-border-l-amber-400",
+  error: "bear-border-l-red-500 dark:bear-border-l-red-400"
+}, e = {
+  default: "bear-text-gray-500 dark:bear-text-zinc-400",
+  primary: "bear-text-pink-500 dark:bear-text-pink-400",
+  success: "bear-text-green-500 dark:bear-text-green-400",
+  warning: "bear-text-amber-500 dark:bear-text-amber-400",
+  error: "bear-text-red-500 dark:bear-text-red-400"
+}, a = "Bear-Blockquote bear-pl-4 bear-py-2 bear-border-l-4 bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-rounded-r bear-not-italic", b = "Bear-Blockquote__cite bear-mt-2";
+export {
+  r as BORDER_COLOR_MAP,
+  b as CITE_CLASS,
+  e as ICON_COLOR_MAP,
+  a as ROOT_CLASS
+};

package/dist/components/Blockquote/Blockquote.d.ts

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

package/dist/components/Blockquote/Blockquote.js

@@ -0,0 +1,56 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { cn as c } from "../../utils/cn.js";
+import "react";
+import { Typography as s } from "../Typography/Typography.js";
+import { ICON_COLOR_MAP as p, CITE_CLASS as b, BORDER_COLOR_MAP as v, ROOT_CLASS as C } from "./Blockquote.const.js";
+const O = /* @__PURE__ */ a(
+  "svg",
+  {
+    className: "bear-w-6 bear-h-6 bear-flex-shrink-0",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    "aria-hidden": !0,
+    children: /* @__PURE__ */ a("path", { d: "M14.017 21v-7.391c0-5.704 3.731-9.57 8.983-10.609l.995 2.151c-2.432.917-3.995 3.638-3.995 5.849h4v10h-9.983zm-14.017 0v-7.391c0-5.704 3.748-9.57 9-10.609l.996 2.151c-2.433.917-3.996 3.638-3.996 5.849h3.983v10h-9.983z" })
+  }
+), A = ({
+  cite: r,
+  icon: n,
+  color: o = "default",
+  children: l,
+  className: t,
+  testId: i,
+  ...m
+}) => {
+  const d = v[o], h = p[o];
+  return /* @__PURE__ */ a(
+    "blockquote",
+    {
+      className: c(C, d, t),
+      "data-testid": i,
+      cite: r,
+      ...m,
+      children: /* @__PURE__ */ e("div", { className: "bear-flex bear-gap-3", children: [
+        /* @__PURE__ */ a("span", { className: h, children: n ?? O }),
+        /* @__PURE__ */ e("div", { className: "bear-flex-1 bear-min-w-0", children: [
+          /* @__PURE__ */ a(s, { variant: "body1", component: "span", children: l }),
+          r && /* @__PURE__ */ e(
+            s,
+            {
+              variant: "caption",
+              color: "secondary",
+              component: "cite",
+              className: c(b, "bear-block"),
+              children: [
+                "— ",
+                r
+              ]
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+};
+export {
+  A as Blockquote
+};

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

@@ -0,0 +1,9 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type BlockquoteColor = 'default' | 'primary' | 'success' | 'warning' | 'error';
+export interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
+    cite?: string;
+    icon?: ReactNode;
+    color?: BlockquoteColor;
+    children: ReactNode;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Blockquote, default } from './Blockquote';
+export type { BlockquoteProps, BlockquoteColor } from './Blockquote.types';

package/dist/components/CheckboxCard/CheckboxCard.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),S=require("../../utils/cn.cjs"),A=require("../Typography/Typography.cjs"),c=require("./CheckboxCard.const.cjs"),I=i.createContext(null),G=({className:s})=>r.jsx("svg",{className:s,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:r.jsx("polyline",{points:"20 6 9 17 4 12"})}),_=({checked:s,onChange:a,value:t,label:y,description:u,icon:k,disabled:l=!1,variant:m="default",size:x="md",testId:f,className:b,onClick:n,...p})=>{const e=i.useContext(I),v=!!e,[E,T]=i.useState(!1),j=s!==void 0,o=v&&t?e.value.includes(t):j?!!s:E,N=i.useCallback(d=>{if(!(l||((e==null?void 0:e.disabled)??!1)))if(n==null||n(d),v&&t&&e){const h=o?e.value.filter(D=>D!==t):[...e.value,t];e.onChange(h)}else{const h=!o;j||T(h),a==null||a(h)}},[l,e,v,o,j,t,a,n]),C=l||((e==null?void 0:e.disabled)??!1);return r.jsxs("div",{role:"checkbox","aria-checked":o,"aria-disabled":C,tabIndex:C?void 0:0,onKeyDown:d=>{(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),N(d))},className:S.cn(c.ROOT_CLASS,c.SIZE_PADDING_MAP[x],c.VARIANT_CLASSES[m],o&&c.CHECKED_CLASSES,C&&"bear-opacity-50 bear-cursor-not-allowed bear-pointer-events-none",!C&&"hover:bear-border-gray-300 dark:hover:bear-border-gray-600",b),onClick:N,"data-testid":f,...p,children:[r.jsx("div",{className:S.cn("bear-absolute bear-top-3 bear-right-3 bear-flex bear-items-center bear-justify-center bear-rounded-full bear-border-2",o?"bear-border-pink-500 dark:bear-border-pink-400 bear-bg-pink-500 dark:bear-bg-pink-400 bear-text-white":"bear-border-gray-300 dark:bear-border-gray-600",c.CHECKBOX_INDICATOR_SIZE_MAP[x]),children:o&&r.jsx(G,{className:"bear-w-2.5 bear-h-2.5"})}),k&&r.jsx("div",{className:"bear-mb-3 bear-flex bear-items-center bear-justify-center bear-text-gray-500 dark:bear-text-gray-400",children:k}),r.jsx(A.Typography,{variant:"body2",weight:"medium",className:"bear-block",children:y}),u&&r.jsx(A.Typography,{variant:"caption",color:"secondary",className:"bear-mt-1 bear-block",children:u})]})};_.displayName="CheckboxCard";const g=({value:s,onChange:a,children:t,columns:y=c.DEFAULT_COLUMNS,gap:u=c.DEFAULT_GAP,testId:k,className:l,...m})=>{const[x,f]=i.useState([]),b=s!==void 0,n=b?s:x,p=i.useCallback(e=>{b||f(e),a==null||a(e)},[b,a]);return r.jsx(I.Provider,{value:{value:n,onChange:p},children:r.jsx("div",{role:"group",className:S.cn("Bear-CheckboxCardGroup bear-grid",l),style:{gridTemplateColumns:`repeat(${y}, minmax(0, 1fr))`,gap:`${u*.25}rem`},"data-testid":k,...m,children:t})})};g.displayName="CheckboxCardGroup";exports.CheckboxCard=_;exports.CheckboxCardGroup=g;

package/dist/components/CheckboxCard/CheckboxCard.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={sm:"bear-p-3",md:"bear-p-4",lg:"bear-p-5"},e={default:"bear-border bear-border-gray-200 dark:bear-border-gray-700",outline:"bear-border bear-border-dashed bear-border-gray-300 dark:bear-border-gray-600",filled:"bear-bg-gray-50 dark:bear-bg-gray-800/50"},a="bear-border-pink-500 dark:bear-border-pink-400 bear-ring-2 bear-ring-pink-500/30 dark:bear-ring-pink-400/30 bear-bg-pink-50 dark:bear-bg-pink-950/30",b="Bear-CheckboxCard bear-relative bear-rounded-lg bear-transition-all bear-duration-200 bear-cursor-pointer bear-text-left",d={sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6"},o=1,n=4;exports.CHECKBOX_INDICATOR_SIZE_MAP=d;exports.CHECKED_CLASSES=a;exports.DEFAULT_COLUMNS=o;exports.DEFAULT_GAP=n;exports.ROOT_CLASS=b;exports.SIZE_PADDING_MAP=r;exports.VARIANT_CLASSES=e;

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

@@ -0,0 +1,7 @@
+export declare const SIZE_PADDING_MAP: Record<'sm' | 'md' | 'lg', string>;
+export declare const VARIANT_CLASSES: Record<'default' | 'outline' | 'filled', string>;
+export declare const CHECKED_CLASSES = "bear-border-pink-500 dark:bear-border-pink-400 bear-ring-2 bear-ring-pink-500/30 dark:bear-ring-pink-400/30 bear-bg-pink-50 dark:bear-bg-pink-950/30";
+export declare const ROOT_CLASS = "Bear-CheckboxCard bear-relative bear-rounded-lg bear-transition-all bear-duration-200 bear-cursor-pointer bear-text-left";
+export declare const CHECKBOX_INDICATOR_SIZE_MAP: Record<'sm' | 'md' | 'lg', string>;
+export declare const DEFAULT_COLUMNS = 1;
+export declare const DEFAULT_GAP = 4;

package/dist/components/CheckboxCard/CheckboxCard.const.js

@@ -0,0 +1,22 @@
+const r = {
+  sm: "bear-p-3",
+  md: "bear-p-4",
+  lg: "bear-p-5"
+}, e = {
+  default: "bear-border bear-border-gray-200 dark:bear-border-gray-700",
+  outline: "bear-border bear-border-dashed bear-border-gray-300 dark:bear-border-gray-600",
+  filled: "bear-bg-gray-50 dark:bear-bg-gray-800/50"
+}, a = "bear-border-pink-500 dark:bear-border-pink-400 bear-ring-2 bear-ring-pink-500/30 dark:bear-ring-pink-400/30 bear-bg-pink-50 dark:bear-bg-pink-950/30", b = "Bear-CheckboxCard bear-relative bear-rounded-lg bear-transition-all bear-duration-200 bear-cursor-pointer bear-text-left", d = {
+  sm: "bear-w-4 bear-h-4",
+  md: "bear-w-5 bear-h-5",
+  lg: "bear-w-6 bear-h-6"
+}, o = 1, n = 4;
+export {
+  d as CHECKBOX_INDICATOR_SIZE_MAP,
+  a as CHECKED_CLASSES,
+  o as DEFAULT_COLUMNS,
+  n as DEFAULT_GAP,
+  b as ROOT_CLASS,
+  r as SIZE_PADDING_MAP,
+  e as VARIANT_CLASSES
+};

package/dist/components/CheckboxCard/CheckboxCard.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { CheckboxCardProps, CheckboxCardGroupProps } from './CheckboxCard.types';
+export declare const CheckboxCard: FC<CheckboxCardProps>;
+export declare const CheckboxCardGroup: FC<CheckboxCardGroupProps>;
+export default CheckboxCard;