@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/styles/_message-list.css

@@ -0,0 +1,42 @@
+/* MessageList theme-aware styles — CSS variables flip with light/dark mode */
+
+.Bear-MessageList {
+  background-color: var(--bear-bg-primary);
+  border-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-line {
+  background-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-label {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__author {
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__timestamp {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__bubble {
+  background-color: var(--bear-bg-secondary);
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__bubble--own {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+}
+
+.Bear-MessageList__new-messages {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+  transition: opacity 200ms ease-in-out;
+}
+
+.Bear-MessageList__empty {
+  color: var(--bear-text-secondary);
+}

package/dist/styles/main.css

@@ -1,5 +1,6 @@
 @import './_base.css';
 @import './_buttons.css';
 @import './_alerts.css';
+@import './_message-list.css';
 @import './_effects.css';
 @import './_marquee.css';

package/dist/styles.css

@@ -169803,6 +169803,49 @@
   background-color: var(--bear-danger-500);
 }
 
+/* MessageList theme-aware styles — CSS variables flip with light/dark mode */
+
+.Bear-MessageList {
+  background-color: var(--bear-bg-primary);
+  border-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-line {
+  background-color: var(--bear-border-default);
+}
+
+.Bear-MessageList__day-label {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__author {
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__timestamp {
+  color: var(--bear-text-secondary);
+}
+
+.Bear-MessageList__bubble {
+  background-color: var(--bear-bg-secondary);
+  color: var(--bear-text-primary);
+}
+
+.Bear-MessageList__bubble--own {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+}
+
+.Bear-MessageList__new-messages {
+  background-color: var(--bear-primary-500);
+  color: var(--bear-text-inverted, #fff);
+  transition: opacity 200ms ease-in-out;
+}
+
+.Bear-MessageList__empty {
+  color: var(--bear-text-secondary);
+}
+
 @keyframes bounce-custom {
   0%, 100% { transform: translateY(0); }
   50% { transform: translateY(var(--bounce-height, -20px)); }
@@ -170106,6 +170149,14 @@
   background-color: rgba(255, 255, 255, 0.2);
 }
 
+.hover\:bear-scale-125:hover {
+  scale: 1.25;
+}
+
+.dark .dark\:bear-text-primary-400, .bear-dark .dark\:bear-text-primary-400 {
+  color: var(--bear-primary-400);
+}
+
 .dark .dark\:bear-text-zinc-400, .bear-dark .dark\:bear-text-zinc-400 {
   color: #a1a1aa;
 }
@@ -170150,10 +170201,6 @@
   fill: #d4d4d8;
 }
 
-.dark .dark\:bear-text-primary-400, .bear-dark .dark\:bear-text-primary-400 {
-  color: var(--bear-primary-400);
-}
-
 .dark .dark\:hover\:bear-text-zinc-300:hover, .bear-dark .dark\:hover\:bear-text-zinc-300:hover {
   color: #d4d4d8;
 }
@@ -170183,6 +170230,18 @@
   background-color: #4b5563;
 }
 
+.dark .dark\:bear-bg-gray-700, .bear-dark .dark\:bear-bg-gray-700 {
+  background-color: #374151;
+}
+
+.dark .dark\:bear-bg-gray-900, .bear-dark .dark\:bear-bg-gray-900 {
+  background-color: #111827;
+}
+
+.hover\:bear-text-gray-900:hover {
+  color: #111827;
+}
+
 .dark .dark\:bear-bg-yellow-800, .bear-dark .dark\:bear-bg-yellow-800 {
   background-color: #854d0e;
 }
@@ -170191,10 +170250,6 @@
   background-color: rgba(0, 0, 0, 0.7);
 }
 
-.dark .dark\:bear-bg-gray-900, .bear-dark .dark\:bear-bg-gray-900 {
-  background-color: #111827;
-}
-
 .placeholder\:bear-text-gray-400::placeholder {
   color: #9ca3af;
 }
@@ -170239,10 +170294,6 @@
   border-color: #9ca3af;
 }
 
-.dark .dark\:bear-bg-gray-700, .bear-dark .dark\:bear-bg-gray-700 {
-  background-color: #374151;
-}
-
 .active\:bear-cursor-grabbing:active {
   cursor: grabbing;
 }
@@ -170301,10 +170352,6 @@
   --bear-ring-color: #ef4444;
 }
 
-.hover\:bear-text-gray-900:hover {
-  color: #111827;
-}
-
 .dark .dark\:hover\:bear-text-zinc-200:hover, .bear-dark .dark\:hover\:bear-text-zinc-200:hover {
   color: #e4e4e7;
 }
@@ -170520,6 +170567,10 @@
   background-color: rgba(120, 53, 15, 0.2);
 }
 
+.hover\:bear-opacity-90:hover {
+  opacity: 0.9;
+}
+
 .focus\:bear-bg-gray-100:focus {
   background-color: #f3f4f6;
 }
@@ -171156,6 +171207,11 @@
   background-color: transparent;
 }
 
+.bear-ring-primary-500\/30 {
+  --tw-ring-color: color-mix(in srgb, var(--bear-primary-500) 30%, transparent);
+  --bear-ring-color: color-mix(in srgb, var(--bear-primary-500) 30%, transparent);
+}
+
 .bear-border-transparent {
   border-color: transparent;
 }
@@ -171180,11 +171236,6 @@
   background-color: rgba(255, 255, 255, 0.95);
 }
 
-.bear-ring-primary-500\/30 {
-  --tw-ring-color: color-mix(in srgb, var(--bear-primary-500) 30%, transparent);
-  --bear-ring-color: color-mix(in srgb, var(--bear-primary-500) 30%, transparent);
-}
-
 .bear-border-current {
   border-color: currentColor;
 }

package/dist/types/base.types.d.ts

@@ -0,0 +1,5 @@
+export interface BearBaseProps {
+    id?: string;
+    testId?: string;
+}
+export type WithBearBaseProps<T> = T & BearBaseProps;

package/dist/types/component.types.d.ts

@@ -135,4 +135,9 @@ export interface BearComponentsConfig {
     variants?: {
         Button?: ButtonVariantsConfig;
     };
+    /** Default props applied to all instances of a component */
+    defaultProps?: BearDefaultPropsMap;
 }
+export type BearDefaultPropsMap = Partial<{
+    [K in keyof BearComponentOverrides]: Record<string, unknown>;
+}>;

package/dist/types/index.d.ts

@@ -1,3 +1,4 @@
 export * from './theme.types';
 export * from './component.types';
 export * from './bis.types';
+export * from './base.types';

package/dist/utils/generateBearId.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear",E="_",R=1e5,A=999999,I=128;exports.BEAR_ID_MAX_LENGTH=I;exports.BEAR_ID_NUMERIC_MAX=A;exports.BEAR_ID_NUMERIC_MIN=R;exports.BEAR_ID_PREFIX=_;exports.BEAR_ID_SEPARATOR=E;

package/dist/utils/generateBearId.const.d.ts

@@ -0,0 +1,5 @@
+export declare const BEAR_ID_PREFIX = "Bear";
+export declare const BEAR_ID_SEPARATOR = "_";
+export declare const BEAR_ID_NUMERIC_MIN = 100000;
+export declare const BEAR_ID_NUMERIC_MAX = 999999;
+export declare const BEAR_ID_MAX_LENGTH = 128;

package/dist/utils/generateBearId.const.js

@@ -0,0 +1,8 @@
+const _ = "Bear", E = "_", R = 1e5, A = 999999, I = 128;
+export {
+  I as BEAR_ID_MAX_LENGTH,
+  A as BEAR_ID_NUMERIC_MAX,
+  R as BEAR_ID_NUMERIC_MIN,
+  _ as BEAR_ID_PREFIX,
+  E as BEAR_ID_SEPARATOR
+};

package/dist/utils/generateBearId.types.d.ts

@@ -0,0 +1,4 @@
+export interface GenerateBearIdOptions {
+    componentName?: string;
+    suffix?: string;
+}

package/dist/utils/generateBearId.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./generateBearId.const.cjs"),I=r=>r.replace(/([a-z0-9])([A-Z])/g,"$1_$2").replace(/[^a-zA-Z0-9_]/g,"").toLowerCase(),s=()=>String(Math.floor(Math.random()*(t.BEAR_ID_NUMERIC_MAX-t.BEAR_ID_NUMERIC_MIN+1))+t.BEAR_ID_NUMERIC_MIN),l=r=>{if(!r)return;const e=r.replace(/[^a-zA-Z0-9_]/g,"");return e.length>0?e:void 0},o=(r,e,a)=>{const n=[t.BEAR_ID_PREFIX,r,e],_=l(a);_&&n.push(_);const c=n.join(t.BEAR_ID_SEPARATOR);return c.length>t.BEAR_ID_MAX_LENGTH?c.slice(0,t.BEAR_ID_MAX_LENGTH):c},A=(r,e)=>{const a=(e==null?void 0:e.componentName)??r??"component",n=I(a);return o(n,s(),e==null?void 0:e.suffix)},E=r=>{let e=0;for(let n=0;n<r.length;n+=1)e=e*31+r.charCodeAt(n)>>>0;const a=t.BEAR_ID_NUMERIC_MAX-t.BEAR_ID_NUMERIC_MIN+1;return String(e%a+t.BEAR_ID_NUMERIC_MIN)},R=(r,e)=>{const a=I(r);return o(a,E(e))},d=(r,e)=>r??e;exports.formatBearId=R;exports.generateBearId=A;exports.resolveBearId=d;

package/dist/utils/generateBearId.utils.d.ts

@@ -0,0 +1,4 @@
+import { GenerateBearIdOptions } from './generateBearId.types';
+export declare const generateBearId: (componentName?: string, options?: GenerateBearIdOptions) => string;
+export declare const formatBearId: (componentName: string, reactId: string) => string;
+export declare const resolveBearId: (id: string | undefined, generatedId: string) => string;

package/dist/utils/generateBearId.utils.js

@@ -0,0 +1,29 @@
+import { BEAR_ID_PREFIX as u, BEAR_ID_SEPARATOR as A, BEAR_ID_MAX_LENGTH as s, BEAR_ID_NUMERIC_MIN as a, BEAR_ID_NUMERIC_MAX as l } from "./generateBearId.const.js";
+const _ = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9_]/g, "").toLowerCase(), I = () => String(Math.floor(Math.random() * (l - a + 1)) + a), d = (t) => {
+  if (!t)
+    return;
+  const e = t.replace(/[^a-zA-Z0-9_]/g, "");
+  return e.length > 0 ? e : void 0;
+}, g = (t, e, n) => {
+  const r = [u, t, e], o = d(n);
+  o && r.push(o);
+  const c = r.join(A);
+  return c.length > s ? c.slice(0, s) : c;
+}, R = (t, e) => {
+  const n = (e == null ? void 0 : e.componentName) ?? t ?? "component", r = _(n);
+  return g(r, I(), e == null ? void 0 : e.suffix);
+}, m = (t) => {
+  let e = 0;
+  for (let r = 0; r < t.length; r += 1)
+    e = e * 31 + t.charCodeAt(r) >>> 0;
+  const n = l - a + 1;
+  return String(e % n + a);
+}, f = (t, e) => {
+  const n = _(t);
+  return g(n, m(e));
+}, E = (t, e) => t ?? e;
+export {
+  f as formatBearId,
+  R as generateBearId,
+  E as resolveBearId
+};

