@cypress-design/vue-alert 0.5.5 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/.turbo/turbo-build.log +6 -5
  2. package/Alert.rootstory.tsx +10 -10
  3. package/Alert.vue +5 -5
  4. package/CHANGELOG.md +13 -0
  5. package/dist/Alert.vue.d.ts +15 -14
  6. package/dist/Alert.vue.d.ts.map +1 -1
  7. package/dist/index.es.mjs +64 -153
  8. package/dist/index.es.mjs.map +1 -1
  9. package/dist/index.umd.js +2 -2
  10. package/dist/index.umd.js.map +1 -1
  11. package/package.json +4 -4
package/.turbo/turbo-build.log CHANGED
@@ -1,13 +1,14 @@
1
1
  $ yarn build:module && yarn build:types
2
2
  $ yarn vite build
3
3
  $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vite build
4
- vite v4.3.9 building for production...
4
+ The CJS build of Vite's Node API is deprecated. See https://vitejs.dev/guide/troubleshooting.html#vite-cjs-node-api-deprecated for more details.
5
+ vite v5.2.12 building for production...
5
6
  transforming...
6
- ✓ 5 modules transformed.
7
+ ✓ 4 modules transformed.
7
8
  rendering chunks...
8
9
  computing gzip size...
9
- dist/index.es.mjs 10.61 kB │ gzip: 2.83 kB │ map: 300.49 kB
10
- dist/index.umd.js 8.67 kB │ gzip: 2.67 kB │ map: 299.70 kB
11
- ✓ built in 4.05s
10
+ dist/index.es.mjs 7.83 kB │ gzip: 2.13 kB │ map: 11.41 kB
11
+ dist/index.umd.js 6.23 kB │ gzip: 1.92 kB │ map: 10.97 kB
12
+ ✓ built in 3.71s
12
13
  $ yarn vue-tsc --project ./tsconfig.build.json
13
14
  $ /home/runner/work/cypress-design/cypress-design/node_modules/.bin/vue-tsc --project ./tsconfig.build.json
