@forgedevstack/bear 1.1.1 → 1.1.4

package/dist/components/Fieldset/Fieldset.const.js

@@ -0,0 +1,16 @@
+const r = {
+  default: "bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-bg-transparent",
+  filled: "bear-border-0 bear-bg-gray-50 dark:bear-bg-gray-800/50",
+  unstyled: "bear-border-0 bear-bg-transparent"
+}, e = {
+  sm: "bear-rounded-sm",
+  md: "bear-rounded-md",
+  lg: "bear-rounded-lg"
+}, a = "bear-px-2 bear-ml-2 bear-text-gray-900 dark:bear-text-gray-100", b = "bear-mt-1 bear-mb-3 bear-text-gray-600 dark:bear-text-gray-400", t = "Bear-Fieldset bear-w-full bear-p-4 bear-pt-5";
+export {
+  b as DESCRIPTION_CLASSES,
+  a as LEGEND_CLASSES,
+  e as RADIUS_MAP,
+  t as ROOT_CLASS,
+  r as VARIANT_CLASSES
+};

package/dist/components/Fieldset/Fieldset.d.ts

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

package/dist/components/Fieldset/Fieldset.js

@@ -0,0 +1,47 @@
+import { jsxs as S, jsx as r } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
+import "react";
+import { Typography as o } from "../Typography/Typography.js";
+import { LEGEND_CLASSES as p, DESCRIPTION_CLASSES as A, RADIUS_MAP as f, VARIANT_CLASSES as N, ROOT_CLASS as b } from "./Fieldset.const.js";
+const h = ({
+  legend: e,
+  description: a,
+  variant: i = "default",
+  radius: m = "md",
+  disabled: t = !1,
+  children: s,
+  testId: c,
+  className: l,
+  ...n
+}) => /* @__PURE__ */ S(
+  "fieldset",
+  {
+    disabled: t,
+    className: d(
+      b,
+      N[i],
+      f[m],
+      t && "bear-opacity-50 bear-pointer-events-none",
+      l
+    ),
+    "data-testid": c,
+    ...n,
+    children: [
+      e && /* @__PURE__ */ r("legend", { className: p, children: /* @__PURE__ */ r(o, { variant: "body2", weight: "medium", children: e }) }),
+      a && /* @__PURE__ */ r(
+        o,
+        {
+          variant: "caption",
+          color: "secondary",
+          className: e ? A : "bear-mb-3 bear-block",
+          children: a
+        }
+      ),
+      s
+    ]
+  }
+);
+h.displayName = "Fieldset";
+export {
+  h as Fieldset
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode, FieldsetHTMLAttributes } from 'react';
+export interface FieldsetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
+    legend?: string;
+    description?: string;
+    variant?: 'default' | 'filled' | 'unstyled';
+    radius?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    children: ReactNode;
+    testId?: string;
+}

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

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

package/dist/components/FormField/FormField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),r=require("../../utils/cn.cjs"),U=require("./FormField.const.cjs"),W=require("../../context/BearProvider.cjs"),q=t.forwardRef(({label:R,helperText:E,error:_,success:k,size:I="md",leftAddon:l,rightAddon:c,fullWidth:z=!1,required:M=!1,variant:m="outlined",className:L,disabled:g,value:x,defaultValue:u,placeholder:O,onFocus:s,onBlur:o,...p},P)=>{var C;const F=m==="filled",i=m==="standard",y=t.useContext(W.BearContext),e=(C=y==null?void 0:y.components)==null?void 0:C.FormField,D=e==null?void 0:e.root,T=e==null?void 0:e.input,Z=e==null?void 0:e.label,G=e==null?void 0:e.helper,j=e==null?void 0:e.addon,H=F?e==null?void 0:e.filled:i?e==null?void 0:e.standard:e==null?void 0:e.outlined,[n,B]=t.useState(!1),J=t.useId(),v=p.id??J,K=x!=null&&x!==""||u!=null&&u!=="",N=n||K,b=!!_,d=!!k&&!b,f=U.FORMFIELD_SIZE_CLASSES[I],w=_||k||E,Q=t.useCallback(h=>{B(!0),s==null||s(h)},[s]),S=t.useCallback(h=>{B(!1),o==null||o(h)},[o]);return a.jsxs("div",{className:r.cn("Bear-FormField bear-flex bear-flex-col bear-gap-1",z&&"bear-w-full"),style:D,children:[a.jsxs("div",{className:"Bear-FormField__wrapper bear-relative bear-flex bear-items-center",children:[l&&a.jsx("div",{className:"Bear-FormField__addon Bear-FormField__addon--left bear-absolute bear-left-3 bear-z-10 bear-text-gray-500 dark:bear-text-gray-400",style:j,children:l}),a.jsx("input",{ref:P,id:v,disabled:g,value:x,defaultValue:u,placeholder:N?O:void 0,"aria-invalid":b||void 0,onFocus:Q,onBlur:S,className:r.cn("Bear-FormField__input bear-peer bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200",F?r.cn("bear-bg-gray-100 bear-border-transparent bear-rounded-t-lg bear-rounded-b-none bear-border-b-2","dark:bear-bg-gray-800",b?"bear-border-b-red-500":d?"bear-border-b-green-500":n?"bear-border-b-bear-500":"bear-border-b-gray-400 dark:bear-border-b-gray-500"):i?r.cn("bear-bg-transparent bear-rounded-none bear-border-0 bear-border-b-2",b?"bear-border-b-red-500":d?"bear-border-b-green-500":n?"bear-border-b-bear-500":"bear-border-b-gray-300 dark:bear-border-b-gray-600"):r.cn("bear-bg-white dark:bear-bg-gray-900",b?"bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/30":d?"bear-border-green-500 focus:bear-ring-2 focus:bear-ring-green-500/30":r.cn("bear-border-gray-300 dark:bear-border-gray-600","focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/30","dark:focus:bear-border-bear-400")),"bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500",g&&"bear-opacity-50 bear-cursor-not-allowed",l&&"bear-pl-10",c&&"bear-pr-10",f.field,i&&"focus:bear-ring-0",L),style:{...H,...T},...p}),a.jsxs("label",{htmlFor:v,className:r.cn("Bear-FormField__label bear-absolute bear-left-0 bear-pointer-events-none bear-origin-top-left","bear-transition-all bear-duration-200 bear-select-none",l?"bear-ml-10":"bear-ml-4",N?r.cn(F?f.labelFloat:i?"bear-top-0 bear--translate-y-1/2 bear-text-xs":"bear-top-0 bear--translate-y-1/2 bear-text-xs bear-px-1 bear-bg-white dark:bear-bg-gray-900",b?"bear-text-red-500":d?"bear-text-green-500":n?"bear-text-bear-500 dark:bear-text-bear-400":"bear-text-gray-500 dark:bear-text-gray-400"):r.cn(f.labelRest,"bear--translate-y-1/2","bear-text-gray-500 dark:bear-text-gray-400"),g&&"bear-opacity-50"),style:Z,children:[R,M&&a.jsx("span",{className:"bear-text-red-500 bear-ml-0.5",children:"*"})]}),c&&a.jsx("div",{className:"Bear-FormField__addon Bear-FormField__addon--right bear-absolute bear-right-3 bear-z-10 bear-text-gray-500 dark:bear-text-gray-400",style:j,children:c})]}),w&&a.jsx("p",{className:r.cn("Bear-FormField__helper bear-text-xs bear-ml-4",b?"bear-text-red-500":d?"bear-text-green-500":"bear-text-gray-500 dark:bear-text-gray-400"),style:G,children:w})]})});q.displayName="FormField";exports.FormField=q;

