@cypress-design/vue-alert 0.5.5 → 1.1.0

package/.turbo/turbo-build.log

@@ -1,13 +1,9 @@
-$ yarn build:module && yarn build:types
-$ yarn vite build
-$ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vite build
-vite v4.3.9 building for production...
+The CJS build of Vite's Node API is deprecated. See https://vite.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
+vite v5.4.19 building for production...
 transforming...
-✓ 5 modules transformed.
+✓ 4 modules transformed.
 rendering chunks...
 computing gzip size...
-dist/index.es.mjs  10.61 kB │ gzip: 2.83 kB │ map: 300.49 kB
-dist/index.umd.js  8.67 kB │ gzip: 2.67 kB │ map: 299.70 kB
-✓ built in 4.05s
-$ yarn vue-tsc --project ./tsconfig.build.json
-$ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vue-tsc --project ./tsconfig.build.json
+dist/index.es.mjs  6.99 kB │ gzip: 2.00 kB │ map: 11.56 kB
+dist/index.umd.js  5.39 kB │ gzip: 1.78 kB │ map: 11.12 kB
+✓ built in 2.54s

package/Alert.rootstory.tsx

@@ -7,13 +7,13 @@ export default () => {
   const displayTimedAlert = ref(false)
   return (
     <div class="flex flex-col p-4 gap-[16px]">
-      <Alert type="error" detailsTitle="Stack trace" data-cy="alert-1">
+      <Alert variant="error" detailsTitle="Stack trace" data-cy="alert-1">
         {{
           default: () => 'Spec not found',
           body: () => (
             <>
               There is no spec matching the following location:
-              <code class="bg-red-100 m-[8px] rounded px-[2px]">
+              <code class="bg-red-100 text-red-600 m-[8px] rounded px-[2px]">
                 path/to/spec.cy.js
               </code>
               <br />
@@ -77,17 +77,17 @@ export default () => {
           Wait 5 seconds please
         </Alert>
       )}
-      <Alert type="success" dismissible data-cy="alert-3">
+      <Alert variant="success" dismissible data-cy="alert-3">
         {{
           default: () => 'Success with body',
           body: () => 'Success body',
         }}
       </Alert>
-      <Alert type="warning" not-rounded>
+      <Alert variant="warning" not-rounded>
         Warning
       </Alert>
-      <Alert type="neutral">Neutral</Alert>
-      <Alert type="error" dismissible class="text-justify" data-cy="alert-4">
+      <Alert variant="neutral">Neutral</Alert>
+      <Alert variant="error" dismissible class="text-justify" data-cy="alert-4">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
         tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
         veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
@@ -96,8 +96,8 @@ export default () => {
         occaecat cupidatat non proident, sunt in culpa qui officia deserunt
         mollit anim id est laborum.
       </Alert>
-      <Alert type="info">Info</Alert>
-      <Alert type="info">
+      <Alert variant="info">Info</Alert>
+      <Alert variant="info">
         {{
           default: () => 'Info',
           icon: (props: any) => <IconArrowRight {...props} />,
@@ -105,10 +105,10 @@ export default () => {
       </Alert>
       {(['xs', 'sm', 'md', 'lg'] as const).map((size) => (
         <>
-          <Alert type="error" data-cy="alert-size" size={size}>
+          <Alert variant="error" data-cy="alert-size" size={size}>
             {size} - Lorem ipsum dolor sit amet
           </Alert>
-          <Alert type="warning" data-cy="alert-size" size={size}>
+          <Alert variant="warning" data-cy="alert-size" size={size}>
             Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
             eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
             ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut

package/Alert.vue

@@ -10,12 +10,12 @@ import {
 import { DetailsAnimation } from '@cypress-design/details-animation'
 import {
   AlertSize,
-  alertSizesClasses,
+  CssAlertSizesClasses,
   AlertVariant,
   defaultAlertSize,
   defaultAlertTitle,
   defaultAlertVariant,
-  alertClasses,
+  CssAlertClasses,
 } from '@cypress-design/constants-alert'
 
 const dismissed = ref(false)
@@ -63,14 +63,14 @@ const props = withDefaults(
     /**
      * Size of the alert
      */
-    size?: AlertSize
+    size?: typeof defaultAlertSize | AlertSize
   }>(),
   {
     variant: undefined,
     type: defaultAlertVariant,
     detailsTitle: defaultAlertTitle,
     size: defaultAlertSize,
-  }
+  },
 )
 
 const variant = computed(() => {
@@ -81,7 +81,7 @@ const detailsRef = ref(null)
 const contentRef = ref(null)
 
 const variantClasses = computed(() => {
-  return alertClasses[variant.value] ?? {}
+  return CssAlertClasses[variant.value] ?? {}
 })
 
 let timeout: number | undefined
@@ -136,7 +136,7 @@ const icon: ComputedRef<FunctionalComponent | null> = computed(() => {
 })
 
 const sizeClasses = computed(() => {
-  return alertSizesClasses[props.size] ?? {}
+  return CssAlertSizesClasses[props.size] ?? {}
 })
 </script>
 
@@ -154,8 +154,8 @@ const sizeClasses = computed(() => {
 			-->
       <slot name="icon" v-bind="computedIconProps">
         <component
-          v-if="!props.noIcon && icon"
           :is="icon"
+          v-if="!props.noIcon && icon"
           v-bind="computedIconProps"
         />
       </slot>
@@ -166,8 +166,8 @@ const sizeClasses = computed(() => {
       <button
         v-if="dismissible"
         class="m-[4px] ml-[8px] h-[16px]"
-        @click="dismiss"
         aria-label="Dismiss"
+        @click="dismiss"
       >
         <IconActionDeleteLarge :stroke-color="variantClasses.iconCloseColor" />
       </button>
@@ -178,8 +178,8 @@ const sizeClasses = computed(() => {
     </div>
     <details
       v-if="slots.details"
-      class="p-[16px] border-t border-t-1"
       ref="detailsRef"
+      class="p-[16px] border-t border-t-1"
       :class="[variantClasses.bodyClass, variantClasses.borderClass]"
     >
       <summary

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @cypress-design/vue-alert
 
+## 1.1.0
+
+### Minor Changes
+
+- [#733](https://github.com/cypress-io/cypress-design/pull/733) [`5e916fb`](https://github.com/cypress-io/cypress-design/commit/5e916fbe2b83d1503ed80820a85a8705bdcaeef1) Thanks [@jennifer-shehane](https://github.com/jennifer-shehane)! - Depend on `@cypress-design/vue-icon` and `@cypress-design/react-icon` 3.x. These packages were last published against icon 1.x, so installs stayed on 1.x and missed the 3.x fixes, including tree-shakable named icon imports. None of the icons these components use were renamed or removed in 2.0 or 3.0, so there are no API changes. `@cypress-design/vue-modal` now also lists `@cypress-design/vue-icon` as a dependency instead of a devDependency, since its build imports it at runtime.
+
+## 1.0.0
+
+### Major Changes
+
+- [`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87) Thanks [@elevatebart](https://github.com/elevatebart)! - Create 1.0
+
+### Patch Changes
+
+- Updated dependencies [[`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87)]:
+  - @cypress-design/constants-alert@1.0.0
+  - @cypress-design/vue-icon@1.0.0
+  - @cypress-design/details-animation@1.0.0
+
 ## 0.5.5
 
 ### Patch Changes

package/ReadMe.md

@@ -18,7 +18,7 @@ yarn add @cypress-design/vue-alert
 import Alert from '@cypress-design/vue-alert'
 ```
 
-The simplest is to use with plain text. By default, type is `info`.
+The simplest is to use with plain text. By default, `variant` is `info`.
 
 ```jsx live
 <Alert variant="error">Great Scott!!</Alert>

package/dist/Alert.vue.d.ts

@@ -1,5 +1,5 @@
 import { AlertVariant } from '@cypress-design/constants-alert';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /**
      * Color scheme
      */
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: "xs" | "sm" | "md" | "lg";
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: () => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     /**
      * Color scheme
      */
@@ -97,26 +97,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     footer?(_: {}): any;
 }>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
     }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 //# sourceMappingURL=Alert.vue.d.ts.map

package/dist/Alert.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../Alert.vue.ts"],"names":[],"mappings":"AAWA,OAAO,EAGL,YAAY,EAKb,MAAM,iCAAiC,CAAA;;IAmIpC;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;IA/BH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;AAiQP,wBAA8G;AAE9G,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AAWN,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC;AACJ,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../Alert.vue"],"names":[],"mappings":"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"}

package/dist/index.es.mjs

@@ -1,101 +1,12 @@
-import { h as c, defineComponent as R, ref as z, useSlots as D, computed as g, onMounted as A, onUnmounted as G, openBlock as C, createElementBlock as b, normalizeClass as p, createElementVNode as f, renderSlot as y, normalizeProps as O, guardReactiveProps as H, createBlock as I, resolveDynamicComponent as T, mergeProps as B, createCommentVNode as m, createVNode as $, unref as x, createTextVNode as E, toDisplayString as N } from "vue";
-import * as k from "@cypress-design/icon-registry";
-import { ICON_COLOR_PROP_NAMES as P } from "@cypress-design/icon-registry";
-import { DetailsAnimation as V } from "@cypress-design/details-animation";
-const h = ({
-  body: l,
-  compiledClasses: a,
-  size: r,
-  ...s
-}) => {
-  const e = Object.keys(s).reduce(
-    (o, i) => (!P.includes(
-      i
-    ) && i !== "name" && (o[i] = s[i]), o),
-    {}
-  ), t = {
-    width: r,
-    height: r,
-    viewBox: `0 0 ${r} ${r}`,
-    fill: "none",
-    innerHTML: l,
-    class: void 0,
-    ...e
-    // add all standard attributes back to the svg tag
-  };
-  return a.length && (t.class = a.join(" ")), t;
-}, _ = (l) => {
-  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
-    ...s,
-    availableSizes: ["16", "24"],
-    interactiveColorsOnGroup: a
-  }), o = {
-    16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13 13 3M3 3l10 10" class="icon-dark"/>',
-    24: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 20 20 4M4 4l16 16" class="icon-dark"/>'
-  }[e];
-  if (!o)
-    throw Error(`Icon "action-delete-large" is not available in size ${e}`);
-  return c("svg", h({
-    ...s,
-    size: e,
-    body: o,
-    compiledClasses: t
-  }));
-}, Z = (l) => {
-  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
-    ...s,
-    availableSizes: ["16"],
-    interactiveColorsOnGroup: a
-  }), o = {
-    16: '<path stroke="currentColor" stroke-width="2" d="M12.95 12.95a7 7 0 1 1-9.9-9.9 7 7 0 0 1 9.9 9.9Z" class="icon-dark"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6 8 1.5 2L10 6" class="icon-dark"/>'
-  }[e];
-  if (!o)
-    throw Error(`Icon "checkmark-outline" is not available in size ${e}`);
-  return c("svg", h({
-    ...s,
-    size: e,
-    body: o,
-    compiledClasses: t
-  }));
-}, W = (l) => {
-  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
-    ...s,
-    availableSizes: ["8", "16"],
-    interactiveColorsOnGroup: a
-  }), o = {
-    8: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 2.5 3 3 3-3" class="icon-dark"/>',
-    16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 6 4 4 4-4" class="icon-dark"/>'
-  }[e];
-  if (!o)
-    throw Error(`Icon "chevron-down-small" is not available in size ${e}`);
-  return c("svg", h({
-    ...s,
-    size: e,
-    body: o,
-    compiledClasses: t
-  }));
-}, S = (l) => {
-  const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
-    ...s,
-    availableSizes: ["16"],
-    interactiveColorsOnGroup: a
-  }), o = {
-    16: '<path fill="currentColor" fill-rule="evenodd" d="M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Zm6-8a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm1 5a1 1 0 0 0-2 0v3a1 1 0 0 0 2 0V5Zm-1 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" class="icon-dark" clip-rule="evenodd"/>'
-  }[e];
-  if (!o)
-    throw Error(`Icon "warning-circle" is not available in size ${e}`);
-  return c("svg", h({
-    ...s,
-    size: e,
-    body: o,
-    compiledClasses: t
-  }));
-}, L = {
+import { defineComponent as T, ref as m, useSlots as B, computed as i, onMounted as k, onUnmounted as D, h as v, createElementBlock as d, createCommentVNode as a, openBlock as l, normalizeClass as t, createElementVNode as c, renderSlot as u, normalizeProps as j, guardReactiveProps as S, createBlock as $, resolveDynamicComponent as V, mergeProps as N, createVNode as w, unref as C, createTextVNode as P, toDisplayString as _ } from "vue";
+import { IconWarningCircle as A, IconCheckmarkOutline as E, IconActionDeleteLarge as L, IconChevronDownSmall as M } from "@cypress-design/vue-icon";
+import { DetailsAnimation as O } from "@cypress-design/details-animation";
+const U = {
   xs: "py-[4px] px-[8px] leading-[22px] text-[14px]",
   sm: "py-[8px] px-[12px] leading-[22px] text-[14px]",
   md: "py-[12px] px-[16px] leading-[24px] text-[16px]",
   lg: "p-[16px] leading-[24px] text-[16px]"
-}, U = "lg", q = {
+}, W = "lg", q = {
   neutral: {
     headerClass: "text-gray-800 bg-gray-100",
     bodyClass: "bg-gray-50 text-gray-500",
@@ -169,115 +80,115 @@ const h = ({
     /* <tw-keep strokeColor="gray-300"/> */
     iconChevronColor: "gray-300"
   }
-}, F = "info", J = "Additional details", K = { class: "flex-1 font-medium" }, oe = /* @__PURE__ */ R({
+}, F = "info", G = "Additional details", J = { class: "flex-1 font-medium" }, Z = /* @__PURE__ */ T({
   __name: "Alert",
   props: {
     variant: { default: void 0 },
     type: { default: F },
-    detailsTitle: { default: J },
+    detailsTitle: { default: G },
     dismissible: { type: Boolean },
     noIcon: { type: Boolean },
     notRounded: { type: Boolean },
     duration: {},
-    size: { default: U }
+    size: { default: W }
   },
   emits: ["dismiss"],
-  setup(l, { emit: a }) {
-    const r = l, s = z(!1), e = D(), t = g(() => r.variant ?? r.type), o = z(null), i = z(null), n = g(() => q[t.value] ?? {});
-    let u;
-    A(() => {
-      r.duration && (u = setTimeout(w, r.duration));
-    }), A(() => {
-      o.value && i.value && new V(o.value, i.value);
-    }), G(() => {
-      u && clearTimeout(u);
+  setup(z, { emit: H }) {
+    const x = m(!1), y = B(), I = H, o = z, b = i(() => o.variant ?? o.type), p = m(null), g = m(null), e = i(() => q[b.value] ?? {});
+    let s;
+    k(() => {
+      o.duration && (s = setTimeout(f, o.duration));
+    }), k(() => {
+      p.value && g.value && new O(p.value, g.value);
+    }), D(() => {
+      s && clearTimeout(s);
     });
-    function w() {
-      s.value = !0, a("dismiss"), u && (clearTimeout(u), u = void 0);
+    function f() {
+      x.value = !0, I("dismiss"), s && (clearTimeout(s), s = void 0);
     }
-    const v = g(() => ({
-      strokeColor: n.value.iconColor,
+    const n = i(() => ({
+      strokeColor: e.value.iconColor,
       class: "my-[4px] mr-[8px]"
-    })), j = g(() => {
-      switch (t.value) {
+    })), h = i(() => {
+      switch (b.value) {
         case "info":
           return null;
         case "success":
-          return () => c(Z, v.value);
+          return () => v(E, n.value);
         case "warning":
-          return () => c(S, v.value);
+          return () => v(A, n.value);
         case "error":
-          return () => c(S, v.value);
+          return () => v(A, n.value);
         default:
           return null;
       }
-    }), M = g(() => L[r.size] ?? {});
-    return (d, Q) => s.value ? m("", !0) : (C(), b("div", {
+    }), R = i(() => U[o.size] ?? {});
+    return (r, K) => x.value ? a("", !0) : (l(), d("div", {
       key: 0,
-      class: p(["overflow-hidden text-left", [n.value.wrapperClass, { rounded: !r.notRounded }]])
+      class: t(["overflow-hidden text-left", [e.value.wrapperClass, { rounded: !o.notRounded }]])
     }, [
-      f("div", {
-        class: p(["flex", [n.value.headerClass, M.value]])
+      c("div", {
+        class: t(["flex", [e.value.headerClass, R.value]])
       }, [
-        y(d.$slots, "icon", O(H(v.value)), () => [
-          !r.noIcon && j.value ? (C(), I(T(j.value), O(B({ key: 0 }, v.value)), null, 16)) : m("", !0)
+        u(r.$slots, "icon", j(S(n.value)), () => [
+          !o.noIcon && h.value ? (l(), $(V(h.value), j(N({ key: 0 }, n.value)), null, 16)) : a("", !0)
         ]),
-        f("div", K, [
-          y(d.$slots, "default")
+        c("div", J, [
+          u(r.$slots, "default")
         ]),
-        d.dismissible ? (C(), b("button", {
+        r.dismissible ? (l(), d("button", {
           key: 0,
           class: "m-[4px] ml-[8px] h-[16px]",
-          onClick: w,
-          "aria-label": "Dismiss"
+          "aria-label": "Dismiss",
+          onClick: f
         }, [
-          $(x(_), {
-            "stroke-color": n.value.iconCloseColor
+          w(C(L), {
+            "stroke-color": e.value.iconCloseColor
           }, null, 8, ["stroke-color"])
-        ])) : m("", !0)
+        ])) : a("", !0)
       ], 2),
-      x(e).body ? (C(), b("div", {
+      C(y).body ? (l(), d("div", {
         key: 0,
-        class: p(["p-[16px]", n.value.bodyClass])
+        class: t(["p-[16px]", e.value.bodyClass])
       }, [
-        y(d.$slots, "body")
-      ], 2)) : m("", !0),
-      x(e).details ? (C(), b("details", {
+        u(r.$slots, "body")
+      ], 2)) : a("", !0),
+      C(y).details ? (l(), d("details", {
         key: 1,
-        class: p(["p-[16px] border-t border-t-1", [n.value.bodyClass, n.value.borderClass]]),
         ref_key: "detailsRef",
-        ref: o
+        ref: p,
+        class: t(["p-[16px] border-t border-t-1", [e.value.bodyClass, e.value.borderClass]])
       }, [
-        f("summary", {
-          class: p(["flex font-medium cursor-pointer details-none", n.value.detailsHeaderClass])
+        c("summary", {
+          class: t(["flex font-medium cursor-pointer details-none", e.value.detailsHeaderClass])
         }, [
-          $(x(W), {
-            strokeColor: n.value.iconChevronColor,
+          w(C(M), {
+            strokeColor: e.value.iconChevronColor,
             class: "icon my-[4px] mr-[8px] transition transform -rotate-90 open:rotate-0"
           }, null, 8, ["strokeColor"]),
-          E(" " + N(r.detailsTitle), 1)
+          P(" " + _(o.detailsTitle), 1)
         ], 2),
-        f("div", {
+        c("div", {
           ref_key: "contentRef",
-          ref: i
+          ref: g
         }, [
-          f("div", null, [
-            y(d.$slots, "details")
+          c("div", null, [
+            u(r.$slots, "details")
           ])
         ], 512)
-      ], 2)) : m("", !0),
-      d.$slots.footer ? (C(), b("div", {
+      ], 2)) : a("", !0),
+      r.$slots.footer ? (l(), d("div", {
         key: 2,
-        class: p(n.value.bodyClass)
+        class: t(e.value.bodyClass)
       }, [
-        y(d.$slots, "footer")
-      ], 2)) : m("", !0)
+        u(r.$slots, "footer")
+      ], 2)) : a("", !0)
     ], 2));
   }
 });
 export {
-  oe as default
+  Z as default
 };
 //# sourceMappingURL=index.es.mjs.map
 
-/* <wind-keep class="my-[4px] mr-[8px] overflow-hidden text-left rounded flex flex-1 font-medium m-[4px] ml-[8px] h-[16px] p-[16px] border-t cursor-pointer transition transform -rotate-90 open:rotate-0 py-[4px] px-[8px] leading-[22px] text-[14px] py-[8px] px-[12px] py-[12px] px-[16px] leading-[24px] text-[16px] text-gray-800 bg-gray-100 bg-gray-50 text-gray-500 border-gray-100 text-gray-600 text-indigo-700 bg-indigo-100 bg-indigo-50 text-indigo-500 border-indigo-100 text-indigo-600 text-orange-700 bg-orange-100 bg-orange-50 text-orange-500 border-orange-100 text-orange-600 text-red-700 bg-red-100 bg-red-50 text-red-500 border-red-100 text-red-600 border-gray-50 bg-white border text-gray-700"> */
+/* <wind-keep class="my-[4px] mr-[8px] overflow-hidden text-left rounded flex flex-1 font-medium m-[4px] ml-[8px] h-[16px] p-[16px] border-t cursor-pointer details-none transition transform -rotate-90 open:rotate-0"> */