@forgedevstack/bear 1.3.1 → 1.3.3

package/dist/components/Icon/productIcons.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("@forgedevstack/bear-icons"),x=o=>t.jsxs(s.Icon,{...o,children:[t.jsx("rect",{x:"4",y:"3",width:"16",height:"18",rx:"2"}),t.jsx("path",{d:"M8 7h8"}),t.jsx("path",{d:"M8 11h8"}),t.jsx("path",{d:"M8 15h5"}),t.jsx("circle",{cx:"17",cy:"16.5",r:"2.5"})]}),c=o=>t.jsxs(s.Icon,{...o,children:[t.jsx("path",{d:"M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z"}),t.jsx("path",{d:"M12 12l8-4.5"}),t.jsx("path",{d:"M12 12v9"}),t.jsx("path",{d:"M12 12L4 7.5"}),t.jsx("path",{d:"M9.5 14.5l1.5 1.5 3-3"})]}),e=o=>t.jsxs(s.Icon,{...o,children:[t.jsx("rect",{x:"3",y:"3",width:"8",height:"8",rx:"1.5"}),t.jsx("rect",{x:"13",y:"3",width:"8",height:"8",rx:"1.5"}),t.jsx("rect",{x:"3",y:"13",width:"8",height:"8",rx:"1.5"}),t.jsx("rect",{x:"13",y:"13",width:"8",height:"8",rx:"1.5"})]});exports.ComponentsIcon=e;exports.SandboxIcon=c;exports.StorybookIcon=x;

package/dist/components/Icon/productIcons.d.ts

@@ -0,0 +1,7 @@
+import { IconProps } from '@forgedevstack/bear-icons';
+import { FC } from 'react';
+type ProductIcon = FC<Omit<IconProps, 'children'>>;
+export declare const StorybookIcon: ProductIcon;
+export declare const SandboxIcon: ProductIcon;
+export declare const ComponentsIcon: ProductIcon;
+export {};

package/dist/components/Icon/productIcons.js

@@ -0,0 +1,25 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { Icon as c } from "@forgedevstack/bear-icons";
+const e = (h) => /* @__PURE__ */ r(c, { ...h, children: [
+  /* @__PURE__ */ t("rect", { x: "4", y: "3", width: "16", height: "18", rx: "2" }),
+  /* @__PURE__ */ t("path", { d: "M8 7h8" }),
+  /* @__PURE__ */ t("path", { d: "M8 11h8" }),
+  /* @__PURE__ */ t("path", { d: "M8 15h5" }),
+  /* @__PURE__ */ t("circle", { cx: "17", cy: "16.5", r: "2.5" })
+] }), i = (h) => /* @__PURE__ */ r(c, { ...h, children: [
+  /* @__PURE__ */ t("path", { d: "M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z" }),
+  /* @__PURE__ */ t("path", { d: "M12 12l8-4.5" }),
+  /* @__PURE__ */ t("path", { d: "M12 12v9" }),
+  /* @__PURE__ */ t("path", { d: "M12 12L4 7.5" }),
+  /* @__PURE__ */ t("path", { d: "M9.5 14.5l1.5 1.5 3-3" })
+] }), x = (h) => /* @__PURE__ */ r(c, { ...h, children: [
+  /* @__PURE__ */ t("rect", { x: "3", y: "3", width: "8", height: "8", rx: "1.5" }),
+  /* @__PURE__ */ t("rect", { x: "13", y: "3", width: "8", height: "8", rx: "1.5" }),
+  /* @__PURE__ */ t("rect", { x: "3", y: "13", width: "8", height: "8", rx: "1.5" }),
+  /* @__PURE__ */ t("rect", { x: "13", y: "13", width: "8", height: "8", rx: "1.5" })
+] });
+export {
+  x as ComponentsIcon,
+  i as SandboxIcon,
+  e as StorybookIcon
+};

package/dist/components/ImageAnnotation/ImageAnnotation.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),q=require("../../utils/cn.cjs"),k=require("../Icon/index.cjs"),P=require("../Popover/Popover.cjs"),R=require("../Input/Input.cjs"),_=require("./ImageAnnotation.const.cjs");let T=1;function L(o,a,r,t){return c.jsx("div",{className:"Bear-ImageAnnotation__edit min-w-[160px]",children:c.jsx(R.Input,{autoFocus:!0,size:"sm",value:o,onChange:s=>a(s.target.value),onKeyDown:s=>{s.key==="Enter"&&r(),s.key==="Escape"&&t()},placeholder:"Add note..."})})}function O(o,a,r,t){return c.jsxs("div",{className:"Bear-ImageAnnotation__label text-xs text-gray-700 dark:text-gray-200 whitespace-nowrap flex items-center gap-1",children:[t??o.text,a&&c.jsx("button",{type:"button",className:"text-red-400 hover:text-red-600 ml-1",onClick:s=>{s.stopPropagation(),r(o.id)},children:c.jsx(k.BearIcons.XIcon,{size:12})})]})}const D=({src:o,alt:a="",annotations:r,onChange:t,editable:s=!0,pinColor:A=_.DEFAULT_PIN_COLOR,pinSize:x=_.DEFAULT_PIN_SIZE,renderPopover:f,testId:j,className:y,...b})=>{const p=n.useRef(null),[i,u]=n.useState(null),[d,v]=n.useState(""),h=n.useCallback(e=>{if(!s||!t||!p.current||e.target.closest(".Bear-ImageAnnotation__pin"))return;const l=p.current.getBoundingClientRect(),I=(e.clientX-l.left)/l.width*100,g=(e.clientY-l.top)/l.height*100,m=`ann-${T++}`,B={id:m,x:I,y:g,text:""};t([...r,B]),u(m),v("")},[s,t,r]),N=n.useCallback(()=>{!i||!t||(d.trim()?t(r.map(e=>e.id===i?{...e,text:d}:e)):t(r.filter(e=>e.id!==i)),u(null))},[i,d,t,r]),w=n.useCallback(()=>u(null),[]),E=n.useCallback(e=>{t==null||t(r.filter(l=>l.id!==e)),i===e&&u(null)},[t,r,i]);return c.jsxs("div",{ref:p,className:q.cn("Bear-ImageAnnotation relative inline-block select-none",s&&"cursor-crosshair",y),onClick:h,"data-testid":j,...b,children:[c.jsx("img",{src:o,alt:a,className:"w-full h-auto block rounded-lg",draggable:!1}),r.map(e=>{const l=i===e.id,I=!!e.text,g=f==null?void 0:f(e),m=l?L(d,v,N,w):I?O(e,s,E,g):null;return c.jsx("div",{className:"Bear-ImageAnnotation__pin absolute transform -translate-x-1/2 -translate-y-full z-10",style:{left:`${e.x}%`,top:`${e.y}%`},children:c.jsx(P.Popover,{content:m,trigger:l?"click":"hover",placement:"top",open:l||void 0,arrow:!1,children:c.jsx("div",{className:"Bear-ImageAnnotation__marker flex items-center justify-center rounded-full shadow-lg cursor-pointer transition-transform hover:scale-110",style:{width:x,height:x,backgroundColor:e.color??A},children:c.jsx(k.BearIcons.MapPinIcon,{size:x*_.PIN_ICON_RATIO,className:"text-white"})})})},e.id)})]})};exports.ImageAnnotation=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),q=require("../../utils/cn.cjs"),k=require("@forgedevstack/bear-icons"),P=require("../Popover/Popover.cjs"),R=require("../Input/Input.cjs"),_=require("./ImageAnnotation.const.cjs");let T=1;function L(o,a,r,t){return c.jsx("div",{className:"Bear-ImageAnnotation__edit min-w-[160px]",children:c.jsx(R.Input,{autoFocus:!0,size:"sm",value:o,onChange:s=>a(s.target.value),onKeyDown:s=>{s.key==="Enter"&&r(),s.key==="Escape"&&t()},placeholder:"Add note..."})})}function O(o,a,r,t){return c.jsxs("div",{className:"Bear-ImageAnnotation__label text-xs text-gray-700 dark:text-gray-200 whitespace-nowrap flex items-center gap-1",children:[t??o.text,a&&c.jsx("button",{type:"button",className:"text-red-400 hover:text-red-600 ml-1",onClick:s=>{s.stopPropagation(),r(o.id)},children:c.jsx(k.BearIcons.XIcon,{size:12})})]})}const D=({src:o,alt:a="",annotations:r,onChange:t,editable:s=!0,pinColor:A=_.DEFAULT_PIN_COLOR,pinSize:x=_.DEFAULT_PIN_SIZE,renderPopover:f,testId:b,className:j,...y})=>{const p=i.useRef(null),[n,u]=i.useState(null),[d,v]=i.useState(""),h=i.useCallback(e=>{if(!s||!t||!p.current||e.target.closest(".Bear-ImageAnnotation__pin"))return;const l=p.current.getBoundingClientRect(),I=(e.clientX-l.left)/l.width*100,g=(e.clientY-l.top)/l.height*100,m=`ann-${T++}`,B={id:m,x:I,y:g,text:""};t([...r,B]),u(m),v("")},[s,t,r]),N=i.useCallback(()=>{!n||!t||(d.trim()?t(r.map(e=>e.id===n?{...e,text:d}:e)):t(r.filter(e=>e.id!==n)),u(null))},[n,d,t,r]),w=i.useCallback(()=>u(null),[]),E=i.useCallback(e=>{t==null||t(r.filter(l=>l.id!==e)),n===e&&u(null)},[t,r,n]);return c.jsxs("div",{ref:p,className:q.cn("Bear-ImageAnnotation relative inline-block select-none",s&&"cursor-crosshair",j),onClick:h,"data-testid":b,...y,children:[c.jsx("img",{src:o,alt:a,className:"w-full h-auto block rounded-lg",draggable:!1}),r.map(e=>{const l=n===e.id,I=!!e.text,g=f==null?void 0:f(e),m=l?L(d,v,N,w):I?O(e,s,E,g):null;return c.jsx("div",{className:"Bear-ImageAnnotation__pin absolute transform -translate-x-1/2 -translate-y-full z-10",style:{left:`${e.x}%`,top:`${e.y}%`},children:c.jsx(P.Popover,{content:m,trigger:l?"click":"hover",placement:"top",open:l||void 0,arrow:!1,children:c.jsx("div",{className:"Bear-ImageAnnotation__marker flex items-center justify-center rounded-full shadow-lg cursor-pointer transition-transform hover:scale-110",style:{width:x,height:x,backgroundColor:e.color??A},children:c.jsx(k.BearIcons.MapPinIcon,{size:x*_.PIN_ICON_RATIO,className:"text-white"})})})},e.id)})]})};exports.ImageAnnotation=D;