package/dist/components/FormField/FormField.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sm:{field:"bear-h-10 bear-text-sm bear-px-3 bear-pt-4 bear-pb-1",label:"bear-text-xs",labelFloat:"bear-top-1 bear-text-[10px]",labelRest:"bear-top-1/2 bear-text-sm"},md:{field:"bear-h-14 bear-text-base bear-px-4 bear-pt-5 bear-pb-2",label:"bear-text-sm",labelFloat:"bear-top-1.5 bear-text-xs",labelRest:"bear-top-1/2 bear-text-base"},lg:{field:"bear-h-16 bear-text-lg bear-px-5 bear-pt-6 bear-pb-2",label:"bear-text-base",labelFloat:"bear-top-2 bear-text-xs",labelRest:"bear-top-1/2 bear-text-lg"}};exports.FORMFIELD_SIZE_CLASSES=e;

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

@@ -0,0 +1,20 @@
+export declare const FORMFIELD_SIZE_CLASSES: {
+    readonly sm: {
+        readonly field: "bear-h-10 bear-text-sm bear-px-3 bear-pt-4 bear-pb-1";
+        readonly label: "bear-text-xs";
+        readonly labelFloat: "bear-top-1 bear-text-[10px]";
+        readonly labelRest: "bear-top-1/2 bear-text-sm";
+    };
+    readonly md: {
+        readonly field: "bear-h-14 bear-text-base bear-px-4 bear-pt-5 bear-pb-2";
+        readonly label: "bear-text-sm";
+        readonly labelFloat: "bear-top-1.5 bear-text-xs";
+        readonly labelRest: "bear-top-1/2 bear-text-base";
+    };
+    readonly lg: {
+        readonly field: "bear-h-16 bear-text-lg bear-px-5 bear-pt-6 bear-pb-2";
+        readonly label: "bear-text-base";
+        readonly labelFloat: "bear-top-2 bear-text-xs";
+        readonly labelRest: "bear-top-1/2 bear-text-lg";
+    };
+};

package/dist/components/FormField/FormField.const.js

@@ -0,0 +1,23 @@
+const e = {
+  sm: {
+    field: "bear-h-10 bear-text-sm bear-px-3 bear-pt-4 bear-pb-1",
+    label: "bear-text-xs",
+    labelFloat: "bear-top-1 bear-text-[10px]",
+    labelRest: "bear-top-1/2 bear-text-sm"
+  },
+  md: {
+    field: "bear-h-14 bear-text-base bear-px-4 bear-pt-5 bear-pb-2",
+    label: "bear-text-sm",
+    labelFloat: "bear-top-1.5 bear-text-xs",
+    labelRest: "bear-top-1/2 bear-text-base"
+  },
+  lg: {
+    field: "bear-h-16 bear-text-lg bear-px-5 bear-pt-6 bear-pb-2",
+    label: "bear-text-base",
+    labelFloat: "bear-top-2 bear-text-xs",
+    labelRest: "bear-top-1/2 bear-text-lg"
+  }
+};
+export {
+  e as FORMFIELD_SIZE_CLASSES
+};

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { FormFieldProps } from './FormField.types';
+export declare const FormField: FC<FormFieldProps>;

package/dist/components/FormField/FormField.js