package/Alert.rootstory.tsx CHANGED
@@ -7,13 +7,13 @@ export default () => {
7
7
  const displayTimedAlert = ref(false)
8
8
  return (
9
9
  <div class="flex flex-col p-4 gap-[16px]">
10
- <Alert type="error" detailsTitle="Stack trace" data-cy="alert-1">
10
+ <Alert variant="error" detailsTitle="Stack trace" data-cy="alert-1">
11
11
  {{
12
12
  default: () => 'Spec not found',
13
13
  body: () => (
14
14
  <>
15
15
  There is no spec matching the following location:
16
- <code class="bg-red-100 m-[8px] rounded px-[2px]">
16
+ <code class="bg-red-100 text-red-600 m-[8px] rounded px-[2px]">
17
17
  path/to/spec.cy.js
18
18
  </code>
19
19
  <br />
@@ -77,17 +77,17 @@ export default () => {
77
77
  Wait 5 seconds please
78
78
  </Alert>
79
79
  )}
80
- <Alert type="success" dismissible data-cy="alert-3">
80
+ <Alert variant="success" dismissible data-cy="alert-3">
81
81
  {{
82
82
  default: () => 'Success with body',
83
83
  body: () => 'Success body',
84
84
  }}
85
85
  </Alert>
86
- <Alert type="warning" not-rounded>
86
+ <Alert variant="warning" not-rounded>
87
87
  Warning
88
88
  </Alert>
89
- <Alert type="neutral">Neutral</Alert>
90
- <Alert type="error" dismissible class="text-justify" data-cy="alert-4">
89
+ <Alert variant="neutral">Neutral</Alert>
90
+ <Alert variant="error" dismissible class="text-justify" data-cy="alert-4">
91
91
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
92
92
  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
93
93
  veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
@@ -96,8 +96,8 @@ export default () => {
96
96
  occaecat cupidatat non proident, sunt in culpa qui officia deserunt
97
97
  mollit anim id est laborum.
98
98
  </Alert>
99
- <Alert type="info">Info</Alert>
100
- <Alert type="info">
99
+ <Alert variant="info">Info</Alert>
100
+ <Alert variant="info">
101
101
  {{
102
102
  default: () => 'Info',
103
103
  icon: (props: any) => <IconArrowRight {...props} />,
@@ -105,10 +105,10 @@ export default () => {
105
105
  </Alert>
106
106
  {(['xs', 'sm', 'md', 'lg'] as const).map((size) => (
107
107
  <>
108
- <Alert type="error" data-cy="alert-size" size={size}>
108
+ <Alert variant="error" data-cy="alert-size" size={size}>
109
109
  {size} - Lorem ipsum dolor sit amet
110
110
  </Alert>
111
- <Alert type="warning" data-cy="alert-size" size={size}>
111
+ <Alert variant="warning" data-cy="alert-size" size={size}>
112
112
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
113
113
  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
114
114
  ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
package/Alert.vue CHANGED
@@ -63,14 +63,14 @@ const props = withDefaults(
63
63
  /**
64
64
  * Size of the alert
65
65
  */
66
- size?: AlertSize
66
+ size?: typeof defaultAlertSize | AlertSize
67
67
  }>(),
68
68
  {
69
69
  variant: undefined,
70
70
  type: defaultAlertVariant,
71
71
  detailsTitle: defaultAlertTitle,
72
72
  size: defaultAlertSize,
73
- }
73
+ },
74
74
  )
75
75
 
76
76
  const variant = computed(() => {
@@ -154,8 +154,8 @@ const sizeClasses = computed(() => {
154
154
  -->
155
155
  <slot name="icon" v-bind="computedIconProps">
156
156
  <component
157
- v-if="!props.noIcon && icon"
158
157
  :is="icon"
158
+ v-if="!props.noIcon && icon"
159
159
  v-bind="computedIconProps"
160
160
  />
161
161
  </slot>
@@ -166,8 +166,8 @@ const sizeClasses = computed(() => {
166
166
  <button
167
167
  v-if="dismissible"
168
168
  class="m-[4px] ml-[8px] h-[16px]"
169
- @click="dismiss"
170
169
  aria-label="Dismiss"
170
+ @click="dismiss"
171
171
  >
172
172
  <IconActionDeleteLarge :stroke-color="variantClasses.iconCloseColor" />
173
173
  </button>
@@ -178,8 +178,8 @@ const sizeClasses = computed(() => {
178
178
  </div>
179
179
  <details
180
180
  v-if="slots.details"
181
- class="p-[16px] border-t border-t-1"
182
181
  ref="detailsRef"
182
+ class="p-[16px] border-t border-t-1"
183
183
  :class="[variantClasses.bodyClass, variantClasses.borderClass]"
184
184
  >
185
185
  <summary
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @cypress-design/vue-alert
2
2
 
3
+ ## 1.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87) Thanks [@elevatebart](https://github.com/elevatebart)! - Create 1.0
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87)]:
12
+ - @cypress-design/constants-alert@1.0.0
13
+ - @cypress-design/vue-icon@1.0.0
14
+ - @cypress-design/details-animation@1.0.0
15
+
3
16
  ## 0.5.5
4
17
 
5
18
  ### Patch Changes
package/dist/Alert.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { AlertVariant } from '@cypress-design/constants-alert';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
3
3
  /**
4
4
  * Color scheme
5
5
  */
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
40
40
  size: "xs" | "sm" | "md" | "lg";
41
41
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
42
42
  dismiss: () => void;
43
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
43
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
44
44
  /**
45
45
  * Color scheme
46
46
  */
@@ -97,26 +97,27 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
97
97
  footer?(_: {}): any;
98
98
  }>;
99
99
  export default _default;
100
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
101
- type __VLS_TypePropsToRuntimeProps<T> = {
102
- [K in keyof T]-?: {} extends Pick<T, K> ? {
103
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
104
- } : {
105
- type: import('vue').PropType<T[K]>;
106
- required: true;
107
- };
108
- };
100
+
109
101
  type __VLS_WithDefaults<P, D> = {
110
102
  [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
111
103
  default: D[K];
112
104
  }> : P[K];
113
105
  };
106
+ type __VLS_Prettify<T> = {
107
+ [K in keyof T]: T[K];
108
+ } & {};
114
109
  type __VLS_WithTemplateSlots<T, S> = T & {
115
110
  new (): {
116
111
  $slots: S;
117
112
  };
118
113
  };
119
- type __VLS_Prettify<T> = {
120
- [K in keyof T]: T[K];
121
- } & {};
114
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
115
+ type __VLS_TypePropsToOption<T> = {
116
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
117
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
118
+ } : {
119
+ type: import('vue').PropType<T[K]>;
120
+ required: true;
121
+ };
122
+ };
122
123
  //# sourceMappingURL=Alert.vue.d.ts.map
package/dist/Alert.vue.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../Alert.vue"],"names":[],"mappings":"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"}
package/dist/index.es.mjs CHANGED
@@ -1,101 +1,12 @@
1
- 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";
2
- import * as k from "@cypress-design/icon-registry";
3
- import { ICON_COLOR_PROP_NAMES as P } from "@cypress-design/icon-registry";
4
- import { DetailsAnimation as V } from "@cypress-design/details-animation";
5
- const h = ({
6
- body: l,
7
- compiledClasses: a,
8
- size: r,
9
- ...s
10
- }) => {
11
- const e = Object.keys(s).reduce(
12
- (o, i) => (!P.includes(
13
- i
14
- ) && i !== "name" && (o[i] = s[i]), o),
15
- {}
16
- ), t = {
17
- width: r,
18
- height: r,
19
- viewBox: `0 0 ${r} ${r}`,
20
- fill: "none",
21
- innerHTML: l,
22
- class: void 0,
23
- ...e
24
- // add all standard attributes back to the svg tag
25
- };
26
- return a.length && (t.class = a.join(" ")), t;
27
- }, _ = (l) => {
28
- const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
29
- ...s,
30
- availableSizes: ["16", "24"],
31
- interactiveColorsOnGroup: a
32
- }), o = {
33
- 16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 13 13 3M3 3l10 10" class="icon-dark"/>',
34
- 24: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 20 20 4M4 4l16 16" class="icon-dark"/>'
35
- }[e];
36
- if (!o)
37
- throw Error(`Icon "action-delete-large" is not available in size ${e}`);
38
- return c("svg", h({
39
- ...s,
40
- size: e,
41
- body: o,
42
- compiledClasses: t
43
- }));
44
- }, Z = (l) => {
45
- const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
46
- ...s,
47
- availableSizes: ["16"],
48
- interactiveColorsOnGroup: a
49
- }), o = {
50
- 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"/>'
51
- }[e];
52
- if (!o)
53
- throw Error(`Icon "checkmark-outline" is not available in size ${e}`);
54
- return c("svg", h({
55
- ...s,
56
- size: e,
57
- body: o,
58
- compiledClasses: t
59
- }));
60
- }, W = (l) => {
61
- const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
62
- ...s,
63
- availableSizes: ["8", "16"],
64
- interactiveColorsOnGroup: a
65
- }), o = {
66
- 8: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 2.5 3 3 3-3" class="icon-dark"/>',
67
- 16: '<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4 6 4 4 4-4" class="icon-dark"/>'
68
- }[e];
69
- if (!o)
70
- throw Error(`Icon "chevron-down-small" is not available in size ${e}`);
71
- return c("svg", h({
72
- ...s,
73
- size: e,
74
- body: o,
75
- compiledClasses: t
76
- }));
77
- }, S = (l) => {
78
- const { interactiveColorsOnGroup: a, name: r, ...s } = l, { sizeWithDefault: e, compiledClasses: t } = k.getComponentAttributes({
79
- ...s,
80
- availableSizes: ["16"],
81
- interactiveColorsOnGroup: a
82
- }), o = {
83
- 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"/>'
84
- }[e];
85
- if (!o)
86
- throw Error(`Icon "warning-circle" is not available in size ${e}`);
87
- return c("svg", h({
88
- ...s,
89
- size: e,
90
- body: o,
91
- compiledClasses: t
92
- }));
93
- }, L = {
1
+ import { defineComponent as T, ref as m, useSlots as B, computed as i, onMounted as k, onUnmounted as D, h as v, openBlock as a, createElementBlock as d, normalizeClass as l, createElementVNode as c, renderSlot as u, normalizeProps as j, guardReactiveProps as S, createBlock as $, resolveDynamicComponent as V, mergeProps as N, createCommentVNode as t, createVNode as w, unref as C, createTextVNode as P, toDisplayString as _ } from "vue";
2
+ import { IconWarningCircle as z, IconCheckmarkOutline as E, IconActionDeleteLarge as L, IconChevronDownSmall as M } from "@cypress-design/vue-icon";
3
+ import { DetailsAnimation as O } from "@cypress-design/details-animation";
4
+ const U = {
94
5
  xs: "py-[4px] px-[8px] leading-[22px] text-[14px]",
95
6
  sm: "py-[8px] px-[12px] leading-[22px] text-[14px]",
96
7
  md: "py-[12px] px-[16px] leading-[24px] text-[16px]",
97
8
  lg: "p-[16px] leading-[24px] text-[16px]"
98
- }, U = "lg", q = {
9
+ }, W = "lg", q = {
99
10
  neutral: {
100
11
  headerClass: "text-gray-800 bg-gray-100",
101
12
  bodyClass: "bg-gray-50 text-gray-500",
@@ -169,115 +80,115 @@ const h = ({
169
80
  /* <tw-keep strokeColor="gray-300"/> */
170
81
  iconChevronColor: "gray-300"
171
82
  }
172
- }, F = "info", J = "Additional details", K = { class: "flex-1 font-medium" }, oe = /* @__PURE__ */ R({
83
+ }, F = "info", G = "Additional details", J = { class: "flex-1 font-medium" }, Z = /* @__PURE__ */ T({
173
84
  __name: "Alert",
174
85
  props: {
175
86
  variant: { default: void 0 },
176
87
  type: { default: F },
177
- detailsTitle: { default: J },
88
+ detailsTitle: { default: G },
178
89
  dismissible: { type: Boolean },
179
90
  noIcon: { type: Boolean },
180
91
  notRounded: { type: Boolean },
181
92
  duration: {},
182
- size: { default: U }
93
+ size: { default: W }
183
94
  },
184
95
  emits: ["dismiss"],
185
- setup(l, { emit: a }) {
186
- 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] ?? {});
187
- let u;
188
- A(() => {
189
- r.duration && (u = setTimeout(w, r.duration));
190
- }), A(() => {
191
- o.value && i.value && new V(o.value, i.value);
192
- }), G(() => {
193
- u && clearTimeout(u);
96
+ setup(A, { emit: H }) {
97
+ const x = m(!1), y = B(), I = H, o = A, b = i(() => o.variant ?? o.type), p = m(null), g = m(null), e = i(() => q[b.value] ?? {});
98
+ let s;
99
+ k(() => {
100
+ o.duration && (s = setTimeout(f, o.duration));
101
+ }), k(() => {
102
+ p.value && g.value && new O(p.value, g.value);
103
+ }), D(() => {
104
+ s && clearTimeout(s);
194
105
  });
195
- function w() {
196
- s.value = !0, a("dismiss"), u && (clearTimeout(u), u = void 0);
106
+ function f() {
107
+ x.value = !0, I("dismiss"), s && (clearTimeout(s), s = void 0);
197
108
  }
198
- const v = g(() => ({
199
- strokeColor: n.value.iconColor,
109
+ const n = i(() => ({
110
+ strokeColor: e.value.iconColor,
200
111
  class: "my-[4px] mr-[8px]"
201
- })), j = g(() => {
202
- switch (t.value) {
112
+ })), h = i(() => {
113
+ switch (b.value) {
203
114
  case "info":
204
115
  return null;
205
116
  case "success":
206
- return () => c(Z, v.value);
117
+ return () => v(E, n.value);
207
118
  case "warning":
208
- return () => c(S, v.value);
119
+ return () => v(z, n.value);
209
120
  case "error":
210
- return () => c(S, v.value);
121
+ return () => v(z, n.value);
211
122
  default:
212
123
  return null;
213
124
  }
214
- }), M = g(() => L[r.size] ?? {});
215
- return (d, Q) => s.value ? m("", !0) : (C(), b("div", {
125
+ }), R = i(() => U[o.size] ?? {});
126
+ return (r, K) => x.value ? t("", !0) : (a(), d("div", {
216
127
  key: 0,
217
- class: p(["overflow-hidden text-left", [n.value.wrapperClass, { rounded: !r.notRounded }]])
128
+ class: l(["overflow-hidden text-left", [e.value.wrapperClass, { rounded: !o.notRounded }]])
218
129
  }, [
219
- f("div", {
220
- class: p(["flex", [n.value.headerClass, M.value]])
130
+ c("div", {
131
+ class: l(["flex", [e.value.headerClass, R.value]])
221
132
  }, [
222
- y(d.$slots, "icon", O(H(v.value)), () => [
223
- !r.noIcon && j.value ? (C(), I(T(j.value), O(B({ key: 0 }, v.value)), null, 16)) : m("", !0)
133
+ u(r.$slots, "icon", j(S(n.value)), () => [
134
+ !o.noIcon && h.value ? (a(), $(V(h.value), j(N({ key: 0 }, n.value)), null, 16)) : t("", !0)
224
135
  ]),
225
- f("div", K, [
226
- y(d.$slots, "default")
136
+ c("div", J, [
137
+ u(r.$slots, "default")
227
138
  ]),
228
- d.dismissible ? (C(), b("button", {
139
+ r.dismissible ? (a(), d("button", {
229
140
  key: 0,
230
141
  class: "m-[4px] ml-[8px] h-[16px]",
231
- onClick: w,
232
- "aria-label": "Dismiss"
142
+ "aria-label": "Dismiss",
143
+ onClick: f
233
144
  }, [
234
- $(x(_), {
235
- "stroke-color": n.value.iconCloseColor
145
+ w(C(L), {
146
+ "stroke-color": e.value.iconCloseColor
236
147
  }, null, 8, ["stroke-color"])
237
- ])) : m("", !0)
148
+ ])) : t("", !0)
238
149
  ], 2),
239
- x(e).body ? (C(), b("div", {
150
+ C(y).body ? (a(), d("div", {
240
151
  key: 0,
241
- class: p(["p-[16px]", n.value.bodyClass])
152
+ class: l(["p-[16px]", e.value.bodyClass])
242
153
  }, [
243
- y(d.$slots, "body")
244
- ], 2)) : m("", !0),
245
- x(e).details ? (C(), b("details", {
154
+ u(r.$slots, "body")
155
+ ], 2)) : t("", !0),
156
+ C(y).details ? (a(), d("details", {
246
157
  key: 1,
247
- class: p(["p-[16px] border-t border-t-1", [n.value.bodyClass, n.value.borderClass]]),
248
158
  ref_key: "detailsRef",
249
- ref: o
159
+ ref: p,
160
+ class: l(["p-[16px] border-t border-t-1", [e.value.bodyClass, e.value.borderClass]])
250
161
  }, [
251
- f("summary", {
252
- class: p(["flex font-medium cursor-pointer details-none", n.value.detailsHeaderClass])
162
+ c("summary", {
163
+ class: l(["flex font-medium cursor-pointer details-none", e.value.detailsHeaderClass])
253
164
  }, [
254
- $(x(W), {
255
- strokeColor: n.value.iconChevronColor,
165
+ w(C(M), {
166
+ strokeColor: e.value.iconChevronColor,
256
167
  class: "icon my-[4px] mr-[8px] transition transform -rotate-90 open:rotate-0"
257
168
  }, null, 8, ["strokeColor"]),
258
- E(" " + N(r.detailsTitle), 1)
169
+ P(" " + _(o.detailsTitle), 1)
259
170
  ], 2),
260
- f("div", {
171
+ c("div", {
261
172
  ref_key: "contentRef",
262
- ref: i
173
+ ref: g
263
174
  }, [
264
- f("div", null, [
265
- y(d.$slots, "details")
175
+ c("div", null, [
176
+ u(r.$slots, "details")
266
177
  ])
267
178
  ], 512)
268
- ], 2)) : m("", !0),
269
- d.$slots.footer ? (C(), b("div", {
179
+ ], 2)) : t("", !0),
180
+ r.$slots.footer ? (a(), d("div", {
270
181
  key: 2,
271
- class: p(n.value.bodyClass)
182
+ class: l(e.value.bodyClass)
272
183
  }, [
273
- y(d.$slots, "footer")
274
- ], 2)) : m("", !0)
184
+ u(r.$slots, "footer")
185
+ ], 2)) : t("", !0)
275
186
  ], 2));
276
187
  }
277
188
  });
278
189
  export {
279
- oe as default
190
+ Z as default
280
191
  };
281
192
  //# sourceMappingURL=index.es.mjs.map
282
193
 
283
- /* <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"> */
194
+ /* <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 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 text-jade-700 bg-jade-100 bg-jade-50 text-jade-600 border-jade-100 border-gray-50 bg-white border text-gray-700 icon-dark-gray-600 icon-dark-gray-500 icon-dark-gray-300 icon-dark-indigo-500 icon-dark-indigo-300 icon-dark-orange-500 icon-dark-orange-400 icon-dark-orange-300 icon-dark-red-500 icon-dark-red-400 icon-dark-red-300 icon-dark-jade-600 icon-dark-jade-500 icon-dark-jade-300"> */