@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/components/Switch/Switch.const.js

@@ -0,0 +1,37 @@
+const r = {
+  sm: 16,
+  md: 20,
+  lg: 28
+}, e = 2, a = "Bear-Switch bear-inline-flex bear-cursor-pointer", t = "bear-items-center bear-gap-3", b = "bear-flex-col bear-items-start bear-gap-2", n = "bear-opacity-50 bear-cursor-not-allowed", o = "Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-primary-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900", _ = "bear-bg-primary-500", S = "bear-bg-gray-300 dark:bear-bg-gray-600", i = "Bear-Switch__thumb bear-absolute bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center bear-will-change-transform", s = "Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300", C = "Bear-Switch__icon bear-flex bear-items-center bear-justify-center", c = "bear-absolute bear-left-1 bear-transition-colors bear-duration-200", I = "bear-absolute bear-right-1 bear-transition-colors bear-duration-200", T = "bear-text-white", E = "bear-text-transparent", H = "bear-text-gray-600 dark:bear-text-gray-400", l = "bear-text-primary-500", g = "bear-text-gray-400", h = {
+  sm: { track: "bear-w-8 bear-h-4", thumb: "bear-w-3 bear-h-3" },
+  md: { track: "bear-w-11 bear-h-6", thumb: "bear-w-5 bear-h-5" },
+  lg: { track: "bear-w-14 bear-h-7", thumb: "bear-w-6 bear-h-6" }
+}, u = "Bear-SwitchGroup bear-inline-flex bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-p-0.5", O = "bear-flex-col bear-rounded-lg", d = "bear-opacity-50 bear-pointer-events-none", f = "Bear-SwitchGroup__option bear-relative bear-z-[1] bear-px-3 bear-py-1.5 bear-text-xs bear-font-medium bear-rounded-full bear-transition-colors bear-cursor-pointer bear-border-0 bear-bg-transparent", w = "bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-white bear-shadow-sm", x = "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white";
+export {
+  n as SWITCH_DISABLED_CLASSES,
+  d as SWITCH_GROUP_DISABLED,
+  f as SWITCH_GROUP_OPTION,
+  w as SWITCH_GROUP_OPTION_ACTIVE,
+  x as SWITCH_GROUP_OPTION_INACTIVE,
+  u as SWITCH_GROUP_ROOT,
+  O as SWITCH_GROUP_VERTICAL,
+  E as SWITCH_ICON_CHECKED_HIDDEN,
+  T as SWITCH_ICON_CHECKED_VISIBLE,
+  C as SWITCH_ICON_CLASSES,
+  c as SWITCH_ICON_LEFT_CLASSES,
+  I as SWITCH_ICON_RIGHT_CLASSES,
+  l as SWITCH_ICON_THUMB_CHECKED,
+  g as SWITCH_ICON_THUMB_UNCHECKED,
+  H as SWITCH_ICON_UNCHECKED_VISIBLE,
+  s as SWITCH_LABEL_CLASSES,
+  a as SWITCH_ROOT_CLASSES,
+  t as SWITCH_ROOT_HORIZONTAL,
+  b as SWITCH_ROOT_VERTICAL,
+  h as SWITCH_SIZE_CLASSES,
+  i as SWITCH_THUMB_BASE_CLASSES,
+  e as SWITCH_THUMB_OFFSET_PX,
+  r as SWITCH_THUMB_TRANSLATE_PX,
+  o as SWITCH_TRACK_BASE_CLASSES,
+  _ as SWITCH_TRACK_CHECKED_CLASSES,
+  S as SWITCH_TRACK_UNCHECKED_CLASSES
+};