@@ -0,0 +1,127 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { forwardRef as W, useContext as X, useState as Y, useId as $, useCallback as I } from "react";
+import { cn as e } from "../../utils/cn.js";
+import { FORMFIELD_SIZE_CLASSES as V } from "./FormField.const.js";
+import { BearContext as S } from "../../context/BearProvider.js";
+const A = W(
+  ({
+    label: z,
+    helperText: R,
+    error: h,
+    success: p,
+    size: j = "md",
+    leftAddon: d,
+    rightAddon: n,
+    fullWidth: L = !1,
+    required: M = !1,
+    variant: _ = "outlined",
+    className: D,
+    disabled: g,
+    value: c,
+    defaultValue: x,
+    placeholder: O,
+    onFocus: l,
+    onBlur: o,
+    ...k
+  }, Z) => {
+    var E;
+    const f = _ === "filled", s = _ === "standard", F = X(S), r = (E = F == null ? void 0 : F.components) == null ? void 0 : E.FormField, q = r == null ? void 0 : r.root, G = r == null ? void 0 : r.input, H = r == null ? void 0 : r.label, J = r == null ? void 0 : r.helper, B = r == null ? void 0 : r.addon, K = f ? r == null ? void 0 : r.filled : s ? r == null ? void 0 : r.standard : r == null ? void 0 : r.outlined, [i, N] = Y(!1), P = $(), w = k.id ?? P, Q = c != null && c !== "" || x != null && x !== "", v = i || Q, a = !!h, b = !!p && !a, u = V[j], C = h || p || R, T = I(
+      (y) => {
+        N(!0), l == null || l(y);
+      },
+      [l]
+    ), U = I(
+      (y) => {
+        N(!1), o == null || o(y);
+      },
+      [o]
+    );
+    return /* @__PURE__ */ m("div", { className: e("Bear-FormField bear-flex bear-flex-col bear-gap-1", L && "bear-w-full"), style: q, children: [
+      /* @__PURE__ */ m("div", { className: "Bear-FormField__wrapper bear-relative bear-flex bear-items-center", children: [
+        d && /* @__PURE__ */ t("div", { className: "Bear-FormField__addon Bear-FormField__addon--left bear-absolute bear-left-3 bear-z-10 bear-text-gray-500 dark:bear-text-gray-400", style: B, children: d }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: Z,
+            id: w,
+            disabled: g,
+            value: c,
+            defaultValue: x,
+            placeholder: v ? O : void 0,
+            "aria-invalid": a || void 0,
+            onFocus: T,
+            onBlur: U,
+            className: e(
+              "Bear-FormField__input bear-peer bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200",
+              f ? e(
+                "bear-bg-gray-100 bear-border-transparent bear-rounded-t-lg bear-rounded-b-none bear-border-b-2",
+                "dark:bear-bg-gray-800",
+                a ? "bear-border-b-red-500" : b ? "bear-border-b-green-500" : i ? "bear-border-b-bear-500" : "bear-border-b-gray-400 dark:bear-border-b-gray-500"
+              ) : s ? e(
+                "bear-bg-transparent bear-rounded-none bear-border-0 bear-border-b-2",
+                a ? "bear-border-b-red-500" : b ? "bear-border-b-green-500" : i ? "bear-border-b-bear-500" : "bear-border-b-gray-300 dark:bear-border-b-gray-600"
+              ) : e(
+                "bear-bg-white dark:bear-bg-gray-900",
+                a ? "bear-border-red-500 focus:bear-ring-2 focus:bear-ring-red-500/30" : b ? "bear-border-green-500 focus:bear-ring-2 focus:bear-ring-green-500/30" : e(
+                  "bear-border-gray-300 dark:bear-border-gray-600",
+                  "focus:bear-border-bear-500 focus:bear-ring-2 focus:bear-ring-bear-500/30",
+                  "dark:focus:bear-border-bear-400"
+                )
+              ),
+              "bear-text-gray-900 dark:bear-text-white placeholder:bear-text-gray-400 dark:placeholder:bear-text-gray-500",
+              g && "bear-opacity-50 bear-cursor-not-allowed",
+              d && "bear-pl-10",
+              n && "bear-pr-10",
+              u.field,
+              s && "focus:bear-ring-0",
+              D
+            ),
+            style: { ...K, ...G },
+            ...k
+          }
+        ),
+        /* @__PURE__ */ m(
+          "label",
+          {
+            htmlFor: w,
+            className: e(
+              "Bear-FormField__label bear-absolute bear-left-0 bear-pointer-events-none bear-origin-top-left",
+              "bear-transition-all bear-duration-200 bear-select-none",
+              d ? "bear-ml-10" : "bear-ml-4",
+              v ? e(
+                f ? u.labelFloat : s ? "bear-top-0 bear--translate-y-1/2 bear-text-xs" : "bear-top-0 bear--translate-y-1/2 bear-text-xs bear-px-1 bear-bg-white dark:bear-bg-gray-900",
+                a ? "bear-text-red-500" : b ? "bear-text-green-500" : i ? "bear-text-bear-500 dark:bear-text-bear-400" : "bear-text-gray-500 dark:bear-text-gray-400"
+              ) : e(
+                u.labelRest,
+                "bear--translate-y-1/2",
+                "bear-text-gray-500 dark:bear-text-gray-400"
+              ),
+              g && "bear-opacity-50"
+            ),
+            style: H,
+            children: [
+              z,
+              M && /* @__PURE__ */ t("span", { className: "bear-text-red-500 bear-ml-0.5", children: "*" })
+            ]
+          }
+        ),
+        n && /* @__PURE__ */ t("div", { className: "Bear-FormField__addon Bear-FormField__addon--right bear-absolute bear-right-3 bear-z-10 bear-text-gray-500 dark:bear-text-gray-400", style: B, children: n })
+      ] }),
+      C && /* @__PURE__ */ t(
+        "p",
+        {
+          className: e(
+            "Bear-FormField__helper bear-text-xs bear-ml-4",
+            a ? "bear-text-red-500" : b ? "bear-text-green-500" : "bear-text-gray-500 dark:bear-text-gray-400"
+          ),
+          style: J,
+          children: C
+        }
+      )
+    ] });
+  }
+);
+A.displayName = "FormField";
+export {
+  A as FormField
+};

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