package/dist/components/ImageAnnotation/ImageAnnotation.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as l } from "react/jsx-runtime";
 import { useRef as R, useState as v, useCallback as u } from "react";
 import { cn as T } from "../../utils/cn.js";
-import { BearIcons as A } from "../Icon/index.js";
+import { BearIcons as A } from "@forgedevstack/bear-icons";
 import { Popover as O } from "../Popover/Popover.js";
 import { Input as j } from "../Input/Input.js";
 import { DEFAULT_PIN_COLOR as D, DEFAULT_PIN_SIZE as F, PIN_ICON_RATIO as $ } from "./ImageAnnotation.const.js";

package/dist/components/JsonViewer/JsonViewer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),S=require("../../utils/cn.cjs"),v=require("../../context/BearProvider.cjs"),A=require("../Typography/Typography.cjs"),I=require("../Button/Button.cjs"),g=require("../Icon/index.cjs"),u=require("./JsonViewer.const.cjs"),T=({name:r,value:s,path:d,depth:h,defaultExpandDepth:y,showDataTypes:j,showArrayIndices:x,onValueClick:c})=>{const[o,b]=i.useState(h<y),{mode:N}=v.useBear(),n=N==="dark"?u.DARK_THEME:u.DEFAULT_THEME,t=i.useMemo(()=>s===null?"null":Array.isArray(s)?"array":typeof s,[s]),p=t==="object"||t==="array",a=p&&Object.keys(s).length===0,f=i.useCallback(()=>{b(l=>!l)},[]),m=i.useCallback(()=>{c==null||c(d,s)},[d,s,c]),w=()=>{switch(t){case"string":return e.jsxs("span",{style:{color:n.string},className:"cursor-pointer hover:underline",onClick:m,children:['"',s,'"']});case"number":return e.jsx("span",{style:{color:n.number},className:"cursor-pointer hover:underline",onClick:m,children:String(s)});case"boolean":return e.jsx("span",{style:{color:n.boolean},className:"cursor-pointer hover:underline",onClick:m,children:String(s)});case"null":return e.jsx("span",{style:{color:n.null},className:"cursor-pointer hover:underline",onClick:m,children:"null"});default:return null}},k=()=>{if(!j)return null;const l=t==="array"?`Array(${s.length})`:t==="object"?"Object":t;return e.jsx("span",{className:"text-[10px] opacity-50 ml-1",children:l})};if(!p)return e.jsxs("div",{className:"flex items-center gap-1 py-0.5",children:[e.jsx("span",{className:"w-4"})," ",(x||typeof r=="string")&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{color:n.key},children:typeof r=="string"?`"${r}"`:r}),e.jsx("span",{style:{color:n.punctuation},children:":"})]}),w(),k()]});const B=Object.entries(s),q=t==="array"?"[":"{",E=t==="array"?"]":"}";return e.jsxs("div",{className:"py-0.5",children:[e.jsxs("div",{className:"flex items-center gap-1 cursor-pointer hover:bg-black/5 dark:hover:bg-white/5 rounded px-1 -mx-1",onClick:f,children:[e.jsx("span",{className:"w-4 flex items-center justify-center text-gray-400",children:a?null:o?e.jsx(g.BearIcons.ChevronDownIcon,{size:12}):e.jsx(g.BearIcons.ChevronRightIcon,{size:12})}),(x||typeof r=="string")&&r!==""&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{color:n.key},children:typeof r=="string"?`"${r}"`:r}),e.jsx("span",{style:{color:n.punctuation},children:":"})]}),e.jsx("span",{style:{color:n.bracket},children:q}),!o&&!a&&e.jsx("span",{className:"text-gray-400 text-xs",children:"..."}),(!o||a)&&e.jsx("span",{style:{color:n.bracket},children:E}),k()]}),o&&!a&&e.jsx("div",{className:"ml-4 border-l border-gray-200 dark:border-gray-700 pl-2",children:B.map(([l,C],F)=>e.jsx(T,{name:t==="array"?F:l,value:C,path:[...d,l],depth:h+1,defaultExpandDepth:y,showDataTypes:j,showArrayIndices:x,onValueClick:c},l))}),o&&!a&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"w-4"}),e.jsx("span",{style:{color:n.bracket},children:E})]})]})},J=({data:r,defaultExpandDepth:s=u.DEFAULT_EXPAND_DEPTH,showDataTypes:d=!1,showArrayIndices:h=!0,showCopyButton:y=!0,rootName:j="root",onValueClick:x,onCopy:c,className:o,testId:b})=>{const{mode:N}=v.useBear(),n=N==="dark"?u.DARK_THEME:u.DEFAULT_THEME,[t,p]=i.useState(!1),a=i.useCallback(async()=>{try{await navigator.clipboard.writeText(JSON.stringify(r,null,2)),p(!0),c==null||c(r),setTimeout(()=>p(!1),2e3)}catch(f){console.error("Failed to copy:",f)}},[r,c]);return e.jsxs("div",{className:S.cn("Bear-JsonViewer","rounded-lg overflow-hidden font-mono text-sm",o),style:{backgroundColor:n.background},"data-testid":b,children:[y&&e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-gray-200 dark:border-gray-700",children:[e.jsx(A.Typography,{variant:"caption",className:"opacity-60",children:"JSON"}),e.jsx(I.Button,{variant:"ghost",size:"sm",onClick:a,className:"!py-1 !px-2 !text-xs",children:t?e.jsxs(e.Fragment,{children:[e.jsx(g.BearIcons.CheckIcon,{size:12,className:"mr-1"}),"Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsx(g.BearIcons.CopyIcon,{size:12,className:"mr-1"}),"Copy"]})})]}),e.jsx("div",{className:"p-3 overflow-x-auto",children:e.jsx(T,{name:j||"",value:r,path:[],depth:0,defaultExpandDepth:s,showDataTypes:d,showArrayIndices:h,onValueClick:x})})]})};exports.JsonViewer=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),I=require("../../utils/cn.cjs"),v=require("../../context/BearProvider.cjs"),S=require("../Typography/Typography.cjs"),A=require("../Button/Button.cjs"),g=require("@forgedevstack/bear-icons"),u=require("./JsonViewer.const.cjs"),T=({name:r,value:s,path:d,depth:h,defaultExpandDepth:y,showDataTypes:j,showArrayIndices:x,onValueClick:c})=>{const[o,b]=i.useState(h<y),{mode:N}=v.useBear(),n=N==="dark"?u.DARK_THEME:u.DEFAULT_THEME,t=i.useMemo(()=>s===null?"null":Array.isArray(s)?"array":typeof s,[s]),p=t==="object"||t==="array",a=p&&Object.keys(s).length===0,f=i.useCallback(()=>{b(l=>!l)},[]),m=i.useCallback(()=>{c==null||c(d,s)},[d,s,c]),w=()=>{switch(t){case"string":return e.jsxs("span",{style:{color:n.string},className:"cursor-pointer hover:underline",onClick:m,children:['"',s,'"']});case"number":return e.jsx("span",{style:{color:n.number},className:"cursor-pointer hover:underline",onClick:m,children:String(s)});case"boolean":return e.jsx("span",{style:{color:n.boolean},className:"cursor-pointer hover:underline",onClick:m,children:String(s)});case"null":return e.jsx("span",{style:{color:n.null},className:"cursor-pointer hover:underline",onClick:m,children:"null"});default:return null}},k=()=>{if(!j)return null;const l=t==="array"?`Array(${s.length})`:t==="object"?"Object":t;return e.jsx("span",{className:"text-[10px] opacity-50 ml-1",children:l})};if(!p)return e.jsxs("div",{className:"flex items-center gap-1 py-0.5",children:[e.jsx("span",{className:"w-4"})," ",(x||typeof r=="string")&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{color:n.key},children:typeof r=="string"?`"${r}"`:r}),e.jsx("span",{style:{color:n.punctuation},children:":"})]}),w(),k()]});const B=Object.entries(s),q=t==="array"?"[":"{",E=t==="array"?"]":"}";return e.jsxs("div",{className:"py-0.5",children:[e.jsxs("div",{className:"flex items-center gap-1 cursor-pointer hover:bg-black/5 dark:hover:bg-white/5 rounded px-1 -mx-1",onClick:f,children:[e.jsx("span",{className:"w-4 flex items-center justify-center text-gray-400",children:a?null:o?e.jsx(g.BearIcons.ChevronDownIcon,{size:12}):e.jsx(g.BearIcons.ChevronRightIcon,{size:12})}),(x||typeof r=="string")&&r!==""&&e.jsxs(e.Fragment,{children:[e.jsx("span",{style:{color:n.key},children:typeof r=="string"?`"${r}"`:r}),e.jsx("span",{style:{color:n.punctuation},children:":"})]}),e.jsx("span",{style:{color:n.bracket},children:q}),!o&&!a&&e.jsx("span",{className:"text-gray-400 text-xs",children:"..."}),(!o||a)&&e.jsx("span",{style:{color:n.bracket},children:E}),k()]}),o&&!a&&e.jsx("div",{className:"ml-4 border-l border-gray-200 dark:border-gray-700 pl-2",children:B.map(([l,C],F)=>e.jsx(T,{name:t==="array"?F:l,value:C,path:[...d,l],depth:h+1,defaultExpandDepth:y,showDataTypes:j,showArrayIndices:x,onValueClick:c},l))}),o&&!a&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"w-4"}),e.jsx("span",{style:{color:n.bracket},children:E})]})]})},J=({data:r,defaultExpandDepth:s=u.DEFAULT_EXPAND_DEPTH,showDataTypes:d=!1,showArrayIndices:h=!0,showCopyButton:y=!0,rootName:j="root",onValueClick:x,onCopy:c,className:o,testId:b})=>{const{mode:N}=v.useBear(),n=N==="dark"?u.DARK_THEME:u.DEFAULT_THEME,[t,p]=i.useState(!1),a=i.useCallback(async()=>{try{await navigator.clipboard.writeText(JSON.stringify(r,null,2)),p(!0),c==null||c(r),setTimeout(()=>p(!1),2e3)}catch(f){console.error("Failed to copy:",f)}},[r,c]);return e.jsxs("div",{className:I.cn("Bear-JsonViewer","rounded-lg overflow-hidden font-mono text-sm",o),style:{backgroundColor:n.background},"data-testid":b,children:[y&&e.jsxs("div",{className:"flex items-center justify-between px-3 py-2 border-b border-gray-200 dark:border-gray-700",children:[e.jsx(S.Typography,{variant:"caption",className:"opacity-60",children:"JSON"}),e.jsx(A.Button,{variant:"ghost",size:"sm",onClick:a,className:"!py-1 !px-2 !text-xs",children:t?e.jsxs(e.Fragment,{children:[e.jsx(g.BearIcons.CheckIcon,{size:12,className:"mr-1"}),"Copied!"]}):e.jsxs(e.Fragment,{children:[e.jsx(g.BearIcons.CopyIcon,{size:12,className:"mr-1"}),"Copy"]})})]}),e.jsx("div",{className:"p-3 overflow-x-auto",children:e.jsx(T,{name:j||"",value:r,path:[],depth:0,defaultExpandDepth:s,showDataTypes:d,showArrayIndices:h,onValueClick:x})})]})};exports.JsonViewer=J;

