@e-llm-studio/instant-learning 1.3.2 → 1.3.3

package/dist/features/IL-OTJ/_components/VariantLoadingOverlay.js

@@ -1,2 +1,59 @@
-import{__assign as r}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{Box as e,Typography as o,Skeleton as a}from"@mui/material";import l from"./_svg/SparkleIcon.js";var x=function(x){var d=x.isLoading,n=x.mainText,b=x.subText;return d?i(e,r({sx:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"var(--il-overlay, rgba(241, 245, 249, 0.7))",display:"flex",justifyContent:"center",alignItems:"center",zIndex:1e4}},{children:t(e,r({sx:{width:"85%",maxWidth:"800px",bgcolor:"var(--il-surface,#ffffff)",borderRadius:"16px",boxShadow:"0px 10px 40px rgba(0,0,0,0.08)",display:"flex",p:5,gap:4,border:"1px solid var(--il-border,#e2e8f0)"}},{children:[t(e,r({sx:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:[i(e,r({sx:{color:"var(--il-primary,#8B5CF6)",mb:2}},{children:i(l,{})})),i(o,r({variant:"h6",sx:{fontWeight:600,color:"var(--il-foreground,#0F172A)",mb:1,fontSize:"1.1rem"}},{children:n})),b&&i(o,r({variant:"body2",sx:{color:"var(--il-muted,#64748b)",lineHeight:1.5}},{children:b}))]})),t(e,r({sx:{flex:1.2,bgcolor:"var(--il-surface-alt,#F8FAFC)",borderRadius:"12px",p:3,display:"flex",flexDirection:"column",gap:1.5,border:"1px solid var(--il-border,#F1F5F9)"}},{children:[i(a,{variant:"text",sx:{width:"80%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),i(a,{variant:"text",sx:{width:"100%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),i(a,{variant:"text",sx:{width:"90%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)",mb:1}}),i(a,{variant:"text",sx:{width:"85%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),i(a,{variant:"text",sx:{width:"95%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),i(a,{variant:"text",sx:{width:"70%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)",mb:1}}),i(a,{variant:"text",sx:{width:"90%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}}),i(a,{variant:"text",sx:{width:"60%",height:"12px",bgcolor:"var(--il-border,#E2E8F0)"}})]}))]}))})):null};export{x as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Box, Typography, Skeleton } from '@mui/material';
+import SparkleIcon from './_svg/SparkleIcon.js';
+
+const VariantLoadingOverlay = ({ isLoading, mainText, subText }) => {
+  if (!isLoading) return null;
+  return /* @__PURE__ */ jsx(Box, { sx: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "var(--il-overlay, rgba(241, 245, 249, 0.7))",
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 1e4
+    // backdropFilter: 'blur(1px)'
+  }, children: /* @__PURE__ */ jsxs(Box, { sx: {
+    width: "85%",
+    maxWidth: "800px",
+    bgcolor: "var(--il-surface,#ffffff)",
+    borderRadius: "16px",
+    boxShadow: "0px 10px 40px rgba(0,0,0,0.08)",
+    display: "flex",
+    p: 5,
+    gap: 4,
+    border: "1px solid var(--il-border,#e2e8f0)"
+  }, children: [
+    /* @__PURE__ */ jsxs(Box, { sx: { flex: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children: [
+      /* @__PURE__ */ jsx(Box, { sx: { color: "var(--il-primary,#8B5CF6)", mb: 2 }, children: /* @__PURE__ */ jsx(SparkleIcon, {}) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600, color: "var(--il-foreground,#0F172A)", mb: 1, fontSize: "1.1rem" }, children: mainText }),
+      subText && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { color: "var(--il-muted,#64748b)", lineHeight: 1.5 }, children: subText })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { sx: {
+      flex: 1.2,
+      bgcolor: "var(--il-surface-alt,#F8FAFC)",
+      borderRadius: "12px",
+      p: 3,
+      display: "flex",
+      flexDirection: "column",
+      gap: 1.5,
+      border: "1px solid var(--il-border,#F1F5F9)"
+    }, children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "80%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "100%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "90%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)", mb: 1 } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "85%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "95%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "70%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)", mb: 1 } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "90%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", sx: { width: "60%", height: "12px", bgcolor: "var(--il-border,#E2E8F0)" } })
+    ] })
+  ] }) });
+};
+var VariantLoadingOverlay$1 = VariantLoadingOverlay;
+
+export { VariantLoadingOverlay$1 as default };
 //# sourceMappingURL=VariantLoadingOverlay.js.map

package/dist/features/IL-OTJ/_components/VariantLoadingOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariantLoadingOverlay.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"VariantLoadingOverlay.js","sources":["../../../../src/features/IL-OTJ/_components/VariantLoadingOverlay.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box, Typography, Skeleton } from \"@mui/material\";\nimport SparkleIcon from \"./_svg/SparkleIcon\"; \n\ninterface VariantLoadingOverlayProps {\n    isLoading: boolean;\n    mainText: string;\n    subText?: string\n}\n\nconst VariantLoadingOverlay: React.FC<VariantLoadingOverlayProps> = ({ isLoading, mainText, subText }) => {\n    if (!isLoading) return null;\n\n    return (\n        <Box sx={{\n            position: 'absolute',\n            top: 0, left: 0, right: 0, bottom: 0,\n            backgroundColor: 'var(--il-overlay, rgba(241, 245, 249, 0.7))',\n            display: 'flex',\n            justifyContent: 'center',\n            alignItems: 'center',\n            zIndex: 10000,\n            // backdropFilter: 'blur(1px)'\n        }}>\n            {/* Main Loading Card */}\n            <Box sx={{\n                width: '85%',\n                maxWidth: '800px',\n                bgcolor: 'var(--il-surface,#ffffff)',\n                borderRadius: '16px',\n                boxShadow: '0px 10px 40px rgba(0,0,0,0.08)',\n                display: 'flex',\n                p: 5,\n                gap: 4,\n                border: '1px solid var(--il-border,#e2e8f0)'\n            }}>\n                {/* LHS: Content */}\n                <Box sx={{ flex: 1, display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>\n                    <Box sx={{ color: 'var(--il-primary,#8B5CF6)', mb: 2 }}>\n                        <SparkleIcon />\n                    </Box>\n                    <Typography variant=\"h6\" sx={{ fontWeight: 600, color: 'var(--il-foreground,#0F172A)', mb: 1, fontSize: '1.1rem' }}>\n                        {mainText}\n                    </Typography>\n                    {subText && <Typography variant=\"body2\" sx={{ color: 'var(--il-muted,#64748b)', lineHeight: 1.5 }}>\n                        {subText}\n                    </Typography>}\n                </Box>\n\n                {/* RHS: Refined Skeleton */}\n                <Box sx={{ \n                    flex: 1.2, \n                    bgcolor: 'var(--il-surface-alt,#F8FAFC)',\n                    borderRadius: '12px', \n                    p: 3, \n                    display: 'flex', \n                    flexDirection: 'column', \n                    gap: 1.5,\n                    border: '1px solid var(--il-border,#F1F5F9)'\n                }}>\n                    {/* Top Group */}\n                    <Skeleton variant=\"text\" sx={{ width: '80%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '100%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '90%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)', mb: 1 }} />\n                    \n                    {/* Middle Group */}\n                    <Skeleton variant=\"text\" sx={{ width: '85%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '95%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '70%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)', mb: 1 }} />\n\n                    {/* Bottom Group */}\n                    <Skeleton variant=\"text\" sx={{ width: '90%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                    <Skeleton variant=\"text\" sx={{ width: '60%', height: '12px', bgcolor: 'var(--il-border,#E2E8F0)' }} />\n                </Box>\n            </Box>\n        </Box>\n    );\n};\n\nexport default VariantLoadingOverlay;\n"],"names":[],"mappings":"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"}

package/dist/features/IL-OTJ/_components/ViewFormUpdateCard.js

@@ -1,2 +1,187 @@
-import{__assign as e}from"tslib";import{jsxs as i,jsx as n}from"react/jsx-runtime";import r from"react";import{FileText as t,ChevronUp as o,ChevronDown as a}from"lucide-react";import{CognitiveDecisioningCard as l}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as s}from"./_svg/ButtonCognitiveIcon.js";import{getCognitiveDecisioningThemeStyles as p}from"./cognitiveDecisioningThemeStyles.js";var d=function(d){var c=d.data,g=d.cardMdComponents,u=r.useState(!0),m=u[0],f=u[1],x=r.useState({}),v=x[0],h=x[1];return c&&c.fields&&Array.isArray(c.fields)?i("span",e({style:{display:"inline",verticalAlign:"middle",marginLeft:"4px"}},{children:[i("button",e({onClick:function(){return f(!m)},style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"6px 4px",borderRadius:"8px",border:"none",backgroundColor:"var(--il-updated-details-bg, var(--il-primary-subtle, #F5F3FF))",color:"var(--il-updated-details-fg, var(--il-primary, #6D28D9))",fontWeight:500,fontSize:"14px",cursor:"pointer"}},{children:[n(t,{size:15}),n("span",{children:"View Updated Details"}),n(m?o:a,{size:16})]})),m&&i("div",e({style:{position:"relative",zIndex:10,marginTop:"8px",width:"100%",minWidth:"300px",border:"1px solid var(--il-border, #F1F5F9)",borderRadius:"8px",backgroundColor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #1E293B)",padding:"12px",boxShadow:"0 4px 6px -1px rgb(0 0 0 / 0.1)"}},{children:[n("div",e({style:{fontSize:"14px",fontWeight:600,color:"var(--il-secondary-fg, #475569)",marginBottom:"4px"}},{children:c.title})),n("div",e({style:{backgroundColor:"var(--il-surface-alt, #F8FAFC)",borderRadius:"8px",padding:"12px",display:"flex",flexDirection:"column",gap:"12px"}},{children:c.fields.map(function(r,t){var d=r.segments&&r.segments.length>0?r.segments:[{type:"text",content:r.label}];return i("div",e({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i("div",e({style:{fontSize:"14px",color:"var(--il-foreground, #1E293B)",lineHeight:"1.6",fontWeight:400}},{children:[i("span",{children:[t+1,"."]}),d.map(function(r,l){if("text"===r.type)return n("span",e({style:{whiteSpace:"pre-wrap"}},{children:r.content}),l);if("reasoning"===r.type){var p="".concat(t,"-").concat(l),d=v[p];return i("span",e({onClick:function(i){i.stopPropagation(),h(function(i){var n;return e(e({},i),((n={})[p]=!i[p],n))})},style:{display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 4px",cursor:"pointer",verticalAlign:"middle"}},{children:[n(s,{size:18}),n(d?o:a,{size:12,color:"var(--il-muted, #667085)"})]}),l)}return null})]})),d.map(function(i,r){var o,a="".concat(t,"-").concat(r);return"reasoning"===i.type&&v[a]?n("div",e({style:{width:"100%",marginTop:"4px"}},{children:n(l,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:n(s,{}),reasoning:null===(o=i.reasoning.reason)||void 0===o?void 0:o.replace(/\\n/g,"\n"),gap:i.reasoning.gap,score:i.reasoning.score,isOpen:!0,onToggle:function(){return h(function(i){var n;return e(e({},i),((n={})[a]=!1,n))})},hideTrigger:!0,mdComponents:g,styles:p()})}),"card-".concat(r)):null})]}),t)})}))]}))]})):null};export{d as ViewFormUpdateCard};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { FileText, ChevronUp, ChevronDown } from 'lucide-react';
+import { CognitiveDecisioningCard } from '@e-llm-studio/citation';
+import { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon.js';
+import { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles.js';
+
+const ViewFormUpdateCard = ({
+  data,
+  cardMdComponents
+}) => {
+  const [isExpanded, setIsExpanded] = React__default.useState(true);
+  const [openReasoningState, setOpenReasoningState] = React__default.useState({});
+  if (!data || !data.fields || !Array.isArray(data.fields)) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("span", { style: { display: "inline", verticalAlign: "middle", marginLeft: "4px" }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px",
+          padding: "6px 4px",
+          borderRadius: "8px",
+          border: "none",
+          backgroundColor: "var(--il-updated-details-bg, var(--il-primary-subtle, #F5F3FF))",
+          color: "var(--il-updated-details-fg, var(--il-primary, #6D28D9))",
+          fontWeight: 500,
+          fontSize: "14px",
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ jsx(FileText, { size: 15 }),
+          /* @__PURE__ */ jsx("span", { children: "View Updated Details" }),
+          isExpanded ? /* @__PURE__ */ jsx(ChevronUp, { size: 16 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 16 })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "relative",
+          zIndex: 10,
+          marginTop: "8px",
+          width: "100%",
+          minWidth: "300px",
+          border: "1px solid var(--il-border, #F1F5F9)",
+          borderRadius: "8px",
+          backgroundColor: "var(--il-surface, #FFFFFF)",
+          color: "var(--il-foreground, #1E293B)",
+          padding: "12px",
+          boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: "14px",
+                fontWeight: 600,
+                color: "var(--il-secondary-fg, #475569)",
+                marginBottom: "4px"
+              },
+              children: data.title
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                backgroundColor: "var(--il-surface-alt, #F8FAFC)",
+                borderRadius: "8px",
+                padding: "12px",
+                display: "flex",
+                flexDirection: "column",
+                gap: "12px"
+              },
+              children: data.fields.map((field, idx) => {
+                const segments = field.segments && field.segments.length > 0 ? field.segments : [{ type: "text", content: field.label }];
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "6px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "14px",
+                            color: "var(--il-foreground, #1E293B)",
+                            lineHeight: "1.6",
+                            fontWeight: 400
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs("span", { children: [
+                              idx + 1,
+                              "."
+                            ] }),
+                            segments.map((seg, sIdx) => {
+                              if (seg.type === "text") {
+                                return /* @__PURE__ */ jsx("span", { style: { whiteSpace: "pre-wrap" }, children: seg.content }, sIdx);
+                              }
+                              if (seg.type === "reasoning") {
+                                const stateId = `${idx}-${sIdx}`;
+                                const isOpen = openReasoningState[stateId];
+                                return /* @__PURE__ */ jsxs(
+                                  "span",
+                                  {
+                                    onClick: (e) => {
+                                      e.stopPropagation();
+                                      setOpenReasoningState((prev) => ({
+                                        ...prev,
+                                        [stateId]: !prev[stateId]
+                                      }));
+                                    },
+                                    style: {
+                                      display: "inline-flex",
+                                      alignItems: "center",
+                                      gap: "2px",
+                                      margin: "0 4px",
+                                      cursor: "pointer",
+                                      verticalAlign: "middle"
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ jsx(ButtonCognitiveIcon, { size: 18 }),
+                                      isOpen ? /* @__PURE__ */ jsx(ChevronUp, { size: 12, color: "var(--il-muted, #667085)" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 12, color: "var(--il-muted, #667085)" })
+                                    ]
+                                  },
+                                  sIdx
+                                );
+                              }
+                              return null;
+                            })
+                          ]
+                        }
+                      ),
+                      segments.map((seg, sIdx) => {
+                        var _a;
+                        const stateId = `${idx}-${sIdx}`;
+                        if (seg.type === "reasoning" && openReasoningState[stateId]) {
+                          return /* @__PURE__ */ jsx("div", { style: { width: "100%", marginTop: "4px" }, children: /* @__PURE__ */ jsx(
+                            CognitiveDecisioningCard,
+                            {
+                              reasoningTitle: "Decision Making Factors",
+                              reasoningSubtitle: "Why is this Suggested?",
+                              gapTitle: "Gaps in Decision",
+                              gapSubtitle: "What's missing or unclear?",
+                              headerIcon: /* @__PURE__ */ jsx(ButtonCognitiveIcon, {}),
+                              reasoning: (_a = seg.reasoning.reason) == null ? void 0 : _a.replace(/\\n/g, "\n"),
+                              gap: seg.reasoning.gap,
+                              score: seg.reasoning.score,
+                              isOpen: true,
+                              onToggle: () => setOpenReasoningState((prev) => ({
+                                ...prev,
+                                [stateId]: false
+                              })),
+                              hideTrigger: true,
+                              mdComponents: cardMdComponents,
+                              styles: getCognitiveDecisioningThemeStyles()
+                            }
+                          ) }, `card-${sIdx}`);
+                        }
+                        return null;
+                      })
+                    ]
+                  },
+                  idx
+                );
+              })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+export { ViewFormUpdateCard };
 //# sourceMappingURL=ViewFormUpdateCard.js.map

package/dist/features/IL-OTJ/_components/ViewFormUpdateCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewFormUpdateCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ViewFormUpdateCard.js","sources":["../../../../src/features/IL-OTJ/_components/ViewFormUpdateCard.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDown, ChevronUp, FileText } from 'lucide-react';\nimport { CognitiveDecisioningCard } from '@e-llm-studio/citation';\nimport { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon';\nimport { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles';\n\nexport const ViewFormUpdateCard = ({\n  data,\n  cardMdComponents\n}: any) => {\n  const [isExpanded, setIsExpanded] = React.useState(true);\n  // Track open state using compound id \"idx-sIdx\"\n  const [openReasoningState, setOpenReasoningState] = React.useState<Record<string, boolean>>({});\n\n  // Safety check for malformed data payload\n  if (!data || !data.fields || !Array.isArray(data.fields)) {\n    return null; \n  }\n\n  return (\n    <span style={{ display: 'inline', verticalAlign: 'middle', marginLeft: '4px' }}>\n      {/* Trigger Button */}\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        style={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: '4px',\n          padding: '6px 4px',\n          borderRadius: '8px',\n          border: 'none',\n          backgroundColor: 'var(--il-updated-details-bg, var(--il-primary-subtle, #F5F3FF))',\n          color: 'var(--il-updated-details-fg, var(--il-primary, #6D28D9))',\n          fontWeight: 500,\n          fontSize: '14px',\n          cursor: 'pointer'\n        }}\n      >\n        <FileText size={15} />\n        <span>View Updated Details</span>\n        {isExpanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n      </button>\n      {/* Expanded Section */}\n      {isExpanded && (\n        <div\n          style={{\n            position: 'relative',\n            zIndex: 10,\n            marginTop: '8px',\n            width: '100%',\n            minWidth: '300px',\n            border: '1px solid var(--il-border, #F1F5F9)',\n            borderRadius: '8px',\n            backgroundColor: 'var(--il-surface, #FFFFFF)',\n            color: 'var(--il-foreground, #1E293B)',\n            padding: '12px',\n            boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'\n          }}\n        >\n          <div\n            style={{\n              fontSize: '14px',\n              fontWeight: 600,\n              color: 'var(--il-secondary-fg, #475569)',\n              marginBottom: '4px',\n            }}\n          >\n            {data.title}\n          </div>\n\n          <div\n            style={{\n              backgroundColor: 'var(--il-surface-alt, #F8FAFC)',\n              borderRadius: '8px',\n              padding: '12px',\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '12px'\n            }}\n          >\n            {data.fields.map((field: any, idx: number) => {\n              // Segments are guaranteed from utils, but we supply a minimal fallback just in case\n              const segments = field.segments && field.segments.length > 0 \n                ? field.segments \n                : [{ type: 'text', content: field.label }];\n\n              return (\n                <div\n                  key={idx}\n                  style={{\n                    display: 'flex',\n                    flexDirection: 'column',\n                    gap: '6px'\n                  }}\n                >\n                  {/* Row: Text + Inline Icon */}\n                  <div\n                    style={{\n                      fontSize: '14px',\n                      color: 'var(--il-foreground, #1E293B)',\n                      lineHeight: '1.6',\n                      fontWeight: 400,\n                    }}\n                  >\n                    <span>\n                      {idx + 1}. \n                    </span>\n                    \n                    {/* Map through inline segments (text and reasoning icons) */}\n                    {segments.map((seg: any, sIdx: number) => {\n                      if (seg.type === 'text') {\n                        return <span key={sIdx} style={{ whiteSpace: 'pre-wrap' }}>{seg.content}</span>;\n                      } \n                      \n                      if (seg.type === 'reasoning') {\n                        const stateId = `${idx}-${sIdx}`;\n                        const isOpen = openReasoningState[stateId];\n                        return (\n                          <span\n                            key={sIdx}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              setOpenReasoningState(prev => ({\n                                ...prev,\n                                [stateId]: !prev[stateId]\n                              }));\n                            }}\n                            style={{\n                              display: 'inline-flex',\n                              alignItems: 'center',\n                              gap: '2px',\n                              margin: '0 4px',\n                              cursor: 'pointer',\n                              verticalAlign: 'middle'\n                            }}\n                          >\n                            <ButtonCognitiveIcon size={18}/>\n                            {isOpen ? (\n                          <ChevronUp size={12} color=\"var(--il-muted, #667085)\" />\n                        ) : (\n                          <ChevronDown size={12} color=\"var(--il-muted, #667085)\" />\n                        )}\n                          </span>\n                        );\n                      }\n                      return null;\n                    })}\n                  </div>\n\n                  {/* Render Expanded Cognitive Decisioning Cards Below the Text */}\n                  {segments.map((seg: any, sIdx: number) => {\n                    const stateId = `${idx}-${sIdx}`;\n                    if (seg.type === 'reasoning' && openReasoningState[stateId]) {\n                      return (\n                        <div key={`card-${sIdx}`} style={{ width: '100%', marginTop: '4px' }}>\n                          <CognitiveDecisioningCard\n                           reasoningTitle = \"Decision Making Factors\"\n                            reasoningSubtitle = \"Why is this Suggested?\"\n                            gapTitle = \"Gaps in Decision\"\n                            gapSubtitle = \"What's missing or unclear?\"\n                            headerIcon={<ButtonCognitiveIcon />}\n                            reasoning={seg.reasoning.reason?.replace(/\\\\n/g, '\\n')}\n                            gap={seg.reasoning.gap}\n                            score={seg.reasoning.score}\n                            isOpen={true}\n                            onToggle={() =>\n                              setOpenReasoningState(prev => ({\n                              ...prev,\n                              [stateId]: false \n                            }))}\n                            hideTrigger\n                            mdComponents={cardMdComponents}\n                            styles={getCognitiveDecisioningThemeStyles()}\n                          />\n                        </div>\n                      );\n                    }\n                    return null;\n                  })}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </span>\n  );\n};"],"names":["React"],"mappings":"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"}

package/dist/features/IL-OTJ/_components/ViewIdentifiedFieldsCard.js

@@ -1,2 +1,168 @@
-import{__assign as i}from"tslib";import{jsxs as e,jsx as r}from"react/jsx-runtime";import n from"react";import{FileText as o,ChevronUp as t,ChevronDown as a}from"lucide-react";import{CognitiveDecisioningCard as l}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as s}from"./_svg/ButtonCognitiveIcon.js";import{getCognitiveDecisioningThemeStyles as d}from"./cognitiveDecisioningThemeStyles.js";var p=function(p){var c=p.data,g=p.cardMdComponents,u=n.useState(!0),m=u[0],f=u[1],x=n.useState({}),v=x[0],h=x[1];return e("span",i({style:{display:"inline",verticalAlign:"middle",marginLeft:"4px"}},{children:[e("button",i({onClick:function(){return f(!m)},style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"6px 4px",borderRadius:"8px",border:"none",backgroundColor:"var(--il-identified-details-bg, var(--il-primary-subtle, #F5F3FF))",color:"var(--il-identified-details-fg, var(--il-primary, #6D28D9))",fontWeight:500,fontSize:"14px",cursor:"pointer"}},{children:[r(o,{size:15}),r("span",{children:"View Identified Details"}),r(m?t:a,{size:16})]})),m&&e("div",i({style:{position:"relative",zIndex:10,marginTop:"8px",marginBottom:"8px",width:"100%",minWidth:"300px",border:"1px solid var(--il-border, #F1F5F9)",borderRadius:"8px",backgroundColor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #1E293B)",padding:"12px",boxShadow:"0 4px 6px -1px rgb(0 0 0 / 0.1)"}},{children:[r("div",i({style:{fontSize:"14px",fontWeight:600,color:"var(--il-secondary-fg, #475569)",marginBottom:"4px"}},{children:c.title})),r("div",i({style:{backgroundColor:"var(--il-surface-alt, #F8FAFC)",borderRadius:"8px",padding:"12px",display:"flex",flexDirection:"column",gap:"12px"}},{children:c.fields.map(function(n,o){var p=v[o];return e("div",i({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[e("div",i({style:{fontSize:"14px",color:"var(--il-foreground, #1E293B)",lineHeight:"1.6",fontWeight:400}},{children:[e("span",{children:[o+1,". ",n.label]}),n.reasoning&&e("span",i({onClick:function(e){e.stopPropagation(),h(function(e){var r;return i(i({},e),((r={})[o]=!e[o],r))})},style:{display:"inline-flex",alignItems:"center",gap:"2px",marginLeft:"6px",cursor:"pointer",verticalAlign:"middle"}},{children:[r(s,{size:18}),r(p?t:a,{size:12,color:"var(--il-muted, #667085)"})]}))]})),n.reasoning&&p&&r("div",i({style:{width:"100%"}},{children:r(l,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:r(s,{}),reasoning:n.reasoning.reason.replace(/\\n/g,"\n"),gap:n.reasoning.gap,score:n.reasoning.score,isOpen:!0,onToggle:function(){return h(function(e){var r;return i(i({},e),((r={})[o]=!1,r))})},hideTrigger:!0,mdComponents:g,styles:d()})}))]}),o)})}))]}))]}))};export{p as ViewIdentifiedFieldsCard};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { FileText, ChevronUp, ChevronDown } from 'lucide-react';
+import { CognitiveDecisioningCard } from '@e-llm-studio/citation';
+import { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon.js';
+import { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles.js';
+
+const ViewIdentifiedFieldsCard = ({
+  data,
+  cardMdComponents
+}) => {
+  const [isExpanded, setIsExpanded] = React__default.useState(true);
+  const [openReasoningState, setOpenReasoningState] = React__default.useState({});
+  return /* @__PURE__ */ jsxs("span", { style: { display: "inline", verticalAlign: "middle", marginLeft: "4px" }, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setIsExpanded(!isExpanded),
+        style: {
+          display: "inline-flex",
+          alignItems: "center",
+          gap: "4px",
+          padding: "6px 4px",
+          borderRadius: "8px",
+          border: "none",
+          backgroundColor: "var(--il-identified-details-bg, var(--il-primary-subtle, #F5F3FF))",
+          color: "var(--il-identified-details-fg, var(--il-primary, #6D28D9))",
+          fontWeight: 500,
+          fontSize: "14px",
+          cursor: "pointer"
+        },
+        children: [
+          /* @__PURE__ */ jsx(FileText, { size: 15 }),
+          /* @__PURE__ */ jsx("span", { children: "View Identified Details" }),
+          isExpanded ? /* @__PURE__ */ jsx(ChevronUp, { size: 16 }) : /* @__PURE__ */ jsx(ChevronDown, { size: 16 })
+        ]
+      }
+    ),
+    isExpanded && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          position: "relative",
+          zIndex: 10,
+          marginTop: "8px",
+          marginBottom: "8px",
+          width: "100%",
+          minWidth: "300px",
+          border: "1px solid var(--il-border, #F1F5F9)",
+          borderRadius: "8px",
+          backgroundColor: "var(--il-surface, #FFFFFF)",
+          color: "var(--il-foreground, #1E293B)",
+          padding: "12px",
+          boxShadow: "0 4px 6px -1px rgb(0 0 0 / 0.1)"
+        },
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: "14px",
+                fontWeight: 600,
+                color: "var(--il-secondary-fg, #475569)",
+                marginBottom: "4px"
+              },
+              children: data.title
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                backgroundColor: "var(--il-surface-alt, #F8FAFC)",
+                borderRadius: "8px",
+                padding: "12px",
+                display: "flex",
+                flexDirection: "column",
+                gap: "12px"
+              },
+              children: data.fields.map((field, idx) => {
+                const isOpen = openReasoningState[idx];
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      flexDirection: "column",
+                      gap: "6px"
+                    },
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          style: {
+                            fontSize: "14px",
+                            color: "var(--il-foreground, #1E293B)",
+                            lineHeight: "1.6",
+                            fontWeight: 400
+                          },
+                          children: [
+                            /* @__PURE__ */ jsxs("span", { children: [
+                              idx + 1,
+                              ". ",
+                              field.label
+                            ] }),
+                            field.reasoning && /* @__PURE__ */ jsxs(
+                              "span",
+                              {
+                                onClick: (e) => {
+                                  e.stopPropagation();
+                                  setOpenReasoningState((prev) => ({
+                                    ...prev,
+                                    [idx]: !prev[idx]
+                                  }));
+                                },
+                                style: {
+                                  display: "inline-flex",
+                                  alignItems: "center",
+                                  gap: "2px",
+                                  marginLeft: "6px",
+                                  cursor: "pointer",
+                                  verticalAlign: "middle"
+                                },
+                                children: [
+                                  /* @__PURE__ */ jsx(ButtonCognitiveIcon, { size: 18 }),
+                                  isOpen ? /* @__PURE__ */ jsx(ChevronUp, { size: 12, color: "var(--il-muted, #667085)" }) : /* @__PURE__ */ jsx(ChevronDown, { size: 12, color: "var(--il-muted, #667085)" })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      ),
+                      field.reasoning && isOpen && /* @__PURE__ */ jsx("div", { style: { width: "100%" }, children: /* @__PURE__ */ jsx(
+                        CognitiveDecisioningCard,
+                        {
+                          reasoningTitle: "Decision Making Factors",
+                          reasoningSubtitle: "Why is this Suggested?",
+                          gapTitle: "Gaps in Decision",
+                          gapSubtitle: "What's missing or unclear?",
+                          headerIcon: /* @__PURE__ */ jsx(ButtonCognitiveIcon, {}),
+                          reasoning: field.reasoning.reason.replace(/\\n/g, "\n"),
+                          gap: field.reasoning.gap,
+                          score: field.reasoning.score,
+                          isOpen: true,
+                          onToggle: () => setOpenReasoningState((prev) => ({
+                            ...prev,
+                            [idx]: false
+                          })),
+                          hideTrigger: true,
+                          mdComponents: cardMdComponents,
+                          styles: getCognitiveDecisioningThemeStyles()
+                        }
+                      ) })
+                    ]
+                  },
+                  idx
+                );
+              })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+
+export { ViewIdentifiedFieldsCard };
 //# sourceMappingURL=ViewIdentifiedFieldsCard.js.map

package/dist/features/IL-OTJ/_components/ViewIdentifiedFieldsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewIdentifiedFieldsCard.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ViewIdentifiedFieldsCard.js","sources":["../../../../src/features/IL-OTJ/_components/ViewIdentifiedFieldsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronDown, ChevronUp, FileText } from 'lucide-react';\nimport { CognitiveDecisioningCard } from '@e-llm-studio/citation';\nimport { ButtonCognitiveIcon } from './_svg/ButtonCognitiveIcon';\nimport { getCognitiveDecisioningThemeStyles } from './cognitiveDecisioningThemeStyles';\n\nexport const ViewIdentifiedFieldsCard = ({\n  data,\n  cardMdComponents\n}: any) => {\n  const [isExpanded, setIsExpanded] = React.useState(true);\n  const [openReasoningState, setOpenReasoningState] = React.useState<Record<number, boolean>>({});\n\n  return (\n    <span style={{ display: 'inline', verticalAlign: 'middle', marginLeft: '4px' }}>\n      {/* Trigger Button */}\n      <button\n        onClick={() => setIsExpanded(!isExpanded)}\n        style={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: '4px',\n          padding: '6px 4px',\n          borderRadius: '8px',\n          border: 'none',\n          backgroundColor: 'var(--il-identified-details-bg, var(--il-primary-subtle, #F5F3FF))',\n          color: 'var(--il-identified-details-fg, var(--il-primary, #6D28D9))',\n          fontWeight: 500,\n          fontSize: '14px',\n          cursor: 'pointer'\n        }}\n      >\n        <FileText size={15} />\n        <span>View Identified Details</span>\n        {isExpanded ? <ChevronUp size={16} /> : <ChevronDown size={16} />}\n      </button>\n      {/* Expanded Section */}\n      {isExpanded && (\n        <div\n          style={{\n            position: 'relative',\n            zIndex: 10,\n            marginTop: '8px',\n            marginBottom: '8px',\n            width: '100%',\n            minWidth: '300px',\n            border: '1px solid var(--il-border, #F1F5F9)',\n            borderRadius: '8px',\n            backgroundColor: 'var(--il-surface, #FFFFFF)',\n            color: 'var(--il-foreground, #1E293B)',\n            padding: '12px',\n            boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1)'\n          }}\n        >\n          <div\n            style={{\n              fontSize: '14px',\n              fontWeight: 600,\n              color: 'var(--il-secondary-fg, #475569)',\n              marginBottom: '4px',\n            }}\n          >\n            {data.title}\n          </div>\n\n          <div\n            style={{\n              backgroundColor: 'var(--il-surface-alt, #F8FAFC)',\n              borderRadius: '8px',\n              padding: '12px',\n              display: 'flex',\n              flexDirection: 'column',\n              gap: '12px'\n            }}\n          >\n            {data.fields.map((field: any, idx: number) => {\n              const isOpen = openReasoningState[idx];\n\n              return (\n                <div\n                  key={idx}\n                  style={{\n                    display: 'flex',\n                    flexDirection: 'column',\n                    gap: '6px'\n                  }}\n                >\n                  {/* Row: Text + Inline Icon */}\n                  <div\n                    style={{\n                      fontSize: '14px',\n                      color: 'var(--il-foreground, #1E293B)',\n                      lineHeight: '1.6',\n                      fontWeight: 400,\n                    }}\n                  >\n                    <span>\n                      {idx + 1}. {field.label}\n                    </span>\n\n                    {field.reasoning && (\n                      <span\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          setOpenReasoningState(prev => ({\n                            ...prev,\n                            [idx]: !prev[idx]\n                          }));\n                        }}\n                        style={{\n                          display: 'inline-flex',\n                          alignItems: 'center',\n                          gap: '2px',\n                          marginLeft: '6px',\n                          cursor: 'pointer',\n                          verticalAlign: 'middle'\n                        }}\n                      >\n                        <ButtonCognitiveIcon size={18}/>\n                        {isOpen ? (\n                          <ChevronUp size={12} color=\"var(--il-muted, #667085)\" />\n                        ) : (\n                          <ChevronDown size={12} color=\"var(--il-muted, #667085)\" />\n                        )}\n                      </span>\n                    )}\n                  </div>\n                  {/* Card BELOW */}\n                  {field.reasoning && isOpen && (\n                    <div style={{ width: '100%' }}>\n                      <CognitiveDecisioningCard\n                       reasoningTitle = \"Decision Making Factors\"\n                      reasoningSubtitle = \"Why is this Suggested?\"\n                      gapTitle = \"Gaps in Decision\"\n                      gapSubtitle = \"What's missing or unclear?\"\n                        headerIcon={<ButtonCognitiveIcon />}\n                        reasoning={field.reasoning.reason.replace(/\\\\n/g, '\\n')}\n                        gap={field.reasoning.gap}\n                        score={field.reasoning.score}\n                        isOpen={true}\n                        onToggle={() =>\n                          setOpenReasoningState(prev => ({\n                            ...prev,\n                            [idx]: false\n                          }))\n                        }\n                        hideTrigger\n                        mdComponents={cardMdComponents}\n                        styles={getCognitiveDecisioningThemeStyles()}\n                      />\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        </div>\n      )}\n    </span>\n  );\n};"],"names":["React"],"mappings":"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"}

package/dist/features/IL-OTJ/_components/_svg/BookIcon.js

@@ -1,2 +1,7 @@
-import{__assign as C}from"tslib";import{jsx as t}from"react/jsx-runtime";var r=function(){return t("svg",C({width:"13",height:"13",viewBox:"0 0 12 11",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M5.65039 9.65039L5.60036 9.57535C5.25304 9.05437 5.07938 8.79388 4.84994 8.6053C4.64682 8.43835 4.41277 8.31309 4.16119 8.23669C3.87702 8.15039 3.56394 8.15039 2.9378 8.15039H2.25039C1.69034 8.15039 1.41031 8.15039 1.1964 8.0414C1.00824 7.94552 0.855257 7.79254 0.759384 7.60438C0.650391 7.39047 0.650391 7.11044 0.650391 6.55039V2.25039C0.650391 1.69034 0.650391 1.41031 0.759384 1.1964C0.855257 1.00824 1.00824 0.855257 1.1964 0.759384C1.41031 0.650391 1.69034 0.650391 2.25039 0.650391H2.45039C3.5705 0.650391 4.13055 0.650391 4.55837 0.868378C4.9347 1.06012 5.24066 1.36609 5.4324 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039M5.65039 9.65039V3.85039M5.65039 9.65039L5.70042 9.57535C6.04774 9.05437 6.2214 8.79388 6.45084 8.6053C6.65396 8.43835 6.88801 8.31309 7.13959 8.23669C7.42377 8.15039 7.73684 8.15039 8.36298 8.15039H9.05039C9.61044 8.15039 9.89047 8.15039 10.1044 8.0414C10.2925 7.94552 10.4455 7.79254 10.5414 7.60438C10.6504 7.39047 10.6504 7.11044 10.6504 6.55039V2.25039C10.6504 1.69034 10.6504 1.41031 10.5414 1.1964C10.4455 1.00824 10.2925 0.855257 10.1044 0.759384C9.89047 0.650391 9.61044 0.650391 9.05039 0.650391H8.85039C7.73029 0.650391 7.17023 0.650391 6.74241 0.868378C6.36609 1.06012 6.06012 1.36609 5.86838 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039",stroke:"#19213D","stroke-width":"1.3","stroke-linecap":"round","stroke-linejoin":"round"})}))};export{r as default};
+import { jsx } from 'react/jsx-runtime';
+
+const BookIcon = () => /* @__PURE__ */ jsx("svg", { width: "13", height: "13", viewBox: "0 0 12 11", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M5.65039 9.65039L5.60036 9.57535C5.25304 9.05437 5.07938 8.79388 4.84994 8.6053C4.64682 8.43835 4.41277 8.31309 4.16119 8.23669C3.87702 8.15039 3.56394 8.15039 2.9378 8.15039H2.25039C1.69034 8.15039 1.41031 8.15039 1.1964 8.0414C1.00824 7.94552 0.855257 7.79254 0.759384 7.60438C0.650391 7.39047 0.650391 7.11044 0.650391 6.55039V2.25039C0.650391 1.69034 0.650391 1.41031 0.759384 1.1964C0.855257 1.00824 1.00824 0.855257 1.1964 0.759384C1.41031 0.650391 1.69034 0.650391 2.25039 0.650391H2.45039C3.5705 0.650391 4.13055 0.650391 4.55837 0.868378C4.9347 1.06012 5.24066 1.36609 5.4324 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039M5.65039 9.65039V3.85039M5.65039 9.65039L5.70042 9.57535C6.04774 9.05437 6.2214 8.79388 6.45084 8.6053C6.65396 8.43835 6.88801 8.31309 7.13959 8.23669C7.42377 8.15039 7.73684 8.15039 8.36298 8.15039H9.05039C9.61044 8.15039 9.89047 8.15039 10.1044 8.0414C10.2925 7.94552 10.4455 7.79254 10.5414 7.60438C10.6504 7.39047 10.6504 7.11044 10.6504 6.55039V2.25039C10.6504 1.69034 10.6504 1.41031 10.5414 1.1964C10.4455 1.00824 10.2925 0.855257 10.1044 0.759384C9.89047 0.650391 9.61044 0.650391 9.05039 0.650391H8.85039C7.73029 0.650391 7.17023 0.650391 6.74241 0.868378C6.36609 1.06012 6.06012 1.36609 5.86838 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039", stroke: "#19213D", "stroke-width": "1.3", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
+var BookIcon$1 = BookIcon;
+
+export { BookIcon$1 as default };
 //# sourceMappingURL=BookIcon.js.map

package/dist/features/IL-OTJ/_components/_svg/BookIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"BookIcon.js","sources":["../../../../../src/features/IL-OTJ/_components/_svg/BookIcon.tsx"],"sourcesContent":["const BookIcon = () => (\n    <svg width=\"13\" height=\"13\" viewBox=\"0 0 12 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M5.65039 9.65039L5.60036 9.57535C5.25304 9.05437 5.07938 8.79388 4.84994 8.6053C4.64682 8.43835 4.41277 8.31309 4.16119 8.23669C3.87702 8.15039 3.56394 8.15039 2.9378 8.15039H2.25039C1.69034 8.15039 1.41031 8.15039 1.1964 8.0414C1.00824 7.94552 0.855257 7.79254 0.759384 7.60438C0.650391 7.39047 0.650391 7.11044 0.650391 6.55039V2.25039C0.650391 1.69034 0.650391 1.41031 0.759384 1.1964C0.855257 1.00824 1.00824 0.855257 1.1964 0.759384C1.41031 0.650391 1.69034 0.650391 2.25039 0.650391H2.45039C3.5705 0.650391 4.13055 0.650391 4.55837 0.868378C4.9347 1.06012 5.24066 1.36609 5.4324 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039M5.65039 9.65039V3.85039M5.65039 9.65039L5.70042 9.57535C6.04774 9.05437 6.2214 8.79388 6.45084 8.6053C6.65396 8.43835 6.88801 8.31309 7.13959 8.23669C7.42377 8.15039 7.73684 8.15039 8.36298 8.15039H9.05039C9.61044 8.15039 9.89047 8.15039 10.1044 8.0414C10.2925 7.94552 10.4455 7.79254 10.5414 7.60438C10.6504 7.39047 10.6504 7.11044 10.6504 6.55039V2.25039C10.6504 1.69034 10.6504 1.41031 10.5414 1.1964C10.4455 1.00824 10.2925 0.855257 10.1044 0.759384C9.89047 0.650391 9.61044 0.650391 9.05039 0.650391H8.85039C7.73029 0.650391 7.17023 0.650391 6.74241 0.868378C6.36609 1.06012 6.06012 1.36609 5.86838 1.74241C5.65039 2.17023 5.65039 2.73029 5.65039 3.85039\" stroke=\"#19213D\" stroke-width=\"1.3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n);\n\nexport default BookIcon;"],"names":[],"mappings":";;AAAA,MAAM,QAAA,GAAW,sBACb,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,MAAA,EAAO,IAAK,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,MAAO,EAAA,KAAA,EAAM,8BAC9D,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,sxCAAA,EAAuxC,MAAO,EAAA,SAAA,EAAU,cAAa,EAAA,KAAA,EAAM,gBAAe,EAAA,OAAA,EAAQ,iBAAgB,EAAA,OAAA,EAAO,CACr3C,EAAA,CAAA,CAAA;AAGJ,iBAAe,QAAA;;;;"}

package/dist/features/IL-OTJ/_components/_svg/ButtonCognitiveIcon.js

@@ -1,2 +1,18 @@
-import{__rest as C,__assign as i}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";var e=function(e){var o=e.size,t=void 0===o?20:o,c=e.color,d=void 0===c?"#344054":c,h=C(e,["size","color"]);return l("svg",i({width:t,height:t,viewBox:"0 0 13 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:d},h,{children:[l("g",i({"clip-path":"url(#clip0_7146_59770)"},{children:[r("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.870143 7.4728C1.05898 7.12852 1.27464 6.8046 1.51383 6.50373L1.18293 7.96614C0.979942 8.80183 0.898342 9.61402 1.17775 10.2711C1.21942 10.3691 1.26815 10.4612 1.32333 10.5469C1.31329 10.7241 1.31151 10.9023 1.31813 11.0806C1.35384 12.0427 1.63248 12.9774 2.12537 13.7883C2.61826 14.5994 3.30759 15.2574 4.12238 15.6948C4.23255 15.7549 4.32499 15.8457 4.38965 15.9572C4.45431 16.0686 4.48873 16.1966 4.48918 16.3274V19.2231C4.48918 19.3163 4.47174 19.4086 4.43785 19.4947C4.40397 19.5808 4.3543 19.6591 4.29169 19.7249C4.22908 19.7908 4.15475 19.8432 4.07294 19.8788C3.99114 19.9145 3.90346 19.9328 3.81492 19.9328C3.72637 19.9328 3.63869 19.9145 3.55689 19.8788C3.47508 19.8432 3.40075 19.7908 3.33814 19.7249C3.27553 19.6591 3.22587 19.5808 3.19198 19.4947C3.1581 19.4086 3.14066 19.3163 3.14066 19.2231V16.7453C1.68401 15.8205 0.630139 14.3313 0.205569 12.5974C-0.219001 10.8635 0.0196202 9.02345 0.870143 7.4728ZM2.90096 5.19659C2.88899 5.25028 2.87501 5.30914 2.85914 5.37342L2.35372 7.6047C2.74036 7.06579 3.22081 6.60571 3.77188 6.25032C3.86004 6.19348 3.94964 6.13953 4.04056 6.08854L4.37488 4.7326C4.4043 4.6181 4.42962 4.50778 4.45073 4.40202C3.89913 4.59451 3.3785 4.86265 2.90096 5.19659ZM5.56585 4.12493C5.53444 4.42314 5.47335 4.72393 5.39987 5.0116L5.25401 5.6033C5.6147 5.51175 5.98526 5.46115 6.35938 5.45343C7.27383 5.43458 8.17653 5.67261 8.97455 6.14302C9.77256 6.61343 10.437 7.29923 10.8996 8.1298C11.3621 8.96038 11.606 9.90572 11.6062 10.8685V15.3246C11.6062 15.4318 11.5657 15.5346 11.4937 15.6104C11.4216 15.6863 11.324 15.7288 11.2221 15.7288H9.10545C8.92662 15.7288 8.75512 15.8037 8.62867 15.9367C8.50223 16.0699 8.43119 16.2504 8.43119 16.4386V19.2231C8.43119 19.4114 8.50223 19.5919 8.62867 19.7249C8.75512 19.8581 8.92662 19.9328 9.10545 19.9328C9.28428 19.9328 9.45578 19.8581 9.58223 19.7249C9.70867 19.5919 9.77971 19.4114 9.77971 19.2231V17.1483H11.2221C11.4496 17.1483 11.6749 17.1012 11.8851 17.0096C12.0953 16.9179 12.2863 16.7836 12.4472 16.6142C12.6081 16.4448 12.7357 16.2438 12.8228 16.0225C12.9099 15.8013 12.9547 15.5641 12.9547 15.3246V10.8696C12.9545 9.65475 12.6467 8.46189 12.0631 7.4138C11.4794 6.36573 10.641 5.50029 9.63407 4.90657C8.38865 4.18261 6.95913 3.91301 5.56585 4.12493ZM3.70049 8.44134C3.42465 8.78904 3.20515 9.1864 3.05432 9.61774C2.98799 9.80743 2.93585 10.0011 2.89791 10.1971C3.31428 10.1882 3.71718 10.1018 4.57574 9.3851L5.00851 9.00583C5.17133 8.85685 5.2371 8.62777 5.20005 8.40752L5.17831 8.31379C5.07205 8.04339 4.74203 7.96266 4.50119 8.1089C4.25222 8.26007 3.98261 8.37306 3.70049 8.44134ZM6.15774 7.88766C6.02755 7.55613 5.82305 7.3186 5.58321 7.1627C6.10638 7.00991 6.65842 6.97659 7.20161 7.07001C8.06073 7.21777 8.84495 7.67345 9.42154 8.35994C9.80992 8.82213 9.70204 9.48646 9.30287 9.86461C8.12912 10.9809 6.18401 12.4277 4.25076 12.9671C3.75882 13.1034 3.21941 12.8535 3.03925 12.3198C2.92908 11.9929 2.86081 11.6548 2.8344 11.314C3.15405 11.3123 3.55309 11.2871 4.0591 11.0503C4.53459 10.8279 5.0516 10.4444 5.70426 9.84718C6.24535 9.35195 6.37813 8.59572 6.18673 7.97158L6.1743 7.92908L6.15774 7.88766Z",fill:"currentColor"}),r("path",{d:"M2.78566 10.2017C2.21589 10.2017 1.79754 9.83133 2.19656 8.2028L2.85082 5.3137C2.96495 4.85111 2.98338 4.66616 2.85082 4.66616C2.36416 4.7953 2.60848 4.71503 2.19651 4.89983L1.91211 4.39986C3.29881 3.15966 3.32335 2.83187 4.00636 2.83187C4.57614 2.83187 4.6714 3.55367 4.38607 4.66428L3.63745 7.70142C3.50444 8.23827 3.56196 8.42321 3.69406 8.42321C3.98316 8.35428 4.2596 8.24005 4.5145 8.08528C4.75852 7.93711 5.09207 8.01872 5.19962 8.29281C5.27637 8.54288 5.21676 8.82053 5.02834 8.99293C3.76206 10.1516 3.31404 10.2017 2.78566 10.2017ZM4.0972 0.00281947C4.22705 -0.00766091 4.35753 0.0111517 4.47993 0.0580007C4.60232 0.10485 4.71381 0.178656 4.80694 0.274487C4.90007 0.370319 4.97269 0.485969 5.01996 0.61371C5.06723 0.74145 5.08806 0.878339 5.08105 1.01523V1.01265C5.06571 1.36127 4.9234 1.69028 4.68365 1.93134C4.44391 2.17242 4.12517 2.30702 3.79362 2.3072L3.76707 2.30677C3.63546 2.32186 3.50354 2.30544 3.3788 2.25874C3.25407 2.21205 3.14097 2.13628 3.04797 2.0371C2.95497 1.93792 2.88447 1.8179 2.84174 1.68601C2.79934 1.55514 2.78536 1.41595 2.80082 1.27867C2.81343 0.928866 2.95678 0.598439 3.1997 0.359319C3.44286 0.119957 3.76606 -0.00849914 4.09883 0.00195941L4.0972 0.00281947Z",fill:"currentColor"})]})),r("defs",{children:r("clipPath",i({id:"clip0_7146_59770"},{children:r("rect",{width:"13",height:"20",fill:"white"})}))})]}))};export{e as ButtonCognitiveIcon};
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const ButtonCognitiveIcon = ({
+  size = 20,
+  color = "#344054",
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: "0 0 13 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", color, ...props, children: [
+    /* @__PURE__ */ jsxs("g", { "clip-path": "url(#clip0_7146_59770)", children: [
+      /* @__PURE__ */ jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.870143 7.4728C1.05898 7.12852 1.27464 6.8046 1.51383 6.50373L1.18293 7.96614C0.979942 8.80183 0.898342 9.61402 1.17775 10.2711C1.21942 10.3691 1.26815 10.4612 1.32333 10.5469C1.31329 10.7241 1.31151 10.9023 1.31813 11.0806C1.35384 12.0427 1.63248 12.9774 2.12537 13.7883C2.61826 14.5994 3.30759 15.2574 4.12238 15.6948C4.23255 15.7549 4.32499 15.8457 4.38965 15.9572C4.45431 16.0686 4.48873 16.1966 4.48918 16.3274V19.2231C4.48918 19.3163 4.47174 19.4086 4.43785 19.4947C4.40397 19.5808 4.3543 19.6591 4.29169 19.7249C4.22908 19.7908 4.15475 19.8432 4.07294 19.8788C3.99114 19.9145 3.90346 19.9328 3.81492 19.9328C3.72637 19.9328 3.63869 19.9145 3.55689 19.8788C3.47508 19.8432 3.40075 19.7908 3.33814 19.7249C3.27553 19.6591 3.22587 19.5808 3.19198 19.4947C3.1581 19.4086 3.14066 19.3163 3.14066 19.2231V16.7453C1.68401 15.8205 0.630139 14.3313 0.205569 12.5974C-0.219001 10.8635 0.0196202 9.02345 0.870143 7.4728ZM2.90096 5.19659C2.88899 5.25028 2.87501 5.30914 2.85914 5.37342L2.35372 7.6047C2.74036 7.06579 3.22081 6.60571 3.77188 6.25032C3.86004 6.19348 3.94964 6.13953 4.04056 6.08854L4.37488 4.7326C4.4043 4.6181 4.42962 4.50778 4.45073 4.40202C3.89913 4.59451 3.3785 4.86265 2.90096 5.19659ZM5.56585 4.12493C5.53444 4.42314 5.47335 4.72393 5.39987 5.0116L5.25401 5.6033C5.6147 5.51175 5.98526 5.46115 6.35938 5.45343C7.27383 5.43458 8.17653 5.67261 8.97455 6.14302C9.77256 6.61343 10.437 7.29923 10.8996 8.1298C11.3621 8.96038 11.606 9.90572 11.6062 10.8685V15.3246C11.6062 15.4318 11.5657 15.5346 11.4937 15.6104C11.4216 15.6863 11.324 15.7288 11.2221 15.7288H9.10545C8.92662 15.7288 8.75512 15.8037 8.62867 15.9367C8.50223 16.0699 8.43119 16.2504 8.43119 16.4386V19.2231C8.43119 19.4114 8.50223 19.5919 8.62867 19.7249C8.75512 19.8581 8.92662 19.9328 9.10545 19.9328C9.28428 19.9328 9.45578 19.8581 9.58223 19.7249C9.70867 19.5919 9.77971 19.4114 9.77971 19.2231V17.1483H11.2221C11.4496 17.1483 11.6749 17.1012 11.8851 17.0096C12.0953 16.9179 12.2863 16.7836 12.4472 16.6142C12.6081 16.4448 12.7357 16.2438 12.8228 16.0225C12.9099 15.8013 12.9547 15.5641 12.9547 15.3246V10.8696C12.9545 9.65475 12.6467 8.46189 12.0631 7.4138C11.4794 6.36573 10.641 5.50029 9.63407 4.90657C8.38865 4.18261 6.95913 3.91301 5.56585 4.12493ZM3.70049 8.44134C3.42465 8.78904 3.20515 9.1864 3.05432 9.61774C2.98799 9.80743 2.93585 10.0011 2.89791 10.1971C3.31428 10.1882 3.71718 10.1018 4.57574 9.3851L5.00851 9.00583C5.17133 8.85685 5.2371 8.62777 5.20005 8.40752L5.17831 8.31379C5.07205 8.04339 4.74203 7.96266 4.50119 8.1089C4.25222 8.26007 3.98261 8.37306 3.70049 8.44134ZM6.15774 7.88766C6.02755 7.55613 5.82305 7.3186 5.58321 7.1627C6.10638 7.00991 6.65842 6.97659 7.20161 7.07001C8.06073 7.21777 8.84495 7.67345 9.42154 8.35994C9.80992 8.82213 9.70204 9.48646 9.30287 9.86461C8.12912 10.9809 6.18401 12.4277 4.25076 12.9671C3.75882 13.1034 3.21941 12.8535 3.03925 12.3198C2.92908 11.9929 2.86081 11.6548 2.8344 11.314C3.15405 11.3123 3.55309 11.2871 4.0591 11.0503C4.53459 10.8279 5.0516 10.4444 5.70426 9.84718C6.24535 9.35195 6.37813 8.59572 6.18673 7.97158L6.1743 7.92908L6.15774 7.88766Z", fill: "currentColor" }),
+      /* @__PURE__ */ jsx("path", { d: "M2.78566 10.2017C2.21589 10.2017 1.79754 9.83133 2.19656 8.2028L2.85082 5.3137C2.96495 4.85111 2.98338 4.66616 2.85082 4.66616C2.36416 4.7953 2.60848 4.71503 2.19651 4.89983L1.91211 4.39986C3.29881 3.15966 3.32335 2.83187 4.00636 2.83187C4.57614 2.83187 4.6714 3.55367 4.38607 4.66428L3.63745 7.70142C3.50444 8.23827 3.56196 8.42321 3.69406 8.42321C3.98316 8.35428 4.2596 8.24005 4.5145 8.08528C4.75852 7.93711 5.09207 8.01872 5.19962 8.29281C5.27637 8.54288 5.21676 8.82053 5.02834 8.99293C3.76206 10.1516 3.31404 10.2017 2.78566 10.2017ZM4.0972 0.00281947C4.22705 -0.00766091 4.35753 0.0111517 4.47993 0.0580007C4.60232 0.10485 4.71381 0.178656 4.80694 0.274487C4.90007 0.370319 4.97269 0.485969 5.01996 0.61371C5.06723 0.74145 5.08806 0.878339 5.08105 1.01523V1.01265C5.06571 1.36127 4.9234 1.69028 4.68365 1.93134C4.44391 2.17242 4.12517 2.30702 3.79362 2.3072L3.76707 2.30677C3.63546 2.32186 3.50354 2.30544 3.3788 2.25874C3.25407 2.21205 3.14097 2.13628 3.04797 2.0371C2.95497 1.93792 2.88447 1.8179 2.84174 1.68601C2.79934 1.55514 2.78536 1.41595 2.80082 1.27867C2.81343 0.928866 2.95678 0.598439 3.1997 0.359319C3.44286 0.119957 3.76606 -0.00849914 4.09883 0.00195941L4.0972 0.00281947Z", fill: "currentColor" })
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_7146_59770", children: /* @__PURE__ */ jsx("rect", { width: "13", height: "20", fill: "white" }) }) })
+  ] });
+};
+
+export { ButtonCognitiveIcon };
 //# sourceMappingURL=ButtonCognitiveIcon.js.map

package/dist/features/IL-OTJ/_components/_svg/ButtonCognitiveIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonCognitiveIcon.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ButtonCognitiveIcon.js","sources":["../../../../../src/features/IL-OTJ/_components/_svg/ButtonCognitiveIcon.tsx"],"sourcesContent":["import React from \"react\";\n\ntype ButtonCognitiveIconProps = React.SVGProps<SVGSVGElement> & {\n    size?: number | string;\n};\n\nexport const ButtonCognitiveIcon = ({\n  size = 20,\n  color = '#344054',\n  ...props\n}: ButtonCognitiveIconProps) => {\n    return (\n    <svg width={size} height={size} viewBox=\"0 0 13 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" color={color} {...props}>\n        <g clip-path=\"url(#clip0_7146_59770)\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0.870143 7.4728C1.05898 7.12852 1.27464 6.8046 1.51383 6.50373L1.18293 7.96614C0.979942 8.80183 0.898342 9.61402 1.17775 10.2711C1.21942 10.3691 1.26815 10.4612 1.32333 10.5469C1.31329 10.7241 1.31151 10.9023 1.31813 11.0806C1.35384 12.0427 1.63248 12.9774 2.12537 13.7883C2.61826 14.5994 3.30759 15.2574 4.12238 15.6948C4.23255 15.7549 4.32499 15.8457 4.38965 15.9572C4.45431 16.0686 4.48873 16.1966 4.48918 16.3274V19.2231C4.48918 19.3163 4.47174 19.4086 4.43785 19.4947C4.40397 19.5808 4.3543 19.6591 4.29169 19.7249C4.22908 19.7908 4.15475 19.8432 4.07294 19.8788C3.99114 19.9145 3.90346 19.9328 3.81492 19.9328C3.72637 19.9328 3.63869 19.9145 3.55689 19.8788C3.47508 19.8432 3.40075 19.7908 3.33814 19.7249C3.27553 19.6591 3.22587 19.5808 3.19198 19.4947C3.1581 19.4086 3.14066 19.3163 3.14066 19.2231V16.7453C1.68401 15.8205 0.630139 14.3313 0.205569 12.5974C-0.219001 10.8635 0.0196202 9.02345 0.870143 7.4728ZM2.90096 5.19659C2.88899 5.25028 2.87501 5.30914 2.85914 5.37342L2.35372 7.6047C2.74036 7.06579 3.22081 6.60571 3.77188 6.25032C3.86004 6.19348 3.94964 6.13953 4.04056 6.08854L4.37488 4.7326C4.4043 4.6181 4.42962 4.50778 4.45073 4.40202C3.89913 4.59451 3.3785 4.86265 2.90096 5.19659ZM5.56585 4.12493C5.53444 4.42314 5.47335 4.72393 5.39987 5.0116L5.25401 5.6033C5.6147 5.51175 5.98526 5.46115 6.35938 5.45343C7.27383 5.43458 8.17653 5.67261 8.97455 6.14302C9.77256 6.61343 10.437 7.29923 10.8996 8.1298C11.3621 8.96038 11.606 9.90572 11.6062 10.8685V15.3246C11.6062 15.4318 11.5657 15.5346 11.4937 15.6104C11.4216 15.6863 11.324 15.7288 11.2221 15.7288H9.10545C8.92662 15.7288 8.75512 15.8037 8.62867 15.9367C8.50223 16.0699 8.43119 16.2504 8.43119 16.4386V19.2231C8.43119 19.4114 8.50223 19.5919 8.62867 19.7249C8.75512 19.8581 8.92662 19.9328 9.10545 19.9328C9.28428 19.9328 9.45578 19.8581 9.58223 19.7249C9.70867 19.5919 9.77971 19.4114 9.77971 19.2231V17.1483H11.2221C11.4496 17.1483 11.6749 17.1012 11.8851 17.0096C12.0953 16.9179 12.2863 16.7836 12.4472 16.6142C12.6081 16.4448 12.7357 16.2438 12.8228 16.0225C12.9099 15.8013 12.9547 15.5641 12.9547 15.3246V10.8696C12.9545 9.65475 12.6467 8.46189 12.0631 7.4138C11.4794 6.36573 10.641 5.50029 9.63407 4.90657C8.38865 4.18261 6.95913 3.91301 5.56585 4.12493ZM3.70049 8.44134C3.42465 8.78904 3.20515 9.1864 3.05432 9.61774C2.98799 9.80743 2.93585 10.0011 2.89791 10.1971C3.31428 10.1882 3.71718 10.1018 4.57574 9.3851L5.00851 9.00583C5.17133 8.85685 5.2371 8.62777 5.20005 8.40752L5.17831 8.31379C5.07205 8.04339 4.74203 7.96266 4.50119 8.1089C4.25222 8.26007 3.98261 8.37306 3.70049 8.44134ZM6.15774 7.88766C6.02755 7.55613 5.82305 7.3186 5.58321 7.1627C6.10638 7.00991 6.65842 6.97659 7.20161 7.07001C8.06073 7.21777 8.84495 7.67345 9.42154 8.35994C9.80992 8.82213 9.70204 9.48646 9.30287 9.86461C8.12912 10.9809 6.18401 12.4277 4.25076 12.9671C3.75882 13.1034 3.21941 12.8535 3.03925 12.3198C2.92908 11.9929 2.86081 11.6548 2.8344 11.314C3.15405 11.3123 3.55309 11.2871 4.0591 11.0503C4.53459 10.8279 5.0516 10.4444 5.70426 9.84718C6.24535 9.35195 6.37813 8.59572 6.18673 7.97158L6.1743 7.92908L6.15774 7.88766Z\" fill=\"currentColor\"/>\n        <path d=\"M2.78566 10.2017C2.21589 10.2017 1.79754 9.83133 2.19656 8.2028L2.85082 5.3137C2.96495 4.85111 2.98338 4.66616 2.85082 4.66616C2.36416 4.7953 2.60848 4.71503 2.19651 4.89983L1.91211 4.39986C3.29881 3.15966 3.32335 2.83187 4.00636 2.83187C4.57614 2.83187 4.6714 3.55367 4.38607 4.66428L3.63745 7.70142C3.50444 8.23827 3.56196 8.42321 3.69406 8.42321C3.98316 8.35428 4.2596 8.24005 4.5145 8.08528C4.75852 7.93711 5.09207 8.01872 5.19962 8.29281C5.27637 8.54288 5.21676 8.82053 5.02834 8.99293C3.76206 10.1516 3.31404 10.2017 2.78566 10.2017ZM4.0972 0.00281947C4.22705 -0.00766091 4.35753 0.0111517 4.47993 0.0580007C4.60232 0.10485 4.71381 0.178656 4.80694 0.274487C4.90007 0.370319 4.97269 0.485969 5.01996 0.61371C5.06723 0.74145 5.08806 0.878339 5.08105 1.01523V1.01265C5.06571 1.36127 4.9234 1.69028 4.68365 1.93134C4.44391 2.17242 4.12517 2.30702 3.79362 2.3072L3.76707 2.30677C3.63546 2.32186 3.50354 2.30544 3.3788 2.25874C3.25407 2.21205 3.14097 2.13628 3.04797 2.0371C2.95497 1.93792 2.88447 1.8179 2.84174 1.68601C2.79934 1.55514 2.78536 1.41595 2.80082 1.27867C2.81343 0.928866 2.95678 0.598439 3.1997 0.359319C3.44286 0.119957 3.76606 -0.00849914 4.09883 0.00195941L4.0972 0.00281947Z\" fill=\"currentColor\"/>\n        </g>\n        <defs>\n        <clipPath id=\"clip0_7146_59770\">\n        <rect width=\"13\" height=\"20\" fill=\"white\"/>\n        </clipPath>\n        </defs>\n    </svg>\n\n    );\n};"],"names":[],"mappings":";;AAMO,MAAM,sBAAsB,CAAC;AAAA,EAClC,IAAO,GAAA,EAAA;AAAA,EACP,KAAQ,GAAA,SAAA;AAAA,EACR,GAAG,KAAA;AACL,CAAgC,KAAA;AAC5B,EAAA,uBACC,IAAA,CAAA,KAAA,EAAA,EAAI,KAAO,EAAA,IAAA,EAAM,QAAQ,IAAM,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,MAAO,EAAA,KAAA,EAAM,4BAA6B,EAAA,KAAA,EAAe,GAAG,KACjH,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,GAAA,EAAA,EAAE,aAAU,wBACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAK,aAAU,SAAU,EAAA,WAAA,EAAU,WAAU,CAAE,EAAA,mhGAAA,EAAohG,MAAK,cAAc,EAAA,CAAA;AAAA,sBACtlG,GAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,4qCAAA,EAA6qC,MAAK,cAAc,EAAA,CAAA;AAAA,KACxsC,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,MAAA,EAAA,EACD,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAS,IAAG,kBACb,EAAA,QAAA,kBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,KAAA,EAAM,MAAK,MAAO,EAAA,IAAA,EAAK,IAAK,EAAA,OAAA,EAAO,GACzC,CACA,EAAA,CAAA;AAAA,GACJ,EAAA,CAAA,CAAA;AAGJ;;;;"}

package/dist/features/IL-OTJ/_components/_svg/ChevronDown.js

@@ -1,2 +1,7 @@
-import{__assign as t}from"tslib";import{jsx as r}from"react/jsx-runtime";var o=function(){return r("svg",t({width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("path",{d:"M12 6L8 10L4 6",stroke:"#4B5563","stroke-width":"1.33333","stroke-linecap":"round","stroke-linejoin":"round"})}))};export{o as default};
+import { jsx } from 'react/jsx-runtime';
+
+const ChevronDownIcon = () => /* @__PURE__ */ jsx("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M12 6L8 10L4 6", stroke: "#4B5563", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }) });
+var ChevronDownIcon$1 = ChevronDownIcon;
+
+export { ChevronDownIcon$1 as default };
 //# sourceMappingURL=ChevronDown.js.map

package/dist/features/IL-OTJ/_components/_svg/ChevronDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronDown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ChevronDown.js","sources":["../../../../../src/features/IL-OTJ/_components/_svg/ChevronDown.tsx"],"sourcesContent":["const ChevronDownIcon = () => (\n    <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M12 6L8 10L4 6\" stroke=\"#4B5563\" stroke-width=\"1.33333\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n    </svg>\n)\n\nexport default ChevronDownIcon;"],"names":[],"mappings":";;AAAA,MAAM,eAAA,GAAkB,sBACpB,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAM,IAAK,EAAA,MAAA,EAAO,IAAK,EAAA,OAAA,EAAQ,WAAY,EAAA,IAAA,EAAK,MAAO,EAAA,KAAA,EAAM,8BAC9D,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAK,CAAE,EAAA,gBAAA,EAAiB,MAAO,EAAA,SAAA,EAAU,cAAa,EAAA,SAAA,EAAU,gBAAe,EAAA,OAAA,EAAQ,iBAAgB,EAAA,OAAA,EAAO,CACnH,EAAA,CAAA,CAAA;AAGJ,wBAAe,eAAA;;;;"}