@@ -0,0 +1,23 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+export interface FormFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Floating label text */
+    label: string;
+    /** Helper text below the field */
+    helperText?: string;
+    /** Error message (replaces helperText, turns border red) */
+    error?: string;
+    /** Success message (turns border green) */
+    success?: string;
+    /** Field size */
+    size?: 'sm' | 'md' | 'lg';
+    /** Left addon inside the field */
+    leftAddon?: ReactNode;
+    /** Right addon inside the field */
+    rightAddon?: ReactNode;
+    /** Full width mode */
+    fullWidth?: boolean;
+    /** Whether the field is required (shows asterisk in label) */
+    required?: boolean;
+    /** Variant of the floating label */
+    variant?: 'outlined' | 'filled' | 'standard';
+}

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

@@ -0,0 +1,2 @@
+export { FormField } from './FormField';
+export type { FormFieldProps } from './FormField.types';

package/dist/components/ImageGallery/ImageGallery.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),h=require("../../utils/cn.cjs"),l=require("./ImageGallery.const.cjs"),j=({images:S,currentIndex:s,onClose:t,onNavigate:a})=>{const i=S[s],o=S.length;return d.useEffect(()=>{const r=n=>{n.key==="Escape"&&t(),n.key==="ArrowLeft"&&s>0&&a(s-1),n.key==="ArrowRight"&&s<o-1&&a(s+1)};return window.addEventListener("keydown",r),()=>window.removeEventListener("keydown",r)},[s,o,t,a]),e.jsxs("div",{className:l.OVERLAY_CLASSES,onClick:t,role:"dialog","aria-label":"Image lightbox",children:[e.jsx("div",{onClick:r=>r.stopPropagation(),children:e.jsx("img",{src:i.src,alt:i.alt??"",className:l.LIGHTBOX_IMG_CLASSES})}),e.jsx("button",{className:l.CLOSE_BTN_CLASSES,onClick:t,"aria-label":"Close",children:"✕"}),s>0&&e.jsx("button",{className:h.cn(l.NAV_BTN_CLASSES,"bear-left-4"),onClick:()=>a(s-1),"aria-label":"Previous",children:e.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),s<o-1&&e.jsx("button",{className:h.cn(l.NAV_BTN_CLASSES,"bear-right-4"),onClick:()=>a(s+1),"aria-label":"Next",children:e.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})}),i.caption&&e.jsx("div",{className:l.CAPTION_CLASSES,children:i.caption}),e.jsxs("div",{className:l.COUNTER_CLASSES,children:[s+1," / ",o]})]})},k=S=>{const{images:s,columns:t=l.DEFAULT_COLUMNS,gap:a=l.DEFAULT_GAP,rounded:i=!0,enableLightbox:o=!0,thumbnailHeight:r=l.DEFAULT_THUMB_HEIGHT,className:n,testId:C,...b}=S,[L,m]=d.useState(null),g=d.useCallback(()=>m(null),[]),E=d.useCallback(c=>m(c),[]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:h.cn(l.ROOT_CLASSES,n),style:{gridTemplateColumns:`repeat(${t}, 1fr)`,gap:a},"data-testid":C,...b,children:s.map((c,u)=>e.jsx("div",{className:h.cn(l.THUMB_CLASSES,i&&l.ROUNDED_CLASSES),style:{height:r},onClick:()=>o&&m(u),children:e.jsx("img",{src:c.thumbnail??c.src,alt:c.alt??"",className:l.THUMB_IMG_CLASSES,loading:"lazy"})},u))}),L!==null&&e.jsx(j,{images:s,currentIndex:L,onClose:g,onNavigate:E})]})};exports.ImageGallery=k;

package/dist/components/ImageGallery/ImageGallery.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=3,r=8,a=200,b="Bear-ImageGallery bear-grid",t="bear-overflow-hidden bear-cursor-pointer bear-transition-transform hover:bear-scale-[1.02] bear-bg-gray-100 dark:bear-bg-zinc-800",S="bear-w-full bear-h-full bear-object-cover",o="bear-rounded-lg",n="bear-fixed bear-inset-0 bear-z-[99999] bear-bg-black/90 bear-flex bear-items-center bear-justify-center bear-animate-in",s="bear-max-w-[90vw] bear-max-h-[85vh] bear-object-contain bear-select-none",l="bear-absolute bear-top-1/2 bear--translate-y-1/2 bear-bg-white/10 hover:bear-bg-white/20 bear-text-white bear-rounded-full bear-w-10 bear-h-10 bear-flex bear-items-center bear-justify-center bear-transition-colors bear-backdrop-blur-sm",c="bear-absolute bear-top-4 bear-right-4 bear-text-white bear-bg-white/10 hover:bear-bg-white/20 bear-rounded-full bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-transition-colors bear-backdrop-blur-sm",E="bear-absolute bear-bottom-4 bear-left-1/2 bear--translate-x-1/2 bear-text-white bear-text-sm bear-bg-black/50 bear-px-4 bear-py-2 bear-rounded-full bear-backdrop-blur-sm",_="bear-absolute bear-top-4 bear-left-4 bear-text-white/70 bear-text-sm";exports.CAPTION_CLASSES=E;exports.CLOSE_BTN_CLASSES=c;exports.COUNTER_CLASSES=_;exports.DEFAULT_COLUMNS=e;exports.DEFAULT_GAP=r;exports.DEFAULT_THUMB_HEIGHT=a;exports.LIGHTBOX_IMG_CLASSES=s;exports.NAV_BTN_CLASSES=l;exports.OVERLAY_CLASSES=n;exports.ROOT_CLASSES=b;exports.ROUNDED_CLASSES=o;exports.THUMB_CLASSES=t;exports.THUMB_IMG_CLASSES=S;

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