package/dist/components/JsonViewer/JsonViewer.js

@@ -4,7 +4,7 @@ import { cn as I } from "../../utils/cn.js";
 import { useBear as T } from "../../context/BearProvider.js";
 import { Typography as _ } from "../Typography/Typography.js";
 import { Button as H } from "../Button/Button.js";
-import { BearIcons as b } from "../Icon/index.js";
+import { BearIcons as b } from "@forgedevstack/bear-icons";
 import { DARK_THEME as B, DEFAULT_THEME as C, DEFAULT_EXPAND_DEPTH as L } from "./JsonViewer.const.js";
 const z = ({
   name: r,

package/dist/components/MediaPlayer/MediaPlayer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),m=require("../../utils/cn.cjs"),n=require("../Icon/index.cjs"),j=require("./MediaPlayer.const.cjs"),C=require("./MediaPlayer.utils.cjs"),Te=require("../../hooks/useBearStyles.cjs"),Re=320,le=16,ze=({src:D,type:T="video",poster:R,autoPlay:z=!1,loop:L=!1,muted:G=!1,nativeControls:k=!1,width:A,height:H,size:ce="md",accentColor:u=j.DEFAULT_ACCENT,playIcon:Y,pauseIcon:Z,muteIcon:de,unmuteIcon:ue,fullscreenIcon:xe,centerOverlay:me=!1,sticky:q=!1,stickyPosition:$="right",stickySize:U=Re,airPlay:he=!1,playlist:w,onTrackChange:I,bis:fe,testId:ye,className:ge,style:ve,...pe})=>{const h=s.useRef(null),W=s.useRef(null),K=s.useRef(null),[b,F]=s.useState(z),[N,V]=s.useState(0),[g,X]=s.useState(0),[S,be]=s.useState(G),[f,J]=s.useState(L),[M,je]=s.useState(!1),[Q,ke]=s.useState(0),[Ne,_]=s.useState(!z),[l,we]=s.useState(0),O=Te.useBearStyles(fe,ve),x=s.useMemo(()=>w&&w.length>0?w:[{src:D,poster:R,type:T,title:void 0,artist:void 0}],[w,D,R,T]),o=x[l],Ie=o.src,B=o.poster??R,c=o.type??T,d=x.length>1,i=j.SIZE_MAP[ce];s.useEffect(()=>{J(L)},[L]),s.useEffect(()=>{const t=h.current;if(!t)return;const r=()=>V(t.currentTime),a=()=>X(t.duration),p=()=>{d&&l<x.length-1?v(l+1):f?d&&v(0):(F(!1),_(!0))};return t.addEventListener("timeupdate",r),t.addEventListener("loadedmetadata",a),t.addEventListener("ended",p),()=>{t.removeEventListener("timeupdate",r),t.removeEventListener("loadedmetadata",a),t.removeEventListener("ended",p)}},[f,d,l,x.length]),s.useEffect(()=>{if(!q||c!=="video")return;const t=K.current;if(!t)return;const r=()=>{const p=t.getBoundingClientRect().bottom<0;je(p),p&&ke(le)};return window.addEventListener("scroll",r,{passive:!0}),r(),()=>window.removeEventListener("scroll",r)},[q,c]);const v=s.useCallback(t=>{const r=Math.max(0,Math.min(x.length-1,t));we(r),V(0),X(0),_(!1),I==null||I(r,x[r]),setTimeout(()=>{const a=h.current;a&&(a.load(),a.play().catch(()=>{}),F(!0))},50)},[x,I]),E=s.useCallback(()=>{const t=h.current;t&&(b?(t.pause(),_(!0)):(t.play().catch(()=>{}),_(!1)),F(!b))},[b]),ee=s.useCallback(t=>{const r=h.current;if(!r||!g)return;const a=t.currentTarget.getBoundingClientRect(),p=Math.max(0,Math.min(1,(t.clientX-a.left)/a.width));r.currentTime=p*g},[g]),te=s.useCallback(()=>{const t=h.current;t&&(t.muted=!S,be(!S))},[S]),se=s.useCallback(()=>{const t=!f;J(t);const r=h.current;r&&(r.loop=t)},[f]),Se=s.useCallback(()=>{var r;const t=W.current;t&&(document.fullscreenElement?document.exitFullscreen():(r=t.requestFullscreen)==null||r.call(t))},[]),Me=s.useCallback(()=>{const t=h.current;t!=null&&t.webkitShowPlaybackTargetPicker&&t.webkitShowPlaybackTargetPicker()},[]),re=s.useCallback(()=>{if(N>3){const t=h.current;t&&(t.currentTime=0)}else l>0&&v(l-1)},[N,l,v]),ae=s.useCallback(()=>{l<x.length-1&&v(l+1)},[l,x.length,v]),ne=g?N/g*100:0,y=i.iconSm,P=i.iconMd,ie=b?Z??e.jsx(n.BearIcons.PauseIcon,{size:P}):Y??e.jsx(n.BearIcons.PlayIcon,{size:P}),oe=S?de??e.jsx(n.BearIcons.VolumeOffIcon,{size:y}):ue??e.jsx(n.BearIcons.VolumeUpIcon,{size:y}),_e=xe??e.jsx(n.BearIcons.MaximizeIcon,{size:y}),Be=c==="video"?"video":"audio",Ee=s.useMemo(()=>M&&c==="video"?{...O,position:"fixed",top:Q,[$==="left"?"left":"right"]:le,width:U,zIndex:50,boxShadow:"0 8px 32px rgba(0,0,0,0.45)",borderRadius:12,transition:"top 0.15s ease-out"}:{...O,width:A??"100%",height:H,maxWidth:A?void 0:i.maxWidth},[M,c,O,A,H,i.maxWidth,Q,$,U]),Pe=s.useMemo(()=>{if(!M)return{aspectRatio:i.aspectRatio}},[M,i.aspectRatio]),Ce=`${u}20`;return e.jsxs(e.Fragment,{children:[q&&e.jsx("div",{ref:K,style:{height:1}}),e.jsxs("div",{ref:W,className:m.cn("Bear-MediaPlayer relative rounded-xl overflow-hidden bg-black",ge),style:Ee,"data-testid":ye,...pe,children:[e.jsx(Be,{ref:h,src:Ie,poster:B,autoPlay:z,loop:f&&!d,muted:G,controls:k,playsInline:!0,className:m.cn(c==="video"?"Bear-MediaPlayer__video w-full object-cover":"hidden"),style:c==="video"?Pe:void 0,onClick:c==="video"?E:void 0}),me&&c==="video"&&Ne&&!k&&e.jsx("button",{type:"button",onClick:E,className:"Bear-MediaPlayer__overlay absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity",children:e.jsx("div",{className:"w-16 h-16 rounded-full bg-white/90 flex items-center justify-center shadow-lg",children:b?Z??e.jsx(n.BearIcons.PauseIcon,{size:j.CENTER_ICON_SIZE,className:"text-gray-900"}):Y??e.jsx(n.BearIcons.PlayIcon,{size:j.CENTER_ICON_SIZE,className:"text-gray-900"})})}),!k&&c==="video"&&e.jsxs("div",{className:m.cn("Bear-MediaPlayer__controls absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent pt-8",i.padding),children:[e.jsx("div",{className:"Bear-MediaPlayer__progress w-full cursor-pointer mb-2 group",style:{height:j.PROGRESS_HEIGHT},onClick:ee,children:e.jsx("div",{className:"w-full h-full bg-white/30 rounded-full relative overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all",style:{width:`${ne}%`,backgroundColor:u}})})}),e.jsxs("div",{className:m.cn("Bear-MediaPlayer__bar flex items-center",i.gap),children:[d&&e.jsx("button",{type:"button",onClick:re,className:"text-white hover:text-primary-400 transition-colors",children:e.jsx(n.BearIcons.SkipBackIcon,{size:y})}),e.jsx("button",{type:"button",onClick:E,className:"text-white hover:text-primary-400 transition-colors",children:ie}),d&&e.jsx("button",{type:"button",onClick:ae,className:"text-white hover:text-primary-400 transition-colors",children:e.jsx(n.BearIcons.SkipForwardIcon,{size:y})}),e.jsx("button",{type:"button",onClick:te,className:"text-white hover:text-primary-400 transition-colors",children:oe}),e.jsxs("span",{className:m.cn("Bear-MediaPlayer__time text-white font-mono",i.text),children:[C.formatTime(N)," / ",C.formatTime(g)]}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{type:"button",onClick:se,className:"transition-colors",style:{color:f?u:void 0},title:"Loop",children:e.jsx(n.BearIcons.RepeatIcon,{size:y,className:f?void 0:"text-white/60 hover:text-white"})}),he&&e.jsx("button",{type:"button",onClick:Me,className:"text-white hover:text-primary-400 transition-colors",title:"AirPlay",children:e.jsx(n.BearIcons.CastIcon,{size:y})}),e.jsx("button",{type:"button",onClick:Se,className:"text-white hover:text-primary-400 transition-colors",children:_e})]}),d&&o.title&&e.jsxs("div",{className:"mt-1 flex items-center gap-2 truncate",children:[e.jsx("span",{className:"text-white text-xs font-medium truncate",children:o.title}),o.artist&&e.jsxs("span",{className:"text-white/50 text-xs truncate",children:["— ",o.artist]})]})]}),c==="audio"&&!k&&e.jsxs("div",{className:m.cn("Bear-MediaPlayer__audio bg-gray-100 dark:bg-zinc-800 rounded-xl",i.padding),children:[d&&(B||o.title)&&e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[B&&e.jsx("img",{src:B,alt:"",className:"w-12 h-12 rounded-lg object-cover shrink-0"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[o.title&&e.jsx("p",{className:"text-sm font-semibold text-gray-900 dark:text-white truncate",children:o.title}),o.artist&&e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 truncate",children:o.artist})]})]}),e.jsx("div",{className:"Bear-MediaPlayer__progress w-full cursor-pointer mb-1",style:{height:j.PROGRESS_HEIGHT},onClick:ee,children:e.jsx("div",{className:"w-full h-full bg-gray-300 dark:bg-zinc-600 rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${ne}%`,backgroundColor:u}})})}),e.jsxs("div",{className:"flex justify-between mb-2",children:[e.jsx("span",{className:m.cn("text-gray-500 font-mono",i.text),children:C.formatTime(N)}),e.jsx("span",{className:m.cn("text-gray-500 font-mono",i.text),children:C.formatTime(g)})]}),e.jsxs("div",{className:m.cn("flex items-center justify-center",i.gap),children:[e.jsx("button",{type:"button",onClick:se,className:"transition-colors",style:{color:f?u:void 0},title:"Loop",children:e.jsx(n.BearIcons.RepeatIcon,{size:y,className:f?void 0:"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"})}),d&&e.jsx("button",{type:"button",onClick:re,className:"text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors",children:e.jsx(n.BearIcons.SkipBackIcon,{size:P})}),e.jsx("button",{type:"button",onClick:E,className:"Bear-MediaPlayer__play w-10 h-10 rounded-full flex items-center justify-center text-white transition-colors",style:{backgroundColor:u},children:ie}),d&&e.jsx("button",{type:"button",onClick:ae,className:"text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors",children:e.jsx(n.BearIcons.SkipForwardIcon,{size:P})}),e.jsx("button",{type:"button",onClick:te,className:"text-gray-500 hover:text-gray-700 dark:hover:text-gray-300",children:oe})]})]}),d&&!k&&e.jsx("div",{className:"Bear-MediaPlayer__playlist bg-gray-50 dark:bg-zinc-900 border-t border-gray-200 dark:border-zinc-700 max-h-48 overflow-y-auto",children:x.map((t,r)=>{const a=r===l;return e.jsxs("button",{type:"button",onClick:()=>v(r),className:m.cn("w-full flex items-center gap-3 px-3 py-2 text-left transition-colors",!a&&"hover:bg-gray-100 dark:hover:bg-zinc-800"),style:a?{backgroundColor:Ce}:void 0,children:[t.poster&&e.jsx("img",{src:t.poster,alt:"",className:"w-8 h-8 rounded object-cover shrink-0"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-xs font-medium truncate",style:a?{color:u}:void 0,children:t.title??`Track ${r+1}`}),t.artist&&e.jsx("p",{className:"text-[10px] text-gray-400 truncate",children:t.artist})]}),a&&b&&e.jsxs("div",{className:"flex items-end gap-0.5 h-3",children:[e.jsx("span",{className:"w-0.5 rounded-full animate-pulse",style:{height:"60%",backgroundColor:u}}),e.jsx("span",{className:"w-0.5 rounded-full animate-pulse",style:{height:"100%",backgroundColor:u,animationDelay:"0.2s"}}),e.jsx("span",{className:"w-0.5 rounded-full animate-pulse",style:{height:"40%",backgroundColor:u,animationDelay:"0.4s"}})]}),e.jsx("span",{className:"text-[10px] text-gray-400 tabular-nums shrink-0",children:r+1})]},r)})})]})]})};exports.MediaPlayer=ze;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),m=require("../../utils/cn.cjs"),n=require("@forgedevstack/bear-icons"),j=require("./MediaPlayer.const.cjs"),C=require("./MediaPlayer.utils.cjs"),Te=require("../../hooks/useBearStyles.cjs"),Re=320,le=16,ze=({src:D,type:T="video",poster:R,autoPlay:z=!1,loop:L=!1,muted:G=!1,nativeControls:k=!1,width:A,height:H,size:ce="md",accentColor:u=j.DEFAULT_ACCENT,playIcon:Y,pauseIcon:Z,muteIcon:de,unmuteIcon:ue,fullscreenIcon:xe,centerOverlay:me=!1,sticky:q=!1,stickyPosition:$="right",stickySize:U=Re,airPlay:he=!1,playlist:w,onTrackChange:I,bis:fe,testId:ye,className:ge,style:ve,...be})=>{const h=s.useRef(null),W=s.useRef(null),K=s.useRef(null),[p,F]=s.useState(z),[N,V]=s.useState(0),[g,X]=s.useState(0),[S,pe]=s.useState(G),[f,J]=s.useState(L),[M,je]=s.useState(!1),[Q,ke]=s.useState(0),[Ne,_]=s.useState(!z),[l,we]=s.useState(0),O=Te.useBearStyles(fe,ve),x=s.useMemo(()=>w&&w.length>0?w:[{src:D,poster:R,type:T,title:void 0,artist:void 0}],[w,D,R,T]),o=x[l],Ie=o.src,B=o.poster??R,c=o.type??T,d=x.length>1,i=j.SIZE_MAP[ce];s.useEffect(()=>{J(L)},[L]),s.useEffect(()=>{const t=h.current;if(!t)return;const r=()=>V(t.currentTime),a=()=>X(t.duration),b=()=>{d&&l<x.length-1?v(l+1):f?d&&v(0):(F(!1),_(!0))};return t.addEventListener("timeupdate",r),t.addEventListener("loadedmetadata",a),t.addEventListener("ended",b),()=>{t.removeEventListener("timeupdate",r),t.removeEventListener("loadedmetadata",a),t.removeEventListener("ended",b)}},[f,d,l,x.length]),s.useEffect(()=>{if(!q||c!=="video")return;const t=K.current;if(!t)return;const r=()=>{const b=t.getBoundingClientRect().bottom<0;je(b),b&&ke(le)};return window.addEventListener("scroll",r,{passive:!0}),r(),()=>window.removeEventListener("scroll",r)},[q,c]);const v=s.useCallback(t=>{const r=Math.max(0,Math.min(x.length-1,t));we(r),V(0),X(0),_(!1),I==null||I(r,x[r]),setTimeout(()=>{const a=h.current;a&&(a.load(),a.play().catch(()=>{}),F(!0))},50)},[x,I]),E=s.useCallback(()=>{const t=h.current;t&&(p?(t.pause(),_(!0)):(t.play().catch(()=>{}),_(!1)),F(!p))},[p]),ee=s.useCallback(t=>{const r=h.current;if(!r||!g)return;const a=t.currentTarget.getBoundingClientRect(),b=Math.max(0,Math.min(1,(t.clientX-a.left)/a.width));r.currentTime=b*g},[g]),te=s.useCallback(()=>{const t=h.current;t&&(t.muted=!S,pe(!S))},[S]),se=s.useCallback(()=>{const t=!f;J(t);const r=h.current;r&&(r.loop=t)},[f]),Se=s.useCallback(()=>{var r;const t=W.current;t&&(document.fullscreenElement?document.exitFullscreen():(r=t.requestFullscreen)==null||r.call(t))},[]),Me=s.useCallback(()=>{const t=h.current;t!=null&&t.webkitShowPlaybackTargetPicker&&t.webkitShowPlaybackTargetPicker()},[]),re=s.useCallback(()=>{if(N>3){const t=h.current;t&&(t.currentTime=0)}else l>0&&v(l-1)},[N,l,v]),ae=s.useCallback(()=>{l<x.length-1&&v(l+1)},[l,x.length,v]),ne=g?N/g*100:0,y=i.iconSm,P=i.iconMd,ie=p?Z??e.jsx(n.BearIcons.PauseIcon,{size:P}):Y??e.jsx(n.BearIcons.PlayIcon,{size:P}),oe=S?de??e.jsx(n.BearIcons.VolumeOffIcon,{size:y}):ue??e.jsx(n.BearIcons.VolumeUpIcon,{size:y}),_e=xe??e.jsx(n.BearIcons.MaximizeIcon,{size:y}),Be=c==="video"?"video":"audio",Ee=s.useMemo(()=>M&&c==="video"?{...O,position:"fixed",top:Q,[$==="left"?"left":"right"]:le,width:U,zIndex:50,boxShadow:"0 8px 32px rgba(0,0,0,0.45)",borderRadius:12,transition:"top 0.15s ease-out"}:{...O,width:A??"100%",height:H,maxWidth:A?void 0:i.maxWidth},[M,c,O,A,H,i.maxWidth,Q,$,U]),Pe=s.useMemo(()=>{if(!M)return{aspectRatio:i.aspectRatio}},[M,i.aspectRatio]),Ce=`${u}20`;return e.jsxs(e.Fragment,{children:[q&&e.jsx("div",{ref:K,style:{height:1}}),e.jsxs("div",{ref:W,className:m.cn("Bear-MediaPlayer relative rounded-xl overflow-hidden bg-black",ge),style:Ee,"data-testid":ye,...be,children:[e.jsx(Be,{ref:h,src:Ie,poster:B,autoPlay:z,loop:f&&!d,muted:G,controls:k,playsInline:!0,className:m.cn(c==="video"?"Bear-MediaPlayer__video w-full object-cover":"hidden"),style:c==="video"?Pe:void 0,onClick:c==="video"?E:void 0}),me&&c==="video"&&Ne&&!k&&e.jsx("button",{type:"button",onClick:E,className:"Bear-MediaPlayer__overlay absolute inset-0 flex items-center justify-center bg-black/30 transition-opacity",children:e.jsx("div",{className:"w-16 h-16 rounded-full bg-white/90 flex items-center justify-center shadow-lg",children:p?Z??e.jsx(n.BearIcons.PauseIcon,{size:j.CENTER_ICON_SIZE,className:"text-gray-900"}):Y??e.jsx(n.BearIcons.PlayIcon,{size:j.CENTER_ICON_SIZE,className:"text-gray-900"})})}),!k&&c==="video"&&e.jsxs("div",{className:m.cn("Bear-MediaPlayer__controls absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent pt-8",i.padding),children:[e.jsx("div",{className:"Bear-MediaPlayer__progress w-full cursor-pointer mb-2 group",style:{height:j.PROGRESS_HEIGHT},onClick:ee,children:e.jsx("div",{className:"w-full h-full bg-white/30 rounded-full relative overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full transition-all",style:{width:`${ne}%`,backgroundColor:u}})})}),e.jsxs("div",{className:m.cn("Bear-MediaPlayer__bar flex items-center",i.gap),children:[d&&e.jsx("button",{type:"button",onClick:re,className:"text-white hover:text-primary-400 transition-colors",children:e.jsx(n.BearIcons.SkipBackIcon,{size:y})}),e.jsx("button",{type:"button",onClick:E,className:"text-white hover:text-primary-400 transition-colors",children:ie}),d&&e.jsx("button",{type:"button",onClick:ae,className:"text-white hover:text-primary-400 transition-colors",children:e.jsx(n.BearIcons.SkipForwardIcon,{size:y})}),e.jsx("button",{type:"button",onClick:te,className:"text-white hover:text-primary-400 transition-colors",children:oe}),e.jsxs("span",{className:m.cn("Bear-MediaPlayer__time text-white font-mono",i.text),children:[C.formatTime(N)," / ",C.formatTime(g)]}),e.jsx("div",{className:"flex-1"}),e.jsx("button",{type:"button",onClick:se,className:"transition-colors",style:{color:f?u:void 0},title:"Loop",children:e.jsx(n.BearIcons.RepeatIcon,{size:y,className:f?void 0:"text-white/60 hover:text-white"})}),he&&e.jsx("button",{type:"button",onClick:Me,className:"text-white hover:text-primary-400 transition-colors",title:"AirPlay",children:e.jsx(n.BearIcons.CastIcon,{size:y})}),e.jsx("button",{type:"button",onClick:Se,className:"text-white hover:text-primary-400 transition-colors",children:_e})]}),d&&o.title&&e.jsxs("div",{className:"mt-1 flex items-center gap-2 truncate",children:[e.jsx("span",{className:"text-white text-xs font-medium truncate",children:o.title}),o.artist&&e.jsxs("span",{className:"text-white/50 text-xs truncate",children:["— ",o.artist]})]})]}),c==="audio"&&!k&&e.jsxs("div",{className:m.cn("Bear-MediaPlayer__audio bg-gray-100 dark:bg-zinc-800 rounded-xl",i.padding),children:[d&&(B||o.title)&&e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[B&&e.jsx("img",{src:B,alt:"",className:"w-12 h-12 rounded-lg object-cover shrink-0"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[o.title&&e.jsx("p",{className:"text-sm font-semibold text-gray-900 dark:text-white truncate",children:o.title}),o.artist&&e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 truncate",children:o.artist})]})]}),e.jsx("div",{className:"Bear-MediaPlayer__progress w-full cursor-pointer mb-1",style:{height:j.PROGRESS_HEIGHT},onClick:ee,children:e.jsx("div",{className:"w-full h-full bg-gray-300 dark:bg-zinc-600 rounded-full overflow-hidden",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${ne}%`,backgroundColor:u}})})}),e.jsxs("div",{className:"flex justify-between mb-2",children:[e.jsx("span",{className:m.cn("text-gray-500 font-mono",i.text),children:C.formatTime(N)}),e.jsx("span",{className:m.cn("text-gray-500 font-mono",i.text),children:C.formatTime(g)})]}),e.jsxs("div",{className:m.cn("flex items-center justify-center",i.gap),children:[e.jsx("button",{type:"button",onClick:se,className:"transition-colors",style:{color:f?u:void 0},title:"Loop",children:e.jsx(n.BearIcons.RepeatIcon,{size:y,className:f?void 0:"text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"})}),d&&e.jsx("button",{type:"button",onClick:re,className:"text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors",children:e.jsx(n.BearIcons.SkipBackIcon,{size:P})}),e.jsx("button",{type:"button",onClick:E,className:"Bear-MediaPlayer__play w-10 h-10 rounded-full flex items-center justify-center text-white transition-colors",style:{backgroundColor:u},children:ie}),d&&e.jsx("button",{type:"button",onClick:ae,className:"text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white transition-colors",children:e.jsx(n.BearIcons.SkipForwardIcon,{size:P})}),e.jsx("button",{type:"button",onClick:te,className:"text-gray-500 hover:text-gray-700 dark:hover:text-gray-300",children:oe})]})]}),d&&!k&&e.jsx("div",{className:"Bear-MediaPlayer__playlist bg-gray-50 dark:bg-zinc-900 border-t border-gray-200 dark:border-zinc-700 max-h-48 overflow-y-auto",children:x.map((t,r)=>{const a=r===l;return e.jsxs("button",{type:"button",onClick:()=>v(r),className:m.cn("w-full flex items-center gap-3 px-3 py-2 text-left transition-colors",!a&&"hover:bg-gray-100 dark:hover:bg-zinc-800"),style:a?{backgroundColor:Ce}:void 0,children:[t.poster&&e.jsx("img",{src:t.poster,alt:"",className:"w-8 h-8 rounded object-cover shrink-0"}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx("p",{className:"text-xs font-medium truncate",style:a?{color:u}:void 0,children:t.title??`Track ${r+1}`}),t.artist&&e.jsx("p",{className:"text-[10px] text-gray-400 truncate",children:t.artist})]}),a&&p&&e.jsxs("div",{className:"flex items-end gap-0.5 h-3",children:[e.jsx("span",{className:"w-0.5 rounded-full animate-pulse",style:{height:"60%",backgroundColor:u}}),e.jsx("span",{className:"w-0.5 rounded-full animate-pulse",style:{height:"100%",backgroundColor:u,animationDelay:"0.2s"}}),e.jsx("span",{className:"w-0.5 rounded-full animate-pulse",style:{height:"40%",backgroundColor:u,animationDelay:"0.4s"}})]}),e.jsx("span",{className:"text-[10px] text-gray-400 tabular-nums shrink-0",children:r+1})]},r)})})]})]})};exports.MediaPlayer=ze;

