@kuzenbo/core 0.0.6 → 0.0.7
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.
- package/dist/{dialog-Dzvma_bu.js → dialog-B7kMKriQ.js} +3 -3
- package/dist/dialog-B7kMKriQ.js.map +1 -0
- package/dist/{sheet-FVsgl5Wk.js → sheet-CcyewAZj.js} +3 -3
- package/dist/sheet-CcyewAZj.js.map +1 -0
- package/dist/ui/alert-dialog.js +1 -1
- package/dist/ui/alert-dialog.js.map +1 -1
- package/dist/ui/autocomplete.d.ts +2 -2
- package/dist/ui/autocomplete.js +1 -1
- package/dist/ui/autocomplete.js.map +1 -1
- package/dist/ui/combobox.js +5 -5
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/command.js +1 -1
- package/dist/ui/container.d.ts +1 -0
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/container.js +6 -2
- package/dist/ui/container.js.map +1 -1
- package/dist/ui/dialog.js +1 -1
- package/dist/ui/drawer.d.ts +308 -117
- package/dist/ui/drawer.d.ts.map +1 -1
- package/dist/ui/drawer.js +254 -114
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/popover.js +1 -1
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/preview-card.js +1 -1
- package/dist/ui/preview-card.js.map +1 -1
- package/dist/ui/select.d.ts +2 -2
- package/dist/ui/select.js +1 -1
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/sheet.js +1 -1
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +10 -13
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/typography.d.ts +1 -1
- package/dist/ui/typography.d.ts.map +1 -1
- package/dist/ui/typography.js +20 -20
- package/dist/ui/typography.js.map +1 -1
- package/package.json +6 -6
- package/dist/dialog-Dzvma_bu.js.map +0 -1
- package/dist/sheet-FVsgl5Wk.js.map +0 -1
package/dist/ui/typography.d.ts
CHANGED
|
@@ -288,7 +288,7 @@ declare const TypographyOl: ({
|
|
|
288
288
|
}: TypographyOlProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
289
289
|
//#endregion
|
|
290
290
|
//#region src/ui/typography/typography-prose.d.ts
|
|
291
|
-
declare const typographyProseVariants: tailwind_variants0.TVReturnType<{} | {} | {}, undefined, "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:leading-7 [&_caption]:mt-2 [&_caption]:text-sm [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:leading-7 [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:leading-6 [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:leading-7 [&_p]:mt-0 [&_p]:mb-6 [&_p]:text-base [&_p]:leading-7 [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-6 [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:leading-7 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", {} | {}, undefined, tailwind_variants0.TVReturnType<unknown, undefined, "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:leading-7 [&_caption]:mt-2 [&_caption]:text-sm [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:leading-7 [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:leading-6 [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:leading-7 [&_p]:mt-0 [&_p]:mb-6 [&_p]:text-base [&_p]:leading-7 [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-6 [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:leading-7 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", unknown, unknown, undefined>>;
|
|
291
|
+
declare const typographyProseVariants: tailwind_variants0.TVReturnType<{} | {} | {}, undefined, "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full max-w-[var(--kb-typography-prose-max-width,100%)] [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:text-[length:var(--kb-typography-prose-blockquote-size,1.125rem)] [&_blockquote]:leading-7 [&_blockquote]:leading-[var(--kb-typography-prose-blockquote-line-height,1.75rem)] [&_caption]:mt-2 [&_caption]:text-sm [&_caption]:text-[length:var(--kb-typography-text-muted-size,0.875rem)] [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-[length:var(--kb-typography-prose-inline-code-size,0.875rem)] [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:text-[length:var(--kb-typography-heading-h1-size,2.25rem)] [&_h1]:leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:text-[length:var(--kb-typography-heading-h2-size,1.875rem)] [&_h2]:leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:text-[length:var(--kb-typography-heading-h3-size,1.5rem)] [&_h3]:leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:text-[length:var(--kb-typography-heading-h4-size,1.25rem)] [&_h4]:leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:text-[length:var(--kb-typography-heading-h5-size,1.125rem)] [&_h5]:leading-7 [&_h5]:leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:text-[length:var(--kb-typography-heading-h6-size,1rem)] [&_h6]:leading-6 [&_h6]:leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ol:not([data-type='taskList'])]:leading-7 [&_ol:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_p]:mt-0 [&_p]:mb-6 [&_p]:mb-[var(--kb-typography-prose-paragraph-margin-bottom,1.5rem)] [&_p]:text-base [&_p]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_p]:leading-7 [&_p]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:text-[length:var(--kb-typography-prose-code-size,0.875rem)] [&_pre]:leading-6 [&_pre]:leading-[var(--kb-typography-prose-code-line-height,1.5rem)] [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ul:not([data-type='taskList'])]:leading-7 [&_ul:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", {} | {}, undefined, tailwind_variants0.TVReturnType<unknown, undefined, "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full max-w-[var(--kb-typography-prose-max-width,100%)] [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:text-[length:var(--kb-typography-prose-blockquote-size,1.125rem)] [&_blockquote]:leading-7 [&_blockquote]:leading-[var(--kb-typography-prose-blockquote-line-height,1.75rem)] [&_caption]:mt-2 [&_caption]:text-sm [&_caption]:text-[length:var(--kb-typography-text-muted-size,0.875rem)] [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-[length:var(--kb-typography-prose-inline-code-size,0.875rem)] [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:text-[length:var(--kb-typography-heading-h1-size,2.25rem)] [&_h1]:leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:text-[length:var(--kb-typography-heading-h2-size,1.875rem)] [&_h2]:leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:text-[length:var(--kb-typography-heading-h3-size,1.5rem)] [&_h3]:leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:text-[length:var(--kb-typography-heading-h4-size,1.25rem)] [&_h4]:leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:text-[length:var(--kb-typography-heading-h5-size,1.125rem)] [&_h5]:leading-7 [&_h5]:leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:text-[length:var(--kb-typography-heading-h6-size,1rem)] [&_h6]:leading-6 [&_h6]:leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ol:not([data-type='taskList'])]:leading-7 [&_ol:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_p]:mt-0 [&_p]:mb-6 [&_p]:mb-[var(--kb-typography-prose-paragraph-margin-bottom,1.5rem)] [&_p]:text-base [&_p]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_p]:leading-7 [&_p]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:text-[length:var(--kb-typography-prose-code-size,0.875rem)] [&_pre]:leading-6 [&_pre]:leading-[var(--kb-typography-prose-code-line-height,1.5rem)] [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ul:not([data-type='taskList'])]:leading-7 [&_ul:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", unknown, unknown, undefined>>;
|
|
292
292
|
type TypographyProseProps = useRender.ComponentProps<"div">;
|
|
293
293
|
declare const TypographyProse: ({
|
|
294
294
|
className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.d.ts","names":[],"sources":["../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-prose.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"mappings":";;;;;;;cAEM,yBAAA,
|
|
1
|
+
{"version":3,"file":"typography.d.ts","names":[],"sources":["../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-prose.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"mappings":"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"}
|
package/dist/ui/typography.js
CHANGED
|
@@ -7,7 +7,7 @@ import { useRender } from "@base-ui/react/use-render";
|
|
|
7
7
|
//#region src/ui/typography/typography-blockquote.tsx
|
|
8
8
|
const TypographyBlockquote = ({ className, render, ...props }) => useRender({
|
|
9
9
|
defaultTagName: "blockquote",
|
|
10
|
-
props: mergeProps({ className: cn("border-border text-foreground border-l-
|
|
10
|
+
props: mergeProps({ className: cn("border-border text-foreground border-l-[var(--kb-typography-blockquote-border-width,2px)] pl-[var(--kb-typography-blockquote-padding-inline-start,1rem)] italic", className) }, props),
|
|
11
11
|
render,
|
|
12
12
|
state: { slot: "typography-blockquote" }
|
|
13
13
|
});
|
|
@@ -18,27 +18,27 @@ const typographyHeadingVariants = tv({
|
|
|
18
18
|
base: "text-foreground tracking-tight",
|
|
19
19
|
defaultVariants: { variant: "h2" },
|
|
20
20
|
variants: { variant: {
|
|
21
|
-
display: "text-
|
|
22
|
-
h1: "text-
|
|
23
|
-
h2: "text-
|
|
24
|
-
h3: "text-
|
|
25
|
-
h4: "text-
|
|
26
|
-
h5: "text-
|
|
27
|
-
h6: "text-
|
|
28
|
-
subheading: "text-muted-foreground text-
|
|
21
|
+
display: "text-[length:var(--kb-typography-heading-display-size,3rem)] leading-[var(--kb-typography-heading-display-line-height,3.75rem)] font-semibold text-balance",
|
|
22
|
+
h1: "text-[length:var(--kb-typography-heading-h1-size,2.25rem)] leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] font-semibold text-balance",
|
|
23
|
+
h2: "text-[length:var(--kb-typography-heading-h2-size,1.875rem)] leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] font-semibold text-balance",
|
|
24
|
+
h3: "text-[length:var(--kb-typography-heading-h3-size,1.5rem)] leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] font-semibold",
|
|
25
|
+
h4: "text-[length:var(--kb-typography-heading-h4-size,1.25rem)] leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] font-semibold",
|
|
26
|
+
h5: "text-[length:var(--kb-typography-heading-h5-size,1.125rem)] leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] font-semibold",
|
|
27
|
+
h6: "text-[length:var(--kb-typography-heading-h6-size,1rem)] leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] font-semibold",
|
|
28
|
+
subheading: "text-muted-foreground text-[length:var(--kb-typography-heading-subheading-size,1.125rem)] leading-[var(--kb-typography-heading-subheading-line-height,1.75rem)] font-medium"
|
|
29
29
|
} }
|
|
30
30
|
});
|
|
31
31
|
const typographyTextVariants = tv({
|
|
32
32
|
base: "text-foreground",
|
|
33
33
|
defaultVariants: { variant: "body" },
|
|
34
34
|
variants: { variant: {
|
|
35
|
-
body: "text-
|
|
36
|
-
caption: "text-muted-foreground text-
|
|
37
|
-
eyebrow: "text-foreground text-
|
|
38
|
-
lead: "text-muted-foreground text-
|
|
39
|
-
muted: "text-muted-foreground text-
|
|
40
|
-
overline: "text-muted-foreground text-
|
|
41
|
-
small: "text-
|
|
35
|
+
body: "text-[length:var(--kb-typography-text-body-size,1rem)] leading-[var(--kb-typography-text-body-line-height,1.75rem)]",
|
|
36
|
+
caption: "text-muted-foreground text-[length:var(--kb-typography-text-caption-size,0.75rem)] leading-[var(--kb-typography-text-caption-line-height,1.25rem)]",
|
|
37
|
+
eyebrow: "text-foreground text-[length:var(--kb-typography-text-eyebrow-size,0.75rem)] leading-[var(--kb-typography-text-eyebrow-line-height,1.25rem)] font-semibold tracking-widest uppercase",
|
|
38
|
+
lead: "text-muted-foreground text-[length:var(--kb-typography-text-lead-size,1.25rem)] leading-[var(--kb-typography-text-lead-line-height,2rem)]",
|
|
39
|
+
muted: "text-muted-foreground text-[length:var(--kb-typography-text-muted-size,0.875rem)] leading-[var(--kb-typography-text-muted-line-height,1.5rem)]",
|
|
40
|
+
overline: "text-muted-foreground text-[length:var(--kb-typography-text-overline-size,0.75rem)] leading-[var(--kb-typography-text-overline-line-height,1.25rem)] font-semibold tracking-wide uppercase",
|
|
41
|
+
small: "text-[length:var(--kb-typography-text-small-size,0.875rem)] leading-[var(--kb-typography-text-small-line-height,1.25rem)] font-medium"
|
|
42
42
|
} }
|
|
43
43
|
});
|
|
44
44
|
|
|
@@ -169,7 +169,7 @@ const TypographyLead = ({ render = defaultRender$5, ...props }) => /* @__PURE__
|
|
|
169
169
|
//#region src/ui/typography/typography-li.tsx
|
|
170
170
|
const TypographyLi = ({ className, render, ...props }) => useRender({
|
|
171
171
|
defaultTagName: "li",
|
|
172
|
-
props: mergeProps({ className: cn("leading-
|
|
172
|
+
props: mergeProps({ className: cn("leading-[var(--kb-typography-list-item-line-height,1.5rem)]", className) }, props),
|
|
173
173
|
render,
|
|
174
174
|
state: { slot: "typography-li" }
|
|
175
175
|
});
|
|
@@ -207,7 +207,7 @@ const TypographyMuted = ({ render = defaultRender$4, ...props }) => /* @__PURE__
|
|
|
207
207
|
//#region src/ui/typography/typography-ol.tsx
|
|
208
208
|
const TypographyOl = ({ className, render, ...props }) => useRender({
|
|
209
209
|
defaultTagName: "ol",
|
|
210
|
-
props: mergeProps({ className: cn("text-foreground list-decimal pl-
|
|
210
|
+
props: mergeProps({ className: cn("text-foreground list-decimal pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]", className) }, props),
|
|
211
211
|
render,
|
|
212
212
|
state: { slot: "typography-ol" }
|
|
213
213
|
});
|
|
@@ -232,7 +232,7 @@ const TypographyP = ({ render = defaultRender$2, ...props }) => /* @__PURE__ */
|
|
|
232
232
|
|
|
233
233
|
//#endregion
|
|
234
234
|
//#region src/ui/typography/typography-prose.tsx
|
|
235
|
-
const typographyProseVariants = tv({ base: "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:leading-7 [&_caption]:mt-2 [&_caption]:text-sm [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:leading-7 [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:leading-6 [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:leading-7 [&_p]:mt-0 [&_p]:mb-6 [&_p]:text-base [&_p]:leading-7 [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-6 [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:leading-7 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0" });
|
|
235
|
+
const typographyProseVariants = tv({ base: "text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full max-w-[var(--kb-typography-prose-max-width,100%)] [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:text-[length:var(--kb-typography-prose-blockquote-size,1.125rem)] [&_blockquote]:leading-7 [&_blockquote]:leading-[var(--kb-typography-prose-blockquote-line-height,1.75rem)] [&_caption]:mt-2 [&_caption]:text-sm [&_caption]:text-[length:var(--kb-typography-text-muted-size,0.875rem)] [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-[length:var(--kb-typography-prose-inline-code-size,0.875rem)] [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:text-[length:var(--kb-typography-heading-h1-size,2.25rem)] [&_h1]:leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:text-[length:var(--kb-typography-heading-h2-size,1.875rem)] [&_h2]:leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:text-[length:var(--kb-typography-heading-h3-size,1.5rem)] [&_h3]:leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:text-[length:var(--kb-typography-heading-h4-size,1.25rem)] [&_h4]:leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:text-[length:var(--kb-typography-heading-h5-size,1.125rem)] [&_h5]:leading-7 [&_h5]:leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:text-[length:var(--kb-typography-heading-h6-size,1rem)] [&_h6]:leading-6 [&_h6]:leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ol:not([data-type='taskList'])]:leading-7 [&_ol:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_p]:mt-0 [&_p]:mb-6 [&_p]:mb-[var(--kb-typography-prose-paragraph-margin-bottom,1.5rem)] [&_p]:text-base [&_p]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_p]:leading-7 [&_p]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:text-[length:var(--kb-typography-prose-code-size,0.875rem)] [&_pre]:leading-6 [&_pre]:leading-[var(--kb-typography-prose-code-line-height,1.5rem)] [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ul:not([data-type='taskList'])]:leading-7 [&_ul:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0" });
|
|
236
236
|
const TypographyProse = ({ className, render, ...props }) => useRender({
|
|
237
237
|
defaultTagName: "div",
|
|
238
238
|
props: mergeProps({ className: cn(typographyProseVariants(), className) }, props),
|
|
@@ -262,7 +262,7 @@ const TypographySubheading = ({ render = defaultRender, ...props }) => /* @__PUR
|
|
|
262
262
|
//#region src/ui/typography/typography-ul.tsx
|
|
263
263
|
const TypographyUl = ({ className, render, ...props }) => useRender({
|
|
264
264
|
defaultTagName: "ul",
|
|
265
|
-
props: mergeProps({ className: cn("text-foreground list-disc pl-
|
|
265
|
+
props: mergeProps({ className: cn("text-foreground list-disc pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]", className) }, props),
|
|
266
266
|
render,
|
|
267
267
|
state: { slot: "typography-ul" }
|
|
268
268
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"typography.js","names":["defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender"],"sources":["../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-prose.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyBlockquoteProps = useRender.ComponentProps<\"blockquote\">;\n\nconst TypographyBlockquote = ({\n className,\n render,\n ...props\n}: TypographyBlockquoteProps) =>\n useRender({\n defaultTagName: \"blockquote\",\n props: mergeProps<\"blockquote\">(\n {\n className: cn(\n \"border-border text-foreground border-l-2 pl-4 italic\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-blockquote\",\n },\n });\n\nexport { TypographyBlockquote };\n","import { tv } from \"tailwind-variants\";\n\nconst typographyHeadingVariants = tv({\n base: \"text-foreground tracking-tight\",\n defaultVariants: {\n variant: \"h2\",\n },\n variants: {\n variant: {\n display: \"text-5xl leading-tight font-semibold text-balance\",\n h1: \"text-4xl leading-tight font-semibold text-balance\",\n h2: \"text-3xl leading-tight font-semibold text-balance\",\n h3: \"text-2xl leading-snug font-semibold\",\n h4: \"text-xl leading-snug font-semibold\",\n h5: \"text-lg leading-7 font-semibold\",\n h6: \"text-base leading-6 font-semibold\",\n subheading: \"text-muted-foreground text-lg leading-7 font-medium\",\n },\n },\n});\n\nconst typographyTextVariants = tv({\n base: \"text-foreground\",\n defaultVariants: {\n variant: \"body\",\n },\n variants: {\n variant: {\n body: \"text-base leading-7\",\n caption: \"text-muted-foreground text-xs leading-5\",\n eyebrow:\n \"text-foreground text-xs leading-5 font-semibold tracking-widest uppercase\",\n lead: \"text-muted-foreground text-xl leading-8\",\n muted: \"text-muted-foreground text-sm leading-6\",\n overline:\n \"text-muted-foreground text-xs leading-5 font-semibold tracking-wide uppercase\",\n small: \"text-sm leading-5 font-medium\",\n },\n },\n});\n\nexport { typographyHeadingVariants, typographyTextVariants };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nexport type TypographyTextProps = useRender.ComponentProps<\"p\"> &\n VariantProps<typeof typographyTextVariants>;\n\nexport type TypographyTextAliasProps = Omit<TypographyTextProps, \"variant\">;\n\nconst TypographyText = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyTextProps) =>\n useRender({\n defaultTagName: \"p\",\n props: mergeProps<\"p\">(\n {\n className: cn(typographyTextVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-text\",\n variant,\n },\n });\n\nexport { TypographyText };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyBodyProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyBody = ({\n render = defaultRender,\n ...props\n}: TypographyBodyProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyBody };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyCaptionProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyCaption = ({\n render = defaultRender,\n ...props\n}: TypographyCaptionProps) => (\n <TypographyText render={render} variant=\"caption\" {...props} />\n);\n\nexport { TypographyCaption };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyHeadingVariants } from \"./typography-variants\";\n\nexport type TypographyHeadingProps = useRender.ComponentProps<\"h2\"> &\n VariantProps<typeof typographyHeadingVariants>;\n\nexport type TypographyHeadingAliasProps = Omit<\n TypographyHeadingProps,\n \"variant\"\n>;\n\nconst TypographyHeading = ({\n className,\n variant = \"h2\",\n render,\n ...props\n}: TypographyHeadingProps) =>\n useRender({\n defaultTagName: \"h2\",\n props: mergeProps<\"h2\">(\n {\n className: cn(typographyHeadingVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-heading\",\n variant,\n },\n });\n\nexport { TypographyHeading };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyDisplayProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyDisplay = ({\n render = defaultRender,\n ...props\n}: TypographyDisplayProps) => (\n <TypographyHeading render={render} variant=\"display\" {...props} />\n);\n\nexport { TypographyDisplay };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyEyebrowProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyEyebrow = ({\n render = defaultRender,\n ...props\n}: TypographyEyebrowProps) => (\n <TypographyText render={render} variant=\"eyebrow\" {...props} />\n);\n\nexport { TypographyEyebrow };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH1Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyH1 = ({\n render = defaultRender,\n ...props\n}: TypographyH1Props) => (\n <TypographyHeading render={render} variant=\"h1\" {...props} />\n);\n\nexport { TypographyH1 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH2Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographyH2 = ({\n render = defaultRender,\n ...props\n}: TypographyH2Props) => (\n <TypographyHeading render={render} variant=\"h2\" {...props} />\n);\n\nexport { TypographyH2 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH3Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h3\", props);\n\nconst TypographyH3 = ({\n render = defaultRender,\n ...props\n}: TypographyH3Props) => (\n <TypographyHeading render={render} variant=\"h3\" {...props} />\n);\n\nexport { TypographyH3 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH4Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h4\", props);\n\nconst TypographyH4 = ({\n render = defaultRender,\n ...props\n}: TypographyH4Props) => (\n <TypographyHeading render={render} variant=\"h4\" {...props} />\n);\n\nexport { TypographyH4 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH5Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h5\", props);\n\nconst TypographyH5 = ({\n render = defaultRender,\n ...props\n}: TypographyH5Props) => (\n <TypographyHeading render={render} variant=\"h5\" {...props} />\n);\n\nexport { TypographyH5 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH6Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h6\", props);\n\nconst TypographyH6 = ({\n render = defaultRender,\n ...props\n}: TypographyH6Props) => (\n <TypographyHeading render={render} variant=\"h6\" {...props} />\n);\n\nexport { TypographyH6 };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyLeadProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyLead = ({\n render = defaultRender,\n ...props\n}: TypographyLeadProps) => (\n <TypographyText render={render} variant=\"lead\" {...props} />\n);\n\nexport { TypographyLead };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyLiProps = useRender.ComponentProps<\"li\">;\n\nconst TypographyLi = ({ className, render, ...props }: TypographyLiProps) =>\n useRender({\n defaultTagName: \"li\",\n props: mergeProps<\"li\">(\n {\n className: cn(\"leading-6\", className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-li\",\n },\n });\n\nexport { TypographyLi };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nconst typographyLinkVariants = tv({\n base: \"cursor-clickable text-muted-foreground hover:text-foreground underline-offset-4 transition-colors duration-200 ease-out hover:underline\",\n extend: typographyTextVariants,\n variants: {\n variant: {\n ...typographyTextVariants.variants.variant,\n body: \"text-sm leading-6\",\n },\n },\n});\n\nexport type TypographyLinkProps = useRender.ComponentProps<\"a\"> &\n VariantProps<typeof typographyLinkVariants>;\n\nconst TypographyLink = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyLinkProps) =>\n useRender({\n defaultTagName: \"a\",\n props: mergeProps<\"a\">(\n {\n className: cn(typographyLinkVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-link\",\n variant,\n },\n });\n\nexport { TypographyLink };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyMutedProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyMuted = ({\n render = defaultRender,\n ...props\n}: TypographyMutedProps) => (\n <TypographyText render={render} variant=\"muted\" {...props} />\n);\n\nexport { TypographyMuted };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyOlProps = useRender.ComponentProps<\"ol\">;\n\nconst TypographyOl = ({ className, render, ...props }: TypographyOlProps) =>\n useRender({\n defaultTagName: \"ol\",\n props: mergeProps<\"ol\">(\n {\n className: cn(\n \"text-foreground list-decimal pl-5 [&>li]:mt-1\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ol\",\n },\n });\n\nexport { TypographyOl };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyOverlineProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyOverline = ({\n render = defaultRender,\n ...props\n}: TypographyOverlineProps) => (\n <TypographyText render={render} variant=\"overline\" {...props} />\n);\n\nexport { TypographyOverline };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyPProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyP = ({\n render = defaultRender,\n ...props\n}: TypographyPProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyP };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nconst typographyProseVariants = tv({\n base: \"text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:leading-7 [&_caption]:mt-2 [&_caption]:text-sm [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:leading-7 [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:leading-6 [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:leading-7 [&_p]:mt-0 [&_p]:mb-6 [&_p]:text-base [&_p]:leading-7 [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:leading-6 [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:leading-7 [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n});\n\nexport type TypographyProseProps = useRender.ComponentProps<\"div\">;\n\nconst TypographyProse = ({\n className,\n render,\n ...props\n}: TypographyProseProps) =>\n useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(typographyProseVariants(), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-prose\",\n },\n });\n\nexport { TypographyProse, typographyProseVariants };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographySmallProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographySmall = ({\n render = defaultRender,\n ...props\n}: TypographySmallProps) => (\n <TypographyText render={render} variant=\"small\" {...props} />\n);\n\nexport { TypographySmall };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographySubheadingProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographySubheading = ({\n render = defaultRender,\n ...props\n}: TypographySubheadingProps) => (\n <TypographyHeading render={render} variant=\"subheading\" {...props} />\n);\n\nexport { TypographySubheading };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyUlProps = useRender.ComponentProps<\"ul\">;\n\nconst TypographyUl = ({ className, render, ...props }: TypographyUlProps) =>\n useRender({\n defaultTagName: \"ul\",\n props: mergeProps<\"ul\">(\n {\n className: cn(\"text-foreground list-disc pl-5 [&>li]:mt-1\", className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ul\",\n },\n });\n\nexport { TypographyUl };\n","import type { TypographyBlockquoteProps } from \"./typography-blockquote\";\nimport { TypographyBlockquote } from \"./typography-blockquote\";\nimport { TypographyBody } from \"./typography-body\";\nimport { TypographyCaption } from \"./typography-caption\";\nimport { TypographyDisplay } from \"./typography-display\";\nimport { TypographyEyebrow } from \"./typography-eyebrow\";\nimport { TypographyH1 } from \"./typography-h1\";\nimport { TypographyH2 } from \"./typography-h2\";\nimport { TypographyH3 } from \"./typography-h3\";\nimport { TypographyH4 } from \"./typography-h4\";\nimport { TypographyH5 } from \"./typography-h5\";\nimport { TypographyH6 } from \"./typography-h6\";\nimport { TypographyHeading } from \"./typography-heading\";\nimport type {\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n} from \"./typography-heading\";\nimport { TypographyLead } from \"./typography-lead\";\nimport { TypographyLi } from \"./typography-li\";\nimport type { TypographyLiProps } from \"./typography-li\";\nimport type { TypographyLinkProps } from \"./typography-link\";\nimport { TypographyLink } from \"./typography-link\";\nimport { TypographyMuted } from \"./typography-muted\";\nimport { TypographyOl } from \"./typography-ol\";\nimport type { TypographyOlProps } from \"./typography-ol\";\nimport { TypographyOverline } from \"./typography-overline\";\nimport { TypographyP } from \"./typography-p\";\nimport { TypographyProse, typographyProseVariants } from \"./typography-prose\";\nimport type { TypographyProseProps } from \"./typography-prose\";\nimport { TypographySmall } from \"./typography-small\";\nimport { TypographySubheading } from \"./typography-subheading\";\nimport { TypographyText } from \"./typography-text\";\nimport type {\n TypographyTextAliasProps,\n TypographyTextProps,\n} from \"./typography-text\";\nimport { TypographyUl } from \"./typography-ul\";\nimport type { TypographyUlProps } from \"./typography-ul\";\nimport {\n typographyHeadingVariants,\n typographyTextVariants,\n} from \"./typography-variants\";\nexport type TypographyProps = TypographyTextProps;\n\nconst Typography = Object.assign(TypographyText, {\n Blockquote: TypographyBlockquote,\n Body: TypographyBody,\n Caption: TypographyCaption,\n Display: TypographyDisplay,\n Eyebrow: TypographyEyebrow,\n H1: TypographyH1,\n H2: TypographyH2,\n H3: TypographyH3,\n H4: TypographyH4,\n H5: TypographyH5,\n H6: TypographyH6,\n Heading: TypographyHeading,\n Lead: TypographyLead,\n Li: TypographyLi,\n Link: TypographyLink,\n Muted: TypographyMuted,\n Ol: TypographyOl,\n Overline: TypographyOverline,\n P: TypographyP,\n Prose: TypographyProse,\n Small: TypographySmall,\n Subheading: TypographySubheading,\n Text: TypographyText,\n Ul: TypographyUl,\n});\n\nexport {\n Typography,\n TypographyBlockquote,\n TypographyBody,\n TypographyCaption,\n TypographyDisplay,\n TypographyEyebrow,\n TypographyH1,\n TypographyH2,\n TypographyH3,\n TypographyH4,\n TypographyH5,\n TypographyH6,\n TypographyHeading,\n TypographyLead,\n TypographyLink,\n TypographyLi,\n TypographyMuted,\n TypographyOl,\n TypographyOverline,\n TypographyP,\n TypographyProse,\n TypographySmall,\n TypographySubheading,\n TypographyText,\n TypographyUl,\n typographyHeadingVariants,\n typographyProseVariants,\n typographyTextVariants,\n};\n\nexport type {\n TypographyBlockquoteProps,\n TypographyLinkProps,\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n TypographyLiProps,\n TypographyOlProps,\n TypographyProseProps,\n TypographyTextAliasProps,\n TypographyTextProps,\n TypographyUlProps,\n};\n\nexport type { TypographyBodyProps } from \"./typography-body\";\nexport type { TypographyCaptionProps } from \"./typography-caption\";\nexport type { TypographyDisplayProps } from \"./typography-display\";\nexport type { TypographyEyebrowProps } from \"./typography-eyebrow\";\nexport type { TypographyH1Props } from \"./typography-h1\";\nexport type { TypographyH2Props } from \"./typography-h2\";\nexport type { TypographyH3Props } from \"./typography-h3\";\nexport type { TypographyH4Props } from \"./typography-h4\";\nexport type { TypographyH5Props } from \"./typography-h5\";\nexport type { TypographyH6Props } from \"./typography-h6\";\nexport type { TypographyLeadProps } from \"./typography-lead\";\nexport type { TypographyMutedProps } from \"./typography-muted\";\nexport type { TypographyOverlineProps } from \"./typography-overline\";\nexport type { TypographyPProps } from \"./typography-p\";\nexport type { TypographySmallProps } from \"./typography-small\";\nexport type { TypographySubheadingProps } from \"./typography-subheading\";\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"typography.js","names":["defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender","defaultRender"],"sources":["../../src/ui/typography/typography-blockquote.tsx","../../src/ui/typography/typography-variants.ts","../../src/ui/typography/typography-text.tsx","../../src/ui/typography/typography-body.tsx","../../src/ui/typography/typography-caption.tsx","../../src/ui/typography/typography-heading.tsx","../../src/ui/typography/typography-display.tsx","../../src/ui/typography/typography-eyebrow.tsx","../../src/ui/typography/typography-h1.tsx","../../src/ui/typography/typography-h2.tsx","../../src/ui/typography/typography-h3.tsx","../../src/ui/typography/typography-h4.tsx","../../src/ui/typography/typography-h5.tsx","../../src/ui/typography/typography-h6.tsx","../../src/ui/typography/typography-lead.tsx","../../src/ui/typography/typography-li.tsx","../../src/ui/typography/typography-link.tsx","../../src/ui/typography/typography-muted.tsx","../../src/ui/typography/typography-ol.tsx","../../src/ui/typography/typography-overline.tsx","../../src/ui/typography/typography-p.tsx","../../src/ui/typography/typography-prose.tsx","../../src/ui/typography/typography-small.tsx","../../src/ui/typography/typography-subheading.tsx","../../src/ui/typography/typography-ul.tsx","../../src/ui/typography/typography.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyBlockquoteProps = useRender.ComponentProps<\"blockquote\">;\n\nconst TypographyBlockquote = ({\n className,\n render,\n ...props\n}: TypographyBlockquoteProps) =>\n useRender({\n defaultTagName: \"blockquote\",\n props: mergeProps<\"blockquote\">(\n {\n className: cn(\n \"border-border text-foreground border-l-[var(--kb-typography-blockquote-border-width,2px)] pl-[var(--kb-typography-blockquote-padding-inline-start,1rem)] italic\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-blockquote\",\n },\n });\n\nexport { TypographyBlockquote };\n","import { tv } from \"tailwind-variants\";\n\nconst typographyHeadingVariants = tv({\n base: \"text-foreground tracking-tight\",\n defaultVariants: {\n variant: \"h2\",\n },\n variants: {\n variant: {\n display:\n \"text-[length:var(--kb-typography-heading-display-size,3rem)] leading-[var(--kb-typography-heading-display-line-height,3.75rem)] font-semibold text-balance\",\n h1: \"text-[length:var(--kb-typography-heading-h1-size,2.25rem)] leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] font-semibold text-balance\",\n h2: \"text-[length:var(--kb-typography-heading-h2-size,1.875rem)] leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] font-semibold text-balance\",\n h3: \"text-[length:var(--kb-typography-heading-h3-size,1.5rem)] leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] font-semibold\",\n h4: \"text-[length:var(--kb-typography-heading-h4-size,1.25rem)] leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] font-semibold\",\n h5: \"text-[length:var(--kb-typography-heading-h5-size,1.125rem)] leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] font-semibold\",\n h6: \"text-[length:var(--kb-typography-heading-h6-size,1rem)] leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] font-semibold\",\n subheading:\n \"text-muted-foreground text-[length:var(--kb-typography-heading-subheading-size,1.125rem)] leading-[var(--kb-typography-heading-subheading-line-height,1.75rem)] font-medium\",\n },\n },\n});\n\nconst typographyTextVariants = tv({\n base: \"text-foreground\",\n defaultVariants: {\n variant: \"body\",\n },\n variants: {\n variant: {\n body: \"text-[length:var(--kb-typography-text-body-size,1rem)] leading-[var(--kb-typography-text-body-line-height,1.75rem)]\",\n caption:\n \"text-muted-foreground text-[length:var(--kb-typography-text-caption-size,0.75rem)] leading-[var(--kb-typography-text-caption-line-height,1.25rem)]\",\n eyebrow:\n \"text-foreground text-[length:var(--kb-typography-text-eyebrow-size,0.75rem)] leading-[var(--kb-typography-text-eyebrow-line-height,1.25rem)] font-semibold tracking-widest uppercase\",\n lead: \"text-muted-foreground text-[length:var(--kb-typography-text-lead-size,1.25rem)] leading-[var(--kb-typography-text-lead-line-height,2rem)]\",\n muted:\n \"text-muted-foreground text-[length:var(--kb-typography-text-muted-size,0.875rem)] leading-[var(--kb-typography-text-muted-line-height,1.5rem)]\",\n overline:\n \"text-muted-foreground text-[length:var(--kb-typography-text-overline-size,0.75rem)] leading-[var(--kb-typography-text-overline-line-height,1.25rem)] font-semibold tracking-wide uppercase\",\n small:\n \"text-[length:var(--kb-typography-text-small-size,0.875rem)] leading-[var(--kb-typography-text-small-line-height,1.25rem)] font-medium\",\n },\n },\n});\n\nexport { typographyHeadingVariants, typographyTextVariants };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nexport type TypographyTextProps = useRender.ComponentProps<\"p\"> &\n VariantProps<typeof typographyTextVariants>;\n\nexport type TypographyTextAliasProps = Omit<TypographyTextProps, \"variant\">;\n\nconst TypographyText = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyTextProps) =>\n useRender({\n defaultTagName: \"p\",\n props: mergeProps<\"p\">(\n {\n className: cn(typographyTextVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-text\",\n variant,\n },\n });\n\nexport { TypographyText };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyBodyProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyBody = ({\n render = defaultRender,\n ...props\n}: TypographyBodyProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyBody };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyCaptionProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyCaption = ({\n render = defaultRender,\n ...props\n}: TypographyCaptionProps) => (\n <TypographyText render={render} variant=\"caption\" {...props} />\n);\n\nexport { TypographyCaption };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyHeadingVariants } from \"./typography-variants\";\n\nexport type TypographyHeadingProps = useRender.ComponentProps<\"h2\"> &\n VariantProps<typeof typographyHeadingVariants>;\n\nexport type TypographyHeadingAliasProps = Omit<\n TypographyHeadingProps,\n \"variant\"\n>;\n\nconst TypographyHeading = ({\n className,\n variant = \"h2\",\n render,\n ...props\n}: TypographyHeadingProps) =>\n useRender({\n defaultTagName: \"h2\",\n props: mergeProps<\"h2\">(\n {\n className: cn(typographyHeadingVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-heading\",\n variant,\n },\n });\n\nexport { TypographyHeading };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyDisplayProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyDisplay = ({\n render = defaultRender,\n ...props\n}: TypographyDisplayProps) => (\n <TypographyHeading render={render} variant=\"display\" {...props} />\n);\n\nexport { TypographyDisplay };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyEyebrowProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyEyebrow = ({\n render = defaultRender,\n ...props\n}: TypographyEyebrowProps) => (\n <TypographyText render={render} variant=\"eyebrow\" {...props} />\n);\n\nexport { TypographyEyebrow };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH1Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h1\", props);\n\nconst TypographyH1 = ({\n render = defaultRender,\n ...props\n}: TypographyH1Props) => (\n <TypographyHeading render={render} variant=\"h1\" {...props} />\n);\n\nexport { TypographyH1 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH2Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographyH2 = ({\n render = defaultRender,\n ...props\n}: TypographyH2Props) => (\n <TypographyHeading render={render} variant=\"h2\" {...props} />\n);\n\nexport { TypographyH2 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH3Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h3\", props);\n\nconst TypographyH3 = ({\n render = defaultRender,\n ...props\n}: TypographyH3Props) => (\n <TypographyHeading render={render} variant=\"h3\" {...props} />\n);\n\nexport { TypographyH3 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH4Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h4\", props);\n\nconst TypographyH4 = ({\n render = defaultRender,\n ...props\n}: TypographyH4Props) => (\n <TypographyHeading render={render} variant=\"h4\" {...props} />\n);\n\nexport { TypographyH4 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH5Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h5\", props);\n\nconst TypographyH5 = ({\n render = defaultRender,\n ...props\n}: TypographyH5Props) => (\n <TypographyHeading render={render} variant=\"h5\" {...props} />\n);\n\nexport { TypographyH5 };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographyH6Props = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h6\", props);\n\nconst TypographyH6 = ({\n render = defaultRender,\n ...props\n}: TypographyH6Props) => (\n <TypographyHeading render={render} variant=\"h6\" {...props} />\n);\n\nexport { TypographyH6 };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyLeadProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyLead = ({\n render = defaultRender,\n ...props\n}: TypographyLeadProps) => (\n <TypographyText render={render} variant=\"lead\" {...props} />\n);\n\nexport { TypographyLead };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyLiProps = useRender.ComponentProps<\"li\">;\n\nconst TypographyLi = ({ className, render, ...props }: TypographyLiProps) =>\n useRender({\n defaultTagName: \"li\",\n props: mergeProps<\"li\">(\n {\n className: cn(\n \"leading-[var(--kb-typography-list-item-line-height,1.5rem)]\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-li\",\n },\n });\n\nexport { TypographyLi };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { typographyTextVariants } from \"./typography-variants\";\n\nconst typographyLinkVariants = tv({\n base: \"cursor-clickable text-muted-foreground hover:text-foreground underline-offset-4 transition-colors duration-200 ease-out hover:underline\",\n extend: typographyTextVariants,\n variants: {\n variant: {\n ...typographyTextVariants.variants.variant,\n body: \"text-sm leading-6\",\n },\n },\n});\n\nexport type TypographyLinkProps = useRender.ComponentProps<\"a\"> &\n VariantProps<typeof typographyLinkVariants>;\n\nconst TypographyLink = ({\n className,\n variant = \"body\",\n render,\n ...props\n}: TypographyLinkProps) =>\n useRender({\n defaultTagName: \"a\",\n props: mergeProps<\"a\">(\n {\n className: cn(typographyLinkVariants({ variant }), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-link\",\n variant,\n },\n });\n\nexport { TypographyLink };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyMutedProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyMuted = ({\n render = defaultRender,\n ...props\n}: TypographyMutedProps) => (\n <TypographyText render={render} variant=\"muted\" {...props} />\n);\n\nexport { TypographyMuted };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyOlProps = useRender.ComponentProps<\"ol\">;\n\nconst TypographyOl = ({ className, render, ...props }: TypographyOlProps) =>\n useRender({\n defaultTagName: \"ol\",\n props: mergeProps<\"ol\">(\n {\n className: cn(\n \"text-foreground list-decimal pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ol\",\n },\n });\n\nexport { TypographyOl };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyOverlineProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyOverline = ({\n render = defaultRender,\n ...props\n}: TypographyOverlineProps) => (\n <TypographyText render={render} variant=\"overline\" {...props} />\n);\n\nexport { TypographyOverline };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographyPProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographyP = ({\n render = defaultRender,\n ...props\n}: TypographyPProps) => (\n <TypographyText render={render} variant=\"body\" {...props} />\n);\n\nexport { TypographyP };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nconst typographyProseVariants = tv({\n base: \"text-foreground [&_mark]:bg-muted [&_mark]:text-foreground [&_a]:cursor-clickable [&_a]:text-muted-foreground [&_a:hover]:text-foreground [&_hr]:border-border [&_pre]:border-border [&_pre]:bg-muted [&_code]:bg-muted [&_kbd]:border-border [&_kbd]:bg-muted [&_kbd]:text-foreground [&_caption]:text-muted-foreground [&_th]:border-border [&_tfoot_th]:border-border [&_td]:border-border [&_blockquote]:border-border [&_blockquote]:bg-muted w-full max-w-[var(--kb-typography-prose-max-width,100%)] [&_a]:underline [&_a]:underline-offset-4 [&_a]:transition-colors [&_blockquote]:my-4 [&_blockquote]:rounded-md [&_blockquote]:border-l-2 [&_blockquote]:px-4 [&_blockquote]:py-3 [&_blockquote]:text-lg [&_blockquote]:text-[length:var(--kb-typography-prose-blockquote-size,1.125rem)] [&_blockquote]:leading-7 [&_blockquote]:leading-[var(--kb-typography-prose-blockquote-line-height,1.75rem)] [&_caption]:mt-2 [&_caption]:text-sm [&_caption]:text-[length:var(--kb-typography-text-muted-size,0.875rem)] [&_code]:rounded-sm [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-sm [&_code]:text-[length:var(--kb-typography-prose-inline-code-size,0.875rem)] [&_h1]:mt-10 [&_h1]:mb-3 [&_h1]:text-4xl [&_h1]:text-[length:var(--kb-typography-heading-h1-size,2.25rem)] [&_h1]:leading-[var(--kb-typography-heading-h1-line-height,2.8125rem)] [&_h1]:leading-tight [&_h1]:font-semibold [&_h1]:tracking-tight [&_h1]:text-balance [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-3xl [&_h2]:text-[length:var(--kb-typography-heading-h2-size,1.875rem)] [&_h2]:leading-[var(--kb-typography-heading-h2-line-height,2.34375rem)] [&_h2]:leading-tight [&_h2]:font-semibold [&_h2]:tracking-tight [&_h2]:text-balance [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-2xl [&_h3]:text-[length:var(--kb-typography-heading-h3-size,1.5rem)] [&_h3]:leading-[var(--kb-typography-heading-h3-line-height,2.0625rem)] [&_h3]:leading-snug [&_h3]:font-semibold [&_h3]:tracking-tight [&_h4]:mt-6 [&_h4]:mb-2 [&_h4]:text-xl [&_h4]:text-[length:var(--kb-typography-heading-h4-size,1.25rem)] [&_h4]:leading-[var(--kb-typography-heading-h4-line-height,1.71875rem)] [&_h4]:leading-snug [&_h4]:font-semibold [&_h4]:tracking-tight [&_h5]:mt-4 [&_h5]:mb-2 [&_h5]:text-lg [&_h5]:text-[length:var(--kb-typography-heading-h5-size,1.125rem)] [&_h5]:leading-7 [&_h5]:leading-[var(--kb-typography-heading-h5-line-height,1.75rem)] [&_h5]:font-semibold [&_h5]:tracking-tight [&_h6]:mt-4 [&_h6]:mb-2 [&_h6]:text-base [&_h6]:text-[length:var(--kb-typography-heading-h6-size,1rem)] [&_h6]:leading-6 [&_h6]:leading-[var(--kb-typography-heading-h6-line-height,1.5rem)] [&_h6]:font-semibold [&_h6]:tracking-tight [&_hr]:my-4 [&_hr]:border-0 [&_hr]:border-t [&_img]:mb-2 [&_img]:max-w-full [&_kbd]:inline-flex [&_kbd]:h-5 [&_kbd]:min-w-5 [&_kbd]:items-center [&_kbd]:justify-center [&_kbd]:rounded-sm [&_kbd]:border [&_kbd]:px-1 [&_kbd]:font-mono [&_kbd]:text-xs [&_kbd]:font-medium [&_li]:mt-1 [&_mark]:rounded-[2px] [&_mark]:px-1 [&_ol:not([data-type='taskList'])]:mb-4 [&_ol:not([data-type='taskList'])]:list-decimal [&_ol:not([data-type='taskList'])]:pl-6 [&_ol:not([data-type='taskList'])]:text-base [&_ol:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ol:not([data-type='taskList'])]:leading-7 [&_ol:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_p]:mt-0 [&_p]:mb-6 [&_p]:mb-[var(--kb-typography-prose-paragraph-margin-bottom,1.5rem)] [&_p]:text-base [&_p]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_p]:leading-7 [&_p]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&_pre]:my-4 [&_pre]:overflow-x-auto [&_pre]:rounded-md [&_pre]:border [&_pre]:px-3 [&_pre]:py-2 [&_pre]:font-mono [&_pre]:text-sm [&_pre]:text-[length:var(--kb-typography-prose-code-size,0.875rem)] [&_pre]:leading-6 [&_pre]:leading-[var(--kb-typography-prose-code-line-height,1.5rem)] [&_pre_code]:border-0 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:text-inherit [&_table]:mb-4 [&_table]:w-full [&_table]:caption-bottom [&_table]:border-collapse [&_table]:text-sm [&_tbody_tr:last-child_td]:border-b-0 [&_td]:border-b [&_td]:px-2 [&_td]:py-2 [&_tfoot_th]:border-t [&_th]:border-b [&_th]:px-2 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold [&_ul:not([data-type='taskList'])]:mb-4 [&_ul:not([data-type='taskList'])]:list-disc [&_ul:not([data-type='taskList'])]:pl-6 [&_ul:not([data-type='taskList'])]:text-base [&_ul:not([data-type='taskList'])]:text-[length:var(--kb-typography-text-body-size,1rem)] [&_ul:not([data-type='taskList'])]:leading-7 [&_ul:not([data-type='taskList'])]:leading-[var(--kb-typography-text-body-line-height,1.75rem)] [&>*:first-child]:mt-0 [&>*:last-child]:mb-0\",\n});\n\nexport type TypographyProseProps = useRender.ComponentProps<\"div\">;\n\nconst TypographyProse = ({\n className,\n render,\n ...props\n}: TypographyProseProps) =>\n useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n className: cn(typographyProseVariants(), className),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-prose\",\n },\n });\n\nexport { TypographyProse, typographyProseVariants };\n","import { createElement } from \"react\";\n\nimport { TypographyText } from \"./typography-text\";\nimport type { TypographyTextAliasProps } from \"./typography-text\";\nexport type TypographySmallProps = TypographyTextAliasProps;\n\nconst defaultRender: NonNullable<TypographyTextAliasProps[\"render\"]> = (\n props\n) => createElement(\"p\", props);\n\nconst TypographySmall = ({\n render = defaultRender,\n ...props\n}: TypographySmallProps) => (\n <TypographyText render={render} variant=\"small\" {...props} />\n);\n\nexport { TypographySmall };\n","import { createElement } from \"react\";\n\nimport { TypographyHeading } from \"./typography-heading\";\nimport type { TypographyHeadingAliasProps } from \"./typography-heading\";\nexport type TypographySubheadingProps = TypographyHeadingAliasProps;\n\nconst defaultRender: NonNullable<TypographyHeadingAliasProps[\"render\"]> = (\n props\n) => createElement(\"h2\", props);\n\nconst TypographySubheading = ({\n render = defaultRender,\n ...props\n}: TypographySubheadingProps) => (\n <TypographyHeading render={render} variant=\"subheading\" {...props} />\n);\n\nexport { TypographySubheading };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TypographyUlProps = useRender.ComponentProps<\"ul\">;\n\nconst TypographyUl = ({ className, render, ...props }: TypographyUlProps) =>\n useRender({\n defaultTagName: \"ul\",\n props: mergeProps<\"ul\">(\n {\n className: cn(\n \"text-foreground list-disc pl-[var(--kb-typography-list-indent,1.25rem)] [&>li]:mt-[var(--kb-typography-list-item-spacing,0.25rem)]\",\n className\n ),\n },\n props\n ),\n render,\n state: {\n slot: \"typography-ul\",\n },\n });\n\nexport { TypographyUl };\n","import type { TypographyBlockquoteProps } from \"./typography-blockquote\";\nimport { TypographyBlockquote } from \"./typography-blockquote\";\nimport { TypographyBody } from \"./typography-body\";\nimport { TypographyCaption } from \"./typography-caption\";\nimport { TypographyDisplay } from \"./typography-display\";\nimport { TypographyEyebrow } from \"./typography-eyebrow\";\nimport { TypographyH1 } from \"./typography-h1\";\nimport { TypographyH2 } from \"./typography-h2\";\nimport { TypographyH3 } from \"./typography-h3\";\nimport { TypographyH4 } from \"./typography-h4\";\nimport { TypographyH5 } from \"./typography-h5\";\nimport { TypographyH6 } from \"./typography-h6\";\nimport { TypographyHeading } from \"./typography-heading\";\nimport type {\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n} from \"./typography-heading\";\nimport { TypographyLead } from \"./typography-lead\";\nimport { TypographyLi } from \"./typography-li\";\nimport type { TypographyLiProps } from \"./typography-li\";\nimport type { TypographyLinkProps } from \"./typography-link\";\nimport { TypographyLink } from \"./typography-link\";\nimport { TypographyMuted } from \"./typography-muted\";\nimport { TypographyOl } from \"./typography-ol\";\nimport type { TypographyOlProps } from \"./typography-ol\";\nimport { TypographyOverline } from \"./typography-overline\";\nimport { TypographyP } from \"./typography-p\";\nimport { TypographyProse, typographyProseVariants } from \"./typography-prose\";\nimport type { TypographyProseProps } from \"./typography-prose\";\nimport { TypographySmall } from \"./typography-small\";\nimport { TypographySubheading } from \"./typography-subheading\";\nimport { TypographyText } from \"./typography-text\";\nimport type {\n TypographyTextAliasProps,\n TypographyTextProps,\n} from \"./typography-text\";\nimport { TypographyUl } from \"./typography-ul\";\nimport type { TypographyUlProps } from \"./typography-ul\";\nimport {\n typographyHeadingVariants,\n typographyTextVariants,\n} from \"./typography-variants\";\nexport type TypographyProps = TypographyTextProps;\n\nconst Typography = Object.assign(TypographyText, {\n Blockquote: TypographyBlockquote,\n Body: TypographyBody,\n Caption: TypographyCaption,\n Display: TypographyDisplay,\n Eyebrow: TypographyEyebrow,\n H1: TypographyH1,\n H2: TypographyH2,\n H3: TypographyH3,\n H4: TypographyH4,\n H5: TypographyH5,\n H6: TypographyH6,\n Heading: TypographyHeading,\n Lead: TypographyLead,\n Li: TypographyLi,\n Link: TypographyLink,\n Muted: TypographyMuted,\n Ol: TypographyOl,\n Overline: TypographyOverline,\n P: TypographyP,\n Prose: TypographyProse,\n Small: TypographySmall,\n Subheading: TypographySubheading,\n Text: TypographyText,\n Ul: TypographyUl,\n});\n\nexport {\n Typography,\n TypographyBlockquote,\n TypographyBody,\n TypographyCaption,\n TypographyDisplay,\n TypographyEyebrow,\n TypographyH1,\n TypographyH2,\n TypographyH3,\n TypographyH4,\n TypographyH5,\n TypographyH6,\n TypographyHeading,\n TypographyLead,\n TypographyLink,\n TypographyLi,\n TypographyMuted,\n TypographyOl,\n TypographyOverline,\n TypographyP,\n TypographyProse,\n TypographySmall,\n TypographySubheading,\n TypographyText,\n TypographyUl,\n typographyHeadingVariants,\n typographyProseVariants,\n typographyTextVariants,\n};\n\nexport type {\n TypographyBlockquoteProps,\n TypographyLinkProps,\n TypographyHeadingAliasProps,\n TypographyHeadingProps,\n TypographyLiProps,\n TypographyOlProps,\n TypographyProseProps,\n TypographyTextAliasProps,\n TypographyTextProps,\n TypographyUlProps,\n};\n\nexport type { TypographyBodyProps } from \"./typography-body\";\nexport type { TypographyCaptionProps } from \"./typography-caption\";\nexport type { TypographyDisplayProps } from \"./typography-display\";\nexport type { TypographyEyebrowProps } from \"./typography-eyebrow\";\nexport type { TypographyH1Props } from \"./typography-h1\";\nexport type { TypographyH2Props } from \"./typography-h2\";\nexport type { TypographyH3Props } from \"./typography-h3\";\nexport type { TypographyH4Props } from \"./typography-h4\";\nexport type { TypographyH5Props } from \"./typography-h5\";\nexport type { TypographyH6Props } from \"./typography-h6\";\nexport type { TypographyLeadProps } from \"./typography-lead\";\nexport type { TypographyMutedProps } from \"./typography-muted\";\nexport type { TypographyOverlineProps } from \"./typography-overline\";\nexport type { TypographyPProps } from \"./typography-p\";\nexport type { TypographySmallProps } from \"./typography-small\";\nexport type { TypographySubheadingProps } from \"./typography-subheading\";\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kuzenbo/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Composable React UI primitives for Kuzenbo.",
|
|
6
6
|
"keywords": [
|
|
@@ -209,7 +209,7 @@
|
|
|
209
209
|
"@base-ui/react": "1.2.0",
|
|
210
210
|
"@hugeicons/core-free-icons": "3.1.1",
|
|
211
211
|
"@hugeicons/react": "1.1.5",
|
|
212
|
-
"@kuzenbo/hooks": "0.0.
|
|
212
|
+
"@kuzenbo/hooks": "0.0.7",
|
|
213
213
|
"cmdk": "1.1.1",
|
|
214
214
|
"culori": "4.0.2",
|
|
215
215
|
"embla-carousel-react": "8.6.0",
|
|
@@ -227,9 +227,9 @@
|
|
|
227
227
|
"devDependencies": {
|
|
228
228
|
"@arethetypeswrong/core": "0.18.2",
|
|
229
229
|
"@happy-dom/global-registrator": "20.6.1",
|
|
230
|
-
"@kuzenbo/storybook": "0.0.
|
|
231
|
-
"@kuzenbo/styles": "0.0.
|
|
232
|
-
"@kuzenbo/theme": "0.0.
|
|
230
|
+
"@kuzenbo/storybook": "0.0.7",
|
|
231
|
+
"@kuzenbo/styles": "0.0.7",
|
|
232
|
+
"@kuzenbo/theme": "0.0.7",
|
|
233
233
|
"@storybook/addon-a11y": "10.2.13",
|
|
234
234
|
"@storybook/addon-docs": "10.2.13",
|
|
235
235
|
"@storybook/addon-themes": "10.2.13",
|
|
@@ -250,7 +250,7 @@
|
|
|
250
250
|
"typescript": "5.9.3"
|
|
251
251
|
},
|
|
252
252
|
"peerDependencies": {
|
|
253
|
-
"@kuzenbo/theme": "^0.0.
|
|
253
|
+
"@kuzenbo/theme": "^0.0.7",
|
|
254
254
|
"react": "^19.0.0",
|
|
255
255
|
"react-dom": "^19.0.0"
|
|
256
256
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-Dzvma_bu.js","names":["DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","DialogPrimitive","Dialog","DialogPrimitive"],"sources":["../src/ui/dialog/dialog-backdrop.tsx","../src/ui/dialog/dialog-close.tsx","../src/ui/dialog/dialog-popup.tsx","../src/ui/dialog/dialog-portal.tsx","../src/ui/dialog/dialog-viewport.tsx","../src/ui/dialog/dialog-content.tsx","../src/ui/dialog/dialog-description.tsx","../src/ui/dialog/dialog-footer.tsx","../src/ui/dialog/dialog-header.tsx","../src/ui/dialog/dialog-overlay.tsx","../src/ui/dialog/dialog-title.tsx","../src/ui/dialog/dialog-trigger.tsx","../src/ui/dialog/dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogBackdropProps = DialogPrimitive.Backdrop.Props;\n\nconst DialogBackdrop = ({ className, ...props }: DialogBackdropProps) => (\n <DialogPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"dialog-backdrop\"\n {...props}\n />\n);\n\nexport { DialogBackdrop };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogCloseProps = DialogPrimitive.Close.Props;\n\nconst DialogClose = ({ className, ...props }: DialogCloseProps) => (\n <DialogPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"dialog-close\"\n {...props}\n />\n);\n\nexport { DialogClose };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogPopupProps = DialogPrimitive.Popup.Props;\n\nconst DialogPopup = ({ className, ...props }: DialogPopupProps) => (\n <DialogPrimitive.Popup\n className={cn(\n \"z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl p-6 text-sm ring-1 duration-100 outline-none sm:max-w-md\",\n className\n )}\n data-slot=\"dialog-popup\"\n {...props}\n />\n);\n\nexport { DialogPopup };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nexport type DialogPortalProps = DialogPrimitive.Portal.Props;\n\nconst DialogPortal = ({ ...props }: DialogPortalProps) => (\n <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n);\n\nexport { DialogPortal };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogViewportProps = DialogPrimitive.Viewport.Props;\n\nconst DialogViewport = ({ className, ...props }: DialogViewportProps) => (\n <DialogPrimitive.Viewport\n className={cn(\n \"z-overlay fixed inset-0 flex items-center justify-center p-4\",\n className\n )}\n data-slot=\"dialog-viewport\"\n {...props}\n />\n);\n\nexport { DialogViewport };\n","\"use client\";\n\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { ActionIcon } from \"../action-icon/action-icon\";\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport type { DialogPopupProps } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogContentProps extends DialogPopupProps {\n showCloseButton?: boolean;\n}\n\nconst DialogContent = ({\n className,\n children,\n showCloseButton = true,\n ...props\n}: DialogContentProps) => (\n <DialogPortal>\n <DialogBackdrop />\n <DialogViewport>\n <DialogPopup className={className} data-slot=\"dialog-content\" {...props}>\n {children}\n {showCloseButton && (\n <DialogClose\n data-slot=\"dialog-close\"\n render={\n <ActionIcon\n className=\"cursor-clickable absolute top-4 right-4\"\n size=\"sm\"\n variant=\"ghost\"\n />\n }\n >\n <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n <span className=\"sr-only\">Close</span>\n </DialogClose>\n )}\n </DialogPopup>\n </DialogViewport>\n </DialogPortal>\n);\n\nexport { DialogContent };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogDescriptionProps = DialogPrimitive.Description.Props;\n\nconst DialogDescription = ({ className, ...props }: DialogDescriptionProps) => (\n <DialogPrimitive.Description\n className={cn(\n \"text-muted-foreground *:[a]:hover:text-foreground text-sm *:[a]:underline *:[a]:underline-offset-3\",\n className\n )}\n data-slot=\"dialog-description\"\n {...props}\n />\n);\n\nexport { DialogDescription };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { DialogClose } from \"./dialog-close\";\n\nexport interface DialogFooterProps extends ComponentProps<\"div\"> {\n showCloseButton?: boolean;\n}\n\nconst DialogFooter = ({\n className,\n showCloseButton = false,\n children,\n ...props\n}: DialogFooterProps) => (\n <div\n className={cn(\n \"-mx-4 mt-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 sm:flex-row sm:justify-end\",\n className\n )}\n data-slot=\"dialog-footer\"\n {...props}\n >\n {children}\n {showCloseButton && (\n <DialogClose\n render={<Button className=\"cursor-clickable\" variant=\"outline\" />}\n >\n Close\n </DialogClose>\n )}\n </div>\n);\n\nexport { DialogFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogHeaderProps = ComponentProps<\"div\">;\n\nconst DialogHeader = ({ className, ...props }: DialogHeaderProps) => (\n <div\n className={cn(\"flex flex-col gap-2\", className)}\n data-slot=\"dialog-header\"\n {...props}\n />\n);\n\nexport { DialogHeader };\n","\"use client\";\n\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport type { DialogBackdropProps } from \"./dialog-backdrop\";\n\nexport type DialogOverlayProps = DialogBackdropProps;\n\nconst DialogOverlay = ({ className, ...props }: DialogOverlayProps) => (\n <DialogBackdrop className={className} data-slot=\"dialog-overlay\" {...props} />\n);\n\nexport { DialogOverlay };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogTitleProps = DialogPrimitive.Title.Props;\n\nconst DialogTitle = ({ className, ...props }: DialogTitleProps) => (\n <DialogPrimitive.Title\n className={cn(\"text-sm leading-none font-medium\", className)}\n data-slot=\"dialog-title\"\n {...props}\n />\n);\n\nexport { DialogTitle };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type DialogTriggerProps = DialogPrimitive.Trigger.Props;\n\nconst DialogTrigger = ({ className, ...props }: DialogTriggerProps) => (\n <DialogPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"dialog-trigger\"\n {...props}\n />\n);\n\nexport { DialogTrigger };\n","\"use client\";\n\nimport { Dialog as DialogPrimitive } from \"@base-ui/react/dialog\";\n\nimport { DialogBackdrop } from \"./dialog-backdrop\";\nimport { DialogClose } from \"./dialog-close\";\nimport { DialogContent } from \"./dialog-content\";\nimport { DialogDescription } from \"./dialog-description\";\nimport { DialogFooter } from \"./dialog-footer\";\nimport { DialogHeader } from \"./dialog-header\";\nimport { DialogOverlay } from \"./dialog-overlay\";\nimport { DialogPopup } from \"./dialog-popup\";\nimport { DialogPortal } from \"./dialog-portal\";\nimport { DialogTitle } from \"./dialog-title\";\nimport { DialogTrigger } from \"./dialog-trigger\";\nimport { DialogViewport } from \"./dialog-viewport\";\n\nexport interface DialogProps extends DialogPrimitive.Root.Props {\n onOpenChange?: (open: boolean) => void;\n}\n\nconst Dialog = ({ ...props }: DialogProps) => (\n <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n);\n\nDialog.Close = DialogClose;\nDialog.Content = DialogContent;\nDialog.Backdrop = DialogBackdrop;\nDialog.Description = DialogDescription;\nDialog.Footer = DialogFooter;\nDialog.Header = DialogHeader;\nDialog.Overlay = DialogOverlay;\nDialog.Portal = DialogPortal;\nDialog.Popup = DialogPopup;\nDialog.Title = DialogTitle;\nDialog.Trigger = DialogTrigger;\nDialog.Viewport = DialogViewport;\n\nexport type { DialogBackdropProps } from \"./dialog-backdrop\";\nexport type { DialogCloseProps } from \"./dialog-close\";\nexport type { DialogContentProps } from \"./dialog-content\";\nexport type { DialogDescriptionProps } from \"./dialog-description\";\nexport type { DialogFooterProps } from \"./dialog-footer\";\nexport type { DialogHeaderProps } from \"./dialog-header\";\nexport type { DialogOverlayProps } from \"./dialog-overlay\";\nexport type { DialogPortalProps } from \"./dialog-portal\";\nexport type { DialogPopupProps } from \"./dialog-popup\";\nexport type { DialogTitleProps } from \"./dialog-title\";\nexport type { DialogTriggerProps } from \"./dialog-trigger\";\nexport type { DialogViewportProps } from \"./dialog-viewport\";\n\nexport {\n Dialog,\n DialogBackdrop,\n DialogClose,\n DialogContent,\n DialogDescription,\n DialogFooter,\n DialogHeader,\n DialogOverlay,\n DialogPortal,\n DialogPopup,\n DialogTitle,\n DialogTrigger,\n DialogViewport,\n};\n"],"mappings":";;;;;;;;;AAOA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACA,OAAgB,UAAjB;CACE,WAAW,GACT,8LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GACT,0VACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,gBAAgB,EAAE,GAAG,YACzB,oBAACC,OAAgB,QAAjB;CAAwB,aAAU;CAAgB,GAAI;CAAS;;;;ACAjE,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,OAAgB,UAAjB;CACE,WAAW,GACT,gEACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACEJ,MAAM,iBAAiB,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,YAEH,qBAAC,cAAD,aACE,oBAAC,gBAAD,EAAkB,GAClB,oBAAC,gBAAD,YACE,qBAAC,aAAD;CAAwB;CAAW,aAAU;CAAiB,GAAI;WAAlE,CACG,UACA,mBACC,qBAAC,aAAD;EACE,aAAU;EACV,QACE,oBAAC,YAAD;GACE,WAAU;GACV,MAAK;GACL,SAAQ;GACR;YAPN,CAUE,oBAAC,eAAD;GAAe,MAAM;GAAc,aAAa;GAAK,GACrD,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,EAC1B;IAEJ;IACC,EACJ;;;;ACtCjB,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,OAAgB,aAAjB;CACE,WAAW,GACT,sGACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,gBAAgB,EACpB,WACA,kBAAkB,OAClB,UACA,GAAG,YAEH,qBAAC,OAAD;CACE,WAAW,GACT,4FACA,UACD;CACD,aAAU;CACV,GAAI;WANN,CAQG,UACA,mBACC,oBAAC,aAAD;EACE,QAAQ,oBAAC,QAAD;GAAQ,WAAU;GAAmB,SAAQ;GAAY;YAClE;EAEa,EAEZ;;;;;AC7BR,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,OAAD;CACE,WAAW,GAAG,uBAAuB,UAAU;CAC/C,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAAC,gBAAD;CAA2B;CAAW,aAAU;CAAiB,GAAI;CAAS;;;;ACDhF,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAACC,OAAgB,OAAjB;CACE,WAAW,GAAG,oCAAoC,UAAU;CAC5D,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAgB,SAAjB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACSJ,MAAMC,YAAU,EAAE,GAAG,YACnB,oBAACC,OAAgB,MAAjB;CAAsB,aAAU;CAAS,GAAI;CAAS;AAGxD,SAAO,QAAQ;AACf,SAAO,UAAU;AACjB,SAAO,WAAW;AAClB,SAAO,cAAc;AACrB,SAAO,SAAS;AAChB,SAAO,SAAS;AAChB,SAAO,UAAU;AACjB,SAAO,SAAS;AAChB,SAAO,QAAQ;AACf,SAAO,QAAQ;AACf,SAAO,UAAU;AACjB,SAAO,WAAW"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sheet-FVsgl5Wk.js","names":["SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive"],"sources":["../src/ui/sheet/sheet-backdrop.tsx","../src/ui/sheet/sheet-close.tsx","../src/ui/sheet/sheet-popup.tsx","../src/ui/sheet/sheet-portal.tsx","../src/ui/sheet/sheet-viewport.tsx","../src/ui/sheet/sheet-content.tsx","../src/ui/sheet/sheet-description.tsx","../src/ui/sheet/sheet-footer.tsx","../src/ui/sheet/sheet-header.tsx","../src/ui/sheet/sheet-overlay.tsx","../src/ui/sheet/sheet-title.tsx","../src/ui/sheet/sheet-trigger.tsx","../src/ui/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetBackdropProps = SheetPrimitive.Backdrop.Props;\n\nconst SheetBackdrop = ({ className, ...props }: SheetBackdropProps) => (\n <SheetPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"sheet-backdrop\"\n {...props}\n />\n);\n\nexport { SheetBackdrop };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetCloseProps = SheetPrimitive.Close.Props;\n\nconst SheetClose = ({ className, ...props }: SheetCloseProps) => (\n <SheetPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"sheet-close\"\n {...props}\n />\n);\n\nexport { SheetClose };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type SheetPopupProps = SheetPrimitive.Popup.Props & {\n side?: SheetSide;\n};\n\nconst SheetPopup = ({\n className,\n side = \"right\",\n ...props\n}: SheetPopupProps) => (\n <SheetPrimitive.Popup\n className={cn(\n \"z-overlay bg-background data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 fixed flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n className\n )}\n data-side={side}\n data-slot=\"sheet-popup\"\n {...props}\n />\n);\n\nexport { SheetPopup };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nexport type SheetPortalProps = SheetPrimitive.Portal.Props;\n\nconst SheetPortal = ({ ...props }: SheetPortalProps) => (\n <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n);\n\nexport { SheetPortal };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetViewportProps = SheetPrimitive.Viewport.Props;\n\nconst SheetViewport = ({ className, ...props }: SheetViewportProps) => (\n <SheetPrimitive.Viewport\n className={cn(\"z-overlay fixed inset-0\", className)}\n data-slot=\"sheet-viewport\"\n {...props}\n />\n);\n\nexport { SheetViewport };\n","\"use client\";\n\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { ActionIcon } from \"../action-icon/action-icon\";\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetPopup } from \"./sheet-popup\";\nimport type { SheetPopupProps, SheetSide } from \"./sheet-popup\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetViewport } from \"./sheet-viewport\";\nexport type SheetContentProps = SheetPopupProps & {\n side?: SheetSide;\n showCloseButton?: boolean;\n};\n\nconst SheetContent = ({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetContentProps) => (\n <SheetPortal>\n <SheetBackdrop />\n <SheetViewport>\n <SheetPopup\n className={className}\n data-slot=\"sheet-content\"\n side={side}\n {...props}\n >\n {children}\n {showCloseButton && (\n <SheetClose\n data-slot=\"sheet-close\"\n render={\n <ActionIcon\n className=\"cursor-clickable absolute top-4 right-4\"\n size=\"sm\"\n variant=\"ghost\"\n />\n }\n >\n <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n <span className=\"sr-only\">Close</span>\n </SheetClose>\n )}\n </SheetPopup>\n </SheetViewport>\n </SheetPortal>\n);\n\nexport { SheetContent };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetDescriptionProps = SheetPrimitive.Description.Props;\n\nconst SheetDescription = ({ className, ...props }: SheetDescriptionProps) => (\n <SheetPrimitive.Description\n className={cn(\"text-muted-foreground text-sm\", className)}\n data-slot=\"sheet-description\"\n {...props}\n />\n);\n\nexport { SheetDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetFooterProps = ComponentProps<\"div\">;\n\nconst SheetFooter = ({ className, ...props }: SheetFooterProps) => (\n <div\n className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n data-slot=\"sheet-footer\"\n {...props}\n />\n);\n\nexport { SheetFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetHeaderProps = ComponentProps<\"div\">;\n\nconst SheetHeader = ({ className, ...props }: SheetHeaderProps) => (\n <div\n className={cn(\"flex flex-col gap-0.5 p-4\", className)}\n data-slot=\"sheet-header\"\n {...props}\n />\n);\n\nexport { SheetHeader };\n","\"use client\";\n\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport type { SheetBackdropProps } from \"./sheet-backdrop\";\nexport type SheetOverlayProps = SheetBackdropProps;\n\nconst SheetOverlay = ({ className, ...props }: SheetOverlayProps) => (\n <SheetBackdrop className={className} data-slot=\"sheet-overlay\" {...props} />\n);\n\nexport { SheetOverlay };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetTitleProps = SheetPrimitive.Title.Props;\n\nconst SheetTitle = ({ className, ...props }: SheetTitleProps) => (\n <SheetPrimitive.Title\n className={cn(\"text-foreground text-base font-medium\", className)}\n data-slot=\"sheet-title\"\n {...props}\n />\n);\n\nexport { SheetTitle };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetTriggerProps = SheetPrimitive.Trigger.Props;\n\nconst SheetTrigger = ({ className, ...props }: SheetTriggerProps) => (\n <SheetPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"sheet-trigger\"\n {...props}\n />\n);\n\nexport { SheetTrigger };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\n\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetContent } from \"./sheet-content\";\nimport { SheetDescription } from \"./sheet-description\";\nimport { SheetFooter } from \"./sheet-footer\";\nimport { SheetHeader } from \"./sheet-header\";\nimport { SheetOverlay } from \"./sheet-overlay\";\nimport { SheetPopup } from \"./sheet-popup\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetTitle } from \"./sheet-title\";\nimport { SheetTrigger } from \"./sheet-trigger\";\nimport { SheetViewport } from \"./sheet-viewport\";\nexport type SheetProps = SheetPrimitive.Root.Props;\n\nconst Sheet = ({ ...props }: SheetProps) => (\n <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n);\n\nSheet.Close = SheetClose;\nSheet.Content = SheetContent;\nSheet.Backdrop = SheetBackdrop;\nSheet.Description = SheetDescription;\nSheet.Footer = SheetFooter;\nSheet.Header = SheetHeader;\nSheet.Overlay = SheetOverlay;\nSheet.Portal = SheetPortal;\nSheet.Popup = SheetPopup;\nSheet.Title = SheetTitle;\nSheet.Trigger = SheetTrigger;\nSheet.Viewport = SheetViewport;\n\nexport {\n Sheet,\n SheetBackdrop,\n SheetClose,\n SheetContent,\n SheetDescription,\n SheetFooter,\n SheetHeader,\n SheetOverlay,\n SheetPortal,\n SheetPopup,\n SheetTitle,\n SheetTrigger,\n SheetViewport,\n};\n\nexport type { SheetBackdropProps } from \"./sheet-backdrop\";\nexport type { SheetCloseProps } from \"./sheet-close\";\nexport type { SheetContentProps } from \"./sheet-content\";\nexport type { SheetDescriptionProps } from \"./sheet-description\";\nexport type { SheetFooterProps } from \"./sheet-footer\";\nexport type { SheetHeaderProps } from \"./sheet-header\";\nexport type { SheetOverlayProps } from \"./sheet-overlay\";\nexport type { SheetPopupProps } from \"./sheet-popup\";\nexport type { SheetPortalProps } from \"./sheet-portal\";\nexport type { SheetTitleProps } from \"./sheet-title\";\nexport type { SheetTriggerProps } from \"./sheet-trigger\";\nexport type { SheetViewportProps } from \"./sheet-viewport\";\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACA,OAAe,UAAhB;CACE,WAAW,GACT,gPACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe,OAAhB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,cAAc,EAClB,WACA,OAAO,SACP,GAAG,YAEH,oBAACC,OAAe,OAAhB;CACE,WAAW,GACT,+mCACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;CACJ;;;;AClBJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,OAAe,QAAhB;CAAuB,aAAU;CAAe,GAAI;CAAS;;;;ACC/D,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAe,UAAhB;CACE,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;CACJ;;;;ACKJ,MAAM,gBAAgB,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,GAAG,YAEH,qBAAC,aAAD,aACE,oBAAC,eAAD,EAAiB,GACjB,oBAAC,eAAD,YACE,qBAAC,YAAD;CACa;CACX,aAAU;CACJ;CACN,GAAI;WAJN,CAMG,UACA,mBACC,qBAAC,YAAD;EACE,aAAU;EACV,QACE,oBAAC,YAAD;GACE,WAAU;GACV,MAAK;GACL,SAAQ;GACR;YAPN,CAUE,oBAAC,eAAD;GAAe,MAAM;GAAc,aAAa;GAAK,GACrD,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,EAC3B;IAEJ;IACC,EACJ;;;;AC7ChB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,OAAe,aAAhB;CACE,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;CACJ;;;;ACPJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,eAAD;CAA0B;CAAW,aAAU;CAAgB,GAAI;CAAS;;;;ACD9E,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe,OAAhB;CACE,WAAW,GAAG,yCAAyC,UAAU;CACjE,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACC,OAAe,SAAhB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACOJ,MAAM,SAAS,EAAE,GAAG,YAClB,oBAACC,OAAe,MAAhB;CAAqB,aAAU;CAAQ,GAAI;CAAS;AAGtD,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,WAAW"}
|