@forgedevstack/bear 1.1.3 → 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/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;

package/dist/components/InfiniteScroll/InfiniteScroll.js

@@ -0,0 +1,51 @@
+import { jsx as r, jsxs as C, Fragment as I } from "react/jsx-runtime";
+import { useRef as L, useCallback as R, useEffect as T } from "react";
+import { cn as O } from "../../utils/cn.js";
+import { DEFAULT_THRESHOLD as x, ROOT_CLASSES as D, SENTINEL_HEIGHT as E, MANUAL_BTN_CLASSES as H, END_CLASSES as y, LOADER_CLASSES as j, SPINNER_CLASSES as k } from "./InfiniteScroll.const.js";
+const G = (N) => {
+  const {
+    onLoadMore: i,
+    hasMore: e,
+    loading: t = !1,
+    threshold: l = x,
+    manual: n = !1,
+    loader: c,
+    endMessage: d,
+    loadMoreLabel: v = "Load more",
+    inverse: s = !1,
+    children: A,
+    className: g,
+    testId: M,
+    ..._
+  } = N, o = L(null), f = L(t);
+  f.current = t;
+  const a = R(() => {
+    f.current || !e || i();
+  }, [i, e]);
+  T(() => {
+    if (n || !e) return;
+    const h = o.current;
+    if (!h) return;
+    const m = new IntersectionObserver(
+      (p) => {
+        var u;
+        (u = p[0]) != null && u.isIntersecting && a();
+      },
+      { threshold: 0, rootMargin: `${Math.round(l * 100)}px` }
+    );
+    return m.observe(h), () => m.disconnect();
+  }, [n, e, a, l]);
+  const S = /* @__PURE__ */ r("div", { className: j, children: /* @__PURE__ */ r("div", { className: k }) }), b = /* @__PURE__ */ C(I, { children: [
+    s && e && !n && /* @__PURE__ */ r("div", { ref: o, style: { height: E } }),
+    s && t && (c ?? S),
+    A,
+    !s && t && (c ?? S),
+    !s && e && !n && /* @__PURE__ */ r("div", { ref: o, style: { height: E } }),
+    e && n && !t && /* @__PURE__ */ r("button", { type: "button", onClick: a, className: H, children: v }),
+    !e && d && /* @__PURE__ */ r("div", { className: y, children: d })
+  ] });
+  return /* @__PURE__ */ r("div", { className: O(D, g), "data-testid": M, ..._, children: b });
+};
+export {
+  G as InfiniteScroll
+};

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface InfiniteScrollProps extends HTMLAttributes<HTMLDivElement> {
+    onLoadMore: () => void | Promise<void>;
+    hasMore: boolean;
+    loading?: boolean;
+    threshold?: number;
+    manual?: boolean;
+    loader?: ReactNode;
+    endMessage?: ReactNode;
+    loadMoreLabel?: string;
+    inverse?: boolean;
+    testId?: string;
+}

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

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