package/dist/components/MediaPlayer/MediaPlayer.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as s, Fragment as De } from "react/jsx-runtime";
 import { useRef as $, useState as g, useMemo as G, useEffect as U, useCallback as p } from "react";
 import { cn as h } from "../../utils/cn.js";
-import { BearIcons as i } from "../Icon/index.js";
+import { BearIcons as i } from "@forgedevstack/bear-icons";
 import { SIZE_MAP as Oe, CENTER_ICON_SIZE as me, PROGRESS_HEIGHT as he, DEFAULT_ACCENT as Ye } from "./MediaPlayer.const.js";
 import { formatTime as C } from "./MediaPlayer.utils.js";
 import { useBearStyles as $e } from "../../hooks/useBearStyles.js";

package/dist/components/MessageActions/MessageActions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("../../constants/generals.const.cjs"),B=require("../../utils/cn.cjs");require("react");const y=require("../../utils/generateBearId.utils.cjs"),I=require("../../utils/useBearId.cjs"),s=require("../Button/Button.cjs"),S=require("../Flex/Flex.cjs"),h=require("./MessageActions.const.cjs"),m=a=>{const{id:c,testId:l,onCopy:n,onRetry:o,onGood:r,onBad:i,translations:u,className:d}=a,g=I.useBearId(A.COMPONENT_NAME_MESSAGE_ACTIONS),b=y.resolveBearId(c,g),t={...h.MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS,...u};return e.jsxs(S.Flex,{id:b,testId:l,className:B.cn("Bear-MessageActions",d),align:"center",gap:1,children:[n&&e.jsx(s.Button,{type:"button",variant:"ghost",size:"sm",onClick:n,children:t.copyLabel}),o&&e.jsx(s.Button,{type:"button",variant:"ghost",size:"sm",onClick:o,children:t.retryLabel}),r&&e.jsx(s.Button,{type:"button",variant:"ghost",size:"sm",onClick:r,children:t.goodLabel}),i&&e.jsx(s.Button,{type:"button",variant:"ghost",size:"sm",onClick:i,children:t.badLabel})]})};exports.MessageActions=m;