package/dist/utils/getResponsiveClass.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(e,t)=>{if(e===void 0)return"";if(typeof e=="object"){const o=[];return e.base!==void 0&&o.push(t[e.base]),o.join(" ")}return t[e]||""};exports.getResponsiveClass=s;

package/dist/utils/getResponsiveClass.utils.d.ts

@@ -0,0 +1,2 @@
+import { ResponsiveProp } from '../types';
+export declare const getResponsiveClass: <T extends string | number>(value: ResponsiveProp<T> | undefined, classes: Record<string, string>) => string;

package/dist/utils/getResponsiveClass.utils.js

@@ -0,0 +1,12 @@
+const e = (t, o) => {
+  if (t === void 0)
+    return "";
+  if (typeof t == "object") {
+    const r = [];
+    return t.base !== void 0 && r.push(o[t.base]), r.join(" ");
+  }
+  return o[t] || "";
+};
+export {
+  e as getResponsiveClass
+};

package/dist/utils/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./cn.cjs"),r=require("./deepMerge.cjs"),t=require("./createSlots.cjs");exports.cn=e.cn;exports.styleForge=e.styleForge;exports.deepMerge=r.deepMerge;exports.createSlots=t.createSlots;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./cn.cjs"),t=require("./deepMerge.cjs"),I=require("./createSlots.cjs"),r=require("./generateBearId.utils.cjs"),_=require("./useBearId.cjs"),a=require("./getResponsiveClass.utils.cjs"),e=require("./generateBearId.const.cjs");exports.cn=s.cn;exports.styleForge=s.styleForge;exports.deepMerge=t.deepMerge;exports.createSlots=I.createSlots;exports.formatBearId=r.formatBearId;exports.generateBearId=r.generateBearId;exports.resolveBearId=r.resolveBearId;exports.useBearId=_.useBearId;exports.getResponsiveClass=a.getResponsiveClass;exports.BEAR_ID_MAX_LENGTH=e.BEAR_ID_MAX_LENGTH;exports.BEAR_ID_NUMERIC_MAX=e.BEAR_ID_NUMERIC_MAX;exports.BEAR_ID_NUMERIC_MIN=e.BEAR_ID_NUMERIC_MIN;exports.BEAR_ID_PREFIX=e.BEAR_ID_PREFIX;exports.BEAR_ID_SEPARATOR=e.BEAR_ID_SEPARATOR;

