@dgshahr/ui-kit 0.0.6 → 0.0.7

package/dist/Accordion/index.cjs

@@ -1,11 +1 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('../assets/styles.css');;/* empty css                   */
-const AccordionItem = require('../AccordionItem-C3MiOBH7.cjs');
-
-
-
-exports.AccordionGroup = AccordionItem.AccordionGroup;
-exports.AccordionItem = AccordionItem.AccordionItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../assets/styles.css');;/* empty css                   */const o=require("../AccordionItem-eMnIUJ1V.cjs");exports.AccordionGroup=o.AccordionGroup;exports.AccordionItem=o.AccordionItem;

package/dist/Accordion/index.js

@@ -1,2 +1,6 @@
 import '../assets/styles.css';/* empty css                 */
-export { A as AccordionGroup, a as AccordionItem } from '../AccordionItem-BFDuboYi.js';
+import { A as a, a as i } from "../AccordionItem-tKSPLNKs.js";
+export {
+  a as AccordionGroup,
+  i as AccordionItem
+};

package/dist/AccordionItem-eMnIUJ1V.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),c=require("react"),m=require("./Divider/index.cjs"),g=c.createContext({activeKey:null,setActiveKey:()=>{}}),h=()=>c.useContext(g),v=t=>{const{defaultActiveKey:o=null,className:d,children:n}=t,[r,u]=c.useState(o);return i.jsx("div",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",d),children:i.jsx(g.Provider,{value:{activeKey:r,setActiveKey:u},children:n})})},w=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"})}),f=t=>{const{children:o,title:d,accordionKey:n,className:r,contentClassName:u}=t,{activeKey:k,setActiveKey:l}=h(),x=c.useId(),a=n??x,s=a===k;return i.jsxs("div",{className:e.clsx("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4",r),children:[i.jsxs("button",{className:e.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",s?"dgs-ui-kit-text-primary-500":"dgs-ui-kit-text-gray-600"),onClick:()=>{l(s?null:a)},children:[i.jsx("div",{className:s?"dgs-ui-kit-font-h5-bold":"dgs-ui-kit-font-p1-medium",children:d}),i.jsx(w,{className:e.clsx("dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",s&&"dgs-ui-kit-rotate-180"),width:20,height:20})]}),i.jsx("div",{className:e.clsx("dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",s?"dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3":"dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",u),children:i.jsx("div",{className:"dgs-ui-kit-overflow-hidden",children:o})}),i.jsx(m,{type:"horizontal",color:"white",className:"dgs-ui-kit-mt-4"})]})};exports.AccordionGroup=v;exports.AccordionItem=f;

package/dist/AccordionItem-tKSPLNKs.js

@@ -0,0 +1,91 @@
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { c as s } from "./clsx-OuTLNxxd.js";
+import { createContext as h, useContext as v, useState as f, useId as w } from "react";
+import p from "./Divider/index.js";
+const g = h({
+  activeKey: null,
+  setActiveKey: () => {
+  }
+}), x = () => v(g), I = (t) => {
+  const { defaultActiveKey: o = null, className: d, children: c } = t, [r, a] = f(o);
+  return /* @__PURE__ */ i("div", { className: s("dgs-ui-kit-flex dgs-ui-kit-flex-col", d), children: /* @__PURE__ */ i(
+    g.Provider,
+    {
+      value: {
+        activeKey: r,
+        setActiveKey: a
+      },
+      children: c
+    }
+  ) });
+}, y = (t) => /* @__PURE__ */ i(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ...t,
+    children: /* @__PURE__ */ i(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M4.47 7.97a.75.75 0 0 1 .976-.073l.084.073L12 14.439l6.47-6.47a.75.75 0 0 1 .976-.072l.084.073a.75.75 0 0 1 .073.976l-.073.084-7 7a.75.75 0 0 1-.976.073l-.084-.073-7-7a.75.75 0 0 1 0-1.06"
+      }
+    )
+  }
+), b = (t) => {
+  const { children: o, title: d, accordionKey: c, className: r, contentClassName: a } = t, { activeKey: k, setActiveKey: n } = x(), m = w(), u = c ?? m, e = u === k;
+  return /* @__PURE__ */ l("div", { className: s("dgs-ui-kit-bg-white dgs-ui-kit-px-4 dgs-ui-kit-pt-4", r), children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        className: s(
+          "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-items-center dgs-ui-kit-w-full",
+          e ? "dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-600"
+        ),
+        onClick: () => {
+          n(e ? null : u);
+        },
+        children: [
+          /* @__PURE__ */ i("div", { className: e ? "dgs-ui-kit-font-h5-bold" : "dgs-ui-kit-font-p1-medium", children: d }),
+          /* @__PURE__ */ i(
+            y,
+            {
+              className: s(
+                "dgs-ui-kit-transition dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out dgs-ui-kit-shrink-0 dgs-ui-kit-w-auto dgs-ui-kit-h-auto",
+                e && "dgs-ui-kit-rotate-180"
+              ),
+              width: 20,
+              height: 20
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: s(
+          "dgs-ui-kit-grid dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-600 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-all dgs-ui-kit-duration-300 dgs-ui-kit-ease-in-out",
+          e ? "dgs-ui-kit-grid-rows-[1fr] dgs-ui-kit-opacity-100 dgs-ui-kit-mt-3" : "dgs-ui-kit-grid-rows-[0fr] dgs-ui-kit-opacity-0",
+          a
+        ),
+        children: /* @__PURE__ */ i("div", { className: "dgs-ui-kit-overflow-hidden", children: o })
+      }
+    ),
+    /* @__PURE__ */ i(
+      p,
+      {
+        type: "horizontal",
+        color: "white",
+        className: "dgs-ui-kit-mt-4"
+      }
+    )
+  ] });
+};
+export {
+  I as A,
+  b as a
+};

package/dist/Alert/index.cjs

@@ -1,254 +1 @@
-'use strict';
-
-require('../assets/styles.css');const jsxRuntime = require('react/jsx-runtime');
-const clsx = require('../clsx-BtxeOLZW.cjs');
-const react = require('react');
-const Button = require('../Button/index.cjs');
-;/* empty css                   */
-
-const CheckCircleBoldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "m15.993 10.222-4.618 4.618a.746.746 0 0 1-1.061 0l-2.309-2.309a.75.75 0 0 1 1.06-1.061l1.78 1.779 4.087-4.088a.75.75 0 1 1 1.061 1.061M12 2.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.261 9.5-9.5-4.262-9.5-9.5-9.5",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-
-const CloseRemoveIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06l5.47 5.47-5.47 5.47a.75.75 0 1 0 1.06 1.06l5.47-5.47 5.47 5.47a.75.75 0 1 0 1.06-1.06l-5.47-5.47 5.47-5.47a.75.75 0 0 0-1.06-1.06l-5.47 5.47z"
-      }
-    )
-  }
-);
-
-const DangerBoldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M10.628 3.353a2.85 2.85 0 0 1 3.85 1.09l7.268 12.614c.16.377.23.683.25 1.001a2.76 2.76 0 0 1-.73 2.021c-.51.554-1.2.881-1.95.921H4.68c-.31-.019-.62-.09-.91-.198-1.45-.585-2.15-2.23-1.56-3.656L9.53 4.433a2.73 2.73 0 0 1 1.099-1.08m1.37 11.92c-.48 0-.88.396-.88.873 0 .474.4.872.88.872s.87-.398.87-.883a.867.867 0 0 0-.87-.862m0-6.183c-.48 0-.88.386-.88.862v2.804c0 .475.4.873.88.873s.87-.398.87-.873V9.952a.866.866 0 0 0-.87-.862"
-      }
-    )
-  }
-);
-
-const InfoCircleBoldIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "1em",
-    height: "1em",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "currentColor",
-        fillRule: "evenodd",
-        d: "M12.756 15.693a.75.75 0 0 1-1.5 0v-4.299a.75.75 0 0 1 1.5 0zM11.25 8.291a.75.75 0 0 1 1.5 0c0 .414-.336.782-.75.782s-.75-.305-.75-.719zM12 2.5c-5.238 0-9.5 4.261-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5-4.262-9.5-9.5-9.5",
-        clipRule: "evenodd"
-      }
-    )
-  }
-);
-
-const alertVariantClassNames = {
-  container: {
-    warning: "dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-warning-200",
-    primary: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-border-primary-100",
-    error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-border-error-200",
-    success: "dgs-ui-kit-bg-success-50 dgs-ui-kit-border-success-200",
-    gray: "dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-gray-200"
-  },
-  icon: {
-    warning: "dgs-ui-kit-text-warning-700",
-    primary: "dgs-ui-kit-text-primary-400",
-    error: "dgs-ui-kit-text-error-600",
-    success: "dgs-ui-kit-text-success-600",
-    gray: "dgs-ui-kit-text-gray-600"
-  },
-  title: {
-    warning: "dgs-ui-kit-text-warning-800",
-    primary: "dgs-ui-kit-text-primary-700",
-    error: "dgs-ui-kit-text-error-700",
-    success: "dgs-ui-kit-text-success-800",
-    gray: "dgs-ui-kit-text-gray-800"
-  },
-  close: {
-    warning: "dgs-ui-kit-text-warning-800",
-    primary: "dgs-ui-kit-text-primary-600",
-    error: "dgs-ui-kit-text-error-600",
-    success: "dgs-ui-kit-text-success-800",
-    gray: "dgs-ui-kit-text-gray-800"
-  },
-  text: {
-    warning: "dgs-ui-kit-text-warning-800",
-    primary: "dgs-ui-kit-text-primary-600",
-    error: "dgs-ui-kit-text-error-600",
-    success: "dgs-ui-kit-text-success-800",
-    gray: "dgs-ui-kit-text-gray-700"
-  }
-};
-const alertSizeClassNames = {
-  container: {
-    large: "dgs-ui-kit-p-4",
-    small: "dgs-ui-kit-p-3"
-  },
-  icon: {
-    large: 24,
-    small: 20
-  },
-  title: {
-    large: "dgs-ui-kit-font-h5-bold mb-2",
-    small: "dgs-ui-kit-font-h6-bold mb-1"
-  },
-  close: {
-    large: 20,
-    small: 20
-  },
-  text: {
-    large: "dgs-ui-kit-font-p2-regular",
-    small: "dgs-ui-kit-font-p3-regular"
-  }
-};
-
-function getAlertIcon(variant, size) {
-  let IconComponent = InfoCircleBoldIcon;
-  if (variant === "error") IconComponent = DangerBoldIcon;
-  else if (variant === "success") IconComponent = CheckCircleBoldIcon;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    IconComponent,
-    {
-      className: clsx.clsx(
-        "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",
-        alertVariantClassNames.icon[variant]
-      ),
-      width: alertSizeClassNames.icon[size],
-      height: alertSizeClassNames.icon[size]
-    }
-  );
-}
-const Alert = (props) => {
-  const {
-    variant = "primary",
-    size = "small",
-    title,
-    text,
-    primaryButton,
-    outlineButton,
-    closable,
-    className
-  } = props;
-  const [show, setShow] = react.useState(true);
-  if (show)
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: clsx.clsx(
-          "dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",
-          alertVariantClassNames.container[variant],
-          alertSizeClassNames.container[size],
-          className
-        ),
-        children: [
-          getAlertIcon(variant, size),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1", children: [
-            Boolean(title) && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: clsx.clsx(
-                  alertVariantClassNames.title[variant],
-                  alertSizeClassNames.title[size]
-                ),
-                children: title
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx.clsx(alertVariantClassNames.text[variant], alertSizeClassNames.text[size]), children: text }),
-            (Boolean(primaryButton?.text) || Boolean(outlineButton?.text)) && /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: clsx.clsx(
-                  "dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",
-                  size === "large" ? "dgs-ui-kit-mt-4" : "dgs-ui-kit-mt-3"
-                ),
-                children: [
-                  Boolean(primaryButton?.text) && /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      variant: "primary",
-                      color: variant,
-                      size: "small",
-                      ...primaryButton,
-                      children: primaryButton?.text
-                    }
-                  ),
-                  Boolean(outlineButton?.text) && /* @__PURE__ */ jsxRuntime.jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      color: variant,
-                      size: "small",
-                      ...outlineButton,
-                      children: outlineButton?.text
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          closable && /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              className: "dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",
-              onClick: () => setShow(false),
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                CloseRemoveIcon,
-                {
-                  className: clsx.clsx(alertVariantClassNames.close[variant]),
-                  width: alertSizeClassNames.close[size],
-                  height: alertSizeClassNames.close[size]
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  return null;
-};
-
-module.exports = Alert;
+"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),l=require("../clsx-C11secjj.cjs"),h=require("react"),g=require("../Button/index.cjs");;/* empty css                   */const w=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.993 10.222-4.618 4.618a.746.746 0 0 1-1.061 0l-2.309-2.309a.75.75 0 0 1 1.06-1.061l1.78 1.779 4.087-4.088a.75.75 0 1 1 1.061 1.061M12 2.5c-5.238 0-9.5 4.262-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.261 9.5-9.5-4.262-9.5-9.5-9.5",clipRule:"evenodd"})}),p=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M6.28 5.22a.75.75 0 0 0-1.06 1.06l5.47 5.47-5.47 5.47a.75.75 0 1 0 1.06 1.06l5.47-5.47 5.47 5.47a.75.75 0 1 0 1.06-1.06l-5.47-5.47 5.47-5.47a.75.75 0 0 0-1.06-1.06l-5.47 5.47z"})}),f=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",d:"M10.628 3.353a2.85 2.85 0 0 1 3.85 1.09l7.268 12.614c.16.377.23.683.25 1.001a2.76 2.76 0 0 1-.73 2.021c-.51.554-1.2.881-1.95.921H4.68c-.31-.019-.62-.09-.91-.198-1.45-.585-2.15-2.23-1.56-3.656L9.53 4.433a2.73 2.73 0 0 1 1.099-1.08m1.37 11.92c-.48 0-.88.396-.88.873 0 .474.4.872.88.872s.87-.398.87-.883a.867.867 0 0 0-.87-.862m0-6.183c-.48 0-.88.386-.88.862v2.804c0 .475.4.873.88.873s.87-.398.87-.873V9.952a.866.866 0 0 0-.87-.862"})}),y=t=>i.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...t,children:i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.756 15.693a.75.75 0 0 1-1.5 0v-4.299a.75.75 0 0 1 1.5 0zM11.25 8.291a.75.75 0 0 1 1.5 0c0 .414-.336.782-.75.782s-.75-.305-.75-.719zM12 2.5c-5.238 0-9.5 4.261-9.5 9.5s4.262 9.5 9.5 9.5 9.5-4.262 9.5-9.5-4.262-9.5-9.5-9.5",clipRule:"evenodd"})}),n={container:{warning:"dgs-ui-kit-bg-warning-50 dgs-ui-kit-border-warning-200",primary:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-border-primary-100",error:"dgs-ui-kit-bg-error-50 dgs-ui-kit-border-error-200",success:"dgs-ui-kit-bg-success-50 dgs-ui-kit-border-success-200",gray:"dgs-ui-kit-bg-gray-50 dgs-ui-kit-border-gray-200"},icon:{warning:"dgs-ui-kit-text-warning-700",primary:"dgs-ui-kit-text-primary-400",error:"dgs-ui-kit-text-error-600",success:"dgs-ui-kit-text-success-600",gray:"dgs-ui-kit-text-gray-600"},title:{warning:"dgs-ui-kit-text-warning-800",primary:"dgs-ui-kit-text-primary-700",error:"dgs-ui-kit-text-error-700",success:"dgs-ui-kit-text-success-800",gray:"dgs-ui-kit-text-gray-800"},close:{warning:"dgs-ui-kit-text-warning-800",primary:"dgs-ui-kit-text-primary-600",error:"dgs-ui-kit-text-error-600",success:"dgs-ui-kit-text-success-800",gray:"dgs-ui-kit-text-gray-800"},text:{warning:"dgs-ui-kit-text-warning-800",primary:"dgs-ui-kit-text-primary-600",error:"dgs-ui-kit-text-error-600",success:"dgs-ui-kit-text-success-800",gray:"dgs-ui-kit-text-gray-700"}},r={container:{large:"dgs-ui-kit-p-4",small:"dgs-ui-kit-p-3"},icon:{large:24,small:20},title:{large:"dgs-ui-kit-font-h5-bold mb-2",small:"dgs-ui-kit-font-h6-bold mb-1"},close:{large:20,small:20},text:{large:"dgs-ui-kit-font-p2-regular",small:"dgs-ui-kit-font-p3-regular"}};function v(t,s){let e=y;return t==="error"?e=f:t==="success"&&(e=w),i.jsx(e,{className:l.clsx("dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px]",n.icon[t]),width:r.icon[s],height:r.icon[s]})}const j=t=>{const{variant:s="primary",size:e="small",title:c,text:d,primaryButton:o,outlineButton:a,closable:u,className:x}=t,[k,m]=h.useState(!0);return k?i.jsxs("div",{className:l.clsx("dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-gap-x-3 dgs-ui-kit-rounded-xl dgs-ui-kit-border dgs-ui-kit-border-solid",n.container[s],r.container[e],x),children:[v(s,e),i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-flex-1",children:[!!c&&i.jsx("div",{className:l.clsx(n.title[s],r.title[e]),children:c}),i.jsx("p",{className:l.clsx(n.text[s],r.text[e]),children:d}),(!!o?.text||!!a?.text)&&i.jsxs("div",{className:l.clsx("dgs-ui-kit-flex dgs-ui-kit-gap-x-2 dgs-ui-kit-items-center",e==="large"?"dgs-ui-kit-mt-4":"dgs-ui-kit-mt-3"),children:[!!o?.text&&i.jsx(g,{variant:"primary",color:s,size:"small",...o,children:o?.text}),!!a?.text&&i.jsx(g,{variant:"outline",color:s,size:"small",...a,children:a?.text})]})]}),u&&i.jsx("button",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-my-[2px] dgs-ui-kit-h-fit",onClick:()=>m(!1),children:i.jsx(p,{className:l.clsx(n.close[s]),width:r.close[e],height:r.close[e]})})]}):null};module.exports=j;