@@ -0,0 +1,13 @@
+export declare const DEFAULT_COLUMNS = 3;
+export declare const DEFAULT_GAP = 8;
+export declare const DEFAULT_THUMB_HEIGHT = 200;
+export declare const ROOT_CLASSES = "Bear-ImageGallery bear-grid";
+export declare const THUMB_CLASSES = "bear-overflow-hidden bear-cursor-pointer bear-transition-transform hover:bear-scale-[1.02] bear-bg-gray-100 dark:bear-bg-zinc-800";
+export declare const THUMB_IMG_CLASSES = "bear-w-full bear-h-full bear-object-cover";
+export declare const ROUNDED_CLASSES = "bear-rounded-lg";
+export declare const OVERLAY_CLASSES = "bear-fixed bear-inset-0 bear-z-[99999] bear-bg-black/90 bear-flex bear-items-center bear-justify-center bear-animate-in";
+export declare const LIGHTBOX_IMG_CLASSES = "bear-max-w-[90vw] bear-max-h-[85vh] bear-object-contain bear-select-none";
+export declare const NAV_BTN_CLASSES = "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear-bg-white/10 hover:bear-bg-white/20 bear-text-white bear-rounded-full bear-w-10 bear-h-10 bear-flex bear-items-center bear-justify-center bear-transition-colors bear-backdrop-blur-sm";
+export declare const CLOSE_BTN_CLASSES = "bear-absolute bear-top-4 bear-right-4 bear-text-white bear-bg-white/10 hover:bear-bg-white/20 bear-rounded-full bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-transition-colors bear-backdrop-blur-sm";
+export declare const CAPTION_CLASSES = "bear-absolute bear-bottom-4 bear-left-1/2 bear--translate-x-1/2 bear-text-white bear-text-sm bear-bg-black/50 bear-px-4 bear-py-2 bear-rounded-full bear-backdrop-blur-sm";
+export declare const COUNTER_CLASSES = "bear-absolute bear-top-4 bear-left-4 bear-text-white/70 bear-text-sm";

package/dist/components/ImageGallery/ImageGallery.const.js

@@ -0,0 +1,16 @@
+const e = 3, r = 8, a = 200, b = "Bear-ImageGallery bear-grid", t = "bear-overflow-hidden bear-cursor-pointer bear-transition-transform hover:bear-scale-[1.02] bear-bg-gray-100 dark:bear-bg-zinc-800", o = "bear-w-full bear-h-full bear-object-cover", n = "bear-rounded-lg", s = "bear-fixed bear-inset-0 bear-z-[99999] bear-bg-black/90 bear-flex bear-items-center bear-justify-center bear-animate-in", c = "bear-max-w-[90vw] bear-max-h-[85vh] bear-object-contain bear-select-none", l = "bear-absolute bear-top-1/2 bear--translate-y-1/2 bear-bg-white/10 hover:bear-bg-white/20 bear-text-white bear-rounded-full bear-w-10 bear-h-10 bear-flex bear-items-center bear-justify-center bear-transition-colors bear-backdrop-blur-sm", S = "bear-absolute bear-top-4 bear-right-4 bear-text-white bear-bg-white/10 hover:bear-bg-white/20 bear-rounded-full bear-w-8 bear-h-8 bear-flex bear-items-center bear-justify-center bear-transition-colors bear-backdrop-blur-sm", i = "bear-absolute bear-bottom-4 bear-left-1/2 bear--translate-x-1/2 bear-text-white bear-text-sm bear-bg-black/50 bear-px-4 bear-py-2 bear-rounded-full bear-backdrop-blur-sm", u = "bear-absolute bear-top-4 bear-left-4 bear-text-white/70 bear-text-sm";
+export {
+  i as CAPTION_CLASSES,
+  S as CLOSE_BTN_CLASSES,
+  u as COUNTER_CLASSES,
+  e as DEFAULT_COLUMNS,
+  r as DEFAULT_GAP,
+  a as DEFAULT_THUMB_HEIGHT,
+  c as LIGHTBOX_IMG_CLASSES,
+  l as NAV_BTN_CLASSES,
+  s as OVERLAY_CLASSES,
+  b as ROOT_CLASSES,
+  n as ROUNDED_CLASSES,
+  t as THUMB_CLASSES,
+  o as THUMB_IMG_CLASSES
+};

package/dist/components/ImageGallery/ImageGallery.d.ts

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

package/dist/components/ImageGallery/ImageGallery.js