package/dist/components/Switch/Switch.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { SwitchProps } from './Switch.types';
-export declare const Switch: FC<SwitchProps>;
+export declare const Switch: (props: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/Switch.js

@@ -1,109 +1,80 @@
-import { jsxs as o, jsx as a, Fragment as h } from "react/jsx-runtime";
-import { cn as e } from "../../utils/cn.js";
+import { jsxs as T, jsx as C, Fragment as O } from "react/jsx-runtime";
+import { cn as _ } from "../../utils/cn.js";
 import "react";
-const C = "Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer", g = "bear-opacity-50 bear-cursor-not-allowed", E = "Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-primary-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900", y = "bear-bg-primary-500", A = "bear-bg-gray-300 dark:bear-bg-gray-600", T = "Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center", H = "Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300", l = "Bear-Switch__icon bear-flex bear-items-center bear-justify-center", L = {
-  sm: {
-    track: "bear-w-8 bear-h-4",
-    thumb: "bear-w-3 bear-h-3",
-    translate: "bear-translate-x-4",
-    iconSize: 8
-  },
-  md: {
-    track: "bear-w-11 bear-h-6",
-    thumb: "bear-w-5 bear-h-5",
-    translate: "bear-translate-x-5",
-    iconSize: 12
-  },
-  lg: {
-    track: "bear-w-14 bear-h-7",
-    thumb: "bear-w-6 bear-h-6",
-    translate: "bear-translate-x-7",
-    iconSize: 16
-  }
-}, W = ({
-  label: S,
-  checked: r = !1,
-  onCheckedChange: t,
-  size: f = "md",
-  disabled: s = !1,
-  uncheckedIcon: b,
-  checkedIcon: i,
-  showIconsInThumb: c = !1,
-  className: _,
-  testId: u,
-  id: p,
-  ...w
-}) => {
-  const x = () => {
-    s || t == null || t(!r);
-  }, n = L[f], m = b || i;
-  return /* @__PURE__ */ o(
+import { SWITCH_ICON_CHECKED_VISIBLE as B, SWITCH_ICON_CHECKED_HIDDEN as i, SWITCH_ICON_LEFT_CLASSES as D, SWITCH_ICON_CLASSES as n, SWITCH_ICON_UNCHECKED_VISIBLE as f, SWITCH_ICON_RIGHT_CLASSES as K, SWITCH_THUMB_TRANSLATE_PX as R, SWITCH_THUMB_OFFSET_PX as N, SWITCH_ICON_THUMB_CHECKED as b, SWITCH_ICON_THUMB_UNCHECKED as U, SWITCH_SIZE_CLASSES as u, SWITCH_THUMB_BASE_CLASSES as x, SWITCH_TRACK_CHECKED_CLASSES as k, SWITCH_TRACK_UNCHECKED_CLASSES as M, SWITCH_TRACK_BASE_CLASSES as F, SWITCH_LABEL_CLASSES as g, SWITCH_DISABLED_CLASSES as y, SWITCH_ROOT_VERTICAL as z, SWITCH_ROOT_HORIZONTAL as V, SWITCH_ROOT_CLASSES as X } from "./Switch.const.js";
+const Z = (m) => {
+  const {
+    label: t,
+    checked: S = !1,
+    onCheckedChange: s,
+    size: E = "md",
+    orientation: A = "horizontal",
+    disabled: e = !1,
+    uncheckedIcon: a,
+    checkedIcon: I,
+    showIconsInThumb: H = !1,
+    className: h,
+    testId: L,
+    onChange: c,
+    ...W
+  } = m, d = (o) => {
+    e || (s == null || s(o.target.checked), c == null || c(o));
+  }, l = u[E], r = a || I, p = S ? R[E] : 0;
+  return /* @__PURE__ */ T(
     "label",
     {
-      id: p,
-      "data-testid": u,
-      className: e(
-        C,
-        s && g,
-        _
+      "data-testid": L,
+      className: _(
+        X,
+        A === "vertical" ? z : V,
+        e && y,
+        h
       ),
       children: [
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ C(
           "input",
           {
             type: "checkbox",
-            checked: r,
-            onChange: x,
-            disabled: s,
+            checked: S,
+            onChange: d,
+            disabled: e,
             className: "bear-sr-only",
-            ...w
+            ...W
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ T(
           "span",
           {
-            className: e(
-              E,
-              r ? y : A,
-              n.track
+            className: _(
+              F,
+              S ? k : M,
+              l.track
             ),
             children: [
-              m && !c && /* @__PURE__ */ o(h, { children: [
-                /* @__PURE__ */ a("span", { className: e(
-                  l,
-                  "bear-absolute bear-left-1",
-                  r ? "bear-text-white" : "bear-text-transparent",
-                  "bear-transition-colors bear-duration-200"
-                ), children: i }),
-                /* @__PURE__ */ a("span", { className: e(
-                  l,
-                  "bear-absolute bear-right-1",
-                  r ? "bear-text-transparent" : "bear-text-gray-600 dark:bear-text-gray-400",
-                  "bear-transition-colors bear-duration-200"
-                ), children: b })
+              r && !H && /* @__PURE__ */ T(O, { children: [
+                /* @__PURE__ */ C("span", { className: _(n, D, S ? B : i), children: I }),
+                /* @__PURE__ */ C("span", { className: _(n, K, S ? i : f), children: a })
               ] }),
-              /* @__PURE__ */ a(
+              /* @__PURE__ */ C(
                 "span",
                 {
-                  className: e(
-                    T,
-                    r && n.translate,
-                    n.thumb
-                  ),
-                  children: m && c && /* @__PURE__ */ a("span", { className: e(
-                    l,
-                    r ? "bear-text-primary-500" : "bear-text-gray-400"
-                  ), children: r ? i : b })
+                  className: _(x, l.thumb),
+                  style: {
+                    top: `${N}px`,
+                    left: `${N}px`,
+                    transform: `translateX(${p}px)`
+                  },
+                  children: r && H && /* @__PURE__ */ C("span", { className: _(n, S ? b : U), children: S ? I : a })
                 }
               )
             ]
           }
         ),
-        S && /* @__PURE__ */ a("span", { className: H, children: S })
+        t && /* @__PURE__ */ C("span", { className: g, children: t })
       ]
     }
   );
 };
 export {
-  W as Switch
+  Z as Switch
 };

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

@@ -1,23 +1,31 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
+export type SwitchOrientation = 'horizontal' | 'vertical';
 export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
-    /** Switch label */
     label?: string;
-    /** Whether switch is checked */
     checked?: boolean;
-    /** Callback when switch changes */
     onCheckedChange?: (checked: boolean) => void;
-    /** Switch size */
     size?: 'sm' | 'md' | 'lg';
-    /** Icon to show when unchecked (on left side) */
+    orientation?: SwitchOrientation;
     uncheckedIcon?: ReactNode;
-    /** Icon to show when checked (on right side) */
     checkedIcon?: ReactNode;
-    /** Show icons inside thumb */
     showIconsInThumb?: boolean;
-    /** Additional class names */
     className?: string;
-    /** Test ID for testing */
     testId?: string;
-    /** Element ID */
     id?: string;
 }
+export interface SwitchGroupOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface SwitchGroupProps {
+    value: string;
+    options: SwitchGroupOption[];
+    onChange: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    orientation?: SwitchOrientation;
+    disabled?: boolean;
+    className?: string;
+    testId?: string;
+    'aria-label'?: string;
+}

package/dist/components/Switch/SwitchGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("../../utils/cn.cjs");require("react");const e=require("./Switch.const.cjs"),I=s=>{const{value:c,options:n,onChange:o,orientation:u="horizontal",disabled:r=!1,className:_,testId:d,"aria-label":T="Switch group"}=s;return i.jsx("div",{role:"radiogroup","aria-label":T,"data-testid":d,className:l.cn(e.SWITCH_GROUP_ROOT,u==="vertical"&&e.SWITCH_GROUP_VERTICAL,r&&e.SWITCH_GROUP_DISABLED,_),style:{gap:`${e.SWITCH_THUMB_OFFSET_PX}px`},children:n.map(a=>{const t=a.value===c;return i.jsx("button",{type:"button",role:"radio","aria-checked":t,disabled:r||a.disabled,className:l.cn(e.SWITCH_GROUP_OPTION,t?e.SWITCH_GROUP_OPTION_ACTIVE:e.SWITCH_GROUP_OPTION_INACTIVE),onClick:()=>o(a.value),children:a.label},a.value)})})};exports.SwitchGroup=I;

package/dist/components/Switch/SwitchGroup.d.ts

@@ -0,0 +1,2 @@
+import { SwitchGroupProps } from './Switch.types';
+export declare const SwitchGroup: (props: SwitchGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/SwitchGroup.js

@@ -0,0 +1,50 @@
+import { jsx as l } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+import "react";
+import { SWITCH_THUMB_OFFSET_PX as O, SWITCH_GROUP_OPTION_ACTIVE as n, SWITCH_GROUP_OPTION_INACTIVE as C, SWITCH_GROUP_OPTION as m, SWITCH_GROUP_DISABLED as u, SWITCH_GROUP_VERTICAL as S, SWITCH_GROUP_ROOT as P } from "./Switch.const.js";
+const h = (i) => {
+  const {
+    value: o,
+    options: s,
+    onChange: _,
+    orientation: c = "horizontal",
+    disabled: e = !1,
+    className: I,
+    testId: T,
+    "aria-label": d = "Switch group"
+  } = i;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": d,
+      "data-testid": T,
+      className: t(
+        P,
+        c === "vertical" && S,
+        e && u,
+        I
+      ),
+      style: { gap: `${O}px` },
+      children: s.map((a) => {
+        const r = a.value === o;
+        return /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": r,
+            disabled: e || a.disabled,
+            className: t(m, r ? n : C),
+            onClick: () => _(a.value),
+            children: a.label
+          },
+          a.value
+        );
+      })
+    }
+  );
+};
+export {
+  h as SwitchGroup
+};

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

@@ -1,2 +1,3 @@
 export { Switch } from './Switch';
-export type { SwitchProps } from './Switch.types';
+export { SwitchGroup } from './SwitchGroup';
+export type { SwitchProps, SwitchGroupProps, SwitchGroupOption, SwitchOrientation } from './Switch.types';

package/dist/components/TableSkeleton/TableSkeleton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const L=require("../../utils/generateBearId.utils.cjs"),S=require("../../utils/useBearId.cjs"),b=require("../Skeleton/Skeleton.cjs"),e=require("./TableSkeleton.const.cjs"),u=({rows:o=e.TABLE_SKELETON_DEFAULT_ROWS,columns:l=e.TABLE_SKELETON_DEFAULT_COLUMNS,animation:t="pulse",id:s,testId:d,className:_})=>{const n=S.useBearId("TableSkeleton"),E=L.resolveBearId(s,n);return r.jsxs("div",{id:E,"data-testid":d,className:i.cn(e.TABLE_SKELETON_ROOT_CLASS,"bear-w-full bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-overflow-hidden",_),children:[r.jsx("div",{className:"Bear-TableSkeleton__header bear-flex bear-gap-2 bear-px-4 bear-border-b bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]",style:{height:e.TABLE_SKELETON_HEADER_HEIGHT_PX,gap:e.TABLE_SKELETON_CELL_GAP_PX},children:Array.from({length:l}).map((T,a)=>r.jsx(b.Skeleton,{animation:t,height:16,className:"bear-flex-1"},`header-${a}`))}),Array.from({length:o}).map((T,a)=>r.jsx("div",{className:"Bear-TableSkeleton__row bear-flex bear-items-center bear-px-4 bear-border-b bear-border-[var(--bear-border-subtle)]",style:{height:e.TABLE_SKELETON_ROW_HEIGHT_PX,gap:e.TABLE_SKELETON_CELL_GAP_PX},children:Array.from({length:l}).map((g,c)=>r.jsx(b.Skeleton,{animation:t,height:14,className:"bear-flex-1"},`cell-${a}-${c}`))},`row-${a}`))]})};exports.TableSkeleton=u;

package/dist/components/TableSkeleton/TableSkeleton.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-TableSkeleton",_=5,L=4,T=48,O=40,S=8;exports.TABLE_SKELETON_CELL_GAP_PX=S;exports.TABLE_SKELETON_DEFAULT_COLUMNS=L;exports.TABLE_SKELETON_DEFAULT_ROWS=_;exports.TABLE_SKELETON_HEADER_HEIGHT_PX=O;exports.TABLE_SKELETON_ROOT_CLASS=E;exports.TABLE_SKELETON_ROW_HEIGHT_PX=T;

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

@@ -0,0 +1,6 @@
+export declare const TABLE_SKELETON_ROOT_CLASS = "Bear-TableSkeleton";
+export declare const TABLE_SKELETON_DEFAULT_ROWS = 5;
+export declare const TABLE_SKELETON_DEFAULT_COLUMNS = 4;
+export declare const TABLE_SKELETON_ROW_HEIGHT_PX = 48;
+export declare const TABLE_SKELETON_HEADER_HEIGHT_PX = 40;
+export declare const TABLE_SKELETON_CELL_GAP_PX = 8;

package/dist/components/TableSkeleton/TableSkeleton.const.js

@@ -0,0 +1,9 @@
+const E = "Bear-TableSkeleton", _ = 5, L = 4, T = 48, A = 40, O = 8;
+export {
+  O as TABLE_SKELETON_CELL_GAP_PX,
+  L as TABLE_SKELETON_DEFAULT_COLUMNS,
+  _ as TABLE_SKELETON_DEFAULT_ROWS,
+  A as TABLE_SKELETON_HEADER_HEIGHT_PX,
+  E as TABLE_SKELETON_ROOT_CLASS,
+  T as TABLE_SKELETON_ROW_HEIGHT_PX
+};

package/dist/components/TableSkeleton/TableSkeleton.d.ts

@@ -0,0 +1,2 @@
+import { TableSkeletonProps } from './TableSkeleton.types';
+export declare const TableSkeleton: ({ rows, columns, animation, id, testId, className, }: TableSkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TableSkeleton/TableSkeleton.js

@@ -0,0 +1,51 @@
+import { jsxs as L, jsx as r } from "react/jsx-runtime";
+import { cn as f } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as h } from "../../utils/generateBearId.utils.js";
+import { useBearId as n } from "../../utils/useBearId.js";
+import { Skeleton as o } from "../Skeleton/Skeleton.js";
+import { TABLE_SKELETON_CELL_GAP_PX as l, TABLE_SKELETON_HEADER_HEIGHT_PX as p, TABLE_SKELETON_DEFAULT_COLUMNS as S, TABLE_SKELETON_DEFAULT_ROWS as c, TABLE_SKELETON_ROW_HEIGHT_PX as g, TABLE_SKELETON_ROOT_CLASS as A } from "./TableSkeleton.const.js";
+const k = ({
+  rows: t = c,
+  columns: a = S,
+  animation: b = "pulse",
+  id: d,
+  testId: _,
+  className: E
+}) => {
+  const m = n("TableSkeleton"), s = h(d, m);
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      id: s,
+      "data-testid": _,
+      className: f(
+        A,
+        "bear-w-full bear-rounded-lg bear-border bear-border-[var(--bear-border-default)] bear-overflow-hidden",
+        E
+      ),
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: "Bear-TableSkeleton__header bear-flex bear-gap-2 bear-px-4 bear-border-b bear-border-[var(--bear-border-default)] bear-bg-[var(--bear-bg-secondary)]",
+            style: { height: p, gap: l },
+            children: Array.from({ length: a }).map((T, e) => /* @__PURE__ */ r(o, { animation: b, height: 16, className: "bear-flex-1" }, `header-${e}`))
+          }
+        ),
+        Array.from({ length: t }).map((T, e) => /* @__PURE__ */ r(
+          "div",
+          {
+            className: "Bear-TableSkeleton__row bear-flex bear-items-center bear-px-4 bear-border-b bear-border-[var(--bear-border-subtle)]",
+            style: { height: g, gap: l },
+            children: Array.from({ length: a }).map((N, i) => /* @__PURE__ */ r(o, { animation: b, height: 14, className: "bear-flex-1" }, `cell-${e}-${i}`))
+          },
+          `row-${e}`
+        ))
+      ]
+    }
+  );
+};
+export {
+  k as TableSkeleton
+};

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

@@ -0,0 +1,9 @@
+import { SkeletonAnimation } from '../Skeleton/Skeleton.types';
+export interface TableSkeletonProps {
+    rows?: number;
+    columns?: number;
+    animation?: SkeletonAnimation;
+    id?: string;
+    testId?: string;
+    className?: string;
+}

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

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

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

@@ -0,0 +1 @@
+export declare const T_A_B_S_ROOT_CLASS = "Bear-Tabs";

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

@@ -7,6 +7,7 @@ export interface TabsContextValue {
     variant: 'line' | 'pills' | 'enclosed';
 }
 export interface TabsProps {
+    id?: string;
     /** Tab panels */
     children: ReactNode;
     /** Controlled active tab (when set, defaultTab is ignored) */

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

@@ -7,6 +7,7 @@ export interface TagCloudItem {
     href?: string;
 }
 export interface TagCloudProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    id?: string;
     /** Tags with text and weight value */
     tags: TagCloudItem[];
     /** Minimum font size in px */

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

@@ -0,0 +1 @@
+export declare const T_A_G_S_I_N_P_U_T_ROOT_CLASS = "Bear-TagsInput";

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

@@ -1,4 +1,6 @@
 export interface TagsInputProps {
+    testId?: string;
+    id?: string;
     value?: string[];
     defaultValue?: string[];
     onChange?: (tags: string[]) => void;

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

@@ -8,6 +8,7 @@ export interface TerminalLine {
     prefix?: string;
 }
 export interface TerminalProps {
+    id?: string;
     /** Array of terminal lines */
     lines: TerminalLine[];
     /** Callback when user submits a command */

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

@@ -0,0 +1 @@
+export declare const T_H_E_M_E_I_C_O_N_ROOT_CLASS = "Bear-ThemeIcon";

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { BearVariant, BearSize } from '../../types';
 export interface ThemeIconProps {
+    id?: string;
     /** The icon element to render inside */
     children: ReactNode;
     /** Color variant */

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

@@ -13,6 +13,8 @@ export interface TimePickerTranslations {
 }
 /** Props for TimePickerColumnsDropdown sub-component. */
 export interface TimePickerColumnsProps {
+    testId?: string;
+    id?: string;
     selectedHour: number;
     setSelectedHour: (h: number) => void;
     selectedMinute: number;

package/dist/components/Timeline/Timeline.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),T=require("react"),s=require("../../utils/cn.cjs"),t=require("./Timeline.const.cjs"),d=T.forwardRef(({items:I,position:a="left",size:i="md",showLine:S=!0,pending:n,reverse:o=!1,lineColor:E,testId:N,className:x,...m},f)=>{const _=t.TIMELINE_POSITIONS[a],L=t.TIMELINE_DOT_SIZES[i],u=t.TIMELINE_DOT_ICON_SIZES[i],h=t.TIMELINE_TITLE_SIZES[i],y=t.TIMELINE_DESC_SIZES[i],M=T.useMemo(()=>{let e=[...I];return o&&(e=e.reverse()),n&&e.push({title:typeof n=="string"?n:"Loading...",description:typeof n=="boolean"?void 0:n,color:"gray"}),e},[I,o,n]),p=e=>{const c=e.color||"pink",l=e.active;return e.icon?r.jsx("div",{className:s.cn(t.TIMELINE_DOT_BASE,u,t.TIMELINE_DOT_COLORS[c],"flex items-center justify-center text-white",l&&"ring-4 ring-primary-500/30"),style:{top:"2px",...a==="left"?{left:"-4px"}:{},...a==="right"?{right:"-4px"}:{},...a==="alternate"?{left:"50%",transform:"translateX(-50%)"}:{}},children:e.icon}):r.jsx("div",{className:s.cn(t.TIMELINE_DOT_BASE,L,t.TIMELINE_DOT_COLORS[c],l&&"ring-4 ring-primary-500/30 scale-125"),style:{top:"6px",...a==="left"?{left:"0"}:{},...a==="right"?{right:"0"}:{},...a==="alternate"?{left:"50%",transform:"translateX(-50%)"}:{}}})},O=e=>{if(a!=="alternate")return{};const c=e%2===0;return{wrapper:c?"pr-8 text-right w-1/2":"pl-8 text-left w-1/2 ml-auto",content:c?"text-right":"text-left"}};return r.jsxs("div",{ref:f,className:s.cn(t.TIMELINE_BASE_CLASSES,x),"data-testid":N,...m,children:[S&&r.jsx("div",{className:s.cn(t.TIMELINE_LINE_BASE,_.line,E?"":t.TIMELINE_LINE_COLOR),style:E?{backgroundColor:E}:void 0}),M.map((e,c)=>{const l=O(c);return r.jsxs("div",{className:s.cn(t.TIMELINE_ITEM_BASE,a!=="alternate"&&_.wrapper,l.wrapper),children:[p(e),r.jsxs("div",{className:s.cn(t.TIMELINE_CONTENT_BASE,l.content),children:[e.time&&r.jsx("div",{className:s.cn(t.TIMELINE_TIME_CLASSES,"mb-1"),children:e.time}),r.jsx("h4",{className:s.cn("Bear-Timeline__title font-medium text-gray-900 dark:text-white",h,e.active&&"text-primary-600 dark:text-primary-400"),children:e.title}),e.description&&r.jsx("div",{className:s.cn("Bear-Timeline__description text-gray-600 dark:text-gray-400 mt-1",y),children:e.description}),e.extra&&r.jsx("div",{className:"Bear-Timeline__extra mt-3",children:e.extra})]})]},c)})]})});d.displayName="Timeline";exports.Timeline=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("react"),I=require("../../utils/cn.cjs"),g=require("../HoverCard/HoverCard.cjs"),E=require("./Timeline.const.cjs"),V=(N,i)=>{const _=i?E.TIMELINE_DOT_TOP_WITH_ICON_PX:E.TIMELINE_DOT_TOP_DEFAULT_PX,n=i?E.TIMELINE_DOT_OFFSET_WITH_ICON_PX:E.TIMELINE_DOT_OFFSET_DEFAULT_PX;return N==="alternate"?{top:_,left:"50%",transform:"translateX(-50%)"}:N==="right"?{top:_,right:n}:{top:_,left:n}},C=A.forwardRef((N,i)=>{const{items:_,position:n="left",size:l="md",showLine:D=!0,pending:r,reverse:d=!1,lineColor:a,testId:u,className:v,...R}=N,L=E.TIMELINE_POSITIONS[n],p=E.TIMELINE_DOT_SIZES[l],f=E.TIMELINE_DOT_ICON_SIZES[l],h=E.TIMELINE_TITLE_SIZES[l],x=E.TIMELINE_DESC_SIZES[l],j=A.useMemo(()=>{let e=[..._];return d&&(e=e.reverse()),r&&e.push({title:typeof r=="string"?r:E.TIMELINE_PENDING_TITLE,description:typeof r=="boolean"?void 0:r,color:"gray"}),e},[_,d,r]),y=(e,s)=>{const o=e.color||"pink",c=e.active,S=!!e.icon,T=!!(e.detail||e.date),M=V(n,S),O=S?t.jsx("div",{className:I.cn(E.TIMELINE_DOT_BASE,f,E.TIMELINE_DOT_COLORS[o],E.TIMELINE_DOT_ICON_EXTRA,c&&E.TIMELINE_DOT_ACTIVE_RING,T&&E.TIMELINE_DOT_INTERACTIVE),style:M,onClick:e.onDotClick,role:T?"button":void 0,tabIndex:T?0:void 0,children:e.icon}):t.jsx("div",{className:I.cn(E.TIMELINE_DOT_BASE,p,E.TIMELINE_DOT_COLORS[o],c&&I.cn(E.TIMELINE_DOT_ACTIVE_RING,E.TIMELINE_DOT_ACTIVE_SCALE),T&&I.cn(E.TIMELINE_DOT_INTERACTIVE,E.TIMELINE_DOT_HOVER_SCALE)),style:M,onClick:e.onDotClick,role:T?"button":void 0,tabIndex:T?0:void 0});return T?t.jsx(g.HoverCard,{cardContent:t.jsxs("div",{className:E.TIMELINE_HOVER_CARD_CONTENT,children:[e.date&&t.jsx("div",{className:E.TIMELINE_HOVER_CARD_DATE,children:e.date}),e.detail??e.description]}),children:O},s):O},P=e=>{if(n!=="alternate")return{wrapper:"",content:""};const s=e%2===0;return{wrapper:s?E.TIMELINE_ALTERNATE_EVEN_WRAPPER:E.TIMELINE_ALTERNATE_ODD_WRAPPER,content:s?E.TIMELINE_ALTERNATE_EVEN_CONTENT:E.TIMELINE_ALTERNATE_ODD_CONTENT}};return t.jsxs("div",{ref:i,className:I.cn(E.TIMELINE_BASE_CLASSES,v),"data-testid":u,...R,children:[D&&t.jsx("div",{className:I.cn(E.TIMELINE_LINE_BASE,L.line,a?"":E.TIMELINE_LINE_COLOR),style:a?{backgroundColor:a}:void 0}),j.map((e,s)=>{const o=P(s),c=`${e.title}-${e.time??s}`;return t.jsxs("div",{className:I.cn(E.TIMELINE_ITEM_BASE,n!=="alternate"&&L.wrapper,o.wrapper),children:[y(e,`dot-${c}`),t.jsxs("div",{className:I.cn(E.TIMELINE_CONTENT_BASE,o.content),children:[e.time&&t.jsx("div",{className:I.cn(E.TIMELINE_TIME_CLASSES,E.TIMELINE_TIME_MARGIN),children:e.time}),t.jsx("h4",{className:I.cn(E.TIMELINE_TITLE_BASE,h,e.active&&E.TIMELINE_TITLE_ACTIVE),children:e.title}),e.description&&t.jsx("div",{className:I.cn(E.TIMELINE_DESC_BASE,x),children:e.description}),e.extra&&t.jsx("div",{className:E.TIMELINE_EXTRA_CLASSES,children:e.extra})]})]},c)})]})});C.displayName="Timeline";exports.Timeline=C;

package/dist/components/Timeline/Timeline.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-Timeline relative",t="Bear-Timeline__item relative pb-8 last:pb-0",e={left:{wrapper:"pl-8",content:"text-left",dot:"left-0",line:"left-3"},right:{wrapper:"pr-8 text-right",content:"text-right",dot:"right-0",line:"right-3"},alternate:{wrapper:"",content:"",dot:"",line:"left-1/2 -translate-x-1/2"}},I="Bear-Timeline__dot absolute rounded-full border-2 border-white dark:border-zinc-900 z-10 transition-all",_={sm:"w-3 h-3",md:"w-4 h-4",lg:"w-5 h-5"},T={sm:"w-6 h-6",md:"w-8 h-8",lg:"w-10 h-10"},r={pink:"bg-primary-500",green:"bg-green-500",blue:"bg-blue-500",amber:"bg-amber-500",red:"bg-red-500",gray:"bg-gray-400 dark:bg-zinc-600"},S="Bear-Timeline__line absolute top-0 w-0.5 h-full",n="bg-gray-200 dark:bg-zinc-700",L="Bear-Timeline__content",l={sm:"text-sm",md:"text-base",lg:"text-lg"},N={sm:"text-xs",md:"text-sm",lg:"text-base"},a="text-xs text-gray-500 dark:text-gray-400";exports.TIMELINE_BASE_CLASSES=E;exports.TIMELINE_CONTENT_BASE=L;exports.TIMELINE_DESC_SIZES=N;exports.TIMELINE_DOT_BASE=I;exports.TIMELINE_DOT_COLORS=r;exports.TIMELINE_DOT_ICON_SIZES=T;exports.TIMELINE_DOT_SIZES=_;exports.TIMELINE_ITEM_BASE=t;exports.TIMELINE_LINE_BASE=S;exports.TIMELINE_LINE_COLOR=n;exports.TIMELINE_POSITIONS=e;exports.TIMELINE_TIME_CLASSES=a;exports.TIMELINE_TITLE_SIZES=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Bear-Timeline relative",I="Bear-Timeline__item relative pb-8 last:pb-0",T={left:{wrapper:"pl-8",content:"text-left",dot:"left-0",line:"left-3"},right:{wrapper:"pr-8 text-right",content:"text-right",dot:"right-0",line:"right-3"},alternate:{wrapper:"",content:"",dot:"",line:"left-1/2 -translate-x-1/2"}},_="Bear-Timeline__dot absolute rounded-full border-2 border-white dark:border-zinc-900 z-10 transition-all",e={sm:"w-3 h-3",md:"w-4 h-4",lg:"w-5 h-5"},t={sm:"w-6 h-6",md:"w-8 h-8",lg:"w-10 h-10"},N={pink:"bg-primary-500",green:"bg-green-500",blue:"bg-blue-500",amber:"bg-amber-500",red:"bg-red-500",gray:"bg-gray-400 dark:bg-zinc-600"},r="Bear-Timeline__line absolute top-0 w-0.5 h-full",L="bg-gray-200 dark:bg-zinc-700",a="Bear-Timeline__content",n={sm:"text-sm",md:"text-base",lg:"text-lg"},M={sm:"text-xs",md:"text-sm",lg:"text-base"},O="text-xs text-gray-500 dark:text-gray-400",A=2,S=6,o=-4,s=0,b="bear-flex bear-items-center bear-justify-center bear-text-white",i="bear-ring-4 bear-ring-primary-500/30",c="bear-cursor-pointer",l="hover:bear-scale-125 bear-transition-transform",D="bear-scale-125",C="bear-text-sm bear-space-y-1",R="bear-font-semibold bear-text-gray-900 dark:bear-text-white",g="bear-pr-8 bear-text-right bear-w-1/2",m="bear-pl-8 bear-text-left bear-w-1/2 bear-ml-auto",x="bear-text-right",d="bear-text-left",P="Bear-Timeline__title bear-font-medium bear-text-gray-900 dark:bear-text-white",p="bear-text-primary-600 dark:bear-text-primary-400",B="Bear-Timeline__description bear-text-gray-600 dark:bear-text-gray-400 bear-mt-1",h="Bear-Timeline__extra bear-mt-3",V="bear-mb-1",y="Loading...";exports.TIMELINE_ALTERNATE_EVEN_CONTENT=x;exports.TIMELINE_ALTERNATE_EVEN_WRAPPER=g;exports.TIMELINE_ALTERNATE_ODD_CONTENT=d;exports.TIMELINE_ALTERNATE_ODD_WRAPPER=m;exports.TIMELINE_BASE_CLASSES=E;exports.TIMELINE_CONTENT_BASE=a;exports.TIMELINE_DESC_BASE=B;exports.TIMELINE_DESC_SIZES=M;exports.TIMELINE_DOT_ACTIVE_RING=i;exports.TIMELINE_DOT_ACTIVE_SCALE=D;exports.TIMELINE_DOT_BASE=_;exports.TIMELINE_DOT_COLORS=N;exports.TIMELINE_DOT_HOVER_SCALE=l;exports.TIMELINE_DOT_ICON_EXTRA=b;exports.TIMELINE_DOT_ICON_SIZES=t;exports.TIMELINE_DOT_INTERACTIVE=c;exports.TIMELINE_DOT_OFFSET_DEFAULT_PX=s;exports.TIMELINE_DOT_OFFSET_WITH_ICON_PX=o;exports.TIMELINE_DOT_SIZES=e;exports.TIMELINE_DOT_TOP_DEFAULT_PX=S;exports.TIMELINE_DOT_TOP_WITH_ICON_PX=A;exports.TIMELINE_EXTRA_CLASSES=h;exports.TIMELINE_HOVER_CARD_CONTENT=C;exports.TIMELINE_HOVER_CARD_DATE=R;exports.TIMELINE_ITEM_BASE=I;exports.TIMELINE_LINE_BASE=r;exports.TIMELINE_LINE_COLOR=L;exports.TIMELINE_PENDING_TITLE=y;exports.TIMELINE_POSITIONS=T;exports.TIMELINE_TIME_CLASSES=O;exports.TIMELINE_TIME_MARGIN=V;exports.TIMELINE_TITLE_ACTIVE=p;exports.TIMELINE_TITLE_BASE=P;exports.TIMELINE_TITLE_SIZES=n;

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

@@ -38,3 +38,24 @@ export declare const TIMELINE_CONTENT_BASE = "Bear-Timeline__content";
 export declare const TIMELINE_TITLE_SIZES: Record<TimelineSize, string>;
 export declare const TIMELINE_DESC_SIZES: Record<TimelineSize, string>;
 export declare const TIMELINE_TIME_CLASSES = "text-xs text-gray-500 dark:text-gray-400";
+export declare const TIMELINE_DOT_TOP_WITH_ICON_PX = 2;
+export declare const TIMELINE_DOT_TOP_DEFAULT_PX = 6;
+export declare const TIMELINE_DOT_OFFSET_WITH_ICON_PX = -4;
+export declare const TIMELINE_DOT_OFFSET_DEFAULT_PX = 0;
+export declare const TIMELINE_DOT_ICON_EXTRA = "bear-flex bear-items-center bear-justify-center bear-text-white";
+export declare const TIMELINE_DOT_ACTIVE_RING = "bear-ring-4 bear-ring-primary-500/30";
+export declare const TIMELINE_DOT_INTERACTIVE = "bear-cursor-pointer";
+export declare const TIMELINE_DOT_HOVER_SCALE = "hover:bear-scale-125 bear-transition-transform";
+export declare const TIMELINE_DOT_ACTIVE_SCALE = "bear-scale-125";
+export declare const TIMELINE_HOVER_CARD_CONTENT = "bear-text-sm bear-space-y-1";
+export declare const TIMELINE_HOVER_CARD_DATE = "bear-font-semibold bear-text-gray-900 dark:bear-text-white";
+export declare const TIMELINE_ALTERNATE_EVEN_WRAPPER = "bear-pr-8 bear-text-right bear-w-1/2";
+export declare const TIMELINE_ALTERNATE_ODD_WRAPPER = "bear-pl-8 bear-text-left bear-w-1/2 bear-ml-auto";
+export declare const TIMELINE_ALTERNATE_EVEN_CONTENT = "bear-text-right";
+export declare const TIMELINE_ALTERNATE_ODD_CONTENT = "bear-text-left";
+export declare const TIMELINE_TITLE_BASE = "Bear-Timeline__title bear-font-medium bear-text-gray-900 dark:bear-text-white";
+export declare const TIMELINE_TITLE_ACTIVE = "bear-text-primary-600 dark:bear-text-primary-400";
+export declare const TIMELINE_DESC_BASE = "Bear-Timeline__description bear-text-gray-600 dark:bear-text-gray-400 bear-mt-1";
+export declare const TIMELINE_EXTRA_CLASSES = "Bear-Timeline__extra bear-mt-3";
+export declare const TIMELINE_TIME_MARGIN = "bear-mb-1";
+export declare const TIMELINE_PENDING_TITLE = "Loading...";