package/dist/components/MessageActions/MessageActions.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/generals.const.cjs"),L={copyLabel:e.LABEL_COPY,retryLabel:e.LABEL_RETRY,goodLabel:e.LABEL_GOOD_RESPONSE,badLabel:e.LABEL_BAD_RESPONSE};exports.MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS=L;

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

@@ -0,0 +1,2 @@
+import { MessageActionsTranslations } from './MessageActions.types';
+export declare const MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS: MessageActionsTranslations;

package/dist/components/MessageActions/MessageActions.const.js

@@ -0,0 +1,10 @@
+import { LABEL_BAD_RESPONSE as L, LABEL_GOOD_RESPONSE as E, LABEL_RETRY as A, LABEL_COPY as S } from "../../constants/generals.const.js";
+const o = {
+  copyLabel: S,
+  retryLabel: A,
+  goodLabel: E,
+  badLabel: L
+};
+export {
+  o as MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS
+};

package/dist/components/MessageActions/MessageActions.d.ts

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

package/dist/components/MessageActions/MessageActions.js

@@ -0,0 +1,31 @@
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { COMPONENT_NAME_MESSAGE_ACTIONS as A } from "../../constants/generals.const.js";
+import { cn as h } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as N } from "../../utils/generateBearId.utils.js";
+import { useBearId as f } from "../../utils/useBearId.js";
+import { Button as e } from "../Button/Button.js";
+import { Flex as y } from "../Flex/Flex.js";
+import { MESSAGE_ACTIONS_DEFAULT_TRANSLATIONS as C } from "./MessageActions.const.js";
+const B = (a) => {
+  const { id: m, testId: c, onCopy: r, onRetry: n, onGood: s, onBad: i, translations: l, className: d } = a, p = f(A), b = N(m, p), o = { ...C, ...l };
+  return /* @__PURE__ */ g(
+    y,
+    {
+      id: b,
+      testId: c,
+      className: h("Bear-MessageActions", d),
+      align: "center",
+      gap: 1,
+      children: [
+        r && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: r, children: o.copyLabel }),
+        n && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: n, children: o.retryLabel }),
+        s && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: s, children: o.goodLabel }),
+        i && /* @__PURE__ */ t(e, { type: "button", variant: "ghost", size: "sm", onClick: i, children: o.badLabel })
+      ]
+    }
+  );
+};
+export {
+  B as MessageActions
+};

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

