quirk-ui 0.0.93 → 0.0.95

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 (6) hide show
  1. package/dist/assets/index17.css +1 -1
  2. package/dist/assets/index26.css +1 -1
  3. package/dist/components/Accordion/index.js +24 -24
  4. package/dist/components/Grid/index.js +9 -9
  5. package/dist/styles.css +2 -2
  6. package/package.json +1 -1
package/dist/assets/index17.css CHANGED
@@ -1 +1 @@
1
- ._grid_1oe8a_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:1fr}@media (min-width: 480px){._grid_1oe8a_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto 1fr}}@media (min-width: 768px){._grid_1oe8a_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_1oe8a_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_1oe8a_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_1oe8a_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
1
+ ._grid_10mi0_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto 1fr}@media (min-width: 480px){._grid_10mi0_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto 1fr}}@media (min-width: 768px){._grid_10mi0_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_10mi0_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_10mi0_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_10mi0_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
package/dist/assets/index26.css CHANGED
@@ -1 +1 @@
1
- ._accordion_r3o0i_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_r3o0i_7{border-bottom:1px solid var(--color-border)}._accordionItem_r3o0i_7:last-child{border-bottom:none}._accordionHeader_r3o0i_15{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_r3o0i_15._active_r3o0i_29,._accordionHeader_r3o0i_15:hover,._accordionHeader_r3o0i_15:hover ._icon_r3o0i_37{color:var(--color-primary)}._accordionContentWrapper_r3o0i_42{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_r3o0i_49 ._accordionContentWrapper_r3o0i_42{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_r3o0i_55 ._accordionContentWrapper_r3o0i_42{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_r3o0i_42{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_r3o0i_37{transition:transform .3s,color .3s ease-in-out}._rotate_r3o0i_71{transform:rotate(180deg)}
1
+ ._accordion_1qqki_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1qqki_7{border-bottom:1px solid var(--color-border)}._accordionItem_1qqki_7:last-child{border-bottom:none}._accordionHeader_1qqki_15{text-align:left;width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1qqki_15._active_1qqki_30,._accordionHeader_1qqki_15:hover,._accordionHeader_1qqki_15:hover ._icon_1qqki_38{color:var(--color-primary)}._accordionContentWrapper_1qqki_43{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1qqki_50 ._accordionContentWrapper_1qqki_43{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1qqki_56 ._accordionContentWrapper_1qqki_43{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1qqki_43{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1qqki_38{transition:transform .3s,color .3s ease-in-out}._rotate_1qqki_72{transform:rotate(180deg)}
package/dist/components/Accordion/index.js CHANGED
@@ -1,50 +1,50 @@
1
1
  import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
- import { useState as p } from "react";
3
- import { C as u } from "../../chevron-down-DSUzBz9F.js";
4
- import '../../assets/index26.css';const C = "_accordion_r3o0i_1", h = "_accordionItem_r3o0i_7", f = "_accordionHeader_r3o0i_15", v = "_active_r3o0i_29", N = "_icon_r3o0i_37", $ = "_accordionContentWrapper_r3o0i_42", x = "_open_r3o0i_49", H = "_closed_r3o0i_55", I = "_accordionContent_r3o0i_42", W = "_rotate_r3o0i_71", c = {
5
- accordion: C,
6
- accordionItem: h,
7
- accordionHeader: f,
8
- active: v,
9
- icon: N,
10
- accordionContentWrapper: $,
11
- open: x,
12
- closed: H,
13
- accordionContent: I,
14
- rotate: W
2
+ import { useState as m } from "react";
3
+ import { C as p } from "../../chevron-down-DSUzBz9F.js";
4
+ import '../../assets/index26.css';const k = "_accordion_1qqki_1", u = "_accordionItem_1qqki_7", C = "_accordionHeader_1qqki_15", h = "_active_1qqki_30", f = "_icon_1qqki_38", v = "_accordionContentWrapper_1qqki_43", N = "_open_1qqki_50", $ = "_closed_1qqki_56", x = "_accordionContent_1qqki_43", H = "_rotate_1qqki_72", c = {
5
+ accordion: k,
6
+ accordionItem: u,
7
+ accordionHeader: C,
8
+ active: h,
9
+ icon: f,
10
+ accordionContentWrapper: v,
11
+ open: N,
12
+ closed: $,
13
+ accordionContent: x,
14
+ rotate: H
15
15
  };
16
- function k({
16
+ function j({
17
17
  items: s,
18
18
  multiple: d = !1,
19
19
  className: _
20
20
  }) {
21
- const [a, l] = p([]), m = (o) => {
22
- l((n) => d ? n.includes(o) ? n.filter((r) => r !== o) : [...n, o] : n.includes(o) ? [] : [o]);
21
+ const [a, l] = m([]), q = (o) => {
22
+ l((n) => d ? n.includes(o) ? n.filter((t) => t !== o) : [...n, o] : n.includes(o) ? [] : [o]);
23
23
  };
24
- return /* @__PURE__ */ e("div", { className: `${_ ?? ""} ${c.accordion}`, children: s.map(({ id: o, title: n, description: r }) => {
25
- const t = a.includes(o);
24
+ return /* @__PURE__ */ e("div", { className: `${_ ?? ""} ${c.accordion}`, children: s.map(({ id: o, title: n, description: t }) => {
25
+ const r = a.includes(o);
26
26
  return /* @__PURE__ */ i("div", { className: c.accordionItem, children: [
27
27
  /* @__PURE__ */ i(
28
28
  "button",
29
29
  {
30
30
  className: `${c.accordionHeader} ${a.includes(o) ? c.active : ""}`,
31
- onClick: () => m(o),
32
- "aria-expanded": t,
31
+ onClick: () => q(o),
32
+ "aria-expanded": r,
33
33
  children: [
34
34
  /* @__PURE__ */ e("span", { children: n }),
35
35
  /* @__PURE__ */ e(
36
- u,
36
+ p,
37
37
  {
38
- className: `${c.icon} ${t ? c.rotate : ""}`
38
+ className: `${c.icon} ${r ? c.rotate : ""}`
39
39
  }
40
40
  )
41
41
  ]
42
42
  }
43
43
  ),
44
- /* @__PURE__ */ e("div", { className: t ? c.open : c.closed, children: /* @__PURE__ */ e("div", { className: c.accordionContentWrapper, children: /* @__PURE__ */ e("div", { className: `${c.accordionContent}`, children: r }) }) })
44
+ /* @__PURE__ */ e("div", { className: r ? c.open : c.closed, children: /* @__PURE__ */ e("div", { className: c.accordionContentWrapper, children: /* @__PURE__ */ e("div", { className: `${c.accordionContent}`, children: t }) }) })
45
45
  ] }, o);
46
46
  }) });
47
47
  }
48
48
  export {
49
- k as Accordion
49
+ j as Accordion
50
50
  };
package/dist/components/Grid/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import '../../assets/index17.css';const y = "_grid_1oe8a_1", $ = {
2
+ import '../../assets/index17.css';const y = "_grid_10mi0_1", $ = {
3
3
  grid: y
4
4
  };
5
5
  function j({
6
6
  columns: r = 1,
7
- gap: m = "1rem",
8
- areas: s,
9
- autoFitMinMax: o,
7
+ gap: o = "1rem",
8
+ areas: a,
9
+ autoFitMinMax: m,
10
10
  className: p,
11
11
  children: n,
12
12
  style: d,
@@ -15,10 +15,10 @@ function j({
15
15
  const i = {
16
16
  ...d,
17
17
  display: "grid",
18
- gap: m
18
+ gap: o
19
19
  };
20
- if (s && (i.gridTemplateAreas = s.map((e) => `"${e.join(" ")}"`).join(" ")), o)
21
- i.gridTemplateColumns = `repeat(auto-fit, minmax(${o}, 1fr))`;
20
+ if (a && (i.gridTemplateAreas = a.map((e) => `"${e.join(" ")}"`).join(" ")), m)
21
+ i.gridTemplateColumns = `repeat(auto-fit, minmax(${m}, 1fr))`;
22
22
  else if (typeof r == "object") {
23
23
  const { xs: e, sm: f, md: u, lg: b, xl: g } = r;
24
24
  [
@@ -42,8 +42,8 @@ function j({
42
42
  breakpoint: "xl",
43
43
  value: g
44
44
  }
45
- ].forEach(({ breakpoint: N, value: a }) => {
46
- const t = isNaN(Number(a)) ? a : Number(a);
45
+ ].forEach(({ breakpoint: N, value: s }) => {
46
+ const t = isNaN(Number(s)) ? s : Number(s);
47
47
  t && (i[`--${N}-columns`] = typeof t == "number" ? `repeat(${t}, 1fr)` : t);
48
48
  });
49
49
  } else {
package/dist/styles.css CHANGED
@@ -14,7 +14,7 @@
14
14
  ._callToAction_1tdql_1{display:inline-flex;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}._callToAction_1tdql_1:focus,._callToAction_1tdql_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_1tdql_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_1tdql_28{background-color:var(--color-primary);color:#fff}._primary_1tdql_28:hover{background-color:var(--color-secondary);color:#fff}._primaryInverted_1tdql_38{border-color:#fff;background-color:#fff;color:var(--color-primary)}._primaryInverted_1tdql_38:hover{border-color:var(--color-secondary);background-color:var(--color-secondary);color:var(--color-primary)}._secondary_1tdql_50{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._secondary_1tdql_50:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._secondaryInverted_1tdql_63{background-color:transparent;border-color:#fff;border-width:2px;color:#fff}._secondaryInverted_1tdql_63:hover{border-color:#fff;background-color:#fff;color:var(--color-primary)}._link_1tdql_76{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._linkInverted_1tdql_85{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_1tdql_94{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._underlineInverted_1tdql_103{color:#fff;background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._muted_1tdql_112{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._icon_1tdql_121{display:inline-flex}._content_1tdql_125{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap}._iconLeft_1tdql_134{flex-direction:row-reverse}._iconRight_1tdql_138{flex-direction:row}
15
15
  ._iconButton_e9jmu_1{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background .25s ease}._iconButton_e9jmu_1:disabled{opacity:.5;cursor:not-allowed}._sm_e9jmu_18{width:32px;height:32px}._md_e9jmu_23{width:40px;height:40px}._lg_e9jmu_28{width:48px;height:48px}._default_e9jmu_33{background-color:#f0f0f0;color:#111}._muted_e9jmu_38{background-color:#bbb;color:var(--color-muted)}._accent_e9jmu_43{background-color:var(--color-primary);color:#fff}._error_e9jmu_48{background-color:var(--color-error);color:#fff}._srOnly_e9jmu_53{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
16
16
  h1,h2,h3,h4,h5,h6,._h1_1nzl1_7,._h2_1nzl1_8,._h3_1nzl1_9,._h4_1nzl1_10,._h5_1nzl1_11,._h6_1nzl1_12{line-height:var(--line-height-tight);margin-block:0 var(--spacing-md);color:var(--color-heading)}h1[class*=bg],h2[class*=bg],h3[class*=bg],h4[class*=bg],h5[class*=bg],h6[class*=bg],._h1_1nzl1_7[class*=bg],._h2_1nzl1_8[class*=bg],._h3_1nzl1_9[class*=bg],._h4_1nzl1_10[class*=bg],._h5_1nzl1_11[class*=bg],._h6_1nzl1_12[class*=bg]{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}h1,._h1_1nzl1_7{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-sm)}h2,._h2_1nzl1_8{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin-block:0 var(--spacing-sm)}h3,._h3_1nzl1_9{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}h4,._h4_1nzl1_10{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin-block:0 var(--spacing-sm)}h5,._h5_1nzl1_11{font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}h6,._h6_1nzl1_12{font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);margin-block:var(--spacing-xs)}
17
- ._grid_1oe8a_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:1fr}@media (min-width: 480px){._grid_1oe8a_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto 1fr}}@media (min-width: 768px){._grid_1oe8a_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_1oe8a_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_1oe8a_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_1oe8a_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
17
+ ._grid_10mi0_1{display:grid;width:100%;gap:var(--spacing-md, 1rem);grid-template-columns:var(--xs-columns, repeat(1, 1fr));grid-auto-rows:auto 1fr}@media (min-width: 480px){._grid_10mi0_1{grid-template-columns:var(--sm-columns, var(--xs-columns));grid-auto-rows:auto 1fr}}@media (min-width: 768px){._grid_10mi0_1{grid-template-columns:var(--md-columns, var(--sm-columns));grid-auto-rows:1fr}}@media (min-width: 1024px){._grid_10mi0_1{grid-template-columns:var(--lg-columns, var(--md-columns))}}@media (min-width: 1280px){._grid_10mi0_1{grid-template-columns:var(--xl-columns, var(--lg-columns))}}@media (min-width: 1536px){._grid_10mi0_1{grid-template-columns:var(--2xl-columns, var(--xl-columns))}}
18
18
  ._container_171d6_1{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}._sm_171d6_9{max-width:var(--breakpoint-sm)}._md_171d6_13{max-width:var(--breakpoint-md)}._lg_171d6_17{max-width:var(--breakpoint-lg)}._xl_171d6_21{max-width:var(--breakpoint-xl)}._full_171d6_25{max-width:100%}._fluid_171d6_29{max-width:none;padding-left:0;padding-right:0}
19
19
  ._box_1242k_1{box-sizing:border-box}._paddingNone_1242k_6{padding:0}._paddingSm_1242k_10{padding:.5rem}._paddingMd_1242k_14{padding:1rem}._paddingLg_1242k_18{padding:2rem}._marginNone_1242k_23{margin:0}._marginSm_1242k_27{margin:.5rem}._marginMd_1242k_31{margin:1rem}._marginLg_1242k_35{margin:2rem}._block_1242k_40{display:block}._inline_1242k_44{display:inline}._inlineBlock_1242k_48{display:inline-block}._flex_1242k_52{display:flex}._inlineFlex_1242k_56{display:inline-flex}._grid_1242k_60{display:grid}._bgTransparent_1242k_65{background-color:transparent}._bgLight_1242k_69{background-color:#f8fafc}._bgDark_1242k_73{background-color:#0f172a}._bgAccent_1242k_77{background-color:var(--color-primary)}._borderNone_1242k_82{border:none}._borderThin_1242k_86{border:1px solid var(--color-border)}._borderThick_1242k_90{border:2px solid var(--color-border)}._radiusNone_1242k_95{border-radius:0}._radiusSm_1242k_99{border-radius:var(--radius-sm)}._radiusMd_1242k_103{border-radius:var(--radius-md)}._radiusLg_1242k_107{border-radius:var(--radius-lg)}._radiusFull_1242k_111{border-radius:var(--radius-full)}
20
20
  ._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}
@@ -23,7 +23,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
23
23
  ._avatar_1ihs2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid;cursor:default;transition:transform .3s}._avatar_1ihs2_1:hover{transform:scale(1.05)}._sm_1ihs2_17{width:32px;height:32px;font-size:12px}._md_1ihs2_23{width:48px;height:48px;font-size:16px}._lg_1ihs2_29{width:64px;height:64px;font-size:20px}._xl_1ihs2_35{width:80px;height:80px;font-size:20px}._image_1ihs2_41{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_1ihs2_48{color:#fff;font-family:var(--font-weight-bold)}._status_1ihs2_53{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:var(--color-offline);z-index:1}._online_1ihs2_65{background-color:var(--color-online)}._offline_1ihs2_69{background-color:var(--color-offline)}._busy_1ihs2_73{background-color:var(--color-busy)}
24
24
  :root{--badge-bg-default: var(--color-secondary, #94a3b8);--badge-bg-success: var(--color-success-bg, #28a745);--badge-bg-warning: var(--color-warning-bg, #f59e0b);--badge-bg-error: var(--color-error-bg, #bd1919);--badge-bg-info: var(--color-info-bg);--badge-text-default: var(--color-secondary-foreground, #fff);--badge-text-success: var(--color-success-text, #fff);--badge-text-warning: var(--color-warning-text, #333);--badge-text-error: var(--color-error-text, #fff);--badge-text-info: var(--color-info-text, #fff);--badge-padding: var(--spacing-sm) var(--spacing-md);--badge-font-size: var(--font-size-sm, .875rem);--badge-border-radius: var(--radius-sm, 8px)}._badge_18z15_19{display:inline-flex;align-items:center;padding:var(--badge-padding);font-size:var(--badge-font-size);border-radius:var(--badge-border-radius);font-weight:var(--font-weight-semibold);cursor:default;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}._clickable_18z15_31{cursor:pointer}._icon_18z15_35{margin-right:var(--spacing-sm);display:flex;align-items:center}._text_18z15_41{display:inline-block}._default_18z15_45{background-color:var(--badge-bg-default);color:var(--badge-text-default)}._success_18z15_50{background-color:var(--badge-bg-success);color:var(--badge-text-success)}._warning_18z15_55{background-color:var(--badge-bg-warning);color:var(--badge-text-warning)}._error_18z15_60{background-color:var(--badge-bg-error);color:var(--badge-text-error)}._info_18z15_65{background-color:var(--badge-bg-info);color:var(--badge-text-info)}
25
25
  ._overlay_cqo68_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_cqo68_1 .3s ease}._modal_cqo68_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_cqo68_1 .3s ease}._closeButton_cqo68_26{color:var(--color-primary);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_cqo68_37{margin-top:var(--spacing-lg)}._content_cqo68_37 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_cqo68_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_cqo68_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
26
- ._accordion_r3o0i_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_r3o0i_7{border-bottom:1px solid var(--color-border)}._accordionItem_r3o0i_7:last-child{border-bottom:none}._accordionHeader_r3o0i_15{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_r3o0i_15._active_r3o0i_29,._accordionHeader_r3o0i_15:hover,._accordionHeader_r3o0i_15:hover ._icon_r3o0i_37{color:var(--color-primary)}._accordionContentWrapper_r3o0i_42{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_r3o0i_49 ._accordionContentWrapper_r3o0i_42{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_r3o0i_55 ._accordionContentWrapper_r3o0i_42{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_r3o0i_42{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_r3o0i_37{transition:transform .3s,color .3s ease-in-out}._rotate_r3o0i_71{transform:rotate(180deg)}
26
+ ._accordion_1qqki_1{width:100%;overflow:hidden;background-color:transparent}._accordionItem_1qqki_7{border-bottom:1px solid var(--color-border)}._accordionItem_1qqki_7:last-child{border-bottom:none}._accordionHeader_1qqki_15{text-align:left;width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:color .3s}._accordionHeader_1qqki_15._active_1qqki_30,._accordionHeader_1qqki_15:hover,._accordionHeader_1qqki_15:hover ._icon_1qqki_38{color:var(--color-primary)}._accordionContentWrapper_1qqki_43{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1qqki_50 ._accordionContentWrapper_1qqki_43{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1qqki_56 ._accordionContentWrapper_1qqki_43{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1qqki_43{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1qqki_38{transition:transform .3s,color .3s ease-in-out}._rotate_1qqki_72{transform:rotate(180deg)}
27
27
  ._alert_ucye1_1{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);position:relative;gap:var(--spacing-sm);transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(-10px)}._enter_ucye1_15{opacity:1;transform:translateY(0)}._exit_ucye1_20{opacity:0;transform:translateY(-10px)}._info_ucye1_25{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_ucye1_30{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_ucye1_35{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_ucye1_40{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_ucye1_45{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}
28
28
  ._notification_1txoc_1{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-secondary);color:var(--color-text-primaray);box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);animation:_slideIn_1txoc_1 .3s ease forwards;opacity:1;transform-origin:right center;width:fit-content}._enter_1txoc_18{opacity:1;transform:translate(0)}._exiting_1txoc_23{animation:_slideOut_1txoc_1 .3s ease forwards}._info_1txoc_27{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_1txoc_32{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_1txoc_37{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_1txoc_42{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_1txoc_47{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}@keyframes _slideIn_1txoc_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOut_1txoc_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}
29
29
  ._container_61msx_1{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem;z-index:1000}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.93",
4
+ "version": "0.0.95",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {