@fluidattacks/design 3.1.11 → 3.1.13

package/dist/components/card/card-with-selector/index.js

@@ -1 +1,71 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../../index-TKLFHcRp.js"),r=require("../../container/index.js"),n=require("../../icon/index.js"),o=require("../../radio-button/index.js"),a=require("../../typography/heading/index.js");require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.CardWithSelector=({alt:d,imageId:s,icon:l,selectorProps:c,onClick:p,title:x,width:g="fit-content"})=>{const u=i.useTheme();return e.jsxs(r.Container,{alignItems:"center",border:`1px solid ${u.palette.gray[200]}`,borderColorHover:u.palette.gray[600],borderRadius:u.spacing[.25],display:"inline-flex",padding:[1,1,1,1],shadowHover:"md",width:g,children:[e.jsx(r.Container,{alignSelf:"start",display:"flex",width:"fit-content",children:e.jsx(o.RadioButton,{name:c.name,onClick:p,value:c.value})}),e.jsxs(r.Container,{alignItems:"center",display:"flex",gap:.5,justify:"space-between",ml:1,mr:1,width:"100%",children:[void 0===s?void 0:e.jsx(t.MemoizedImage,{alt:d??"card image",height:"32px",publicId:s,width:"32px"}),void 0===l?void 0:e.jsx(n.Icon,{icon:l,iconSize:"sm",iconType:"fa-light"}),e.jsx(a.Heading,{fontWeight:"bold",lineSpacing:1.75,size:"xs",children:x})]})]})};
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { useTheme as f } from "styled-components";
+import { M as s } from "../../../index-maWH3JYC.mjs";
+import { Container as t } from "../../container/index.js";
+import { Icon as c } from "../../icon/index.js";
+import { RadioButton as h } from "../../radio-button/index.js";
+import { Heading as g } from "../../typography/heading/index.js";
+import "../../typography/span/index.js";
+import "../../typography/text/index.js";
+const z = ({
+  alt: a,
+  imageId: n,
+  icon: r,
+  selectorProps: o,
+  onClick: m,
+  title: l,
+  width: p = "fit-content"
+}) => {
+  const i = f();
+  return /* @__PURE__ */ d(
+    t,
+    {
+      alignItems: "center",
+      border: `1px solid ${i.palette.gray[200]}`,
+      borderColorHover: i.palette.gray[600],
+      borderRadius: i.spacing[0.25],
+      display: "inline-flex",
+      padding: [1, 1, 1, 1],
+      shadowHover: "md",
+      width: p,
+      children: [
+        /* @__PURE__ */ e(t, { alignSelf: "start", display: "flex", width: "fit-content", children: /* @__PURE__ */ e(
+          h,
+          {
+            name: o.name,
+            onClick: m,
+            value: o.value
+          }
+        ) }),
+        /* @__PURE__ */ d(
+          t,
+          {
+            alignItems: "center",
+            display: "flex",
+            gap: 0.5,
+            justify: "space-between",
+            ml: 1,
+            mr: 1,
+            width: "100%",
+            children: [
+              n === void 0 ? void 0 : /* @__PURE__ */ e(
+                s,
+                {
+                  alt: a ?? "card image",
+                  height: "32px",
+                  publicId: n,
+                  width: "32px"
+                }
+              ),
+              r === void 0 ? void 0 : /* @__PURE__ */ e(c, { icon: r, iconSize: "sm", iconType: "fa-light" }),
+              /* @__PURE__ */ e(g, { fontWeight: "bold", lineSpacing: 1.75, size: "xs", children: l })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  z as CardWithSelector
+};

package/dist/components/card/card-with-switch/index.js

@@ -1 +1,50 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../card-header/index.js"),r=require("../../container/index.js"),n=require("../../toggle/index.js");exports.CardWithSwitch=({id:o,title:a,toggles:d,minWidth:s="auto",height:l="auto"})=>{const g=i.useTheme();return e.jsxs(r.Container,{alignItems:"center",bgColor:g.palette.white,border:`1px solid ${g.palette.gray[200]}`,borderRadius:g.spacing[.25],display:"flex",flexDirection:"column",gap:.5,height:l,justify:"center",minHeight:"100px",minWidth:s,padding:[1.25,1.25,1.25,1.25],children:[e.jsx(t.CardHeader,{id:o,title:a}),e.jsx(r.Container,{display:"flex",flexDirection:"column",gap:.5,minHeight:"40px",width:"100%",children:d.map((i=>e.jsx(n.Toggle,{...i},`$card-toggle-${i.name}`)))})]})};
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { useTheme as d } from "styled-components";
+import { CardHeader as c } from "../card-header/index.js";
+import { Container as i } from "../../container/index.js";
+import { Toggle as g } from "../../toggle/index.js";
+const y = ({
+  id: o,
+  title: a,
+  toggles: m,
+  minWidth: n = "auto",
+  height: l = "auto"
+}) => {
+  const e = d();
+  return /* @__PURE__ */ p(
+    i,
+    {
+      alignItems: "center",
+      bgColor: e.palette.white,
+      border: `1px solid ${e.palette.gray[200]}`,
+      borderRadius: e.spacing[0.25],
+      display: "flex",
+      flexDirection: "column",
+      gap: 0.5,
+      height: l,
+      justify: "center",
+      minHeight: "100px",
+      minWidth: n,
+      padding: [1.25, 1.25, 1.25, 1.25],
+      children: [
+        /* @__PURE__ */ t(c, { id: o, title: a }),
+        /* @__PURE__ */ t(
+          i,
+          {
+            display: "flex",
+            flexDirection: "column",
+            gap: 0.5,
+            minHeight: "40px",
+            width: "100%",
+            children: m.map(
+              (r) => /* @__PURE__ */ t(g, { ...r }, `$card-toggle-${r.name}`)
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  y as CardWithSwitch
+};

package/dist/components/card/index.js

@@ -1 +1,12 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-header/index.js"),r=require("./card-with-image/index.js"),t=require("./card-with-input/index.js"),i=require("./card-with-selector/index.js"),d=require("./card-with-switch/index.js");exports.CardHeader=e.CardHeader,exports.CardWithImage=r.CardWithImage,exports.CardWithInput=t.CardWithInput,exports.CardWithSelector=i.CardWithSelector,exports.CardWithSwitch=d.CardWithSwitch;
+import { CardHeader as o } from "./card-header/index.js";
+import { CardWithImage as a } from "./card-with-image/index.js";
+import { CardWithInput as m } from "./card-with-input/index.js";
+import { CardWithSelector as f } from "./card-with-selector/index.js";
+import { CardWithSwitch as i } from "./card-with-switch/index.js";
+export {
+  o as CardHeader,
+  a as CardWithImage,
+  m as CardWithInput,
+  f as CardWithSelector,
+  i as CardWithSwitch
+};

package/dist/components/carousel/index.js

@@ -1,24 +1,76 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../../use-carousel-64dKFW4E.js");require("lodash");const n=r.styled.div`
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { useCallback as u } from "react";
+import { styled as e } from "styled-components";
+import { u as m } from "../../use-carousel-CgAF78h3.mjs";
+import "lodash";
+const g = e.div`
   position: relative;
   margin: auto;
   overflow: hidden;
-`,s=r.styled.div`
+`, v = e.div`
   display: flex;
   transition: transform 0.5s ease-in-out;
   transform: translateX(
-    ${({$currentIndex:e})=>100*-e}%
+    ${({ $currentIndex: t }) => -t * 100}%
   );
-`,a=r.styled.div`
+`, f = e.div`
   align-items: center;
   display: flex;
   justify-content: center;
   min-width: 100%;
-`,l=r.styled.button`
-  ${({theme:e,$isActive:t})=>`\n    background-color: ${t?e.palette.primary[400]:e.palette.white};\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    height: ${e.spacing[.75]};\n    width: ${e.spacing[.75]};\n  `}
-`,o=r.styled.div`
+`, $ = e.button`
+  ${({ theme: t, $isActive: a }) => `
+    background-color: ${a ? t.palette.primary[400] : t.palette.white};
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    height: ${t.spacing[0.75]};
+    width: ${t.spacing[0.75]};
+  `}
+`, y = e.div`
   align-items: center;
   display: flex;
-  gap: ${({theme:e})=>e.spacing[.5]};
+  gap: ${({ theme: t }) => t.spacing[0.5]};
   justify-content: center;
-  margin-top: ${({theme:e})=>e.spacing[2]};
-`;exports.Carousel=({slides:r,interval:c=300})=>{const{cycle:d,setCycle:u,setProgress:p}=i.useCarousel(c,r.length),m=t.useCallback((e=>()=>{u(e),p(0)}),[u,p]);return e.jsxs(n,{"aria-roledescription":"carousel",children:[e.jsx(s,{$currentIndex:d,children:r.map(((t,r)=>{const i=`slide-${r}`;return e.jsx(a,{"aria-label":i,"aria-roledescription":"slide",children:t.content},i)}))}),e.jsx(o,{children:r.map(((t,r)=>{const i=`nav-button-${r}`;return e.jsx(l,{$isActive:r===d,"aria-label":`Go to slide ${r+1}`,"data-testid":r===d?"active":"inactive",onClick:m(r)},i)}))})]})};
+  margin-top: ${({ theme: t }) => t.spacing[2]};
+`, w = ({
+  slides: t,
+  interval: a = 300
+}) => {
+  const { cycle: s, setCycle: c, setProgress: l } = m(a, t.length), p = u(
+    (n) => () => {
+      c(n), l(0);
+    },
+    [c, l]
+  );
+  return /* @__PURE__ */ d(g, { "aria-roledescription": "carousel", children: [
+    /* @__PURE__ */ i(v, { $currentIndex: s, children: t.map((n, r) => {
+      const o = `slide-${r}`;
+      return /* @__PURE__ */ i(
+        f,
+        {
+          "aria-label": o,
+          "aria-roledescription": "slide",
+          children: n.content
+        },
+        o
+      );
+    }) }),
+    /* @__PURE__ */ i(y, { children: t.map((n, r) => {
+      const o = `nav-button-${r}`;
+      return /* @__PURE__ */ i(
+        $,
+        {
+          $isActive: r === s,
+          "aria-label": `Go to slide ${r + 1}`,
+          "data-testid": r === s ? "active" : "inactive",
+          onClick: p(r)
+        },
+        o
+      );
+    }) })
+  ] });
+};
+export {
+  w as Carousel
+};

package/dist/components/checkbox/index.js

@@ -1,3 +1,118 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components"),a=require("../icon/index.js"),i=t.styled.label`
-  ${({theme:n})=>`\n    align-items: start;\n    color: ${n.palette.gray[600]};\n    display: flex;\n    cursor: pointer;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.regular};\n    line-height: ${n.spacing[1]};\n    letter-spacing: 0;\n    position: relative;\n    text-align: left;\n\n    &[aria-disabled="true"] {\n      color: ${n.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      height: 0;\n      width: 0;\n    }\n\n    svg {\n      background-color: ${n.palette.white};\n      border-radius: ${n.spacing[.25]};\n      border: 1px solid ${n.palette.gray[600]};\n      top: 0;\n      left: 0;\n      height: ${n.spacing[.5]};\n      margin-right: ${n.spacing[.5]};\n      width: ${n.spacing[.5]};\n      padding: ${n.spacing[.25]};\n    }\n\n    svg > path {\n      fill: ${n.palette.white};\n    }\n\n    input:checked ~ span > svg {\n      background-color: ${n.palette.primary[500]};\n      border: 1px solid ${n.palette.primary[500]};\n    }\n\n    input:disabled ~ span > svg {\n      border: 1px solid ${n.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    input:not(:disabled):hover ~ span > svg {\n      box-shadow: 0 0 0 4px ${n.palette.gray[100]};\n    }\n\n    input:checked:disabled ~ span > svg {\n      background-color: ${n.palette.gray[300]};\n      border: 1px solid ${n.palette.gray[300]};\n    }\n\n    input:not(:disabled):hover:checked ~ span > svg {\n      box-shadow: 0 0 0 4px ${n.palette.primary[50]};\n    }\n\n    input:checked ~ span > svg > path {\n      fill: ${n.palette.white};\n    }\n\n    input:checked:disabled ~ span > svg > path {\n      fill: ${n.palette.white};\n    }\n  `}
-`,r=e.forwardRef((function({defaultChecked:e=!1,disabled:t=!1,label:r,name:o,onChange:l,onClick:p,onFocus:s,onKeyDown:d,value:c,...g},h){return n.jsxs(i,{"aria-disabled":t,htmlFor:o,children:[n.jsx("input",{"aria-checked":e,"aria-disabled":t,"aria-label":o,defaultChecked:e,disabled:t,id:o,name:o,onChange:l,onClick:p,onFocus:s,onKeyDown:d,ref:h,type:"checkbox",value:c,...g}),n.jsx(a.Icon,{disabled:t,icon:"check",iconSize:"sm"}),r??c]})}));exports.Checkbox=r;
+import { jsxs as $, jsx as p } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { styled as b } from "styled-components";
+import { Icon as u } from "../icon/index.js";
+const f = b.label`
+  ${({ theme: a }) => `
+    align-items: start;
+    color: ${a.palette.gray[600]};
+    display: flex;
+    cursor: pointer;
+    font-family: ${a.typography.type.primary};
+    font-size: ${a.typography.text.sm};
+    font-weight: ${a.typography.weight.regular};
+    line-height: ${a.spacing[1]};
+    letter-spacing: 0;
+    position: relative;
+    text-align: left;
+
+    &[aria-disabled="true"] {
+      color: ${a.palette.gray[300]};
+      cursor: not-allowed;
+    }
+
+    input {
+      position: absolute;
+      opacity: 0;
+      cursor: pointer;
+      height: 0;
+      width: 0;
+    }
+
+    svg {
+      background-color: ${a.palette.white};
+      border-radius: ${a.spacing[0.25]};
+      border: 1px solid ${a.palette.gray[600]};
+      top: 0;
+      left: 0;
+      height: ${a.spacing[0.5]};
+      margin-right: ${a.spacing[0.5]};
+      width: ${a.spacing[0.5]};
+      padding: ${a.spacing[0.25]};
+    }
+
+    svg > path {
+      fill: ${a.palette.white};
+    }
+
+    input:checked ~ span > svg {
+      background-color: ${a.palette.primary[500]};
+      border: 1px solid ${a.palette.primary[500]};
+    }
+
+    input:disabled ~ span > svg {
+      border: 1px solid ${a.palette.gray[300]};
+      cursor: not-allowed;
+    }
+
+    input:not(:disabled):hover ~ span > svg {
+      box-shadow: 0 0 0 4px ${a.palette.gray[100]};
+    }
+
+    input:checked:disabled ~ span > svg {
+      background-color: ${a.palette.gray[300]};
+      border: 1px solid ${a.palette.gray[300]};
+    }
+
+    input:not(:disabled):hover:checked ~ span > svg {
+      box-shadow: 0 0 0 4px ${a.palette.primary[50]};
+    }
+
+    input:checked ~ span > svg > path {
+      fill: ${a.palette.white};
+    }
+
+    input:checked:disabled ~ span > svg > path {
+      fill: ${a.palette.white};
+    }
+  `}
+`, v = y(function({
+  defaultChecked: o = !1,
+  disabled: i = !1,
+  label: l,
+  name: r,
+  onChange: s,
+  onClick: n,
+  onFocus: e,
+  onKeyDown: c,
+  value: t,
+  ...d
+}, g) {
+  return /* @__PURE__ */ $(f, { "aria-disabled": i, htmlFor: r, children: [
+    /* @__PURE__ */ p(
+      "input",
+      {
+        "aria-checked": o,
+        "aria-disabled": i,
+        "aria-label": r,
+        defaultChecked: o,
+        disabled: i,
+        id: r,
+        name: r,
+        onChange: s,
+        onClick: n,
+        onFocus: e,
+        onKeyDown: c,
+        ref: g,
+        type: "checkbox",
+        value: t,
+        ...d
+      }
+    ),
+    /* @__PURE__ */ p(u, { disabled: i, icon: "check", iconSize: "sm" }),
+    l ?? t
+  ] });
+});
+export {
+  v as Checkbox
+};

package/dist/components/cloud-image/index.js

@@ -1 +1,8 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../index-TKLFHcRp.js");require("react"),require("../../use-cloudinary-image-YMMafagv.js"),require("lodash"),exports.CloudImage=e.MemoizedImage;
+import "react/jsx-runtime";
+import { M as a } from "../../index-maWH3JYC.mjs";
+import "react";
+import "../../use-cloudinary-image-BCxwj15o.mjs";
+import "lodash";
+export {
+  a as CloudImage
+};

package/dist/components/code-snippet/index.js

@@ -1 +1,72 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),n=require("react"),t=require("styled-components"),o=require("../../styles-CNzziAXG.js"),r=require("../button/index.js"),s=require("../container/index.js"),a=require("../icon/index.js"),l=require("../icon-button/index.js");exports.CodeSnippet=({noCodeMessage:c="Code snippet not available",snippet:u})=>{const p=t.useTheme(),[d,h]=n.useState(!1),[x,g]=n.useState(!0),j=n.useCallback((()=>{h((e=>!e))}),[h]),C=n.useCallback((()=>{if(i.isNil(u)||i.isEmpty(u)||!i.isString(u))return g(!1),c;const e=u.split("\n");return e.length>8&&!d?`${[...e].splice(0,7).join("\n")}\n${e[8]}...`:(e.length<8&&g(!1),u)}),[d,u,c]),y=n.useMemo(C,[C]),b=n.useCallback((async()=>{await navigator.clipboard.writeText(y)}),[y]);return e.jsxs(s.Container,{bgColor:p.palette.gray[100],borderRadius:"4px",display:"inline-flex",minWidth:"565px",position:"relative",children:[e.jsx(o.CodeContainer,{"data-private":!0,children:e.jsx("pre",{children:e.jsx("code",{className:"language-none",children:y})})}),e.jsxs(o.ButtonsContainer,{children:[e.jsx(l.IconButton,{height:p.spacing[2.5],icon:"copy",iconColor:p.palette.gray[700],iconSize:"xs",iconType:"fa-light",onClick:b,variant:"ghost",width:p.spacing[2.5]}),!!x&&e.jsxs(r.Button,{onClick:j,variant:"ghost",children:[d?"Show Less":"Show more",e.jsx(a.Icon,{icon:d?"chevron-up":"chevron-down",iconColor:p.palette.gray[700],iconSize:"xxs",iconType:"fa-light",ml:.25,onClick:b})]})]})]})};
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import l from "lodash";
+import { useState as g, useCallback as c, useMemo as C } from "react";
+import { useTheme as w } from "styled-components";
+import { C as x, B as y } from "../../styles-CROOwXEH.mjs";
+import { Button as S } from "../button/index.js";
+import { Container as v } from "../container/index.js";
+import { Icon as B } from "../icon/index.js";
+import { IconButton as b } from "../icon-button/index.js";
+const E = ({
+  noCodeMessage: s = "Code snippet not available",
+  snippet: o
+}) => {
+  const e = w(), [i, h] = g(!1), [d, m] = g(!0), u = c(() => {
+    h((t) => !t);
+  }, [h]), p = c(() => {
+    if (l.isNil(o) || l.isEmpty(o) || !l.isString(o))
+      return m(!1), s;
+    const t = o.split(`
+`);
+    return t.length > 8 && !i ? `${[...t].splice(0, 7).join(`
+`)}
+${t[8]}...` : (t.length < 8 && m(!1), o);
+  }, [i, o, s]), r = C(p, [p]), f = c(async () => {
+    await navigator.clipboard.writeText(r);
+  }, [r]);
+  return /* @__PURE__ */ a(
+    v,
+    {
+      bgColor: e.palette.gray[100],
+      borderRadius: "4px",
+      display: "inline-flex",
+      minWidth: "565px",
+      position: "relative",
+      children: [
+        /* @__PURE__ */ n(x, { "data-private": !0, children: /* @__PURE__ */ n("pre", { children: /* @__PURE__ */ n("code", { className: "language-none", children: r }) }) }),
+        /* @__PURE__ */ a(y, { children: [
+          /* @__PURE__ */ n(
+            b,
+            {
+              height: e.spacing[2.5],
+              icon: "copy",
+              iconColor: e.palette.gray[700],
+              iconSize: "xs",
+              iconType: "fa-light",
+              onClick: f,
+              variant: "ghost",
+              width: e.spacing[2.5]
+            }
+          ),
+          d ? /* @__PURE__ */ a(S, { onClick: u, variant: "ghost", children: [
+            i ? "Show Less" : "Show more",
+            /* @__PURE__ */ n(
+              B,
+              {
+                icon: i ? "chevron-up" : "chevron-down",
+                iconColor: e.palette.gray[700],
+                iconSize: "xxs",
+                iconType: "fa-light",
+                ml: 0.25,
+                onClick: f
+              }
+            )
+          ] }) : !1
+        ] })
+      ]
+    }
+  );
+};
+export {
+  E as CodeSnippet
+};

package/dist/components/code-snippet/location-code/index.js

@@ -1 +1,171 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index2.css');const e=require("react/jsx-runtime"),t=require("lodash"),i=require("prismjs"),n=require("react"),r=require("../../../styles-CNzziAXG.js");!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document&&document.querySelector){var e,t="line-numbers",i="linkable-line-numbers",n=/\n(?!$)/g,r=!0;Prism.plugins.lineHighlight={highlightLines:function(s,u,c){var d=(u="string"==typeof u?u:s.getAttribute("data-line")||"").replace(/\s+/g,"").split(",").filter(Boolean),h=+s.getAttribute("data-line-offset")||0,p=(function(){if(void 0===e){var t=document.createElement("div");t.style.fontSize="13px",t.style.lineHeight="1.5",t.style.padding="0",t.style.border="0",t.innerHTML="&nbsp;<br />&nbsp;",document.body.appendChild(t),e=38===t.offsetHeight,document.body.removeChild(t)}return e}()?parseInt:parseFloat)(getComputedStyle(s).lineHeight),g=Prism.util.isActive(s,t),f=s.querySelector("code"),m=g?s:f||s,v=[],y=f.textContent.match(n),b=y?y.length+1:1,x=f&&m!=f?function(e,t){var i=getComputedStyle(e),n=getComputedStyle(t);function r(e){return+e.substr(0,e.length-2)}return t.offsetTop+r(n.borderTopWidth)+r(n.paddingTop)-r(i.paddingTop)}(s,f):0;d.forEach((function(e){var t=e.split("-"),i=+t[0],n=+t[1]||i;if(!((n=Math.min(b+h,n))<i)){var r=s.querySelector('.line-highlight[data-range="'+e+'"]')||document.createElement("div");if(v.push((function(){r.setAttribute("aria-hidden","true"),r.setAttribute("data-range",e),r.className=(c||"")+" line-highlight"})),g&&Prism.plugins.lineNumbers){var o=Prism.plugins.lineNumbers.getLine(s,i),l=Prism.plugins.lineNumbers.getLine(s,n);if(o){var a=o.offsetTop+x+"px";v.push((function(){r.style.top=a}))}if(l){var u=l.offsetTop-o.offsetTop+l.offsetHeight+"px";v.push((function(){r.style.height=u}))}}else v.push((function(){r.setAttribute("data-start",String(i)),n>i&&r.setAttribute("data-end",String(n)),r.style.top=(i-h-1)*p+x+"px",r.textContent=new Array(n-i+2).join(" \n")}));v.push((function(){r.style.width=s.scrollWidth+"px"})),v.push((function(){m.appendChild(r)}))}}));var A=s.id;if(g&&Prism.util.isActive(s,i)&&A){l(s,i)||v.push((function(){s.classList.add(i)}));var C=parseInt(s.getAttribute("data-start")||"1");o(".line-numbers-rows > span",s).forEach((function(e,t){var i=t+C;e.onclick=function(){var e=A+"."+i;r=!1,location.hash=e,setTimeout((function(){r=!0}),1)}}))}return function(){v.forEach(a)}}};var s=0;Prism.hooks.add("before-sanity-check",(function(e){var t=e.element.parentElement;if(u(t)){var i=0;o(".line-highlight",t).forEach((function(e){i+=e.textContent.length,e.parentNode.removeChild(e)})),i&&/^(?: \n)+$/.test(e.code.slice(-i))&&(e.code=e.code.slice(0,-i))}})),Prism.hooks.add("complete",(function e(i){var n=i.element.parentElement;if(u(n)){clearTimeout(s);var r=Prism.plugins.lineNumbers,o=i.plugins&&i.plugins.lineNumbers;l(n,t)&&r&&!o?Prism.hooks.add("line-numbers",e):(Prism.plugins.lineHighlight.highlightLines(n)(),s=setTimeout(c,1))}})),window.addEventListener("hashchange",c),window.addEventListener("resize",(function(){o("pre").filter(u).map((function(e){return Prism.plugins.lineHighlight.highlightLines(e)})).forEach(a)}))}function o(e,t){return Array.prototype.slice.call((t||document).querySelectorAll(e))}function l(e,t){return e.classList.contains(t)}function a(e){e()}function u(e){return!!(e&&/pre/i.test(e.nodeName)&&(e.hasAttribute("data-line")||e.id&&Prism.util.isActive(e,i)))}function c(){var e=location.hash.slice(1);o(".temporary.line-highlight").forEach((function(e){e.parentNode.removeChild(e)}));var t=(e.match(/\.([\d,-]+)$/)||[,""])[1];if(t&&!document.getElementById(e)){var i=e.slice(0,e.lastIndexOf(".")),n=document.getElementById(i);n&&(n.hasAttribute("data-line")||n.setAttribute("data-line",""),Prism.plugins.lineHighlight.highlightLines(n,t,"temporary ")(),r&&document.querySelector(".temporary.line-highlight").scrollIntoView())}}}(),exports.Code=({noCodeMessage:s="Code snippet not available",snippet:o,specific:l})=>(n.useEffect((()=>{i.highlightAll()}),[]),e.jsx(r.CodeContainer,{"data-private":!0,children:e.jsx("pre",{className:"line-highlight","data-line-offset":t.isNil(o)||t.isString(o)?0:o.offset+.7,...void 0!==l?{"data-line":String(Number(l))}:{},children:t.isNil(o)||t.isString(o)||t.isEmpty(o.content)?e.jsx("div",{className:"no-data",children:e.jsx("p",{children:s})}):e.jsx("code",{className:"language-none",children:o.content})})}));
+import { jsx as d } from "react/jsx-runtime";
+import m from "lodash";
+import { highlightAll as W } from "prismjs";
+import { useEffect as j } from "react";
+import { C as z } from "../../../styles-CROOwXEH.mjs";
+(function() {
+  if (typeof Prism > "u" || typeof document > "u" || !document.querySelector)
+    return;
+  var g = "line-numbers", r = "linkable-line-numbers", p = /\n(?!$)/g;
+  function v(t, e) {
+    return Array.prototype.slice.call((e || document).querySelectorAll(t));
+  }
+  function S(t, e) {
+    return t.classList.contains(e);
+  }
+  function C(t) {
+    t();
+  }
+  var w = /* @__PURE__ */ function() {
+    var t;
+    return function() {
+      if (typeof t > "u") {
+        var e = document.createElement("div");
+        e.style.fontSize = "13px", e.style.lineHeight = "1.5", e.style.padding = "0", e.style.border = "0", e.innerHTML = "&nbsp;<br />&nbsp;", document.body.appendChild(e), t = e.offsetHeight === 38, document.body.removeChild(e);
+      }
+      return t;
+    };
+  }();
+  function B(t, e) {
+    var i = getComputedStyle(t), n = getComputedStyle(e);
+    function s(o) {
+      return +o.substr(0, o.length - 2);
+    }
+    return e.offsetTop + s(n.borderTopWidth) + s(n.paddingTop) - s(i.paddingTop);
+  }
+  function y(t) {
+    return !t || !/pre/i.test(t.nodeName) ? !1 : !!(t.hasAttribute("data-line") || t.id && Prism.util.isActive(t, r));
+  }
+  var E = !0;
+  Prism.plugins.lineHighlight = {
+    /**
+     * Highlights the lines of the given pre.
+     *
+     * This function is split into a DOM measuring and mutate phase to improve performance.
+     * The returned function mutates the DOM when called.
+     *
+     * @param {HTMLElement} pre
+     * @param {string | null} [lines]
+     * @param {string} [classes='']
+     * @returns {() => void}
+     */
+    highlightLines: function(e, i, n) {
+      i = typeof i == "string" ? i : e.getAttribute("data-line") || "";
+      var s = i.replace(/\s+/g, "").split(",").filter(Boolean), o = +e.getAttribute("data-line-offset") || 0, _ = w() ? parseInt : parseFloat, M = _(getComputedStyle(e).lineHeight), L = Prism.util.isActive(e, g), f = e.querySelector("code"), H = L ? e : f || e, h = (
+        /** @type {(() => void)[]} */
+        []
+      ), x = f.textContent.match(p), q = x ? x.length + 1 : 1, I = !f || H == f ? 0 : B(e, f);
+      s.forEach(function(c) {
+        var b = c.split("-"), l = +b[0], u = +b[1] || l;
+        if (u = Math.min(q + o, u), !(u < l)) {
+          var a = e.querySelector('.line-highlight[data-range="' + c + '"]') || document.createElement("div");
+          if (h.push(function() {
+            a.setAttribute("aria-hidden", "true"), a.setAttribute("data-range", c), a.className = (n || "") + " line-highlight";
+          }), L && Prism.plugins.lineNumbers) {
+            var N = Prism.plugins.lineNumbers.getLine(e, l), A = Prism.plugins.lineNumbers.getLine(e, u);
+            if (N) {
+              var O = N.offsetTop + I + "px";
+              h.push(function() {
+                a.style.top = O;
+              });
+            }
+            if (A) {
+              var F = A.offsetTop - N.offsetTop + A.offsetHeight + "px";
+              h.push(function() {
+                a.style.height = F;
+              });
+            }
+          } else
+            h.push(function() {
+              a.setAttribute("data-start", String(l)), u > l && a.setAttribute("data-end", String(u)), a.style.top = (l - o - 1) * M + I + "px", a.textContent = new Array(u - l + 2).join(` 
+`);
+            });
+          h.push(function() {
+            a.style.width = e.scrollWidth + "px";
+          }), h.push(function() {
+            H.appendChild(a);
+          });
+        }
+      });
+      var k = e.id;
+      if (L && Prism.util.isActive(e, r) && k) {
+        S(e, r) || h.push(function() {
+          e.classList.add(r);
+        });
+        var $ = parseInt(e.getAttribute("data-start") || "1");
+        v(".line-numbers-rows > span", e).forEach(function(c, b) {
+          var l = b + $;
+          c.onclick = function() {
+            var u = k + "." + l;
+            E = !1, location.hash = u, setTimeout(function() {
+              E = !0;
+            }, 1);
+          };
+        });
+      }
+      return function() {
+        h.forEach(C);
+      };
+    }
+  };
+  function P() {
+    var t = location.hash.slice(1);
+    v(".temporary.line-highlight").forEach(function(o) {
+      o.parentNode.removeChild(o);
+    });
+    var e = (t.match(/\.([\d,-]+)$/) || [, ""])[1];
+    if (!(!e || document.getElementById(t))) {
+      var i = t.slice(0, t.lastIndexOf(".")), n = document.getElementById(i);
+      if (n) {
+        n.hasAttribute("data-line") || n.setAttribute("data-line", "");
+        var s = Prism.plugins.lineHighlight.highlightLines(n, e, "temporary ");
+        s(), E && document.querySelector(".temporary.line-highlight").scrollIntoView();
+      }
+    }
+  }
+  var T = 0;
+  Prism.hooks.add("before-sanity-check", function(t) {
+    var e = t.element.parentElement;
+    if (y(e)) {
+      var i = 0;
+      v(".line-highlight", e).forEach(function(n) {
+        i += n.textContent.length, n.parentNode.removeChild(n);
+      }), i && /^(?: \n)+$/.test(t.code.slice(-i)) && (t.code = t.code.slice(0, -i));
+    }
+  }), Prism.hooks.add("complete", function t(e) {
+    var i = e.element.parentElement;
+    if (y(i)) {
+      clearTimeout(T);
+      var n = Prism.plugins.lineNumbers, s = e.plugins && e.plugins.lineNumbers;
+      if (S(i, g) && n && !s)
+        Prism.hooks.add("line-numbers", t);
+      else {
+        var o = Prism.plugins.lineHighlight.highlightLines(i);
+        o(), T = setTimeout(P, 1);
+      }
+    }
+  }), window.addEventListener("hashchange", P), window.addEventListener("resize", function() {
+    var t = v("pre").filter(y).map(function(e) {
+      return Prism.plugins.lineHighlight.highlightLines(e);
+    });
+    t.forEach(C);
+  });
+})();
+import '../../../assets/index2.css';const X = ({
+  noCodeMessage: g = "Code snippet not available",
+  snippet: r,
+  specific: p
+}) => (j(() => {
+  W();
+}, []), /* @__PURE__ */ d(z, { "data-private": !0, children: /* @__PURE__ */ d(
+  "pre",
+  {
+    className: "line-highlight",
+    "data-line-offset": m.isNil(r) || m.isString(r) ? 0 : r.offset + 0.7,
+    ...p !== void 0 ? { "data-line": String(Number(p)) } : {},
+    children: m.isNil(r) || m.isString(r) || m.isEmpty(r.content) ? /* @__PURE__ */ d("div", { className: "no-data", children: /* @__PURE__ */ d("p", { children: g }) }) : /* @__PURE__ */ d("code", { className: "language-none", children: r.content })
+  }
+) }));
+export {
+  X as Code
+};