@nexub/patterns 6.8.0 → 7.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 (6) hide show
  1. package/dist/index.d.ts +2 -12
  2. package/dist/index.js +6 -10
  3. package/dist/styles.css +1 -1
  4. package/package.json +7 -7
  5. package/dist/chunk-L456OB3Q.js +0 -43
  6. package/dist/components/StepIndicator/index.js +0 -7
package/dist/index.d.ts CHANGED
@@ -141,16 +141,6 @@ interface PlanCardProps extends React.HTMLAttributes<HTMLDivElement> {
141
141
  }
142
142
  declare const PlanCard: React.ForwardRefExoticComponent<PlanCardProps & React.RefAttributes<HTMLDivElement>>;
143
143
 
144
- interface StepIndicatorStep {
145
- label: string;
146
- description?: string;
147
- }
148
- interface StepIndicatorProps extends React.HTMLAttributes<HTMLOListElement> {
149
- steps: StepIndicatorStep[];
150
- currentStep: number;
151
- }
152
- declare const StepIndicator: React.ForwardRefExoticComponent<StepIndicatorProps & React.RefAttributes<HTMLOListElement>>;
153
-
154
144
  interface NotificationItemProps extends React.HTMLAttributes<HTMLDivElement> {
155
145
  title: string;
156
146
  description?: string;
@@ -742,5 +732,5 @@ interface DashboardPageProps extends Omit<PageFrameProps, 'title' | 'children'>
742
732
  */
743
733
  declare const DashboardPage: React.ForwardRefExoticComponent<DashboardPageProps & React.RefAttributes<HTMLElement>>;
744
734
 
745
- export { ActivityFeed, ActivityPage, AppHeader, AppLauncher, AuthCard, BentoGrid, BentoTile, ChatPage, CheckoutPage, Conversation, DashboardPage, ErrorSummary, FilterBar, InfoList, ListDetail, NotificationCenter, NotificationItem, PageFrame, PaywallPage, PlanCard, SettingsLayout, SettingsPage, SettingsRow, SettingsSection, SignInPage, StatCard, StepIndicator, TransactionDetailPage, TransactionRow, UserCard, defaultPageTemplateMessages, groupByDay, useFormErrors, usePageMessages };
746
- export type { ActivityItemProps, ActivityPageProps, AppHeaderOrg, AppHeaderProps, AppHeaderSearchGroup, AppHeaderSearchItem, AppHeaderUser, AppLauncherApp, AppLauncherProps, AuthCardProps, BentoGridProps, BentoTileProps, BentoTileSize, ChatMessage, ChatPageProps, CheckoutPageProps, ConversationMessages, ConversationProps, DashboardPageProps, DashboardStat, ErrorSummaryItem, ErrorSummaryProps, FilterBarProps, FormErrorMap, InfoListItemProps, InfoListRootProps, Insight, ListDetailProps, NotificationCenterItem, NotificationCenterProps, NotificationItemProps, PageFrameProps, PageTemplateMessages, PaywallPageProps, Plan, PlanCardProps, QuickAction, Quote, ReviewRow, SettingsGroup, SettingsItem, SettingsLayoutItem, SettingsLayoutProps, SettingsLayoutSectionProps, SettingsPageProps, SettingsRowProps, SettingsSectionProps, SignInPageProps, StatCardProps, StepIndicatorProps, StepIndicatorStep, Transaction, TransactionDetailPageProps, UserCardProps };
735
+ export { ActivityFeed, ActivityPage, AppHeader, AppLauncher, AuthCard, BentoGrid, BentoTile, ChatPage, CheckoutPage, Conversation, DashboardPage, ErrorSummary, FilterBar, InfoList, ListDetail, NotificationCenter, NotificationItem, PageFrame, PaywallPage, PlanCard, SettingsLayout, SettingsPage, SettingsRow, SettingsSection, SignInPage, StatCard, TransactionDetailPage, TransactionRow, UserCard, defaultPageTemplateMessages, groupByDay, useFormErrors, usePageMessages };
736
+ export type { ActivityItemProps, ActivityPageProps, AppHeaderOrg, AppHeaderProps, AppHeaderSearchGroup, AppHeaderSearchItem, AppHeaderUser, AppLauncherApp, AppLauncherProps, AuthCardProps, BentoGridProps, BentoTileProps, BentoTileSize, ChatMessage, ChatPageProps, CheckoutPageProps, ConversationMessages, ConversationProps, DashboardPageProps, DashboardStat, ErrorSummaryItem, ErrorSummaryProps, FilterBarProps, FormErrorMap, InfoListItemProps, InfoListRootProps, Insight, ListDetailProps, NotificationCenterItem, NotificationCenterProps, NotificationItemProps, PageFrameProps, PageTemplateMessages, PaywallPageProps, Plan, PlanCardProps, QuickAction, Quote, ReviewRow, SettingsGroup, SettingsItem, SettingsLayoutItem, SettingsLayoutProps, SettingsLayoutSectionProps, SettingsPageProps, SettingsRowProps, SettingsSectionProps, SignInPageProps, StatCardProps, Transaction, TransactionDetailPageProps, UserCardProps };
package/dist/index.js CHANGED
@@ -1,7 +1,4 @@
1
1
  'use client';
2
- import {
3
- StepIndicator
4
- } from "./chunk-L456OB3Q.js";
5
2
  import {
6
3
  TransactionDetailPage
7
4
  } from "./chunk-CJBHDX2U.js";
@@ -42,12 +39,12 @@ import {
42
39
  ErrorSummary,
43
40
  useFormErrors
44
41
  } from "./chunk-RWPFCNMJ.js";
45
- import {
46
- InfoList
47
- } from "./chunk-WPNT5JOU.js";
48
42
  import {
49
43
  FilterBar
50
44
  } from "./chunk-SNONOBAE.js";
45
+ import {
46
+ InfoList
47
+ } from "./chunk-WPNT5JOU.js";
51
48
  import {
52
49
  ListDetail
53
50
  } from "./chunk-5JU6HUVJ.js";
@@ -68,13 +65,13 @@ import {
68
65
  import {
69
66
  AppHeader
70
67
  } from "./chunk-2WKGBINE.js";
71
- import {
72
- AuthCard
73
- } from "./chunk-HMJRSNJD.js";
74
68
  import "./chunk-VYMTTYPR.js";
75
69
  import {
76
70
  AppLauncher
77
71
  } from "./chunk-BDCVWAH7.js";
72
+ import {
73
+ AuthCard
74
+ } from "./chunk-HMJRSNJD.js";
78
75
  import {
79
76
  BentoGrid,
80
77
  BentoTile
@@ -118,7 +115,6 @@ export {
118
115
  SettingsSection,
119
116
  SignInPage,
120
117
  StatCard,
121
- StepIndicator,
122
118
  TransactionDetailPage,
123
119
  TransactionRow,
124
120
  UserCard,
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-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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@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)}.start-4{inset-inline-start:var(--spacing-4)}.-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-8{top:var(--spacing-8)}.top-\[var\(--app-header-height\,64px\)\]{top:var(--app-header-height,64px)}.bottom-4{bottom:var(--spacing-4)}.left-1\/2{left:50%}.z-10{z-index:10}.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-8{height:var(--spacing-8)}.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-8{width:var(--spacing-8)}.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%}.w-px{width:1px;width:var(--spacing-px)}.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{gap:var(--spacing-0)}.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-outline-variant\)\]{background-color:var(--color-outline-variant)}.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-0\.5{padding-top:calc(var(--spacing) * .5)}.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-6{padding-bottom:var(--spacing-6)}.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-primary\)\]{color:var(--color-on-primary)}.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-primary\)\]{color:var(--color-primary)}.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}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-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}.last\:pb-0:last-child{padding-bottom:var(--spacing-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-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-outline-style:solid;--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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@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}.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(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-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-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}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/patterns",
3
- "version": "6.8.0",
3
+ "version": "7.0.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": "^6.8.0",
43
- "@nexub/react": "^6.8.0",
44
- "@nexub/tokens": "^6.8.0"
42
+ "@nexub/icons": "^7.0.0",
43
+ "@nexub/react": "^7.0.0",
44
+ "@nexub/tokens": "^7.0.0"
45
45
  },
