@odigos/ui-kit 0.0.130 → 0.0.131

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.0.131](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.130...ui-kit-v0.0.131) (2025-12-03)
+
+
+### Features
+
+* implement YAML drawer and enhance general info component with YAML display ([#488](https://github.com/odigos-io/ui-kit/issues/488)) ([9365630](https://github.com/odigos-io/ui-kit/commit/9365630fa02a85887f39cd30dfd9fc1db719e722))
+
+
+### Bug Fixes
+
+* pods icon in table ([#490](https://github.com/odigos-io/ui-kit/issues/490)) ([1119317](https://github.com/odigos-io/ui-kit/commit/111931757aff39dc7f1afc8717a73a95656e537b))
+
 ## [0.0.130](https://github.com/odigos-io/ui-kit/compare/ui-kit-v0.0.129...ui-kit-v0.0.130) (2025-12-03)
 
 

package/lib/containers/_v2/pipeline-collectors/general-info/index.d.ts

@@ -3,5 +3,6 @@ import { type SectionCardProps, type StatusCardProps, type TextCardProps } from
 export interface GeneralInfoProps extends SectionCardProps {
     statusCard: StatusCardProps;
     textCards: TextCardProps[];
+    yaml: string;
 }
 export declare const GeneralInfo: FC<GeneralInfoProps>;

package/lib/containers/_v2/pipeline-collectors/general-info/yaml-drawer/index.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { DrawerProps } from '@/components/_v2';
+export interface YamlDrawerProps {
+    isOpen: DrawerProps['isOpen'];
+    onClose: DrawerProps['header']['onClose'];
+    title: string;
+    yaml: string;
+}
+export declare const YamlDrawer: FC<YamlDrawerProps>;

package/lib/containers/v2.js

@@ -1,4 +1,4 @@
-import e,{useState as a,useEffect as l,useMemo as t,useCallback as s}from"react";import{T as i,u as o,a as n,g as r,b as d,D as c,C as u,F as g,S as b,c as m,d as p,e as y,I as k,f as w,B as f,h as C,i as v,j as L,k as h,l as x,m as R,n as P,o as I,p as $,q as D,O as M,W as N,P as S}from"../chunks/ui-components-c940a3cc.js";import A from"styled-components";import{PodIcon as T,ArrowIcon as V,YamlIcon as j,VIcon as z,CopyIcon as U,GatewayIcon as E,PipelineCollectorIcon as H,DownloadIcon as q,RefreshIcon as G}from"../icons.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const O=A.div`
+import e,{useState as a,useEffect as t,useMemo as l,useCallback as i}from"react";import{T as s,u as o,a as n,g as r,b as d,D as c,C as u,F as g,S as b,c as p,d as m,e as y,I as k,f as C,B as w,h as v,i as f,j as h,k as L,l as x,m as P,n as R,o as I,p as D,q as M,O as $,W as A,P as N}from"../chunks/ui-components-c940a3cc.js";import S from"styled-components";import{PodIcon as T,ChevronUpIcon as V,ChevronDownIcon as z,YamlIcon as j,VIcon as O,CopyIcon as U,PipelineCollectorIcon as E,DownloadIcon as H,RefreshIcon as q,GatewayIcon as G}from"../icons.js";import"zustand";import"javascript-time-ago";import"../chunks/vendor-55cc654c.js";import"react-dom";import"@xyflow/react";import"prism-react-renderer";import"react-error-boundary";import"lottie-react";const Y=S.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -6,10 +6,10 @@ import e,{useState as a,useEffect as l,useMemo as t,useCallback as s}from"react"
   padding: 8px 12px;
   border-radius: 12px;
   background-color: ${({theme:e})=>e.v2.colors.silver[800]};
-`,F=A.div`
-  animation-name: ${i.animations.fade.in};
-`,B=({pod:s,getExtendedPodInfo:i,onClose:L})=>{const{formatTimeAgo:h}=o(),{clickCopy:x,isCopied:R}=n(),[P,I]=a(null),[$,D]=a(!1);l(()=>{s?i(s.namespace,s.name).then(I):(I(null),D(!1))},[s]);const M=t(()=>[{id:r(),title:"Node",label:P?.node??"-"},{id:r(),title:"Role",label:P?.role??"-"},{id:r(),title:"Status",badge:{status:d(P?.status),label:P?.status??"-"}}],[P]),N=t(()=>P?.containers?.map(e=>({id:r(),items:[{id:r(),title:"Container",label:e.name??"-"},{id:r(),title:"Status",badge:{status:d(e.status),label:e.status??"-"},label:e.startedAt?`(since ${h(e.startedAt)})`:""},{id:r(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:r(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:r(),title:"Restarts",label:e.restarts.toString()},{id:r(),title:"State Reason",label:e.stateReason??"-"},{id:r(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:r(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[P]);return e.createElement(c,{isOpen:!!s,header:{icon:T,title:"Pod Information",onClose:L}},P?null:e.createElement(u,null,e.createElement(g,null)),P?e.createElement(e.Fragment,null,e.createElement(b,{icon:T,title:P.name},e.createElement(m,{$gap:24},e.createElement(p,{cellsPerRow:3,items:M}),N.length>0&&e.createElement(m,{$gap:12},e.createElement(O,null,e.createElement(y,null,"Containers Overview"),e.createElement(k,{icon:()=>e.createElement(V,{rotate:$?0:180}),onClick:()=>D(e=>!e)})),$&&N.map(({id:a,items:l})=>e.createElement(F,{key:a},e.createElement(p,{cellsPerRow:2,items:l})))))),e.createElement(b,{icon:j,title:"YAML",actions:[{id:r(),type:w.Button,props:{label:"",leftIcon:R?z:U,onClick:()=>x(P.manifestYAML),disabled:R,size:f.S,variant:C.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(v,{code:P.manifestYAML,language:"yaml",theme:"duotoneDark"})))):null)};var W;!function(e){e.PodName="podName",e.Ready="ready",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.Age="age",e.DockerImage="dockerImage"}(W||(W={}));const Y=[{key:W.PodName,label:"Pod Name",sortable:!0},{key:W.Ready,label:"Ready",sortable:!0,textAlign:"right"},{key:W.Status,label:"Status",sortable:!0},{key:W.Restarts,label:"Restarts",sortable:!0,textAlign:"right"},{key:W.NodeName,label:"Node Name",sortable:!0},{key:W.Age,label:"Age",sortable:!0,textAlign:"right"},{key:W.DockerImage,label:"Docker Image",sortable:!0,textAlign:"right"}],J=({isLoading:l,tableRowsMaxHeight:s,pods:i,getExtendedPodInfo:n})=>{const{formatTimeAgo:r}=o(),[d,c]=a(null),u=t(()=>i.map(e=>({onClick:()=>c(e),cells:[{key:W.PodName,rawValue:e.name},{key:W.Ready,rawValue:e.ready},{key:W.Status,rawValue:e.status??"-"},{key:W.Restarts,rawValue:e.restartsCount},{key:W.NodeName,rawValue:e.nodeName},{key:W.Age,rawValue:r(e.creationTimestamp)},{key:W.DockerImage,rawValue:e.image}]})),[i]);return e.createElement(b,{icon:E,title:"Pods"},e.createElement(L,{maxHeight:s,isLoading:l,columns:Y,rows:u}),e.createElement(B,{pod:d,getExtendedPodInfo:n,onClose:()=>c(null)}))};var K;!function(e){e.Gateway="gateway",e.Node="node"}(K||(K={}));const Q=[{value:K.Gateway,label:"Gateway"},{value:K.Node,label:"Node Collector"}],X=A.div`
+`,F=S.div`
+  animation-name: ${s.animations.fade.in};
+`,W=({pod:i,getExtendedPodInfo:s,onClose:h})=>{const{formatTimeAgo:L}=o(),{clickCopy:x,isCopied:P}=n(),[R,I]=a(null),[D,M]=a(!1);t(()=>{i?s(i.namespace,i.name).then(I):(I(null),M(!1))},[i]);const $=l(()=>[{id:r(),title:"Node",label:R?.node??"-"},{id:r(),title:"Role",label:R?.role??"-"},{id:r(),title:"Status",badge:{status:d(R?.status),label:R?.status??"-"}}],[R]),A=l(()=>R?.containers?.map(e=>({id:r(),items:[{id:r(),title:"Container",label:e.name??"-"},{id:r(),title:"Status",badge:{status:d(e.status),label:e.status??"-"},label:e.startedAt?`(since ${L(e.startedAt)})`:""},{id:r(),title:"Image Version",label:e.image?.split(":")?.[1]??"-"},{id:r(),title:"Image Repository",label:e.image?.split(":")?.[0]??"-"},{id:r(),title:"Restarts",label:e.restarts.toString()},{id:r(),title:"State Reason",label:e.stateReason??"-"},{id:r(),title:"Resource Requests",label:`CPU ${e.resources.requests.cpu} • Memory ${e.resources.requests.memory}`},{id:r(),title:"Resource Limits",label:`CPU ${e.resources.limits.cpu} • Memory ${e.resources.limits.memory}`}]}))||[],[R]);return e.createElement(c,{isOpen:!!i,header:{icon:T,title:"Pod Information",onClose:h}},R?null:e.createElement(u,null,e.createElement(g,null)),R?e.createElement(e.Fragment,null,e.createElement(b,{icon:T,title:R.name},e.createElement(p,{$gap:24},e.createElement(m,{cellsPerRow:3,items:$}),A.length>0&&e.createElement(p,{$gap:12},e.createElement(Y,null,e.createElement(y,null,"Containers Overview"),e.createElement(k,{icon:D?V:z,onClick:()=>M(e=>!e)})),D&&A.map(({id:a,items:t})=>e.createElement(F,{key:a},e.createElement(m,{cellsPerRow:2,items:t})))))),e.createElement(b,{icon:j,title:"YAML",actions:[{id:r(),type:C.Button,props:{label:"",leftIcon:P?O:U,onClick:()=>x(R.manifestYAML),disabled:P,size:w.S,variant:v.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(f,{code:R.manifestYAML,language:"yaml",theme:"duotoneDark"})))):null)};var B;!function(e){e.PodName="podName",e.Ready="ready",e.Status="status",e.Restarts="restarts",e.NodeName="nodeName",e.Age="age",e.DockerImage="dockerImage"}(B||(B={}));const J=[{key:B.PodName,label:"Pod Name",sortable:!0},{key:B.Ready,label:"Ready",sortable:!0,textAlign:"right"},{key:B.Status,label:"Status",sortable:!0},{key:B.Restarts,label:"Restarts",sortable:!0,textAlign:"right"},{key:B.NodeName,label:"Node Name",sortable:!0},{key:B.Age,label:"Age",sortable:!0,textAlign:"right"},{key:B.DockerImage,label:"Docker Image",sortable:!0,textAlign:"right"}],K=({isLoading:t,tableRowsMaxHeight:i,pods:s,getExtendedPodInfo:n})=>{const{formatTimeAgo:r}=o(),[d,c]=a(null),u=l(()=>s.map(e=>({onClick:()=>c(e),cells:[{key:B.PodName,rawValue:e.name},{key:B.Ready,rawValue:e.ready},{key:B.Status,rawValue:e.status??"-"},{key:B.Restarts,rawValue:e.restartsCount},{key:B.NodeName,rawValue:e.nodeName},{key:B.Age,rawValue:r(e.creationTimestamp)},{key:B.DockerImage,rawValue:e.image}]})),[s]);return e.createElement(b,{icon:T,title:"Pods"},e.createElement(h,{maxHeight:i,isLoading:t,columns:J,rows:u}),e.createElement(W,{pod:d,getExtendedPodInfo:n,onClose:()=>c(null)}))};var Q;!function(e){e.Gateway="gateway",e.Node="node"}(Q||(Q={}));const X=[{value:Q.Gateway,label:"Gateway"},{value:Q.Node,label:"Node Collector"}],Z=S.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-`,Z=({selectedTab:a,setSelectedTab:l,onClickDownloadDiagnose:t,onClickRefresh:s,isLoading:i})=>e.createElement(X,null,e.createElement(h,{$gap:12},e.createElement(h,{$gap:8},e.createElement(H,{size:32}),e.createElement(y,{size:x.M,weight:500},"Pipeline Collectors")),e.createElement(R,{options:Q,selected:a,setSelected:l})),e.createElement(h,{$gap:8},t&&e.createElement(P,{label:"Download Diagnose",leftIcon:q,size:f.S,variant:C.Text,onClick:t}),s&&e.createElement(P,{label:"Refresh",leftIcon:G,size:f.S,variant:C.Text,onClick:s,loading:i}))),_=({icon:a,title:l,badge:t,statusCard:s,textCards:i})=>e.createElement(b,{icon:a,title:l,badge:t},e.createElement(h,{$gap:16},e.createElement(I,{...s}),i.map(a=>e.createElement($,{key:a.title,...a})))),ee=e=>{switch(e){case N.Healthy:case N.Updating:return"All replicas are running and up to date";case N.Degraded:return"Some replicas unavailable";case N.Failed:return"Rollout failed exceeded progress deadline";case N.Down:return"No available replicas";case N.Unknown:default:return"Status unknown"}},ae=({tableRowsMaxHeight:i,getGatewayInfo:n,getGatewayPods:r,getNodeCollectorInfo:c,getNodeCollectorPods:u,getExtendedPodInfo:g})=>{const{formatTimeAgo:b}=o(),[m,p]=a(!1),[y,k]=a(K.Gateway),[w,f]=a(null),[C,v]=a([]),[L,h]=a(null),[x,R]=a([]),P=s(async()=>{switch(p(!0),y){case K.Gateway:f(await n()),v(await r());break;case K.Node:h(await c()),R(await u())}p(!1)},[y]);l(()=>{P().catch(e=>{})},[P]);const I=t(()=>(e=>{const a=Q.find(a=>a.value===e);return a?.label??"Pipeline Collectors"})(y),[y]),$=t(()=>((e,a,l,t)=>{const s={status:M.Disabled,label:"No rollouts yet"};let i=!1,o=null;switch(e){case K.Gateway:i=a?.rolloutInProgress??!1,o=a?.lastRolloutAt??null;break;case K.Node:i=l?.rolloutInProgress??!1,o=l?.lastRolloutAt??null;break;default:return s}return i?{status:D.Info,label:"Rollout in progress",rightIcon:G,useSecondaryTone:!0}:o?{status:M.Disabled,label:`Last Rollout: ${t(o)}`}:s})(y,w,L,b),[w,L,y,b]),A=t(()=>((e,a,l,t)=>{if(t)return{status:D.Info,title:"Loading",description:"Fetching data..."};let s=M.Unknown,i=N.Unknown,o=ee(N.Unknown);switch(e){case K.Gateway:s=d(a?.status),i=a?.status??i,o=a?.status?ee(a.status):o;break;case K.Node:s=d(a?.status),i=l?.status??i,o=l?.status?ee(l.status):o}return{status:s,title:i,description:o}})(y,w,L,m),[w,L,y,m]),T=t(()=>((e,a,l,t)=>{switch(e){case K.Gateway:return[{title:"HPA Spec (Replicas)",cells:[{label:"Min.",value:a?.hpa.min.toString()??"-",isLoading:t},{label:"Max.",value:a?.hpa.max.toString()??"-",isLoading:t},{label:"Current",value:a?.hpa.current.toString()??"-",isLoading:t},{label:"Desired",value:a?.hpa.desired.toString()??"-",isLoading:t}]},{title:"Requests",cells:[{label:"CPU",value:a?.resources.requests.cpu??"-",isLoading:t},{label:"Memory",value:a?.resources.requests.memory??"-",isLoading:t}]},{title:"Limits",cells:[{label:"CPU",value:a?.resources.limits.cpu??"-",isLoading:t},{label:"Memory",value:a?.resources.limits.memory??"-",isLoading:t}]},{title:"Docker Image",cells:[{value:a?.imageVersion??"-",isLoading:t}]}];case K.Node:return[{title:"Nodes",cells:[{label:"Desired",value:l?.nodes.desired.toString()??"-",isLoading:t},{label:"Ready",value:l?.nodes.ready.toString()??"-",isLoading:t}]},{title:"Requests",cells:[{label:"CPU",value:l?.resources.requests.cpu??"-",isLoading:t},{label:"Memory",value:l?.resources.requests.memory??"-",isLoading:t}]},{title:"Limits",cells:[{label:"CPU",value:l?.resources.limits.cpu??"-",isLoading:t},{label:"Memory",value:l?.resources.limits.memory??"-",isLoading:t}]},{title:"Docker Image",cells:[{value:l?.imageVersion??"-",isLoading:t}]}];default:return[]}})(y,w,L,m),[w,L,y,m]);return e.createElement(S,null,e.createElement(Z,{isLoading:m,selectedTab:y,setSelectedTab:k,onClickDownloadDiagnose:void 0,onClickRefresh:P}),e.createElement(_,{icon:E,title:I,badge:$,statusCard:A,textCards:T}),e.createElement(J,{isLoading:m,tableRowsMaxHeight:i,pods:y===K.Gateway?C:x,getExtendedPodInfo:g}))};export{ae as PipelineCollectors};
+`,_=({selectedTab:a,setSelectedTab:t,onClickDownloadDiagnose:l,onClickRefresh:i,isLoading:s})=>e.createElement(Z,null,e.createElement(L,{$gap:12},e.createElement(L,{$gap:8},e.createElement(E,{size:32}),e.createElement(y,{size:x.M,weight:500},"Pipeline Collectors")),e.createElement(P,{options:X,selected:a,setSelected:t})),e.createElement(L,{$gap:8},l&&e.createElement(R,{label:"Download Diagnose",leftIcon:H,size:w.S,variant:v.Text,onClick:l}),i&&e.createElement(R,{label:"Refresh",leftIcon:q,size:w.S,variant:v.Text,onClick:i,loading:s}))),ee=({isOpen:a,onClose:t,title:l,yaml:i})=>{const{clickCopy:s,isCopied:o}=n();return e.createElement(c,{isOpen:a,header:{icon:G,title:l,onClose:t}},e.createElement(b,{icon:j,title:"YAML",actions:[{id:r(),type:C.Button,props:{label:"",leftIcon:o?O:U,onClick:()=>s(i),disabled:o,size:w.S,variant:v.Secondary}}]},e.createElement("div",{style:{padding:"0 12px"}},e.createElement(f,{code:i,language:"yaml",theme:"duotoneDark"}))))},ae=({icon:t,title:l,badge:i,statusCard:s,textCards:o,yaml:n})=>{const[d,c]=a(!1);return e.createElement(b,{icon:t,title:l,badge:i,actions:[{id:r(),type:C.Button,props:{variant:v.Secondary,size:w.S,leftIcon:j,label:"View YAML",onClick:()=>c(!0)}}]},e.createElement(L,{$gap:16},e.createElement(I,{...s}),o.map(a=>e.createElement(D,{key:a.title,...a}))),e.createElement(ee,{isOpen:d,onClose:()=>c(!1),title:l,yaml:n}))},te=e=>{switch(e){case A.Healthy:return"All desired replicas are updated, available, and ready";case A.Updating:return"Workload is progressing towards desired state (e.g., updating pods)";case A.Degraded:return"Progressing but with availability issues (e.g., not enough available replicas)";case A.Failed:return"Progress deadline exceeded or an unrecoverable error occurred";case A.Down:return"No available replicas";case A.Unknown:return"Status cannot be determined from current signals";default:return"Status unknown"}},le=({tableRowsMaxHeight:s,getGatewayInfo:n,getGatewayPods:r,getNodeCollectorInfo:c,getNodeCollectorPods:u,getExtendedPodInfo:g})=>{const{formatTimeAgo:b}=o(),[p,m]=a(!1),[y,k]=a(Q.Gateway),[C,w]=a(null),[v,f]=a([]),[h,L]=a(null),[x,P]=a([]),R=i(async()=>{switch(m(!0),y){case Q.Gateway:w(await n()),f(await r());break;case Q.Node:L(await c()),P(await u())}m(!1)},[y]);t(()=>{R().catch(e=>{})},[R]);const I=l(()=>(e=>{const a=X.find(a=>a.value===e);return a?.label??"Pipeline Collectors"})(y),[y]),D=l(()=>((e,a,t,l)=>{const i={status:$.Disabled,label:"No rollouts yet"};let s=!1,o=null;switch(e){case Q.Gateway:s=a?.rolloutInProgress??!1,o=a?.lastRolloutAt??null;break;case Q.Node:s=t?.rolloutInProgress??!1,o=t?.lastRolloutAt??null;break;default:return i}return s?{status:M.Info,label:"Rollout in progress",rightIcon:q,useSecondaryTone:!0}:o?{status:$.Disabled,label:`Last Rollout: ${l(o)}`}:i})(y,C,h,b),[C,h,y,b]),S=l(()=>((e,a,t,l)=>{if(l)return{status:M.Info,title:"Loading",description:"Fetching data..."};let i=$.Unknown,s=A.Unknown,o=te(A.Unknown);switch(e){case Q.Gateway:i=d(a?.status),s=a?.status??s,o=a?.status?te(a.status):o;break;case Q.Node:i=d(a?.status),s=t?.status??s,o=t?.status?te(t.status):o}return{status:i,title:s,description:o}})(y,C,h,p),[C,h,y,p]),T=l(()=>((e,a,t,l)=>{switch(e){case Q.Gateway:return[{title:"HPA Spec (Replicas)",cells:[{label:"Min.",value:a?.hpa.min.toString()??"-",isLoading:l},{label:"Max.",value:a?.hpa.max.toString()??"-",isLoading:l},{label:"Current",value:a?.hpa.current.toString()??"-",isLoading:l},{label:"Desired",value:a?.hpa.desired.toString()??"-",isLoading:l}]},{title:"Requests",cells:[{label:"CPU",value:a?.resources.requests.cpu??"-",isLoading:l},{label:"Memory",value:a?.resources.requests.memory??"-",isLoading:l}]},{title:"Limits",cells:[{label:"CPU",value:a?.resources.limits.cpu??"-",isLoading:l},{label:"Memory",value:a?.resources.limits.memory??"-",isLoading:l}]},{title:"Docker Image",cells:[{value:a?.imageVersion??"-",isLoading:l}]}];case Q.Node:return[{title:"Nodes",cells:[{label:"Desired",value:t?.nodes.desired.toString()??"-",isLoading:l},{label:"Ready",value:t?.nodes.ready.toString()??"-",isLoading:l}]},{title:"Requests",cells:[{label:"CPU",value:t?.resources.requests.cpu??"-",isLoading:l},{label:"Memory",value:t?.resources.requests.memory??"-",isLoading:l}]},{title:"Limits",cells:[{label:"CPU",value:t?.resources.limits.cpu??"-",isLoading:l},{label:"Memory",value:t?.resources.limits.memory??"-",isLoading:l}]},{title:"Docker Image",cells:[{value:t?.imageVersion??"-",isLoading:l}]}];default:return[]}})(y,C,h,p),[C,h,y,p]),V=l(()=>(y===Q.Gateway?C?.manifestYAML:h?.manifestYAML)??"",[C,h,y]),z=l(()=>y===Q.Gateway?v:x,[v,x,y]);return e.createElement(N,null,e.createElement(_,{isLoading:p,selectedTab:y,setSelectedTab:k,onClickDownloadDiagnose:void 0,onClickRefresh:R}),e.createElement(ae,{icon:G,title:I,badge:D,statusCard:S,textCards:T,yaml:V}),e.createElement(K,{isLoading:p,tableRowsMaxHeight:s,pods:z,getExtendedPodInfo:g}))};export{le as PipelineCollectors};

package/lib/icons/arrows/arrow-down-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowDownIcon: SVG;

package/lib/icons/arrows/arrow-down-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowDownSquareIcon: SVG;

package/lib/icons/arrows/arrow-left-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowLeftIcon: SVG;

package/lib/icons/arrows/arrow-left-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowLeftSquareIcon: SVG;

package/lib/icons/arrows/arrow-right-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowRightIcon: SVG;

package/lib/icons/arrows/arrow-right-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowRightSquareIcon: SVG;

package/lib/icons/arrows/arrow-up-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowUpIcon: SVG;

package/lib/icons/arrows/arrow-up-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ArrowUpSquareIcon: SVG;

package/lib/icons/arrows/chevron-down-circle-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronDownCircleIcon: SVG;

package/lib/icons/arrows/chevron-down-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronDownIcon: SVG;

package/lib/icons/arrows/chevron-down-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronDownSquareIcon: SVG;

package/lib/icons/arrows/chevron-left-circle-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronLeftCircleIcon: SVG;

package/lib/icons/arrows/chevron-left-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronLeftIcon: SVG;

package/lib/icons/arrows/chevron-left-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronLeftSquareIcon: SVG;

package/lib/icons/arrows/chevron-right-circle-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronRightCircleIcon: SVG;

package/lib/icons/arrows/chevron-right-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronRightIcon: SVG;

package/lib/icons/arrows/chevron-right-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronRightSquareIcon: SVG;

package/lib/icons/arrows/chevron-up-circle-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronUpCircleIcon: SVG;

package/lib/icons/arrows/chevron-up-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronUpIcon: SVG;

package/lib/icons/arrows/chevron-up-square-icon/index.d.ts

@@ -0,0 +1,2 @@
+import type { SVG } from '@/types';
+export declare const ChevronUpSquareIcon: SVG;

package/lib/icons/arrows/index.d.ts

@@ -0,0 +1,20 @@
+export * from './arrow-down-icon';
+export * from './arrow-down-square-icon';
+export * from './arrow-left-icon';
+export * from './arrow-left-square-icon';
+export * from './arrow-right-icon';
+export * from './arrow-right-square-icon';
+export * from './arrow-up-icon';
+export * from './arrow-up-square-icon';
+export * from './chevron-down-circle-icon';
+export * from './chevron-down-icon';
+export * from './chevron-down-square-icon';
+export * from './chevron-left-circle-icon';
+export * from './chevron-left-icon';
+export * from './chevron-left-square-icon';
+export * from './chevron-right-circle-icon';
+export * from './chevron-right-icon';
+export * from './chevron-right-square-icon';
+export * from './chevron-up-circle-icon';
+export * from './chevron-up-icon';
+export * from './chevron-up-square-icon';

package/lib/icons/index.d.ts

@@ -1,4 +1,5 @@
 export * from './actions';
+export * from './arrows';
 export * from './auth';
 export * from './brand';
 export * from './common';