@nexub/patterns 8.3.0 → 8.4.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 (17) hide show
  1. package/dist/{chunk-33Z2ZPO7.js → chunk-2MXUUB2N.js} +3 -3
  2. package/dist/{chunk-UNQD426H.js → chunk-7PQPVRYW.js} +1 -1
  3. package/dist/{chunk-DI4EBNP7.js → chunk-I5OGZW3U.js} +1 -1
  4. package/dist/{chunk-M3OHX4F4.js → chunk-LLBFQJ3B.js} +1 -1
  5. package/dist/{chunk-OC4XY3US.js → chunk-OAPN6TAQ.js} +2 -2
  6. package/dist/{chunk-CJBHDX2U.js → chunk-SMV7OA63.js} +1 -1
  7. package/dist/{chunk-CZR6NZDH.js → chunk-Y5HDYYW5.js} +1 -1
  8. package/dist/components/ActivityPage/index.js +1 -1
  9. package/dist/components/CheckoutPage/index.js +1 -1
  10. package/dist/components/DashboardPage/index.js +2 -2
  11. package/dist/components/PaywallPage/index.js +1 -1
  12. package/dist/components/PlanCard/index.js +1 -1
  13. package/dist/components/SignInPage/index.js +1 -1
  14. package/dist/components/TransactionDetailPage/index.js +1 -1
  15. package/dist/index.js +12 -12
  16. package/dist/styles.css +1 -1
  17. package/package.json +7 -7
package/dist/{chunk-33Z2ZPO7.js → chunk-2MXUUB2N.js} RENAMED
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-INKX2GYA.js";
5
5
  import {
6
6
  TransactionRow
7
- } from "./chunk-OC4XY3US.js";
7
+ } from "./chunk-OAPN6TAQ.js";
8
8
  import {
9
9
  PageFrame,
10
10
  usePageMessages,
@@ -46,14 +46,14 @@ var DashboardPage = React.forwardRef(function DashboardPage2({
46
46
  /* @__PURE__ */ jsx("p", { className: "text-label-lg text-[var(--color-on-surface-variant)]", children: balance.label ?? m.totalBalance }),
47
47
  /* @__PURE__ */ jsx(Amount, { value: balance.value, currency: balance.currency, locale, size: "display" })
48
48
  ] }),
49
- quickActions.length > 0 && /* @__PURE__ */ jsx("ul", { "aria-label": m.quickActions, className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: quickActions.map((a) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Button, { variant: "secondary", fullWidth: true, onClick: a.onSelect, leadingIcon: a.icon, children: a.label }) }, a.id)) })
49
+ quickActions.length > 0 && /* @__PURE__ */ jsx("ul", { "aria-label": m.quickActions, className: "grid grid-cols-2 gap-2 sm:grid-cols-4", children: quickActions.map((a) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Button, { variant: "tonal", fullWidth: true, onClick: a.onSelect, leadingIcon: a.icon, children: a.label }) }, a.id)) })
50
50
  ] }),
51
51
  stats.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2 xl:grid-cols-3", children: stats.map((s) => /* @__PURE__ */ jsx(StatCard, { ...s }, s.label)) }),
52
52
  recent.length > 0 && /* @__PURE__ */ jsx(
53
53
  Panel,
54
54
  {
55
55
  title: m.recentActivity,
56
- action: onSeeAllActivity && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onSeeAllActivity, children: m.seeAll }),
56
+ action: onSeeAllActivity && /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", onClick: onSeeAllActivity, children: m.seeAll }),
57
57
  children: /* @__PURE__ */ jsx("ul", { className: "overflow-hidden rounded-shape-container border border-[var(--color-outline-variant)] bg-[var(--color-surface-elevated)]", children: recent.map((t) => /* @__PURE__ */ jsx(TransactionRow, { t, onSelect: onSelectTransaction, m, locale }, t.id)) })
58
58
  }
59
59
  )