@@ -0,0 +1,61 @@
+import { jsxs as S, Fragment as N, jsx as l } from "react/jsx-runtime";
+import { useState as p, useCallback as C, useEffect as _ } from "react";
+import { cn as d } from "../../utils/cn.js";
+import { DEFAULT_COLUMNS as u, DEFAULT_GAP as f, DEFAULT_THUMB_HEIGHT as T, THUMB_IMG_CLASSES as v, ROUNDED_CLASSES as w, THUMB_CLASSES as y, ROOT_CLASSES as O, OVERLAY_CLASSES as U, LIGHTBOX_IMG_CLASSES as B, CLOSE_BTN_CLASSES as M, NAV_BTN_CLASSES as b, CAPTION_CLASSES as H, COUNTER_CLASSES as G } from "./ImageGallery.const.js";
+const D = ({ images: c, currentIndex: e, onClose: t, onNavigate: a }) => {
+  const o = c[e], i = c.length;
+  return _(() => {
+    const s = (r) => {
+      r.key === "Escape" && t(), r.key === "ArrowLeft" && e > 0 && a(e - 1), r.key === "ArrowRight" && e < i - 1 && a(e + 1);
+    };
+    return window.addEventListener("keydown", s), () => window.removeEventListener("keydown", s);
+  }, [e, i, t, a]), /* @__PURE__ */ S("div", { className: U, onClick: t, role: "dialog", "aria-label": "Image lightbox", children: [
+    /* @__PURE__ */ l("div", { onClick: (s) => s.stopPropagation(), children: /* @__PURE__ */ l("img", { src: o.src, alt: o.alt ?? "", className: B }) }),
+    /* @__PURE__ */ l("button", { className: M, onClick: t, "aria-label": "Close", children: "✕" }),
+    e > 0 && /* @__PURE__ */ l("button", { className: d(b, "bear-left-4"), onClick: () => a(e - 1), "aria-label": "Previous", children: /* @__PURE__ */ l("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }),
+    e < i - 1 && /* @__PURE__ */ l("button", { className: d(b, "bear-right-4"), onClick: () => a(e + 1), "aria-label": "Next", children: /* @__PURE__ */ l("svg", { className: "bear-w-5 bear-h-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ l("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) }),
+    o.caption && /* @__PURE__ */ l("div", { className: H, children: o.caption }),
+    /* @__PURE__ */ S("div", { className: G, children: [
+      e + 1,
+      " / ",
+      i
+    ] })
+  ] });
+}, P = (c) => {
+  const {
+    images: e,
+    columns: t = u,
+    gap: a = f,
+    rounded: o = !0,
+    enableLightbox: i = !0,
+    thumbnailHeight: s = T,
+    className: r,
+    testId: E,
+    ...k
+  } = c, [m, h] = p(null), g = C(() => h(null), []), A = C((n) => h(n), []);
+  return /* @__PURE__ */ S(N, { children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: d(O, r),
+        style: { gridTemplateColumns: `repeat(${t}, 1fr)`, gap: a },
+        "data-testid": E,
+        ...k,
+        children: e.map((n, L) => /* @__PURE__ */ l(
+          "div",
+          {
+            className: d(y, o && w),
+            style: { height: s },
+            onClick: () => i && h(L),
+            children: /* @__PURE__ */ l("img", { src: n.thumbnail ?? n.src, alt: n.alt ?? "", className: v, loading: "lazy" })
+          },
+          L
+        ))
+      }
+    ),
+    m !== null && /* @__PURE__ */ l(D, { images: e, currentIndex: m, onClose: g, onNavigate: A })
+  ] });
+};
+export {
+  P as ImageGallery
+};

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes } from 'react';
+export interface GalleryImage {
+    src: string;
+    alt?: string;
+    thumbnail?: string;
+    caption?: string;
+}
+export interface ImageGalleryProps extends HTMLAttributes<HTMLDivElement> {
+    images: GalleryImage[];
+    columns?: number;
+    gap?: number;
+    rounded?: boolean;
+    enableLightbox?: boolean;
+    thumbnailHeight?: number;
+    testId?: string;
+}
+export interface LightboxProps {
+    images: GalleryImage[];
+    currentIndex: number;
+    onClose: () => void;
+    onNavigate: (index: number) => void;
+}

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

@@ -0,0 +1,2 @@
+export { ImageGallery } from './ImageGallery';
+export type { ImageGalleryProps, GalleryImage, LightboxProps } from './ImageGallery.types';

package/dist/components/Indicator/Indicator.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("../../utils/cn.cjs");require("react");const g=require("../Typography/Typography.cjs"),t=require("./Indicator.const.cjs"),L=({children:c,label:s,color:e,size:n=t.DEFAULT_SIZE,position:d="top-end",radius:S="full",processing:u=!1,disabled:l=!1,offset:r,withBorder:C=!1,inline:p=!1,className:y,testId:m,...I})=>{const O=t.POSITION_MAP[d],f=t.RADIUS_MAP[S],o=typeof e=="string"&&!e.startsWith("bear-"),h=o?void 0:e??t.DEFAULT_COLOR,A=typeof n=="number"?{width:n,height:n,minWidth:n}:void 0,_=typeof r=="number"?{margin:r}:void 0;return i.jsxs("div",{className:a.cn(t.ROOT_CLASS,p&&t.ROOT_INLINE_CLASS,y),"data-testid":m,...I,children:[c,!l&&i.jsx("span",{className:a.cn(t.INDICATOR_CLASS,O,f,h,C&&t.BORDER_CLASS,u&&t.PROCESSING_CLASS),style:{...A,..._,...o?{backgroundColor:e}:void 0},children:s!=null&&i.jsx(g.Typography,{variant:"caption",className:"bear-text-white dark:bear-text-zinc-100 bear-font-medium",children:s})})]})};exports.Indicator=L;