package/dist/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),j=require("react"),b=require("../../utils/cn.cjs"),G=require("../../context/BearProvider.cjs"),m=require("./components/ClearIcon/ClearIcon.cjs"),H={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},N=j.forwardRef(({label:x,helperText:v,error:g,success:f,size:w="md",leftAddon:n,rightAddon:a,fullWidth:C=!1,clearable:q=!1,onClear:p,showCharCount:_=!1,charCountMax:M,className:R,disabled:l,value:i,defaultValue:c,maxLength:h,...O},P)=>{var k;const o=j.useContext(G.BearContext),e=(k=o==null?void 0:o.components)==null?void 0:k.Input,z=e==null?void 0:e.root,E=e==null?void 0:e.input,L=e==null?void 0:e.label,T=e==null?void 0:e.helper,D=e==null?void 0:e.prefix,y=e==null?void 0:e.suffix,t=!!g,I=!!f&&!t,s=M??h,u=typeof i=="string"?i.length:typeof c=="string"?c.length:0,F=s!=null&&u>s,d=q&&!l&&u>0,B=g||f||v;return r.jsxs("div",{className:b.cn("Bear-Input bear-flex bear-flex-col bear-gap-1.5",C&&"bear-w-full"),style:z,children:[x&&r.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",style:L,children:x}),r.jsxs("div",{className:"Bear-Input__wrapper bear-relative bear-flex bear-items-center",children:[n&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400",style:D,children:n}),r.jsx("input",{ref:P,disabled:l,value:i,defaultValue:c,maxLength:h,"aria-invalid":t||void 0,className:b.cn("Bear-Input__field","bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400","bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white","dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",t?"Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500":I?"Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",l&&"Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",n&&"bear-pl-10",(a||d)&&"bear-pr-10",H[w],R),style:E,...O}),d&&!a&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400",style:y,children:r.jsx(m.ClearIcon,{onClick:p})}),a&&r.jsxs("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400",style:y,children:[d&&r.jsx(m.ClearIcon,{onClick:p}),a]})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[B?r.jsx("p",{className:b.cn("Bear-Input__helper bear-text-sm bear-flex-1",t?"Bear-Input__helper--error bear-text-red-500":I?"Bear-Input__helper--success bear-text-green-500":"bear-text-gray-500 dark:bear-text-gray-400"),style:T,children:B}):_?r.jsx("span",{}):null,_&&s!=null&&r.jsxs("span",{className:b.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",F?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[u,"/",s]})]})]})});N.displayName="Input";exports.Input=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),d=require("../../utils/cn.cjs"),ae=require("../../context/BearProvider.cjs"),L=require("./components/ClearIcon/ClearIcon.cjs"),te=require("./Input.utils.cjs"),se=require("../Form/Form.utils.cjs"),be={sm:"bear-h-8 bear-text-sm bear-px-3",md:"bear-h-10 bear-text-base bear-px-4",lg:"bear-h-12 bear-text-lg bear-px-5"},P=s.forwardRef(({label:B,helperText:T,error:f,success:j,size:V="md",leftAddon:x,rightAddon:b,fullWidth:D=!1,clearable:G=!1,onClear:m,showCharCount:N=!1,charCountMax:H,autoFormat:g,validation:t,validateOnBlur:J,validateOnChange:w=!1,className:K,disabled:p,value:_,defaultValue:y,maxLength:v,onChange:l,onBlur:n,...Q},U)=>{var F;const h=s.useContext(ae.BearContext),e=(F=h==null?void 0:h.components)==null?void 0:F.Input,W=e==null?void 0:e.root,X=e==null?void 0:e.input,Y=e==null?void 0:e.label,Z=e==null?void 0:e.helper,$=e==null?void 0:e.prefix,q=e==null?void 0:e.suffix,[S,C]=s.useState(null),E=s.useRef(!1),R=t?J??!0:!1,M=f||S,c=!!M,O=!!j&&!c,u=H??v,I=typeof _=="string"?_.length:typeof y=="string"?y.length:0,A=u!=null&&I>u,k=G&&!p&&I>0,z=M||j||T,i=s.useCallback(async a=>{if(!t)return;E.current=!0;const o=await se.validateFieldValue(a,t);E.current=!1,C(o)},[t]);s.useEffect(()=>{f&&C(null)},[f]);const ee=s.useCallback(a=>{if(g){const o=te.applyAutoFormat(a.target.value,g);o!==a.target.value&&(a.target.value=o)}l==null||l(a),w&&t&&i(a.target.value)},[g,l,w,t,i]),re=s.useCallback(a=>{n==null||n(a),R&&t&&i(a.target.value)},[n,R,t,i]);return r.jsxs("div",{className:d.cn("Bear-Input bear-flex bear-flex-col bear-gap-1.5",D&&"bear-w-full"),style:W,children:[B&&r.jsx("label",{className:"Bear-Input__label bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-gray-300",style:Y,children:B}),r.jsxs("div",{className:"Bear-Input__wrapper bear-relative bear-flex bear-items-center",children:[x&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--left bear-absolute bear-left-3 bear-text-gray-500 dark:bear-text-gray-400",style:$,children:x}),r.jsx("input",{ref:U,disabled:p,value:_,defaultValue:y,maxLength:v,"aria-invalid":c||void 0,onChange:ee,onBlur:re,className:d.cn("Bear-Input__field","bear-w-full bear-rounded-lg bear-border bear-outline-none bear-transition-all bear-duration-200","bear-bg-white bear-text-gray-900 placeholder:bear-text-gray-400","bear-border-gray-300 focus:bear-ring-2 focus:bear-ring-offset-2 focus:bear-ring-offset-white","dark:bear-bg-gray-800 dark:bear-text-white dark:placeholder:bear-text-gray-500 dark:bear-border-gray-600 dark:focus:bear-ring-offset-gray-900",c?"Bear-Input__field--error bear-border-red-500 focus:bear-ring-red-500":O?"Bear-Input__field--success bear-border-green-500 focus:bear-ring-green-500":"focus:bear-border-bear-500 focus:bear-ring-bear-500 dark:focus:bear-border-bear-500 dark:focus:bear-ring-bear-500",p&&"Bear-Input__field--disabled bear-opacity-50 bear-cursor-not-allowed",x&&"bear-pl-10",(b||k)&&"bear-pr-10",be[V],K),style:X,...Q}),k&&!b&&r.jsx("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-text-gray-500 dark:bear-text-gray-400",style:q,children:r.jsx(L.ClearIcon,{onClick:m})}),b&&r.jsxs("div",{className:"Bear-Input__addon Bear-Input__addon--right bear-absolute bear-right-3 bear-flex bear-items-center bear-gap-1.5 bear-text-gray-500 dark:bear-text-gray-400",style:q,children:[k&&r.jsx(L.ClearIcon,{onClick:m}),b]})]}),r.jsxs("div",{className:"Bear-Input__footer bear-flex bear-items-center bear-justify-between bear-gap-2",children:[z?r.jsx("p",{className:d.cn("Bear-Input__helper bear-text-sm bear-flex-1",c?"Bear-Input__helper--error bear-text-red-500":O?"Bear-Input__helper--success bear-text-green-500":"bear-text-gray-500 dark:bear-text-gray-400"),style:Z,children:z}):N?r.jsx("span",{}):null,N&&u!=null&&r.jsxs("span",{className:d.cn("Bear-Input__char-count bear-text-xs bear-tabular-nums bear-shrink-0",A?"bear-text-red-500":"bear-text-gray-400 dark:bear-text-gray-500"),children:[I,"/",u]})]})]})});P.displayName="Input";exports.Input=P;