package/dist/{chunk-UNQD426H.js → chunk-7PQPVRYW.js} RENAMED
@@ -79,7 +79,7 @@ var SignInPage = React.forwardRef(function SignInPage2({
79
79
  Button,
80
80
  {
81
81
  type: "button",
82
- variant: "secondary",
82
+ variant: "tonal",
83
83
  size: "lg",
84
84
  fullWidth: true,
85
85
  leadingIcon: /* @__PURE__ */ jsx(ShieldCheck, { size: "sm", "aria-hidden": "true" }),
package/dist/{chunk-DI4EBNP7.js → chunk-I5OGZW3U.js} RENAMED
@@ -53,7 +53,7 @@ var PlanCard = React.forwardRef(
53
53
  /* @__PURE__ */ jsx(
54
54
  Button,
55
55
  {
56
- variant: highlighted ? "primary" : "outline",
56
+ variant: highlighted ? "filled" : "outlined",
57
57
  className: "mt-auto w-full",
58
58
  onClick: onSelect,
59
59
  asChild: Boolean(ctaHref),
package/dist/{chunk-M3OHX4F4.js → chunk-LLBFQJ3B.js} RENAMED
@@ -31,7 +31,7 @@ var PaywallPage = React.forwardRef(function PaywallPage2({ title, description, p
31
31
  )) }),
32
32
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
33
33
  /* @__PURE__ */ jsx(Button, { size: "lg", fullWidth: true, loading, disabled: !plan, onClick: () => plan && onSubscribe(plan), children: m.continue }),
34
- onRestore && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "lg", fullWidth: true, onClick: onRestore, children: m.restorePurchases }),
34
+ onRestore && /* @__PURE__ */ jsx(Button, { variant: "text", size: "lg", fullWidth: true, onClick: onRestore, children: m.restorePurchases }),
35
35
  terms && /* @__PURE__ */ jsx("p", { className: "text-center text-label-sm text-[var(--color-on-surface-muted)]", children: terms })
36
36
  ] })
37
37
  ] });
package/dist/{chunk-OC4XY3US.js → chunk-OAPN6TAQ.js} RENAMED
@@ -61,7 +61,7 @@ var ActivityPage = React.forwardRef(function ActivityPage2({
61
61
  title: title ?? m.activity,
62
62
  actions: (actions || onRefresh) && /* @__PURE__ */ jsxs(Fragment, { children: [
63
63
  actions,
64
- onRefresh && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onRefresh, loading: refreshing, children: m.refresh })
64
+ onRefresh && /* @__PURE__ */ jsx(Button, { variant: "outlined", size: "sm", onClick: onRefresh, loading: refreshing, children: m.refresh })
65
65
  ] }),
66
66
  ...props,
67
67
  children: [
@@ -74,7 +74,7 @@ var ActivityPage = React.forwardRef(function ActivityPage2({
74
74
  /* @__PURE__ */ jsx("h2", { className: "px-1 text-title-sm text-[var(--color-on-surface-variant)]", children: s.title }),
75
75
  /* @__PURE__ */ jsx("ul", { className: "overflow-hidden rounded-shape-container border border-[var(--color-outline-variant)] bg-[var(--color-surface-elevated)]", children: s.data.map((t) => /* @__PURE__ */ jsx(TransactionRow, { t, onSelect, actions: rowActions?.(t), m, locale }, t.id)) })
76
76
  ] }, s.title)),
77
- onLoadMore && hasMore && /* @__PURE__ */ jsx(Button, { variant: "secondary", className: "self-center", onClick: onLoadMore, loading: loadingMore, children: m.loadMore })
77
+ onLoadMore && hasMore && /* @__PURE__ */ jsx(Button, { variant: "tonal", className: "self-center", onClick: onLoadMore, loading: loadingMore, children: m.loadMore })
78
78
  ] })
79
79
  ]
80
80
  }
package/dist/{chunk-CJBHDX2U.js → chunk-SMV7OA63.js} RENAMED
@@ -20,7 +20,7 @@ var TransactionDetailPage = React.forwardRef(
20
20
  const headingId = React.useId();
21
21
  const when = new Intl.DateTimeFormat(locale, { dateStyle: "full", timeStyle: "short" }).format(t.date);
22
22
  return /* @__PURE__ */ jsxs(PageFrame, { ref, width: "sm", "aria-labelledby": headingId, ...props, children: [
23
- onBack && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", className: "self-start", onClick: onBack, leadingIcon: /* @__PURE__ */ jsx(ArrowLeft, { size: "sm", className: "rtl:-scale-x-100", "aria-hidden": "true" }), children: m.back }),
23
+ onBack && /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", className: "self-start", onClick: onBack, leadingIcon: /* @__PURE__ */ jsx(ArrowLeft, { size: "sm", className: "rtl:-scale-x-100", "aria-hidden": "true" }), children: m.back }),
24
24
  /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 py-4 text-center", children: [
25
25
  /* @__PURE__ */ jsx(Avatar, { name: t.title, src: t.image, size: "xl" }),
26
26
  /* @__PURE__ */ jsx("h1", { id: headingId, className: "text-title-lg text-[var(--color-on-surface)]", children: t.title }),
package/dist/{chunk-CZR6NZDH.js → chunk-Y5HDYYW5.js} RENAMED
@@ -122,7 +122,7 @@ var CheckoutPage = React.forwardRef(function CheckoutPage2({
122
122
  }
123
123
  ),
124
124
  confirmHint && /* @__PURE__ */ jsx("p", { className: "text-center text-body-sm text-[var(--color-on-surface-muted)]", children: confirmHint }),
125
- /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "lg", fullWidth: true, disabled: busy, onClick: () => setStep("amount"), children: m.edit })
125
+ /* @__PURE__ */ jsx(Button, { variant: "text", size: "lg", fullWidth: true, disabled: busy, onClick: () => setStep("amount"), children: m.edit })
126
126
  ] })