@@ -0,0 +1,16 @@
+export interface MessageActionsTranslations {
+    copyLabel: string;
+    retryLabel: string;
+    goodLabel: string;
+    badLabel: string;
+}
+export interface MessageActionsProps {
+    id?: string;
+    testId?: string;
+    onCopy?: () => void;
+    onRetry?: () => void;
+    onGood?: () => void;
+    onBad?: () => void;
+    translations?: Partial<MessageActionsTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { MessageActions } from './MessageActions';
+export type { MessageActionsProps, MessageActionsTranslations } from './MessageActions.types';

package/dist/components/Modal/Modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),E=require("react"),x=require("react-dom"),a=require("../../utils/cn.cjs"),j=require("../../utils/generateBearId.utils.cjs"),q=require("../../utils/useBearId.cjs"),g=require("../Icon/icons/navigation.cjs"),w=require("../Backdrop/Backdrop.cjs"),e=require("./Modal.const.cjs"),R=m=>{const{isOpen:s,onClose:l,title:r,children:L,size:M="md",showCloseButton:d=!0,closeOnEscape:A=!0,disableEscapeKeyDown:B=!1,lockBodyScroll:C=!0,cancelPreventScroll:O=!1,closeOnBackdrop:k=!0,hideBackdrop:b=!1,keepMounted:n=!1,isCancelBackgroundClick:i,zIndex:v=e.MODAL_Z_INDEX,className:y,footer:u,testId:D,id:f}=m,h=q.useBearId("Modal"),c=j.resolveBearId(f,h),_=C&&!O,p=i!==void 0?i:k,S=A&&!B,t=E.useCallback(N=>{S&&N.key==="Escape"&&l()},[S,l]);if(E.useEffect(()=>{if(s)return document.addEventListener("keydown",t),_&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",t),document.body.style.overflow=""}},[s,t,_]),!s&&!n)return null;const I=o.jsxs("div",{className:e.MODAL_ROOT_CLASSES,"data-testid":D,id:c,style:{zIndex:v},children:[!b&&o.jsx(w.Backdrop,{open:s,keepMounted:n,blur:!0,nested:!0,className:"Bear-Modal__backdrop",onClick:p?()=>l():void 0}),o.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":r?`${c}-title`:void 0,className:a.cn("Bear-Modal__container",e.MODAL_CONTAINER_CLASSES,e.MODAL_SIZE_CLASSES[M],y),style:{zIndex:e.MODAL_PANEL_Z_INDEX},children:[(r||d)&&o.jsxs("div",{className:a.cn("Bear-Modal__header",e.MODAL_HEADER_CLASSES),children:[r&&o.jsx("h2",{id:`${c}-title`,className:a.cn("Bear-Modal__title",e.MODAL_TITLE_CLASSES),children:r}),d&&o.jsx("button",{onClick:l,className:a.cn("Bear-Modal__close",e.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:o.jsx(g.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),o.jsx("div",{className:a.cn("Bear-Modal__body",e.MODAL_BODY_CLASSES),children:L}),u&&o.jsx("div",{className:a.cn("Bear-Modal__footer",e.MODAL_FOOTER_CLASSES),children:u})]})]});return x.createPortal(I,document.body)};exports.Modal=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),E=require("react"),x=require("react-dom"),a=require("../../utils/cn.cjs"),j=require("../../utils/generateBearId.utils.cjs"),q=require("../../utils/useBearId.cjs"),g=require("@forgedevstack/bear-icons/navigation"),w=require("../Backdrop/Backdrop.cjs"),e=require("./Modal.const.cjs"),R=m=>{const{isOpen:s,onClose:l,title:r,children:L,size:M="md",showCloseButton:d=!0,closeOnEscape:A=!0,disableEscapeKeyDown:B=!1,lockBodyScroll:C=!0,cancelPreventScroll:O=!1,closeOnBackdrop:k=!0,hideBackdrop:b=!1,keepMounted:n=!1,isCancelBackgroundClick:i,zIndex:v=e.MODAL_Z_INDEX,className:y,footer:u,testId:D,id:f}=m,h=q.useBearId("Modal"),c=j.resolveBearId(f,h),_=C&&!O,p=i!==void 0?i:k,S=A&&!B,t=E.useCallback(N=>{S&&N.key==="Escape"&&l()},[S,l]);if(E.useEffect(()=>{if(s)return document.addEventListener("keydown",t),_&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",t),document.body.style.overflow=""}},[s,t,_]),!s&&!n)return null;const I=o.jsxs("div",{className:e.MODAL_ROOT_CLASSES,"data-testid":D,id:c,style:{zIndex:v},children:[!b&&o.jsx(w.Backdrop,{open:s,keepMounted:n,blur:!0,nested:!0,className:"Bear-Modal__backdrop",onClick:p?()=>l():void 0}),o.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":r?`${c}-title`:void 0,className:a.cn("Bear-Modal__container",e.MODAL_CONTAINER_CLASSES,e.MODAL_SIZE_CLASSES[M],y),style:{zIndex:e.MODAL_PANEL_Z_INDEX},children:[(r||d)&&o.jsxs("div",{className:a.cn("Bear-Modal__header",e.MODAL_HEADER_CLASSES),children:[r&&o.jsx("h2",{id:`${c}-title`,className:a.cn("Bear-Modal__title",e.MODAL_TITLE_CLASSES),children:r}),d&&o.jsx("button",{onClick:l,className:a.cn("Bear-Modal__close",e.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:o.jsx(g.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),o.jsx("div",{className:a.cn("Bear-Modal__body",e.MODAL_BODY_CLASSES),children:L}),u&&o.jsx("div",{className:a.cn("Bear-Modal__footer",e.MODAL_FOOTER_CLASSES),children:u})]})]});return x.createPortal(I,document.body)};exports.Modal=R;

package/dist/components/Modal/Modal.js

@@ -4,7 +4,7 @@ import { createPortal as x } from "react-dom";
 import { cn as o } from "../../utils/cn.js";
 import { resolveBearId as T } from "../../utils/generateBearId.utils.js";
 import { useBearId as R } from "../../utils/useBearId.js";
-import { CloseIcon as g } from "../Icon/icons/navigation.js";
+import { CloseIcon as g } from "@forgedevstack/bear-icons/navigation";
 import { Backdrop as z } from "../Backdrop/Backdrop.js";
 import { MODAL_Z_INDEX as P, MODAL_ROOT_CLASSES as Z, MODAL_PANEL_Z_INDEX as j, MODAL_TITLE_CLASSES as X, MODAL_CLOSE_CLASSES as $, MODAL_HEADER_CLASSES as F, MODAL_BODY_CLASSES as H, MODAL_FOOTER_CLASSES as K, MODAL_SIZE_CLASSES as Y, MODAL_CONTAINER_CLASSES as q } from "./Modal.const.js";
 const le = (u) => {

package/dist/components/ModelSelect/ModelSelect.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),M=require("../../constants/generals.const.cjs"),_=require("../../utils/cn.cjs");require("react");const b=require("../../utils/generateBearId.utils.cjs"),B=require("../../utils/useBearId.cjs"),I=require("../Box/Box.cjs"),L=require("../Select/Select.cjs"),g=require("./ModelSelect.const.cjs"),m=t=>{const{id:r,testId:l,models:o,value:c,onChange:n,label:a,placeholder:d=g.MODEL_SELECT_DEFAULT_PLACEHOLDER,disabled:i,className:u}=t,E=B.useBearId(M.COMPONENT_NAME_MODEL_SELECT),S=b.resolveBearId(r,E),q=o.map(e=>({value:e.id,label:e.label,disabled:e.disabled}));return s.jsx(I.Box,{id:S,"data-testid":l,className:_.cn("Bear-ModelSelect",u),children:s.jsx(L.Select,{options:q,value:c,onChange:n,label:a,placeholder:d,disabled:i,size:"sm"})})};exports.ModelSelect=m;

package/dist/components/ModelSelect/ModelSelect.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="Model";exports.MODEL_SELECT_DEFAULT_PLACEHOLDER=E;

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

@@ -0,0 +1 @@
+export declare const MODEL_SELECT_DEFAULT_PLACEHOLDER = "Model";

package/dist/components/ModelSelect/ModelSelect.const.js

@@ -0,0 +1,4 @@
+const E = "Model";
+export {
+  E as MODEL_SELECT_DEFAULT_PLACEHOLDER
+};

package/dist/components/ModelSelect/ModelSelect.d.ts

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

package/dist/components/ModelSelect/ModelSelect.js

@@ -0,0 +1,41 @@
+import { jsx as o } from "react/jsx-runtime";
+import { COMPONENT_NAME_MODEL_SELECT as L } from "../../constants/generals.const.js";
+import { cn as b } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as M } from "../../utils/generateBearId.utils.js";
+import { useBearId as _ } from "../../utils/useBearId.js";
+import { Box as C } from "../Box/Box.js";
+import { Select as I } from "../Select/Select.js";
+import { MODEL_SELECT_DEFAULT_PLACEHOLDER as N } from "./ModelSelect.const.js";
+const A = (r) => {
+  const {
+    id: t,
+    testId: a,
+    models: d,
+    value: l,
+    onChange: m,
+    label: s,
+    placeholder: i = N,
+    disabled: c,
+    className: p
+  } = r, n = _(L), E = M(t, n), f = d.map((e) => ({
+    value: e.id,
+    label: e.label,
+    disabled: e.disabled
+  }));
+  return /* @__PURE__ */ o(C, { id: E, "data-testid": a, className: b("Bear-ModelSelect", p), children: /* @__PURE__ */ o(
+    I,
+    {
+      options: f,
+      value: l,
+      onChange: m,
+      label: s,
+      placeholder: i,
+      disabled: c,
+      size: "sm"
+    }
+  ) });
+};
+export {
+  A as ModelSelect
+};

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

@@ -0,0 +1,16 @@
+export interface ModelSelectOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface ModelSelectProps {
+    id?: string;
+    testId?: string;
+    models: ModelSelectOption[];
+    value?: string;
+    onChange?: (id: string) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ModelSelect } from './ModelSelect';
+export type { ModelSelectOption, ModelSelectProps } from './ModelSelect.types';

package/dist/components/OverlayPortal/OverlayPortal.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_TRANSITION=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE,[E.OVERLAY_OPEN_EFFECT_FOLD]:E.OVERLAY_OPEN_EFFECT_FOLD};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_TRANSITION=_;

package/dist/components/OverlayPortal/OverlayPortal.const.js

@@ -1,12 +1,13 @@
 import "react";
-import { OVERLAY_OPEN_EFFECT_SCALE as E, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as _, OVERLAY_OPEN_EFFECT_FADE as O } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as T } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-const A = {
+import { OVERLAY_OPEN_EFFECT_FOLD as E, OVERLAY_OPEN_EFFECT_SCALE as _, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as O, OVERLAY_OPEN_EFFECT_FADE as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as C } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+const L = {
+  [F]: F,
   [O]: O,
   [_]: _,
   [E]: E
 };
 export {
-  A as OVERLAY_EFFECT_TRANSITION,
-  T as OVERLAY_OPEN_EFFECT_NONE
+  L as OVERLAY_EFFECT_TRANSITION,
+  C as OVERLAY_OPEN_EFFECT_NONE
 };

package/dist/components/PageNav/PageNav.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const u=require("../Icon/Icon.cjs"),r=require("./PageNav.const.cjs"),p=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),h=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"9 6 15 12 9 18"})}),d=({item:a,direction:l,linkClass:n,labelClass:b,iconClass:t,sizeClass:x,iconSize:c})=>{const s=l==="prev",o=a.href?"a":"button",j=a.href?{href:a.href}:{type:"button",onClick:a.onClick};return e.jsxs(o,{...j,className:i.cn("bear-flex bear-flex-col bear-gap-1 bear-no-underline bear-min-w-0",s?"bear-items-start":"bear-items-end bear-ml-auto",n,x),children:[e.jsx("span",{className:i.cn("bear-text-[10px] bear-font-semibold bear-uppercase bear-tracking-wider",b),children:s?"Previous":"Next"}),e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1.5 bear-font-medium",children:[s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(p,{size:c})}),e.jsx("span",{className:"bear-truncate",children:a.label}),!s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(h,{size:c})})]})]})},f=({prev:a,next:l,size:n="md",variant:b="default",className:t,testId:x,"aria-label":c="Page navigation"})=>{if(!a&&!l)return null;const s=r.VARIANT_CLASSES[b],o=r.ICON_SIZE[n];return e.jsxs("nav",{"data-testid":x,className:i.cn(r.ROOT_CLASS,"bear-flex bear-items-start bear-justify-between bear-gap-4 bear-border-t bear-border-zinc-700/50",r.SIZE_CLASSES[n],t),"aria-label":c,children:[a?e.jsx(d,{item:a,direction:"prev",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{}),l?e.jsx(d,{item:l,direction:"next",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{})]})};exports.PageNav=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../utils/cn.cjs");require("react");const u=require("@forgedevstack/bear-icons"),r=require("./PageNav.const.cjs"),p=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"15 18 9 12 15 6"})}),h=({size:a})=>e.jsx(u.Icon,{size:a,children:e.jsx("polyline",{points:"9 6 15 12 9 18"})}),d=({item:a,direction:l,linkClass:n,labelClass:b,iconClass:t,sizeClass:x,iconSize:c})=>{const s=l==="prev",o=a.href?"a":"button",j=a.href?{href:a.href}:{type:"button",onClick:a.onClick};return e.jsxs(o,{...j,className:i.cn("bear-flex bear-flex-col bear-gap-1 bear-no-underline bear-min-w-0",s?"bear-items-start":"bear-items-end bear-ml-auto",n,x),children:[e.jsx("span",{className:i.cn("bear-text-[10px] bear-font-semibold bear-uppercase bear-tracking-wider",b),children:s?"Previous":"Next"}),e.jsxs("span",{className:"bear-flex bear-items-center bear-gap-1.5 bear-font-medium",children:[s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(p,{size:c})}),e.jsx("span",{className:"bear-truncate",children:a.label}),!s&&e.jsx("span",{className:i.cn("bear-flex-shrink-0",t),children:a.icon??e.jsx(h,{size:c})})]})]})},f=({prev:a,next:l,size:n="md",variant:b="default",className:t,testId:x,"aria-label":c="Page navigation"})=>{if(!a&&!l)return null;const s=r.VARIANT_CLASSES[b],o=r.ICON_SIZE[n];return e.jsxs("nav",{"data-testid":x,className:i.cn(r.ROOT_CLASS,"bear-flex bear-items-start bear-justify-between bear-gap-4 bear-border-t bear-border-zinc-700/50",r.SIZE_CLASSES[n],t),"aria-label":c,children:[a?e.jsx(d,{item:a,direction:"prev",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{}),l?e.jsx(d,{item:l,direction:"next",linkClass:s.link,labelClass:s.label,iconClass:s.icon,sizeClass:r.LINK_SIZE[n],iconSize:o}):e.jsx("span",{})]})};exports.PageNav=f;

package/dist/components/PageNav/PageNav.js

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as a } from "react/jsx-runtime";
 import { cn as l } from "../../utils/cn.js";
 import "react";