package/dist/components/Indicator/Indicator.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=10,a="bear-bg-pink-500 dark:bear-bg-pink-400",r={"top-start":"bear-top-0 bear-left-0 bear-translate-x-[-50%] bear-translate-y-[-50%]","top-center":"bear-top-0 bear-left-1/2 bear-translate-x-[-50%] bear-translate-y-[-50%]","top-end":"bear-top-0 bear-right-0 bear-translate-x-[50%] bear-translate-y-[-50%]","middle-start":"bear-top-1/2 bear-left-0 bear-translate-x-[-50%] bear-translate-y-[-50%]","middle-end":"bear-top-1/2 bear-right-0 bear-translate-x-[50%] bear-translate-y-[-50%]","bottom-start":"bear-bottom-0 bear-left-0 bear-translate-x-[-50%] bear-translate-y-[50%]","bottom-center":"bear-bottom-0 bear-left-1/2 bear-translate-x-[-50%] bear-translate-y-[50%]","bottom-end":"bear-bottom-0 bear-right-0 bear-translate-x-[50%] bear-translate-y-[50%]"},t={sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg",full:"bear-rounded-full"},b="Bear-Indicator bear-relative",n="Bear-Indicator bear-relative bear-inline-flex",o="Bear-Indicator__dot bear-absolute bear-flex bear-items-center bear-justify-center bear-pointer-events-none",l="bear-ring-2 bear-ring-white dark:bear-ring-zinc-900",s="bear-animate-pulse";exports.BORDER_CLASS=l;exports.DEFAULT_COLOR=a;exports.DEFAULT_SIZE=e;exports.INDICATOR_CLASS=o;exports.POSITION_MAP=r;exports.PROCESSING_CLASS=s;exports.RADIUS_MAP=t;exports.ROOT_CLASS=b;exports.ROOT_INLINE_CLASS=n;

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

@@ -0,0 +1,15 @@
+import { IndicatorPosition } from './Indicator.types';
+export declare const DEFAULT_SIZE = 10;
+export declare const DEFAULT_COLOR = "bear-bg-pink-500 dark:bear-bg-pink-400";
+export declare const POSITION_MAP: Record<IndicatorPosition, string>;
+export declare const RADIUS_MAP: {
+    readonly sm: "bear-rounded-sm";
+    readonly md: "bear-rounded-md";
+    readonly lg: "bear-rounded-lg";
+    readonly full: "bear-rounded-full";
+};
+export declare const ROOT_CLASS = "Bear-Indicator bear-relative";
+export declare const ROOT_INLINE_CLASS = "Bear-Indicator bear-relative bear-inline-flex";
+export declare const INDICATOR_CLASS = "Bear-Indicator__dot bear-absolute bear-flex bear-items-center bear-justify-center bear-pointer-events-none";
+export declare const BORDER_CLASS = "bear-ring-2 bear-ring-white dark:bear-ring-zinc-900";
+export declare const PROCESSING_CLASS = "bear-animate-pulse";

package/dist/components/Indicator/Indicator.const.js

@@ -0,0 +1,26 @@
+const e = 10, a = "bear-bg-pink-500 dark:bear-bg-pink-400", r = {
+  "top-start": "bear-top-0 bear-left-0 bear-translate-x-[-50%] bear-translate-y-[-50%]",
+  "top-center": "bear-top-0 bear-left-1/2 bear-translate-x-[-50%] bear-translate-y-[-50%]",
+  "top-end": "bear-top-0 bear-right-0 bear-translate-x-[50%] bear-translate-y-[-50%]",
+  "middle-start": "bear-top-1/2 bear-left-0 bear-translate-x-[-50%] bear-translate-y-[-50%]",
+  "middle-end": "bear-top-1/2 bear-right-0 bear-translate-x-[50%] bear-translate-y-[-50%]",
+  "bottom-start": "bear-bottom-0 bear-left-0 bear-translate-x-[-50%] bear-translate-y-[50%]",
+  "bottom-center": "bear-bottom-0 bear-left-1/2 bear-translate-x-[-50%] bear-translate-y-[50%]",
+  "bottom-end": "bear-bottom-0 bear-right-0 bear-translate-x-[50%] bear-translate-y-[50%]"
+}, t = {
+  sm: "bear-rounded-sm",
+  md: "bear-rounded-md",
+  lg: "bear-rounded-lg",
+  full: "bear-rounded-full"
+}, b = "Bear-Indicator bear-relative", n = "Bear-Indicator bear-relative bear-inline-flex", o = "Bear-Indicator__dot bear-absolute bear-flex bear-items-center bear-justify-center bear-pointer-events-none", l = "bear-ring-2 bear-ring-white dark:bear-ring-zinc-900", s = "bear-animate-pulse";
+export {
+  l as BORDER_CLASS,
+  a as DEFAULT_COLOR,
+  e as DEFAULT_SIZE,
+  o as INDICATOR_CLASS,
+  r as POSITION_MAP,
+  s as PROCESSING_CLASS,
+  t as RADIUS_MAP,
+  b as ROOT_CLASS,
+  n as ROOT_INLINE_CLASS
+};

package/dist/components/Indicator/Indicator.d.ts

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

package/dist/components/Indicator/Indicator.js

@@ -0,0 +1,56 @@
+import { jsxs as y, jsx as n } from "react/jsx-runtime";
+import { cn as a } from "../../utils/cn.js";
+import "react";
+import { Typography as L } from "../Typography/Typography.js";
+import { DEFAULT_SIZE as N, PROCESSING_CLASS as R, BORDER_CLASS as g, DEFAULT_COLOR as v, RADIUS_MAP as T, POSITION_MAP as E, INDICATOR_CLASS as x, ROOT_INLINE_CLASS as D, ROOT_CLASS as b } from "./Indicator.const.js";
+const F = ({
+  children: e,
+  label: t,
+  color: s,
+  size: o = N,
+  position: d = "top-end",
+  radius: m = "full",
+  processing: S = !1,
+  disabled: p = !1,
+  offset: i,
+  withBorder: c = !1,
+  inline: f = !1,
+  className: C,
+  testId: l,
+  ...A
+}) => {
+  const O = E[d], h = T[m], r = typeof s == "string" && !s.startsWith("bear-"), I = r ? void 0 : s ?? v, _ = typeof o == "number" ? { width: o, height: o, minWidth: o } : void 0, u = typeof i == "number" ? { margin: i } : void 0;
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: a(b, f && D, C),
+      "data-testid": l,
+      ...A,
+      children: [
+        e,
+        !p && /* @__PURE__ */ n(
+          "span",
+          {
+            className: a(
+              x,
+              O,
+              h,
+              I,
+              c && g,
+              S && R
+            ),
+            style: {
+              ..._,
+              ...u,
+              ...r ? { backgroundColor: s } : void 0
+            },
+            children: t != null && /* @__PURE__ */ n(L, { variant: "caption", className: "bear-text-white dark:bear-text-zinc-100 bear-font-medium", children: t })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  F as Indicator
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export type IndicatorPosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+export interface IndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+    label?: ReactNode;
+    color?: string;
+    size?: number;
+    position?: IndicatorPosition;
+    radius?: 'sm' | 'md' | 'lg' | 'full';
+    processing?: boolean;
+    disabled?: boolean;
+    offset?: number;
+    withBorder?: boolean;
+    inline?: boolean;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Indicator, default } from './Indicator';
+export type { IndicatorProps, IndicatorPosition } from './Indicator.types';

package/dist/components/InfiniteScroll/InfiniteScroll.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),b=require("../../utils/cn.cjs"),s=require("./InfiniteScroll.const.cjs"),A=m=>{const{onLoadMore:a,hasMore:n,loading:t=!1,threshold:d=s.DEFAULT_THRESHOLD,manual:r=!1,loader:u,endMessage:S,loadMoreLabel:v="Load more",inverse:o=!1,children:I,className:g,testId:j,...x}=m,i=c.useRef(null),f=c.useRef(t);f.current=t;const l=c.useCallback(()=>{f.current||!n||a()},[a,n]);c.useEffect(()=>{if(r||!n)return;const E=i.current;if(!E)return;const L=new IntersectionObserver(_=>{var N;(N=_[0])!=null&&N.isIntersecting&&l()},{threshold:0,rootMargin:`${Math.round(d*100)}px`});return L.observe(E),()=>L.disconnect()},[r,n,l,d]);const h=e.jsx("div",{className:s.LOADER_CLASSES,children:e.jsx("div",{className:s.SPINNER_CLASSES})}),R=e.jsxs(e.Fragment,{children:[o&&n&&!r&&e.jsx("div",{ref:i,style:{height:s.SENTINEL_HEIGHT}}),o&&t&&(u??h),I,!o&&t&&(u??h),!o&&n&&!r&&e.jsx("div",{ref:i,style:{height:s.SENTINEL_HEIGHT}}),n&&r&&!t&&e.jsx("button",{type:"button",onClick:l,className:s.MANUAL_BTN_CLASSES,children:v}),!n&&S&&e.jsx("div",{className:s.END_CLASSES,children:S})]});return e.jsx("div",{className:b.cn(s.ROOT_CLASSES,g),"data-testid":j,...x,children:R})};exports.InfiniteScroll=A;

package/dist/components/InfiniteScroll/InfiniteScroll.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=.8,r=1,a="Bear-InfiniteScroll bear-relative",t="bear-flex bear-items-center bear-justify-center bear-py-4",b="bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500",S="bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer",n="bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";exports.DEFAULT_THRESHOLD=e;exports.END_CLASSES=b;exports.LOADER_CLASSES=t;exports.MANUAL_BTN_CLASSES=S;exports.ROOT_CLASSES=a;exports.SENTINEL_HEIGHT=r;exports.SPINNER_CLASSES=n;

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

@@ -0,0 +1,7 @@
+export declare const DEFAULT_THRESHOLD = 0.8;
+export declare const SENTINEL_HEIGHT = 1;
+export declare const ROOT_CLASSES = "Bear-InfiniteScroll bear-relative";
+export declare const LOADER_CLASSES = "bear-flex bear-items-center bear-justify-center bear-py-4";
+export declare const END_CLASSES = "bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500";
+export declare const MANUAL_BTN_CLASSES = "bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer";
+export declare const SPINNER_CLASSES = "bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";

package/dist/components/InfiniteScroll/InfiniteScroll.const.js

@@ -0,0 +1,10 @@
+const e = 0.8, r = 1, a = "Bear-InfiniteScroll bear-relative", b = "bear-flex bear-items-center bear-justify-center bear-py-4", t = "bear-text-center bear-py-4 bear-text-sm bear-text-gray-400 dark:bear-text-zinc-500", n = "bear-w-full bear-py-2.5 bear-text-sm bear-font-medium bear-text-pink-600 dark:bear-text-pink-400 bear-bg-pink-50 dark:bear-bg-pink-900/20 bear-rounded-lg bear-transition-colors hover:bear-bg-pink-100 dark:hover:bear-bg-pink-900/30 bear-cursor-pointer", o = "bear-w-5 bear-h-5 bear-border-2 bear-border-pink-200 bear-border-t-pink-500 bear-rounded-full bear-animate-spin";
+export {
+  e as DEFAULT_THRESHOLD,
+  t as END_CLASSES,
+  b as LOADER_CLASSES,
+  n as MANUAL_BTN_CLASSES,
+  a as ROOT_CLASSES,
+  r as SENTINEL_HEIGHT,
+  o as SPINNER_CLASSES
+};

package/dist/components/InfiniteScroll/InfiniteScroll.d.ts

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