package/dist/utils/index.d.ts

@@ -2,3 +2,8 @@ export { cn, styleForge } from './cn';
 export { deepMerge } from './deepMerge';
 export { createSlots } from './createSlots';
 export type { SlotDefinition, SlotComponent } from './createSlots';
+export { generateBearId, formatBearId, resolveBearId } from './generateBearId.utils';
+export type { GenerateBearIdOptions } from './generateBearId.types';
+export { useBearId } from './useBearId';
+export { getResponsiveClass } from './getResponsiveClass.utils';
+export { BEAR_ID_PREFIX, BEAR_ID_SEPARATOR, BEAR_ID_NUMERIC_MIN, BEAR_ID_NUMERIC_MAX, BEAR_ID_MAX_LENGTH, } from './generateBearId.const';

package/dist/utils/index.js

@@ -1,9 +1,23 @@
 import { cn as o, styleForge as t } from "./cn.js";
-import { deepMerge as f } from "./deepMerge.js";
-import { createSlots as x } from "./createSlots.js";
+import { deepMerge as _ } from "./deepMerge.js";
+import { createSlots as E } from "./createSlots.js";
+import { formatBearId as A, generateBearId as B, resolveBearId as a } from "./generateBearId.utils.js";
+import { useBearId as m } from "./useBearId.js";
+import { getResponsiveClass as x } from "./getResponsiveClass.utils.js";
+import { BEAR_ID_MAX_LENGTH as d, BEAR_ID_NUMERIC_MAX as D, BEAR_ID_NUMERIC_MIN as g, BEAR_ID_PREFIX as l, BEAR_ID_SEPARATOR as N } from "./generateBearId.const.js";
 export {
+  d as BEAR_ID_MAX_LENGTH,
+  D as BEAR_ID_NUMERIC_MAX,
+  g as BEAR_ID_NUMERIC_MIN,
+  l as BEAR_ID_PREFIX,
+  N as BEAR_ID_SEPARATOR,
   o as cn,
-  x as createSlots,
-  f as deepMerge,
-  t as styleForge
+  E as createSlots,
+  _ as deepMerge,
+  A as formatBearId,
+  B as generateBearId,
+  x as getResponsiveClass,
+  a as resolveBearId,
+  t as styleForge,
+  m as useBearId
 };