-import { Icon as f } from "../Icon/Icon.js";
+import { Icon as f } from "@forgedevstack/bear-icons";
 import { ICON_SIZE as C, LINK_SIZE as d, VARIANT_CLASSES as u, SIZE_CLASSES as N, ROOT_CLASS as x } from "./PageNav.const.js";
 const S = ({ size: e }) => /* @__PURE__ */ a(f, { size: e, children: /* @__PURE__ */ a("polyline", { points: "15 18 9 12 15 6" }) }), g = ({ size: e }) => /* @__PURE__ */ a(f, { size: e, children: /* @__PURE__ */ a("polyline", { points: "9 6 15 12 9 18" }) }), m = ({ item: e, direction: s, linkClass: n, labelClass: c, iconClass: i, sizeClass: b, iconSize: t }) => {
   const r = s === "prev", o = e.href ? "a" : "button", h = e.href ? { href: e.href } : { type: "button", onClick: e.onClick };

package/dist/components/PasswordInput/PasswordInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),L=require("../Input/Input.cjs"),i=require("../Icon/icons/action.cjs"),_=b.cn("Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5","bear-rounded bear-bg-amber-100 bear-text-amber-700","dark:bear-bg-amber-900/40 dark:bear-text-amber-400","bear-select-none bear-whitespace-nowrap"),S=({visible:t,onVisibilityChange:a,hideToggle:d=!1,toggleAriaLabel:u="Toggle password visibility",showShiftIndicator:n=!1,visibleIcon:l,hiddenIcon:p,...w})=>{const[x,m]=s.useState(!1),[f,I]=s.useState(!1),o=t!==void 0,c=o?t:x,g=s.useCallback(()=>{o?a==null||a(!t):m(e=>!e)},[o,t,a]);s.useEffect(()=>{if(!n)return;const e=j=>I(j.getModifierState("CapsLock"));return window.addEventListener("keydown",e),window.addEventListener("keyup",e),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",e)}},[n]);const v=r.jsx(i.VisibilityOffIcon,{className:"bear-w-4 bear-h-4"}),k=r.jsx(i.VisibilityIcon,{className:"bear-w-4 bear-h-4"}),y=d?void 0:r.jsxs("span",{className:"Bear-PasswordInput__actions bear-inline-flex bear-items-center bear-gap-1.5",children:[n&&f&&r.jsx("span",{className:_,children:"Caps"}),r.jsx("button",{type:"button",tabIndex:-1,onClick:g,className:b.cn("Bear-PasswordInput__toggle bear-inline-flex bear-items-center bear-justify-center","bear-text-gray-400 hover:bear-text-gray-600 dark:hover:bear-text-gray-300","bear-transition-colors bear-cursor-pointer"),"aria-label":u,children:c?l??v:p??k})]});return r.jsx(L.Input,{type:c?"text":"password",rightAddon:y,autoComplete:"current-password",...w})};exports.PasswordInput=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),b=require("../../utils/cn.cjs"),L=require("../Input/Input.cjs"),i=require("@forgedevstack/bear-icons/action"),_=b.cn("Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5","bear-rounded bear-bg-amber-100 bear-text-amber-700","dark:bear-bg-amber-900/40 dark:bear-text-amber-400","bear-select-none bear-whitespace-nowrap"),S=({visible:t,onVisibilityChange:a,hideToggle:d=!1,toggleAriaLabel:u="Toggle password visibility",showShiftIndicator:n=!1,visibleIcon:l,hiddenIcon:p,...w})=>{const[x,m]=s.useState(!1),[f,I]=s.useState(!1),o=t!==void 0,c=o?t:x,g=s.useCallback(()=>{o?a==null||a(!t):m(e=>!e)},[o,t,a]);s.useEffect(()=>{if(!n)return;const e=j=>I(j.getModifierState("CapsLock"));return window.addEventListener("keydown",e),window.addEventListener("keyup",e),()=>{window.removeEventListener("keydown",e),window.removeEventListener("keyup",e)}},[n]);const v=r.jsx(i.VisibilityOffIcon,{className:"bear-w-4 bear-h-4"}),k=r.jsx(i.VisibilityIcon,{className:"bear-w-4 bear-h-4"}),y=d?void 0:r.jsxs("span",{className:"Bear-PasswordInput__actions bear-inline-flex bear-items-center bear-gap-1.5",children:[n&&f&&r.jsx("span",{className:_,children:"Caps"}),r.jsx("button",{type:"button",tabIndex:-1,onClick:g,className:b.cn("Bear-PasswordInput__toggle bear-inline-flex bear-items-center bear-justify-center","bear-text-gray-400 hover:bear-text-gray-600 dark:hover:bear-text-gray-300","bear-transition-colors bear-cursor-pointer"),"aria-label":u,children:c?l??v:p??k})]});return r.jsx(L.Input,{type:c?"text":"password",rightAddon:y,autoComplete:"current-password",...w})};exports.PasswordInput=S;

package/dist/components/PasswordInput/PasswordInput.js

@@ -2,7 +2,7 @@ import { jsxs as L, jsx as r } from "react/jsx-runtime";
 import { useState as b, useCallback as _, useEffect as E } from "react";
 import { cn as c } from "../../utils/cn.js";
 import { Input as N } from "../Input/Input.js";
-import { VisibilityOffIcon as B, VisibilityIcon as C } from "../Icon/icons/action.js";
+import { VisibilityOffIcon as B, VisibilityIcon as C } from "@forgedevstack/bear-icons/action";
 const O = c(
   "Bear-PasswordInput__shift bear-text-xs bear-font-medium bear-px-1.5 bear-py-0.5",
   "bear-rounded bear-bg-amber-100 bear-text-amber-700",

package/dist/components/PromptComposer/PromptComposer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),T=require("react"),i=require("../../constants/generals.const.cjs"),V=require("../../utils/cn.cjs"),$=require("../../utils/generateBearId.utils.cjs"),Y=require("../../utils/useBearId.cjs"),R=require("../Box/Box.cjs"),d=require("../Button/Button.cjs"),g=require("../Flex/Flex.cjs"),s=require("./PromptComposer.const.cjs"),c=require("./PromptComposer.utils.cjs"),z=require("./helpers/PromptComposerAttachSvg.cjs"),H=require("./helpers/PromptComposerFileChip.cjs"),K=require("./helpers/PromptComposerSendSvg.cjs"),J=require("./helpers/PromptComposerStopSvg.cjs"),Q=x=>{const{id:f,testId:M,value:P,defaultValue:b=s.PROMPT_COMPOSER_DEFAULT_VALUE,onChange:p,onSubmit:a,onStop:_,onAttach:m,files:E,onFileRemove:B,isStreaming:o=s.PROMPT_COMPOSER_DEFAULT_STREAMING,disabled:r=s.PROMPT_COMPOSER_DEFAULT_DISABLED,allowAttach:v=s.PROMPT_COMPOSER_DEFAULT_ATTACH,accept:A,placeholder:I,translations:j,footer:q,className:N}=x,y=Y.useBearId(i.COMPONENT_NAME_PROMPT_COMPOSER),C=$.resolveBearId(f,y),S=T.useRef(null),[D,F]=T.useState(b),n=c.resolvePromptDraft({value:P},D),l={...s.PROMPT_COMPOSER_DEFAULT_TRANSLATIONS,...j},L=`${C}-field`,h=c.canSubmitPrompt(n,r,o),u=e=>{c.shouldUseInternalDraft(P)&&F(e),p==null||p(e)},w=()=>{const e=n.trim();!h||!e||(a==null||a(e),u(i.EMPTY_STRING))},U=()=>{var e;(e=S.current)==null||e.click()},k=e=>{!e||e.length===0||m==null||m(Array.from(e))},G=o&&!!_,O=E??[];return t.jsxs(R.Box,{id:C,"data-testid":M,className:V.cn("Bear-PromptComposer",N),children:[O.length>0&&t.jsx(g.Flex,{className:"Bear-PromptComposer__files",wrap:"wrap",gap:2,children:O.map(e=>t.jsx(H.PromptComposerFileChip,{file:e,disabled:r,onRemove:B},`${e.name}-${e.size}-${e.lastModified}`))}),t.jsxs(g.Flex,{className:"Bear-PromptComposer__row",align:"end",gap:2,children:[v&&t.jsx(d.Button,{type:"button",variant:"ghost",iconOnly:!0,disabled:r||o,"aria-label":l.attachLabel,onClick:U,children:t.jsx(z.PromptComposerAttachSvg,{})}),t.jsx(R.Box,{className:"Bear-PromptComposer__field",children:t.jsx("textarea",{id:L,className:"Bear-PromptComposer__textarea",value:n,placeholder:I??l.placeholder,disabled:r,rows:2,onChange:e=>u(e.target.value),onKeyDown:e=>c.submitPromptDraft({event:e,disabled:r,isStreaming:o,onSubmit:a,draft:n,clearDraft:()=>u(i.EMPTY_STRING)})})}),G?t.jsx(d.Button,{type:"button",variant:"secondary",iconOnly:!0,"aria-label":l.stopLabel,onClick:_,children:t.jsx(J.PromptComposerStopSvg,{})}):t.jsx(d.Button,{type:"button",variant:"primary",iconOnly:!0,disabled:!h,"aria-label":l.sendLabel,onClick:w,children:t.jsx(K.PromptComposerSendSvg,{})})]}),t.jsx("input",{ref:S,type:"file",hidden:!0,multiple:!0,accept:A,disabled:r||o,onChange:e=>{k(e.target.files),e.target.value=i.EMPTY_STRING}}),q]})};exports.PromptComposer=Q;

package/dist/components/PromptComposer/PromptComposer.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("../../constants/generals.const.cjs"),_={placeholder:O.PLACEHOLDER_START_TYPING,sendLabel:O.LABEL_SEND,stopLabel:O.LABEL_STOP,attachLabel:O.LABEL_ATTACH},E=O.BOOLEAN_FALSE,T=O.BOOLEAN_FALSE,A=O.BOOLEAN_FALSE,P=O.EMPTY_STRING;exports.PROMPT_COMPOSER_DEFAULT_ATTACH=A;exports.PROMPT_COMPOSER_DEFAULT_DISABLED=E;exports.PROMPT_COMPOSER_DEFAULT_STREAMING=T;exports.PROMPT_COMPOSER_DEFAULT_TRANSLATIONS=_;exports.PROMPT_COMPOSER_DEFAULT_VALUE=P;

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

@@ -0,0 +1,6 @@
+import { PromptComposerTranslations } from './PromptComposer.types';
+export declare const PROMPT_COMPOSER_DEFAULT_TRANSLATIONS: PromptComposerTranslations;
+export declare const PROMPT_COMPOSER_DEFAULT_DISABLED = false;
+export declare const PROMPT_COMPOSER_DEFAULT_STREAMING = false;
+export declare const PROMPT_COMPOSER_DEFAULT_ATTACH = false;
+export declare const PROMPT_COMPOSER_DEFAULT_VALUE = "";

package/dist/components/PromptComposer/PromptComposer.const.js

@@ -0,0 +1,14 @@
+import { EMPTY_STRING as E, BOOLEAN_FALSE as T, LABEL_ATTACH as _, LABEL_STOP as A, LABEL_SEND as L, PLACEHOLDER_START_TYPING as O } from "../../constants/generals.const.js";
+const R = {
+  placeholder: O,
+  sendLabel: L,
+  stopLabel: A,
+  attachLabel: _
+}, S = T, M = T, o = T, t = E;
+export {
+  o as PROMPT_COMPOSER_DEFAULT_ATTACH,
+  S as PROMPT_COMPOSER_DEFAULT_DISABLED,
+  M as PROMPT_COMPOSER_DEFAULT_STREAMING,
+  R as PROMPT_COMPOSER_DEFAULT_TRANSLATIONS,
+  t as PROMPT_COMPOSER_DEFAULT_VALUE
+};

package/dist/components/PromptComposer/PromptComposer.d.ts

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