127
127
  ] })
128
128
  ] })
package/dist/components/ActivityPage/index.js CHANGED
@@ -3,7 +3,7 @@ import "../../chunk-CWFZA7ZQ.js";
3
3
  import {
4
4
  ActivityPage,
5
5
  TransactionRow
6
- } from "../../chunk-OC4XY3US.js";
6
+ } from "../../chunk-OAPN6TAQ.js";
7
7
  import "../../chunk-7QCJC2DV.js";
8
8
  export {
9
9
  ActivityPage,
package/dist/components/CheckoutPage/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  CheckoutPage
4
- } from "../../chunk-CZR6NZDH.js";
4
+ } from "../../chunk-Y5HDYYW5.js";
5
5
  import "../../chunk-WPNT5JOU.js";
6
6
  import "../../chunk-7QCJC2DV.js";
7
7
  export {
package/dist/components/DashboardPage/index.js CHANGED
@@ -1,9 +1,9 @@
1
1
  'use client';
2
2
  import {
3
3
  DashboardPage
4
- } from "../../chunk-33Z2ZPO7.js";
4
+ } from "../../chunk-2MXUUB2N.js";
5
5
  import "../../chunk-INKX2GYA.js";
6
- import "../../chunk-OC4XY3US.js";
6
+ import "../../chunk-OAPN6TAQ.js";
7
7
  import "../../chunk-7QCJC2DV.js";
8
8
  export {
9
9
  DashboardPage
package/dist/components/PaywallPage/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  PaywallPage
4
- } from "../../chunk-M3OHX4F4.js";
4
+ } from "../../chunk-LLBFQJ3B.js";
5
5
  import "../../chunk-7QCJC2DV.js";
6
6
  export {
7
7
  PaywallPage
package/dist/components/PlanCard/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  PlanCard
4
- } from "../../chunk-DI4EBNP7.js";
4
+ } from "../../chunk-I5OGZW3U.js";
5
5
  export {
6
6
  PlanCard
7
7
  };
package/dist/components/SignInPage/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  SignInPage
4
- } from "../../chunk-UNQD426H.js";
4
+ } from "../../chunk-7PQPVRYW.js";
5
5
  import "../../chunk-HMJRSNJD.js";
6
6
  import "../../chunk-7QCJC2DV.js";
7
7
  export {
package/dist/components/TransactionDetailPage/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  TransactionDetailPage
4
- } from "../../chunk-CJBHDX2U.js";
4
+ } from "../../chunk-SMV7OA63.js";
5
5
  import "../../chunk-WPNT5JOU.js";
6
6
  import "../../chunk-7QCJC2DV.js";
7
7
  export {
package/dist/index.js CHANGED
@@ -1,20 +1,18 @@
1
1
  'use client';
2
2
  import {
3
3
  TransactionDetailPage
4
- } from "./chunk-CJBHDX2U.js";
4
+ } from "./chunk-SMV7OA63.js";
5
5
  import {
6
6
  UserCard
7
7
  } from "./chunk-7NYGYETG.js";
8
- import {
9
- DashboardPage
10
- } from "./chunk-33Z2ZPO7.js";
8
+ import "./chunk-EQQOVRRM.js";
11
9
  import "./chunk-RFCPEZGF.js";