package/dist/utils/useBearId.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),c=require("./generateBearId.utils.cjs"),n=(t,e)=>{const a=u.useId();return u.useMemo(()=>{const r=c.formatBearId(t,a);if(!e)return r;const s=e.replace(/[^a-zA-Z0-9_]/g,"");return s?`${r}_${s}`:r},[t,a,e])};exports.useBearId=n;

package/dist/utils/useBearId.d.ts

@@ -0,0 +1 @@
+export declare const useBearId: (componentName: string, suffix?: string) => string;

package/dist/utils/useBearId.js

@@ -0,0 +1,15 @@
+import { useId as c, useMemo as d } from "react";
+import { formatBearId as n } from "./generateBearId.utils.js";
+const I = (t, r) => {
+  const o = c();
+  return d(() => {
+    const e = n(t, o);
+    if (!r)
+      return e;
+    const a = r.replace(/[^a-zA-Z0-9_]/g, "");
+    return a ? `${e}_${a}` : e;
+  }, [t, o, r]);
+};
+export {
+  I as useBearId
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@forgedevstack/bear",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "Strong, reliable React UI components. AeroCraft-powered, zero config required. The protective force of ForgeStack.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -55,10 +55,21 @@
     "build:modules": "cp -r src/styles dist/styles && cp -r src/postcss dist/postcss",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "test": "vitest",
+    "test:run": "vitest run",
     "portal": "cd portal && npm run dev",
     "portal:install": "cd portal && npm install",
     "portal:build": "cd portal && npm run build",
-    "prepublishOnly": "npm run build"
+    "sanity": "bash scripts/pre-commit.sh",
+    "prepublishOnly": "npm run build",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "eslint --fix --max-warnings 0"
+    ],
+    "portal/src/**/*.{ts,tsx}": [
+      "eslint --fix --max-warnings 0"
+    ]
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -74,6 +85,8 @@
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.18.0",
     "eslint-plugin-react-hooks": "^5.1.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^17.0.7",
     "postcss": "^8.5.1",
     "postcss-cli": "^11.0.0",
     "postcss-import": "^16.1.1",

package/dist/components/Toast/Toast.utils.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;exports.generateId=e;

package/dist/components/Toast/Toast.utils.js

@@ -1,4 +0,0 @@
-const t = () => `toast-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`;
-export {
-  t as generateId
-};