46
46
  "peerDependenciesMeta": {
47
47
  "@nexub/icons": {
@@ -64,9 +64,9 @@
64
64
  "typescript": "~6.0.3",
65
65
  "vite": "^8.3.5",
66
66
  "vitest": "^5.0.5",
67
- "@nexub/icons": "6.8.0",
68
- "@nexub/react": "6.8.0",
69
- "@nexub/tokens": "6.8.0"
67
+ "@nexub/icons": "7.0.0",
68
+ "@nexub/react": "7.0.0",
69
+ "@nexub/tokens": "7.0.0"
70
70
  },
71
71
  "scripts": {
72
72
  "build": "tsup && tailwindcss -i src/styles.css -o dist/styles.css --minify",
package/dist/chunk-L456OB3Q.js DELETED
@@ -1,43 +0,0 @@
1
- 'use client';
2
-
3
- // src/components/StepIndicator/StepIndicator.tsx
4
- import * as React from "react";
5
- import { cn } from "@nexub/react";
6
- import { Check } from "@nexub/icons";
7
- import { jsx, jsxs } from "react/jsx-runtime";
8
- var StepIndicator = React.forwardRef(
9
- ({ steps, currentStep, className, ...props }, ref) => /* @__PURE__ */ jsx("ol", { ref, className: cn("flex flex-col gap-0", className), ...props, children: steps.map((step, index) => {
10
- const status = index < currentStep ? "complete" : index === currentStep ? "current" : "upcoming";
11
- return /* @__PURE__ */ jsxs("li", { className: "relative flex gap-4 pb-6 last:pb-0", children: [
12
- index < steps.length - 1 && /* @__PURE__ */ jsx(
13
- "div",
14
- {
15
- className: "absolute start-4 top-8 h-full w-px bg-[var(--color-outline-variant)]",
16
- "aria-hidden": "true"
17
- }
18
- ),
19
- /* @__PURE__ */ jsx(
20
- "div",
21
- {
22
- className: cn(
23
- "relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full text-xs font-semibold",
24
- status === "complete" && "bg-[var(--color-primary)] text-[var(--color-on-primary)]",
25
- status === "current" && "border-2 border-[var(--color-primary)] text-[var(--color-primary)] bg-[var(--color-surface)]",
26
- status === "upcoming" && "border-2 border-[var(--color-outline-variant)] text-[var(--color-on-surface-muted)] bg-[var(--color-surface)]"
27
- ),
28
- "aria-current": status === "current" ? "step" : void 0,
29
- children: status === "complete" ? /* @__PURE__ */ jsx(Check, { size: "xs", "aria-hidden": "true" }) : index + 1
30
- }
31
- ),
32
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 pt-0.5", children: [
33
- /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--color-on-surface)]", children: step.label }),
34
- step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--color-on-surface-muted)]", children: step.description })
35
- ] })
36
- ] }, step.label);
37
- }) })
38
- );
39
- StepIndicator.displayName = "StepIndicator";
40
-
41
- export {
42
- StepIndicator
43
- };
package/dist/components/StepIndicator/index.js DELETED
@@ -1,7 +0,0 @@
1
- 'use client';
2
- import {
3
- StepIndicator
4
- } from "../../chunk-L456OB3Q.js";
5
- export {
6
- StepIndicator
7
- };