12
10
  import {
13
11
  PaywallPage
14
- } from "./chunk-M3OHX4F4.js";
12
+ } from "./chunk-LLBFQJ3B.js";
15
13
  import {
16
14
  PlanCard
17
- } from "./chunk-DI4EBNP7.js";
15
+ } from "./chunk-I5OGZW3U.js";
18
16
  import {
19
17
  SettingsLayout,
20
18
  SettingsRow
@@ -27,13 +25,16 @@ import {
27
25
  } from "./chunk-U3FT7XAU.js";
28
26
  import {
29
27
  SignInPage
30
- } from "./chunk-UNQD426H.js";
28
+ } from "./chunk-7PQPVRYW.js";
29
+ import {
30
+ CheckoutPage
31
+ } from "./chunk-Y5HDYYW5.js";
32
+ import {
33
+ DashboardPage
34
+ } from "./chunk-2MXUUB2N.js";
31
35
  import {
32
36
  StatCard
33
37
  } from "./chunk-INKX2GYA.js";
34
- import {
35
- CheckoutPage
36
- } from "./chunk-CZR6NZDH.js";
37
38
  import {
38
39
  ErrorSummary,
39
40
  useFormErrors
@@ -50,7 +51,6 @@ import {
50
51
  import {
51
52
  NotificationCenter
52
53
  } from "./chunk-4MD5VRPS.js";
53
- import "./chunk-EQQOVRRM.js";
54
54
  import {
55
55
  NotificationItem
56
56
  } from "./chunk-QC4TMG73.js";
@@ -61,7 +61,7 @@ import "./chunk-CWFZA7ZQ.js";
61
61
  import {
62
62
  ActivityPage,
63
63
  TransactionRow
64
- } from "./chunk-OC4XY3US.js";
64
+ } from "./chunk-OAPN6TAQ.js";
65
65
  import {
66
66
  AppHeader
67
67
  } from "./chunk-BDT2EEOK.js";
package/dist/styles.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em}}@layer base,components;@layer utilities{.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:var(--spacing-0)}.-end-0\.5{inset-inline-end:calc(var(--spacing) * -.5)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-3{top:calc(var(--spacing-3) * -1)}.top-0{top:var(--spacing-0)}.top-\[var\(--app-header-height\,64px\)\]{top:var(--app-header-height,64px)}.bottom-4{bottom:var(--spacing-4)}.left-1\/2{left:50%}.z-\[1\]{z-index:1}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:var(--spacing-0)}.mx-auto{margin-inline:auto}.-ms-2{margin-inline-start:calc(var(--spacing-2) * -1)}.ms-1{margin-inline-start:var(--spacing-1)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:var(--spacing-1)}.me-2{margin-inline-end:var(--spacing-2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing-1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:var(--spacing-2)}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:var(--spacing-2)}.h-4{height:var(--spacing-4)}.h-9{height:var(--spacing-9)}.h-10{height:var(--spacing-10)}.h-20{height:var(--spacing-20)}.h-\[calc\(100vh-var\(--app-header-height\,64px\)\)\]{height:calc(100vh - var(--app-header-height,64px))}.h-\[var\(--app-header-height\,64px\)\]{height:var(--app-header-height,64px)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[min\(28rem\,70vh\)\]{max-height:min(28rem,70vh)}.min-h-0{min-height:var(--spacing-0)}.min-h-\[56px\]{min-height:56px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:var(--spacing-2)}.w-10{width:var(--spacing-10)}.w-20{width:var(--spacing-20)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[6rem\]{max-width:6rem}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-xl{max-width:36rem}.min-w-0{min-width:var(--spacing-0)}.min-w-4{min-width:var(--spacing-4)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.list-none{list-style-type:none}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-\[minmax\(10rem\,auto\)\]{grid-auto-rows:minmax(10rem,auto)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--color-outline-variant\)\]>:not(:last-child)){border-color:var(--color-outline-variant)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:var(--radius-full)}.rounded-shape-container{border-radius:var(--shape-container)}.rounded-shape-control{border-radius:var(--shape-control)}.rounded-shape-field{border-radius:var(--shape-field)}.rounded-shape-min{border-radius:var(--shape-min)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s-4{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}.border-e-0{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[color-mix\(in_srgb\,var\(--color-outline-variant\)_60\%\,transparent\)\]{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--color-outline-variant\)_60\%\,transparent\)\]{border-color:color-mix(in srgb,var(--color-outline-variant) 60%,transparent)}}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}.border-s-\[var\(--color-error\)\]{border-inline-start-color:var(--color-error)}.bg-\[var\(--color-error\)\]{background-color:var(--color-error)}.bg-\[var\(--color-error-container\)\]{background-color:var(--color-error-container)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-success-container\)\]{background-color:var(--color-success-container)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-container-low\)\]{background-color:var(--color-surface-container-low)}.bg-\[var\(--color-surface-elevated\)\]{background-color:var(--color-surface-elevated)}.bg-current{background-color:currentColor}.\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%-24px\)\,transparent\)\]{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.object-cover{object-fit:cover}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-0{padding-inline:var(--spacing-0)}.px-1{padding-inline:var(--spacing-1)}.px-2{padding-inline:var(--spacing-2)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.py-1{padding-block:var(--spacing-1)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.py-10{padding-block:var(--spacing-10)}.py-16{padding-block:var(--spacing-16)}.ps-3{padding-inline-start:var(--spacing-3)}.pe-2{padding-inline-end:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pb-8{padding-bottom:var(--spacing-8)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.text-body-md{font-size:var(--type-body-md-size);line-height:var(--tw-leading,var(--type-body-md-lineHeight));letter-spacing:var(--tw-tracking,var(--type-body-md-letterSpacing));font-weight:var(--tw-font-weight,var(--type-body-md-weight))}.text-body-sm{font-size:var(--type-body-sm-size);line-height:var(--tw-leading,var(--type-body-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-body-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-body-sm-weight))}.text-headline-sm{font-size:var(--type-headline-sm-size);line-height:var(--tw-leading,var(--type-headline-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-headline-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-headline-sm-weight))}.text-label-lg{font-size:var(--type-label-lg-size);line-height:var(--tw-leading,var(--type-label-lg-lineHeight));letter-spacing:var(--tw-tracking,var(--type-label-lg-letterSpacing));font-weight:var(--tw-font-weight,var(--type-label-lg-weight))}.text-label-md{font-size:var(--type-label-md-size);line-height:var(--tw-leading,var(--type-label-md-lineHeight));letter-spacing:var(--tw-tracking,var(--type-label-md-letterSpacing));font-weight:var(--tw-font-weight,var(--type-label-md-weight))}.text-label-sm{font-size:var(--type-label-sm-size);line-height:var(--tw-leading,var(--type-label-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-label-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-label-sm-weight))}.text-title-lg{font-size:var(--type-title-lg-size);line-height:var(--tw-leading,var(--type-title-lg-lineHeight));letter-spacing:var(--tw-tracking,var(--type-title-lg-letterSpacing));font-weight:var(--tw-font-weight,var(--type-title-lg-weight))}.text-title-md{font-size:var(--type-title-md-size);line-height:var(--tw-leading,var(--type-title-md-lineHeight));letter-spacing:var(--tw-tracking,var(--type-title-md-letterSpacing));font-weight:var(--tw-font-weight,var(--type-title-md-weight))}.text-title-sm{font-size:var(--type-title-sm-size);line-height:var(--tw-leading,var(--type-title-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-title-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-title-sm-weight))}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,2rem)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,2.25rem)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,1.5rem)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,1.25rem)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,1rem)}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-words{overflow-wrap:break-word}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-on-error\)\]{color:var(--color-on-error)}.text-\[var\(--color-on-error-container\)\]{color:var(--color-on-error-container)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-on-surface-muted\)\]{color:var(--color-on-surface-muted)}.text-\[var\(--color-on-surface-variant\)\]{color:var(--color-on-surface-variant)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-\[0\.2em\]{text-underline-offset:.2em}.shadow-elevation-1{--tw-shadow:var(--elevation-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-elevation-2{--tw-shadow:var(--elevation-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--motion-spring-effects-default-easing));transition-duration:var(--tw-duration,var(--motion-spring-effects-default-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%-24px\)\,transparent\)\]{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:var(--spacing-0)}.after\:rounded-shape-container:after{content:var(--tw-content);border-radius:var(--shape-container)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}@media (hover:hover){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface\)_8\%\,transparent\)\]:hover{background-color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface\)_8\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-on-surface) 8%,transparent)}}.hover\:text-\[var\(--color-on-surface\)\]:hover{color:var(--color-on-surface)}}.focus-visible\:after\:outline:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:after\:outline-\[var\(--color-primary\)\]:focus-visible:after{content:var(--tw-content);outline-color:var(--color-primary)}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:w-1\/3{width:33.3333%}.sm\:w-64{width:var(--spacing-64)}.sm\:max-w-\[8rem\]{max-width:8rem}.sm\:shrink{flex-shrink:1}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-1{gap:var(--spacing-1)}.sm\:gap-2{gap:var(--spacing-2)}.sm\:gap-4{gap:var(--spacing-4)}.sm\:px-4{padding-inline:var(--spacing-4)}.sm\:px-6{padding-inline:var(--spacing-6)}}@media (min-width:48rem){.md\:ms-0{margin-inline-start:var(--spacing-0)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/3{width:33.3333%}.md\:min-w-0{min-width:var(--spacing-0)}.md\:flex-1{flex:1}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:gap-8{gap:var(--spacing-8)}.md\:px-2{padding-inline:var(--spacing-2)}.md\:px-8{padding-inline:var(--spacing-8)}.md\:py-10{padding-block:var(--spacing-10)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-4{padding-inline:var(--spacing-4)}.lg\:py-10{padding-block:var(--spacing-10)}}@media (min-width:80rem){.xl\:max-w-\[12rem\]{max-width:12rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtl\:-scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}@container (min-width:480px){.\[\@container\(min-width\:480px\)\]\:col-span-2{grid-column:span 2/span 2}.\[\@container\(min-width\:480px\)\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:720px){.\[\@container\(min-width\:720px\)\]\:flex{display:flex}.\[\@container\(min-width\:720px\)\]\:hidden{display:none}.\[\@container\(min-width\:720px\)\]\:w-72{width:calc(var(--spacing) * 72)}.\[\@container\(min-width\:720px\)\]\:w-80{width:calc(var(--spacing) * 80)}.\[\@container\(min-width\:720px\)\]\:w-\[400px\]{width:400px}.\[\@container\(min-width\:720px\)\]\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.\[\@container\(min-width\:720px\)\]\:border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}}@container (min-width:768px){.\[\@container\(min-width\:768px\)\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-content:"";--tw-outline-style:solid;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em}}@layer base,components;@layer utilities{.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-x-0{inset-inline:var(--spacing-0)}.-end-0\.5{inset-inline-end:calc(var(--spacing) * -.5)}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-3{top:calc(var(--spacing-3) * -1)}.top-0{top:var(--spacing-0)}.top-\[var\(--app-header-height\,64px\)\]{top:var(--app-header-height,64px)}.bottom-4{bottom:var(--spacing-4)}.left-1\/2{left:50%}.z-\[1\]{z-index:1}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:var(--spacing-0)}.mx-auto{margin-inline:auto}.-ms-2{margin-inline-start:calc(var(--spacing-2) * -1)}.ms-1{margin-inline-start:var(--spacing-1)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:var(--spacing-1)}.me-2{margin-inline-end:var(--spacing-2)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing-1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:var(--spacing-2)}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:var(--spacing-2)}.h-4{height:var(--spacing-4)}.h-9{height:var(--spacing-9)}.h-10{height:var(--spacing-10)}.h-20{height:var(--spacing-20)}.h-\[calc\(100vh-var\(--app-header-height\,64px\)\)\]{height:calc(100vh - var(--app-header-height,64px))}.h-\[var\(--app-header-height\,64px\)\]{height:var(--app-header-height,64px)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[min\(28rem\,70vh\)\]{max-height:min(28rem,70vh)}.min-h-0{min-height:var(--spacing-0)}.min-h-\[56px\]{min-height:56px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:var(--spacing-2)}.w-10{width:var(--spacing-10)}.w-20{width:var(--spacing-20)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[6rem\]{max-width:6rem}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[calc\(100vw-1rem\)\]{max-width:calc(100vw - 1rem)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-xl{max-width:36rem}.min-w-0{min-width:var(--spacing-0)}.min-w-4{min-width:var(--spacing-4)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.list-none{list-style-type:none}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-\[minmax\(10rem\,auto\)\]{grid-auto-rows:minmax(10rem,auto)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[var\(--color-outline-variant\)\]>:not(:last-child)){border-color:var(--color-outline-variant)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:var(--radius-full)}.rounded-shape-container{border-radius:var(--shape-container)}.rounded-shape-control{border-radius:var(--shape-control)}.rounded-shape-field{border-radius:var(--shape-field)}.rounded-shape-min{border-radius:var(--shape-min)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-s-4{border-inline-start-style:var(--tw-border-style);border-inline-start-width:4px}.border-e-0{border-inline-end-style:var(--tw-border-style);border-inline-end-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[color-mix\(in_srgb\,var\(--color-outline-variant\)_60\%\,transparent\)\]{border-color:var(--color-outline-variant)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--color-outline-variant\)_60\%\,transparent\)\]{border-color:color-mix(in srgb,var(--color-outline-variant) 60%,transparent)}}.border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}.border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}.border-s-\[var\(--color-error\)\]{border-inline-start-color:var(--color-error)}.bg-\[var\(--color-error\)\]{background-color:var(--color-error)}.bg-\[var\(--color-error-container\)\]{background-color:var(--color-error-container)}.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}.bg-\[var\(--color-success-container\)\]{background-color:var(--color-success-container)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-\[var\(--color-surface-container-low\)\]{background-color:var(--color-surface-container-low)}.bg-\[var\(--color-surface-elevated\)\]{background-color:var(--color-surface-elevated)}.bg-current{background-color:currentColor}.\[mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%-24px\)\,transparent\)\]{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.object-cover{object-fit:cover}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.px-0{padding-inline:var(--spacing-0)}.px-1{padding-inline:var(--spacing-1)}.px-2{padding-inline:var(--spacing-2)}.px-3{padding-inline:var(--spacing-3)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.py-1{padding-block:var(--spacing-1)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.py-10{padding-block:var(--spacing-10)}.py-16{padding-block:var(--spacing-16)}.ps-3{padding-inline-start:var(--spacing-3)}.pe-2{padding-inline-end:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pb-2{padding-bottom:var(--spacing-2)}.pb-4{padding-bottom:var(--spacing-4)}.pb-8{padding-bottom:var(--spacing-8)}.text-center{text-align:center}.text-end{text-align:end}.text-start{text-align:start}.text-body-md{font-size:var(--type-body-md-size);line-height:var(--tw-leading,var(--type-body-md-lineHeight));letter-spacing:var(--tw-tracking,var(--type-body-md-letterSpacing));font-weight:var(--tw-font-weight,var(--type-body-md-weight))}.text-body-sm{font-size:var(--type-body-sm-size);line-height:var(--tw-leading,var(--type-body-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-body-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-body-sm-weight))}.text-headline-sm{font-size:var(--type-headline-sm-size);line-height:var(--tw-leading,var(--type-headline-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-headline-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-headline-sm-weight))}.text-label-lg{font-size:var(--type-label-lg-size);line-height:var(--tw-leading,var(--type-label-lg-lineHeight));letter-spacing:var(--tw-tracking,var(--type-label-lg-letterSpacing));font-weight:var(--tw-font-weight,var(--type-label-lg-weight))}.text-label-md{font-size:var(--type-label-md-size);line-height:var(--tw-leading,var(--type-label-md-lineHeight));letter-spacing:var(--tw-tracking,var(--type-label-md-letterSpacing));font-weight:var(--tw-font-weight,var(--type-label-md-weight))}.text-label-sm{font-size:var(--type-label-sm-size);line-height:var(--tw-leading,var(--type-label-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-label-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-label-sm-weight))}.text-title-lg{font-size:var(--type-title-lg-size);line-height:var(--tw-leading,var(--type-title-lg-lineHeight));letter-spacing:var(--tw-tracking,var(--type-title-lg-letterSpacing));font-weight:var(--tw-font-weight,var(--type-title-lg-weight))}.text-title-md{font-size:var(--type-title-md-size);line-height:var(--tw-leading,var(--type-title-md-lineHeight));letter-spacing:var(--tw-tracking,var(--type-title-md-letterSpacing));font-weight:var(--tw-font-weight,var(--type-title-md-weight))}.text-title-sm{font-size:var(--type-title-sm-size);line-height:var(--tw-leading,var(--type-title-sm-lineHeight));letter-spacing:var(--tw-tracking,var(--type-title-sm-letterSpacing));font-weight:var(--tw-font-weight,var(--type-title-sm-weight))}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,2rem)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,2.25rem)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,1.5rem)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,1.25rem)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,1rem)}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-words{overflow-wrap:break-word}.text-\[var\(--color-error\)\]{color:var(--color-error)}.text-\[var\(--color-on-error\)\]{color:var(--color-on-error)}.text-\[var\(--color-on-error-container\)\]{color:var(--color-on-error-container)}.text-\[var\(--color-on-surface\)\]{color:var(--color-on-surface)}.text-\[var\(--color-on-surface-muted\)\]{color:var(--color-on-surface-muted)}.text-\[var\(--color-on-surface-variant\)\]{color:var(--color-on-surface-variant)}.text-\[var\(--color-success\)\]{color:var(--color-success)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-\[0\.2em\]{text-underline-offset:.2em}.shadow-elevation-1{--tw-shadow:var(--elevation-1);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-elevation-2{--tw-shadow:var(--elevation-2);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--motion-spring-effects-default-easing));transition-duration:var(--tw-duration,var(--motion-spring-effects-default-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.\[-webkit-mask-image\:linear-gradient\(to_bottom\,black_calc\(100\%-24px\)\,transparent\)\]{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:var(--spacing-0)}.after\:rounded-shape-container:after{content:var(--tw-content);border-radius:var(--shape-container)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}@media (hover:hover){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface\)_8\%\,transparent\)\]:hover{background-color:var(--color-on-surface)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--color-on-surface\)_8\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--color-on-surface) 8%,transparent)}}.hover\:text-\[var\(--color-on-surface\)\]:hover{color:var(--color-on-surface)}}.focus-visible\:after\:outline:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:after\:outline-\[var\(--color-primary\)\]:focus-visible:after{content:var(--tw-content);outline-color:var(--color-primary)}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:w-1\/3{width:33.3333%}.sm\:w-64{width:var(--spacing-64)}.sm\:max-w-\[8rem\]{max-width:8rem}.sm\:shrink{flex-shrink:1}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-1{gap:var(--spacing-1)}.sm\:gap-2{gap:var(--spacing-2)}.sm\:gap-4{gap:var(--spacing-4)}.sm\:px-4{padding-inline:var(--spacing-4)}.sm\:px-6{padding-inline:var(--spacing-6)}}@media (min-width:48rem){.md\:ms-0{margin-inline-start:var(--spacing-0)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/3{width:33.3333%}.md\:min-w-0{min-width:var(--spacing-0)}.md\:flex-1{flex:1}.md\:flex-row{flex-direction:row}.md\:justify-center{justify-content:center}.md\:gap-8{gap:var(--spacing-8)}.md\:px-2{padding-inline:var(--spacing-2)}.md\:px-8{padding-inline:var(--spacing-8)}.md\:py-10{padding-block:var(--spacing-10)}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-4{padding-inline:var(--spacing-4)}.lg\:py-10{padding-block:var(--spacing-10)}}@media (min-width:80rem){.xl\:max-w-\[12rem\]{max-width:12rem}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtl\:-scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:calc(100% * -1);scale:var(--tw-scale-x) var(--tw-scale-y)}@container (min-width:480px){.\[\@container\(min-width\:480px\)\]\:col-span-2{grid-column:span 2/span 2}.\[\@container\(min-width\:480px\)\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:720px){.\[\@container\(min-width\:720px\)\]\:flex{display:flex}.\[\@container\(min-width\:720px\)\]\:hidden{display:none}.\[\@container\(min-width\:720px\)\]\:w-72{width:calc(var(--spacing) * 72)}.\[\@container\(min-width\:720px\)\]\:w-80{width:calc(var(--spacing) * 80)}.\[\@container\(min-width\:720px\)\]\:w-\[400px\]{width:400px}.\[\@container\(min-width\:720px\)\]\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.\[\@container\(min-width\:720px\)\]\:border-\[var\(--color-outline-variant\)\]{border-color:var(--color-outline-variant)}}@container (min-width:768px){.\[\@container\(min-width\:768px\)\]\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/patterns",
3
- "version": "8.3.0",
3
+ "version": "8.4.0",
4
4
  "description": "Composite UI patterns for Nexub Design System — pre-built, production-ready layouts and widgets built on @nexub/react.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -39,9 +39,9 @@
39
39
  "peerDependencies": {
40
40
  "react": ">=19 <20",
41
41
  "react-dom": ">=19 <20",
42
- "@nexub/icons": "^8.3.0",
43
- "@nexub/react": "^8.3.0",
44
- "@nexub/tokens": "^8.3.0"
42
+ "@nexub/icons": "^8.4.0",
43
+ "@nexub/react": "^8.4.0",
44
+ "@nexub/tokens": "^8.4.0"
45
45
  },
46
46
  "peerDependenciesMeta": {
47
47
  "@nexub/icons": {
@@ -65,9 +65,9 @@
65
65
  "typescript": "~6.0.3",
66
66
  "vite": "^8.3.5",
67
67
  "vitest": "^5.0.5",
68
- "@nexub/icons": "8.3.0",
69
- "@nexub/react": "8.3.0",
70
- "@nexub/tokens": "8.3.0"
68
+ "@nexub/icons": "8.4.0",
69
+ "@nexub/react": "8.4.0",
70
+ "@nexub/tokens": "8.4.0"
71
71
  },
72
72
  "scripts": {
73
73
  "build": "tsup && tailwindcss -i src/styles.css -o dist/styles.css --minify",