@thangnqdev/ui 0.2.0 → 0.2.2
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/LICENSE +21 -21
- package/README.md +144 -142
- package/bin/cli.js +125 -0
- package/dist/bento/index.cjs.map +1 -1
- package/dist/bento/index.js +2 -2
- package/dist/buttons/index.cjs.map +1 -1
- package/dist/buttons/index.js +3 -3
- package/dist/{chunk-77KTYOMQ.js → chunk-2OXZK6IP.js} +3 -3
- package/dist/chunk-2OXZK6IP.js.map +1 -0
- package/dist/{chunk-4CRFNALF.js → chunk-4GNFT2ZJ.js} +7 -7
- package/dist/chunk-4GNFT2ZJ.js.map +1 -0
- package/dist/{chunk-2YJBW4E2.js → chunk-4S6L5V7X.js} +2 -2
- package/dist/chunk-4S6L5V7X.js.map +1 -0
- package/dist/{chunk-I2FQBMVW.js → chunk-66VWUJEI.js} +3 -3
- package/dist/chunk-66VWUJEI.js.map +1 -0
- package/dist/{chunk-YOCGBORV.js → chunk-7NMB2Y64.js} +4 -4
- package/dist/chunk-7NMB2Y64.js.map +1 -0
- package/dist/{chunk-V52JOSDF.js → chunk-A7P3O5Z5.js} +3 -3
- package/dist/chunk-A7P3O5Z5.js.map +1 -0
- package/dist/{chunk-ME4XILG5.js → chunk-ATYGDTMK.js} +5 -5
- package/dist/chunk-ATYGDTMK.js.map +1 -0
- package/dist/{chunk-S6XJMYME.js → chunk-C4SUXMI3.js} +3 -3
- package/dist/chunk-C4SUXMI3.js.map +1 -0
- package/dist/{chunk-EXFR2BFJ.js → chunk-DUPPPGXY.js} +7 -7
- package/dist/chunk-DUPPPGXY.js.map +1 -0
- package/dist/{chunk-I5O2WCGF.js → chunk-EU2LPUYP.js} +3 -3
- package/dist/chunk-EU2LPUYP.js.map +1 -0
- package/dist/{chunk-D7FB3TCA.js → chunk-GXI2H5XA.js} +3 -3
- package/dist/chunk-GXI2H5XA.js.map +1 -0
- package/dist/{chunk-ADO3SVUA.js → chunk-IABPUCAQ.js} +2 -2
- package/dist/chunk-IABPUCAQ.js.map +1 -0
- package/dist/{chunk-PC5SZFZC.js → chunk-JOKEKOP3.js} +8 -8
- package/dist/chunk-JOKEKOP3.js.map +1 -0
- package/dist/{chunk-GXWB6BSY.js → chunk-KUQWUTZA.js} +4 -4
- package/dist/chunk-KUQWUTZA.js.map +1 -0
- package/dist/{chunk-ZEDXARXW.js → chunk-U3J4UPV3.js} +2 -2
- package/dist/chunk-U3J4UPV3.js.map +1 -0
- package/dist/{chunk-DSEL7ELZ.js → chunk-VE2PNSDQ.js} +4 -4
- package/dist/chunk-VE2PNSDQ.js.map +1 -0
- package/dist/{chunk-YJ64RI7J.js → chunk-WAFHC4DQ.js} +3 -3
- package/dist/chunk-WAFHC4DQ.js.map +1 -0
- package/dist/{chunk-W5WNWTQC.js → chunk-YJ67WYVW.js} +5 -5
- package/dist/chunk-YJ67WYVW.js.map +1 -0
- package/dist/{chunk-4MS6ZHFQ.js → chunk-Z427NPMU.js} +7 -7
- package/dist/chunk-Z427NPMU.js.map +1 -0
- package/dist/core/index.cjs +4 -4
- package/dist/core/index.cjs.map +1 -1
- package/dist/core/index.js +2 -2
- package/dist/data-display/index.cjs.map +1 -1
- package/dist/data-display/index.js +5 -5
- package/dist/feedback/index.cjs.map +1 -1
- package/dist/feedback/index.js +2 -2
- package/dist/forms/index.cjs.map +1 -1
- package/dist/forms/index.js +8 -8
- package/dist/glass/index.cjs.map +1 -1
- package/dist/glass/index.js +2 -2
- package/dist/index.cjs +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +19 -19
- package/dist/layout/index.cjs.map +1 -1
- package/dist/layout/index.js +2 -2
- package/dist/navigation/index.cjs.map +1 -1
- package/dist/navigation/index.js +6 -6
- package/dist/overlays/index.cjs.map +1 -1
- package/dist/overlays/index.js +7 -7
- package/dist/reset.css +45 -45
- package/dist/tokens.css +11 -11
- package/dist/typography/index.cjs.map +1 -1
- package/dist/typography/index.js +4 -4
- package/llms.txt +3 -3
- package/package.json +166 -159
- package/scripts/postinstall.js +125 -0
- package/src/bento/BentoCard.tsx +140 -140
- package/src/bento/BentoGrid.tsx +50 -50
- package/src/bento/index.ts +2 -2
- package/src/bento/tokens.css +46 -46
- package/src/buttons/Button.tsx +104 -104
- package/src/buttons/ButtonGroup.tsx +43 -43
- package/src/buttons/IconButton.tsx +79 -79
- package/src/buttons/SplitButton.tsx +186 -186
- package/src/buttons/ToggleButton.tsx +157 -157
- package/src/buttons/index.ts +5 -5
- package/src/buttons/tokens.css +6 -6
- package/src/core/ThemeProvider.tsx +133 -133
- package/src/core/index.ts +2 -2
- package/src/core/tokens.css +134 -134
- package/src/data-display/Accordion.tsx +147 -147
- package/src/data-display/Avatar.tsx +134 -134
- package/src/data-display/Card.tsx +112 -112
- package/src/data-display/Chip.tsx +74 -74
- package/src/data-display/DataTablePro.tsx +534 -534
- package/src/data-display/StatCard.tsx +60 -60
- package/src/data-display/Table.tsx +74 -74
- package/src/data-display/Timeline.tsx +62 -62
- package/src/data-display/TreeView.tsx +279 -279
- package/src/data-display/tokens.css +4 -4
- package/src/feedback/Alert.tsx +80 -80
- package/src/feedback/EmptyState.tsx +45 -45
- package/src/feedback/Skeleton.tsx +66 -66
- package/src/feedback/Spinner.tsx +65 -65
- package/src/feedback/index.ts +5 -5
- package/src/feedback/tokens.css +4 -4
- package/src/forms/Checkbox.tsx +149 -149
- package/src/forms/CheckboxGroup.tsx +76 -76
- package/src/forms/Combobox.tsx +512 -512
- package/src/forms/DatePicker.tsx +784 -784
- package/src/forms/FileUpload.tsx +266 -266
- package/src/forms/FormField.tsx +115 -115
- package/src/forms/Input.tsx +151 -151
- package/src/forms/NumberInput.tsx +262 -262
- package/src/forms/PasswordInput.tsx +35 -35
- package/src/forms/PinInput.tsx +139 -139
- package/src/forms/Radio.tsx +142 -142
- package/src/forms/RangeSlider.tsx +237 -237
- package/src/forms/SearchInput.tsx +34 -34
- package/src/forms/Select.tsx +103 -103
- package/src/forms/Slider.tsx +85 -85
- package/src/forms/Textarea.tsx +114 -114
- package/src/forms/tokens.css +6 -6
- package/src/glass/GlassButton.tsx +59 -59
- package/src/glass/GlassCard.tsx +71 -71
- package/src/glass/index.ts +3 -3
- package/src/glass/tokens.css +81 -81
- package/src/index.ts +26 -26
- package/src/layout/AspectRatio.tsx +39 -39
- package/src/layout/Container.tsx +53 -53
- package/src/layout/Divider.tsx +61 -61
- package/src/layout/Flex.tsx +79 -79
- package/src/layout/Grid.tsx +124 -124
- package/src/layout/PageLayout.tsx +59 -59
- package/src/layout/Section.tsx +47 -47
- package/src/layout/Spacer.tsx +30 -30
- package/src/layout/Stack.tsx +88 -88
- package/src/layout/tokens.css +8 -8
- package/src/navigation/Breadcrumb.tsx +73 -73
- package/src/navigation/CommandPalette.tsx +142 -142
- package/src/navigation/DropdownMenu.tsx +244 -244
- package/src/navigation/Pagination.tsx +114 -114
- package/src/navigation/Stepper.tsx +93 -93
- package/src/navigation/Tabs.tsx +265 -265
- package/src/navigation/index.ts +6 -6
- package/src/navigation/tokens.css +4 -4
- package/src/overlays/AlertDialog.tsx +63 -63
- package/src/overlays/BottomSheet.tsx +143 -143
- package/src/overlays/ContextMenu.tsx +161 -161
- package/src/overlays/Drawer.tsx +160 -160
- package/src/overlays/FocusTrap.tsx +122 -122
- package/src/overlays/Modal.tsx +296 -296
- package/src/overlays/Popover.tsx +156 -156
- package/src/overlays/Portal.tsx +23 -23
- package/src/overlays/Toast.tsx +175 -175
- package/src/overlays/Tooltip.tsx +125 -125
- package/src/overlays/tokens.css +8 -8
- package/src/registry/components.ts +1368 -1368
- package/src/styles/components.css +39 -39
- package/src/styles/index.css +5 -5
- package/src/styles/reset.css +45 -45
- package/src/styles/tokens.css +11 -11
- package/src/typography/Blockquote.tsx +32 -32
- package/src/typography/Code.tsx +89 -89
- package/src/typography/Heading.tsx +56 -56
- package/src/typography/Kbd.tsx +25 -25
- package/src/typography/Label.tsx +47 -47
- package/src/typography/Link.tsx +56 -56
- package/src/typography/Text.tsx +62 -62
- package/src/typography/index.ts +7 -7
- package/src/typography/tokens.css +5 -5
- package/src/utils/cn.ts +6 -6
- package/src/utils/scroll-lock.ts +19 -19
- package/src/utils/useControllableState.ts +54 -54
- package/ui-contract.json +1 -1
- package/dist/chunk-2YJBW4E2.js.map +0 -1
- package/dist/chunk-4CRFNALF.js.map +0 -1
- package/dist/chunk-4MS6ZHFQ.js.map +0 -1
- package/dist/chunk-77KTYOMQ.js.map +0 -1
- package/dist/chunk-ADO3SVUA.js.map +0 -1
- package/dist/chunk-D7FB3TCA.js.map +0 -1
- package/dist/chunk-DSEL7ELZ.js.map +0 -1
- package/dist/chunk-EXFR2BFJ.js.map +0 -1
- package/dist/chunk-GXWB6BSY.js.map +0 -1
- package/dist/chunk-I2FQBMVW.js.map +0 -1
- package/dist/chunk-I5O2WCGF.js.map +0 -1
- package/dist/chunk-ME4XILG5.js.map +0 -1
- package/dist/chunk-PC5SZFZC.js.map +0 -1
- package/dist/chunk-S6XJMYME.js.map +0 -1
- package/dist/chunk-V52JOSDF.js.map +0 -1
- package/dist/chunk-W5WNWTQC.js.map +0 -1
- package/dist/chunk-YJ64RI7J.js.map +0 -1
- package/dist/chunk-YOCGBORV.js.map +0 -1
- package/dist/chunk-ZEDXARXW.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __export, cn } from './chunk-
|
|
1
|
+
import { __export, cn } from './chunk-4S6L5V7X.js';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -159,5 +159,5 @@ var GlassBadge = ({
|
|
|
159
159
|
};
|
|
160
160
|
|
|
161
161
|
export { GlassBadge, GlassButton, GlassCard, glass_exports };
|
|
162
|
-
//# sourceMappingURL=chunk-
|
|
163
|
-
//# sourceMappingURL=chunk-
|
|
162
|
+
//# sourceMappingURL=chunk-A7P3O5Z5.js.map
|
|
163
|
+
//# sourceMappingURL=chunk-A7P3O5Z5.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/glass/index.ts","../src/glass/GlassCard.tsx","../src/glass/GlassButton.tsx","../src/glass/GlassBadge.tsx"],"names":["cva","forwardRef","jsxs","jsx"],"mappings":"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","file":"chunk-A7P3O5Z5.js","sourcesContent":["export * from './GlassCard';\r\nexport * from './GlassButton';\r\nexport * from './GlassBadge';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nconst glassCardVariants = cva(\r\n 'relative overflow-hidden transition-all duration-300 text-[var(--ui-glass-text-primary)]',\r\n {\r\n variants: {\r\n intensity: {\r\n subtle:\r\n 'bg-[var(--ui-glass-subtle-bg)] backdrop-blur-[var(--ui-glass-subtle-blur)] border border-[var(--ui-glass-subtle-border)]',\r\n standard:\r\n 'bg-[var(--ui-glass-standard-bg)] backdrop-blur-[var(--ui-glass-standard-blur)] border border-[var(--ui-glass-standard-border)] shadow-[var(--ui-glass-standard-shadow)]',\r\n frosted:\r\n 'bg-[var(--ui-glass-frosted-bg)] backdrop-blur-[var(--ui-glass-frosted-blur)] border border-[var(--ui-glass-frosted-border)] shadow-[var(--ui-glass-frosted-shadow)]',\r\n acrylic:\r\n 'bg-[image:var(--ui-glass-acrylic-bg)] backdrop-blur-[var(--ui-glass-acrylic-blur)] border border-[var(--ui-glass-acrylic-border)] shadow-[var(--ui-glass-acrylic-shadow)]',\r\n },\r\n glow: {\r\n none: '',\r\n cyan: 'hover:shadow-[0_0_40px_-8px_rgba(56,189,248,0.3)] hover:border-sky-400/40',\r\n purple: 'hover:shadow-[0_0_40px_-8px_rgba(192,132,252,0.3)] hover:border-purple-400/40',\r\n white: 'hover:shadow-[0_0_35px_-8px_rgba(255,255,255,0.25)] hover:border-white/30',\r\n },\r\n radius: {\r\n md: 'rounded-xl',\r\n lg: 'rounded-2xl',\r\n xl: 'rounded-3xl',\r\n },\r\n padding: {\r\n sm: 'p-4',\r\n md: 'p-6',\r\n lg: 'p-8',\r\n },\r\n },\r\n defaultVariants: {\r\n intensity: 'standard',\r\n glow: 'none',\r\n radius: 'lg',\r\n padding: 'md',\r\n },\r\n }\r\n);\r\n\r\nexport interface GlassCardProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof glassCardVariants> {\r\n specularLight?: boolean;\r\n}\r\n\r\nexport const GlassCard = forwardRef<HTMLDivElement, GlassCardProps>(\r\n ({ className, intensity, glow, radius, padding, specularLight = true, children, ...props }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(glassCardVariants({ intensity, glow, radius, padding, className }))}\r\n {...props}\r\n >\r\n {specularLight && (\r\n <div\r\n className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-[image:var(--ui-glass-specular-light)] opacity-80\"\r\n aria-hidden=\"true\"\r\n />\r\n )}\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nGlassCard.displayName = 'GlassCard';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nconst glassButtonVariants = cva(\r\n 'group relative inline-flex items-center justify-center font-medium tracking-tight transition-all duration-300 active:scale-[0.97] disabled:pointer-events-none disabled:opacity-40 overflow-hidden cursor-pointer select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-900 dark:focus-visible:ring-white/90 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--ui-focus-ring-offset)]',\r\n {\r\n variants: {\r\n variant: {\r\n default:\r\n 'bg-[var(--ui-glass-btn-default-bg)] hover:bg-[var(--ui-glass-btn-default-hover)] backdrop-blur-md border border-[var(--ui-glass-btn-default-border)] text-[var(--ui-glass-btn-default-text)] shadow-sm dark:shadow-[0_4px_24px_rgba(0,0,0,0.35)] hover:border-black/20 dark:hover:border-white/35',\r\n primary:\r\n 'bg-slate-900 text-white dark:bg-white dark:text-slate-950 font-semibold shadow-md hover:bg-slate-800 dark:hover:bg-slate-100 border border-slate-700 dark:border-white shadow-[0_4px_20px_rgba(0,0,0,0.2)] dark:shadow-[0_0_24px_rgba(255,255,255,0.25)]',\r\n luminescent:\r\n 'bg-gradient-to-r from-slate-800/80 to-slate-900/80 text-white dark:from-white/15 dark:to-white/5 dark:text-white backdrop-blur-xl border border-white/20 dark:border-white/30 shadow-[0_0_20px_-4px_rgba(255,255,255,0.15)] hover:border-white/50 hover:shadow-[0_0_30px_-4px_rgba(255,255,255,0.3)]',\r\n ghost:\r\n 'bg-transparent hover:bg-black/5 dark:hover:bg-white/10 backdrop-blur-sm border border-transparent hover:border-black/10 dark:hover:border-white/15 text-[var(--ui-glass-text-secondary)] hover:text-[var(--ui-glass-text-primary)]',\r\n },\r\n size: {\r\n sm: 'h-8 px-3.5 text-xs rounded-xl gap-1.5',\r\n md: 'h-10 px-5 text-sm rounded-2xl gap-2',\r\n lg: 'h-12 px-7 text-base rounded-2xl gap-2.5',\r\n icon: 'h-10 w-10 rounded-2xl',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n size: 'md',\r\n },\r\n }\r\n);\r\n\r\nexport interface GlassButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof glassButtonVariants> {\r\n shimmer?: boolean;\r\n}\r\n\r\nexport const GlassButton = forwardRef<HTMLButtonElement, GlassButtonProps>(\r\n ({ className, variant, size, shimmer = true, children, ...props }, ref) => {\r\n return (\r\n <button\r\n ref={ref}\r\n className={cn(glassButtonVariants({ variant, size, className }))}\r\n {...props}\r\n >\r\n {shimmer && (\r\n <span\r\n className=\"pointer-events-none absolute -inset-full top-0 block -rotate-45 bg-gradient-to-r from-transparent via-white/25 dark:via-white/15 to-transparent transition-all duration-700 motion-safe:group-hover:translate-x-full\"\r\n aria-hidden=\"true\"\r\n />\r\n )}\r\n <span className=\"relative z-10 inline-flex items-center gap-2\">{children}</span>\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nGlassButton.displayName = 'GlassButton';\r\n","import React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../utils/cn';\n\nconst glassBadgeVariants = cva(\n 'inline-flex items-center font-sans font-semibold tracking-tight rounded-full backdrop-blur-xl border transition-all select-none',\n {\n variants: {\n variant: {\n default:\n 'bg-[var(--ui-bg-secondary)]/80 text-[var(--ui-text-primary)] border-[var(--ui-border-default)] shadow-xs',\n emerald:\n 'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/25 shadow-xs shadow-emerald-500/10',\n cyan:\n 'bg-blue-500/15 text-blue-600 dark:text-blue-400 border-blue-500/25 shadow-xs shadow-blue-500/10',\n purple:\n 'bg-purple-500/15 text-purple-600 dark:text-purple-400 border-purple-500/25 shadow-xs shadow-purple-500/10',\n amber:\n 'bg-amber-500/15 text-amber-600 dark:text-amber-400 border-amber-500/25 shadow-xs shadow-amber-500/10',\n rose:\n 'bg-rose-500/15 text-rose-600 dark:text-rose-400 border-rose-500/25 shadow-xs shadow-rose-500/10',\n },\n size: {\n sm: 'text-[10px] px-2 py-0.5 gap-1',\n md: 'text-[11px] px-2.5 py-0.5 gap-1.5',\n lg: 'text-xs px-3 py-1 gap-1.5',\n },\n },\n defaultVariants: {\n variant: 'default',\n size: 'md',\n },\n }\n);\n\nexport interface GlassBadgeProps\n extends React.HTMLAttributes<HTMLSpanElement>,\n VariantProps<typeof glassBadgeVariants> {\n dot?: boolean;\n}\n\nexport const GlassBadge: React.FC<GlassBadgeProps> = ({\n className,\n variant,\n size,\n dot = false,\n children,\n ...props\n}) => {\n return (\n <span className={cn(glassBadgeVariants({ variant, size, className }))} {...props}>\n {dot && (\n <span\n className=\"h-1.5 w-1.5 rounded-full bg-current motion-safe:animate-pulse shrink-0\"\n aria-hidden=\"true\"\n />\n )}\n <span>{children}</span>\n </span>\n );\n};\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { labelVariants, Label } from './chunk-
|
|
2
|
-
import { Kbd } from './chunk-
|
|
3
|
-
import { __export, cn } from './chunk-
|
|
1
|
+
import { labelVariants, Label } from './chunk-GXI2H5XA.js';
|
|
2
|
+
import { Kbd } from './chunk-EU2LPUYP.js';
|
|
3
|
+
import { __export, cn } from './chunk-4S6L5V7X.js';
|
|
4
4
|
import { forwardRef, useState } from 'react';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
@@ -253,5 +253,5 @@ var Blockquote = forwardRef(
|
|
|
253
253
|
Blockquote.displayName = "Blockquote";
|
|
254
254
|
|
|
255
255
|
export { Blockquote, Code, CodeBlock, Heading, Link, Text, headingVariants, linkVariants, textVariants, typography_exports };
|
|
256
|
-
//# sourceMappingURL=chunk-
|
|
257
|
-
//# sourceMappingURL=chunk-
|
|
256
|
+
//# sourceMappingURL=chunk-ATYGDTMK.js.map
|
|
257
|
+
//# sourceMappingURL=chunk-ATYGDTMK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/typography/index.ts","../src/typography/Heading.tsx","../src/typography/Text.tsx","../src/typography/Link.tsx","../src/typography/Code.tsx","../src/typography/Blockquote.tsx"],"names":["cva","forwardRef","jsx","jsxs"],"mappings":";;;;;;;;;AAAA,IAAA,kBAAA,GAAA;AAAA,QAAA,CAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,MAAA,UAAA;AAAA,EAAA,IAAA,EAAA,MAAA,IAAA;AAAA,EAAA,SAAA,EAAA,MAAA,SAAA;AAAA,EAAA,OAAA,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA,EAAA,MAAA,GAAA;AAAA,EAAA,KAAA,EAAA,MAAA,KAAA;AAAA,EAAA,IAAA,EAAA,MAAA,IAAA;AAAA,EAAA,IAAA,EAAA,MAAA,IAAA;AAAA,EAAA,eAAA,EAAA,MAAA,eAAA;AAAA,EAAA,aAAA,EAAA,MAAA,aAAA;AAAA,EAAA,YAAA,EAAA,MAAA,YAAA;AAAA,EAAA,YAAA,EAAA,MAAA;AAAA,CAAA,CAAA;ACIO,IAAM,eAAA,GAAkB,IAAI,wDAAA,EAA0D;AAAA,EAC3F,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,gEAAA;AAAA,MACJ,EAAA,EAAI,+CAAA;AAAA,MACJ,EAAA,EAAI,+CAAA;AAAA,MACJ,EAAA,EAAI,mCAAA;AAAA,MACJ,EAAA,EAAI,kCAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,MAAA,EAAQ,aAAA;AAAA,MACR,QAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAM,WAAA;AAAA,MACN,SAAA,EAAW;AAAA,KACb;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAQM,IAAM,OAAA,GAAU,UAAA;AAAA,EACrB,CAAC,EAAE,SAAA,EAAW,IAAA,GAAO,IAAA,EAAM,MAAA,EAAQ,KAAA,EAAO,EAAA,EAAI,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC1E,IAAA,MAAM,SAAA,GAAa,MAAM,IAAA,IAAQ,IAAA;AAEjC,IAAA,uBACE,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,eAAA,CAAgB,EAAE,MAAM,MAAA,EAAQ,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,QAChE,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;ACnDf,IAAM,YAAA,GAAeA,IAAI,iBAAA,EAAmB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,yCAAA;AAAA,MACN,IAAA,EAAM,gFAAA;AAAA,MACN,KAAA,EAAO,qCAAA;AAAA,MACP,KAAA,EAAO,qDAAA;AAAA,MACP,OAAA,EAAS,4EAAA;AAAA,MACT,WAAA,EAAa,4CAAA;AAAA,MACb,OAAA,EAAS;AAAA,KACX;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO,YAAA;AAAA,MACP,MAAA,EAAQ,aAAA;AAAA,MACR,MAAA,EAAQ,aAAA;AAAA,MACR,QAAA,EAAU,eAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,WAAA;AAAA,MACN,MAAA,EAAQ,aAAA;AAAA,MACR,KAAA,EAAO,YAAA;AAAA,MACP,OAAA,EAAS;AAAA,KACX;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,UAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,MAAA;AAAA,IACT,MAAA,EAAQ,QAAA;AAAA,IACR,KAAA,EAAO,MAAA;AAAA,IACP,QAAA,EAAU;AAAA;AAEd,CAAC;AAQM,IAAM,IAAA,GAAOC,UAAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,QAAQ,KAAA,EAAO,QAAA,EAAU,EAAA,EAAI,SAAA,GAAY,GAAA,EAAK,QAAA,EAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AACjG,IAAA,uBACEC,GAAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,YAAA,CAAa,EAAE,OAAA,EAAS,QAAQ,KAAA,EAAO,QAAA,EAAU,CAAA,EAAG,SAAS,CAAA;AAAA,QAC1E,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;ACxDZ,IAAM,YAAA,GAAeF,GAAAA;AAAA,EAC1B,6OAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ,8BAAA;AAAA,QACR,KAAA,EAAO,oCAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,+DAAA;AAAA,QACT,SAAA,EAAW,qEAAA;AAAA,QACX,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,SAAA,EAAW,OAAA;AAAA,MACX,OAAA,EAAS;AAAA;AACX;AAEJ;AASO,IAAM,IAAA,GAAOC,UAAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,SAAA,EAAW,OAAA,EAAS,QAAA,EAAU,gBAAA,GAAmB,IAAA,EAAM,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjG,IAAA,MAAM,UAAA,GAAa,aAAa,KAAA,CAAM,IAAA,EAAM,WAAW,MAAM,CAAA,IAAK,MAAM,MAAA,KAAW,QAAA,CAAA;AAEnF,IAAA,uBACE,IAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,MAAA,EAAQ,UAAA,GAAa,QAAA,GAAW,KAAA,CAAM,MAAA;AAAA,QACtC,GAAA,EAAK,UAAA,GAAa,qBAAA,GAAwB,KAAA,CAAM,GAAA;AAAA,QAChD,SAAA,EAAW,GAAG,YAAA,CAAa,EAAE,WAAW,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QAC5D,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,cAAc,gBAAA,oBACbC,GAAAA,CAAC,YAAA,EAAA,EAAa,WAAU,0DAAA,EAA2D;AAAA;AAAA;AAAA,KAEvF;AAAA,EAEJ;AACF;AAEA,IAAA,CAAK,WAAA,GAAc,MAAA;AC/CZ,IAAM,IAAA,GAAOD,UAAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1C,IAAA,uBACEC,GAAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,6KAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAQZ,IAAM,SAAA,GAAYD,UAAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,QAAA,GAAW,MAAA,EAAQ,QAAA,GAAW,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAC1E,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,KAAK,CAAA;AAE1C,IAAA,MAAM,aAAa,YAAY;AAC7B,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,IAAI,CAAA;AACxC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,CAAA,EAAG,GAAI,CAAA;AAAA,MACzC,SAAS,GAAA,EAAK;AACZ,QAAA,OAAA,CAAQ,KAAA,CAAM,uBAAuB,GAAG,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AAEA,IAAA,uBACEE,IAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,qIAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAGJ,QAAA,EAAA;AAAA,0BAAAA,IAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qKAAA,EACb,QAAA,EAAA;AAAA,4BAAAD,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAA,EAA0C,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,YAClE,4BACCA,GAAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,QAAA;AAAA,gBACL,OAAA,EAAS,UAAA;AAAA,gBACT,SAAA,EAAU,2HAAA;AAAA,gBACV,YAAA,EAAY,SAAS,aAAA,GAAgB,wBAAA;AAAA,gBAEpC,QAAA,EAAA,MAAA,mBACCC,IAAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAAD,GAAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,sCAAA,EAAuC,CAAA;AAAA,kCACxDA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,wCAAuC,QAAA,EAAA,QAAA,EAAM;AAAA,iBAAA,EAC/D,CAAA,mBAEAC,IAAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,kCAAAD,GAAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAU,aAAA,EAAc,CAAA;AAAA,kCAC9BA,GAAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAc,QAAA,EAAA,MAAA,EAAI;AAAA,iBAAA,EACpC;AAAA;AAAA;AAEJ,WAAA,EAEJ,CAAA;AAAA,0BAGAA,IAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qEACb,QAAA,kBAAAA,GAAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,IAAA,EAAK,CAAA,EACd;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AChFjB,IAAM,UAAA,GAAaD,UAAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,UAAA,EAAY,YAAY,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAClE,IAAA,uBACEE,IAAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,kGAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAAD,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sBAAA,EAAwB,QAAA,EAAS,CAAA;AAAA,UAAA,CAC9C,cAAc,UAAA,qBACdC,IAAAA,CAAC,QAAA,EAAA,EAAO,WAAU,6EAAA,EACf,QAAA,EAAA;AAAA,YAAA,UAAA,oBAAcA,KAAC,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,cAAA,SAAA;AAAA,cAAG;AAAA,aAAA,EAAW,CAAA;AAAA,YAClC,UAAA,oBAAcA,IAAAA,CAAC,MAAA,EAAA,EAAK,WAAU,iBAAA,EAAkB,QAAA,EAAA;AAAA,cAAA,GAAA;AAAA,cAAE,UAAA;AAAA,cAAW;AAAA,aAAA,EAAC;AAAA,WAAA,EACjE;AAAA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-ATYGDTMK.js","sourcesContent":["export * from './Heading';\r\nexport * from './Text';\r\nexport * from './Label';\r\nexport * from './Link';\r\nexport * from './Code';\r\nexport * from './Blockquote';\r\nexport * from './Kbd';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const headingVariants = cva('font-bold tracking-tight text-[var(--ui-text-primary)]', {\r\n variants: {\r\n size: {\r\n h1: 'text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight',\r\n h2: 'text-3xl sm:text-4xl font-bold tracking-tight',\r\n h3: 'text-2xl sm:text-3xl font-bold tracking-tight',\r\n h4: 'text-xl sm:text-2xl font-semibold',\r\n h5: 'text-lg sm:text-xl font-semibold',\r\n h6: 'text-base sm:text-lg font-medium',\r\n },\r\n weight: {\r\n normal: 'font-normal',\r\n medium: 'font-medium',\r\n semibold: 'font-semibold',\r\n bold: 'font-bold',\r\n extrabold: 'font-extrabold',\r\n },\r\n align: {\r\n left: 'text-left',\r\n center: 'text-center',\r\n right: 'text-right',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'h2',\r\n align: 'left',\r\n },\r\n});\r\n\r\nexport interface HeadingProps\r\n extends React.HTMLAttributes<HTMLHeadingElement>,\r\n VariantProps<typeof headingVariants> {\r\n as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';\r\n}\r\n\r\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\r\n ({ className, size = 'h2', weight, align, as, children, ...props }, ref) => {\r\n const Component = (as || size || 'h2') as React.ElementType;\r\n\r\n return (\r\n <Component\r\n ref={ref}\r\n className={cn(headingVariants({ size, weight, align }), className)}\r\n {...props}\r\n >\r\n {children}\r\n </Component>\r\n );\r\n }\r\n);\r\n\r\nHeading.displayName = 'Heading';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const textVariants = cva('leading-relaxed', {\r\n variants: {\r\n variant: {\r\n body: 'text-base text-[var(--ui-text-primary)]',\r\n lead: 'text-lg sm:text-xl text-[var(--ui-text-secondary)] font-normal leading-relaxed',\r\n muted: 'text-sm text-[var(--ui-text-muted)]',\r\n small: 'text-xs text-[var(--ui-text-secondary)] font-normal',\r\n caption: 'text-xs text-[var(--ui-text-muted)] uppercase tracking-wider font-semibold',\r\n destructive: 'text-sm text-[var(--ui-error)] font-medium',\r\n success: 'text-sm text-[var(--ui-success)] font-medium',\r\n },\r\n weight: {\r\n light: 'font-light',\r\n normal: 'font-normal',\r\n medium: 'font-medium',\r\n semibold: 'font-semibold',\r\n bold: 'font-bold',\r\n },\r\n align: {\r\n left: 'text-left',\r\n center: 'text-center',\r\n right: 'text-right',\r\n justify: 'text-justify',\r\n },\r\n truncate: {\r\n true: 'truncate',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'body',\r\n weight: 'normal',\r\n align: 'left',\r\n truncate: false,\r\n },\r\n});\r\n\r\nexport interface TextProps\r\n extends React.HTMLAttributes<HTMLElement>,\r\n VariantProps<typeof textVariants> {\r\n as?: React.ElementType;\r\n}\r\n\r\nexport const Text = forwardRef<HTMLElement, TextProps>(\r\n ({ className, variant, weight, align, truncate, as: Component = 'p', children, ...props }, ref) => {\r\n return (\r\n <Component\r\n ref={ref}\r\n className={cn(textVariants({ variant, weight, align, truncate }), className)}\r\n {...props}\r\n >\r\n {children}\r\n </Component>\r\n );\r\n }\r\n);\r\n\r\nText.displayName = 'Text';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { ExternalLink } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const linkVariants = cva(\r\n 'inline-flex items-center gap-1 font-medium transition-colors cursor-pointer text-[var(--ui-primary)] hover:text-[var(--ui-primary-hover)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] rounded-sm',\r\n {\r\n variants: {\r\n underline: {\r\n always: 'underline underline-offset-4',\r\n hover: 'hover:underline underline-offset-4',\r\n none: 'no-underline',\r\n },\r\n variant: {\r\n primary: 'text-[var(--ui-primary)] hover:text-[var(--ui-primary-hover)]',\r\n secondary: 'text-[var(--ui-text-secondary)] hover:text-[var(--ui-text-primary)]',\r\n muted: 'text-[var(--ui-text-muted)] hover:text-[var(--ui-text-secondary)]',\r\n },\r\n },\r\n defaultVariants: {\r\n underline: 'hover',\r\n variant: 'primary',\r\n },\r\n }\r\n);\r\n\r\nexport interface LinkProps\r\n extends React.AnchorHTMLAttributes<HTMLAnchorElement>,\r\n VariantProps<typeof linkVariants> {\r\n external?: boolean;\r\n showExternalIcon?: boolean;\r\n}\r\n\r\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\r\n ({ className, underline, variant, external, showExternalIcon = true, children, ...props }, ref) => {\r\n const isExternal = external ?? (props.href?.startsWith('http') || props.target === '_blank');\r\n\r\n return (\r\n <a\r\n ref={ref}\r\n target={isExternal ? '_blank' : props.target}\r\n rel={isExternal ? 'noopener noreferrer' : props.rel}\r\n className={cn(linkVariants({ underline, variant }), className)}\r\n {...props}\r\n >\r\n {children}\r\n {isExternal && showExternalIcon && (\r\n <ExternalLink className=\"w-3.5 h-3.5 opacity-70 inline-block ml-0.5 flex-shrink-0\" />\r\n )}\r\n </a>\r\n );\r\n }\r\n);\r\n\r\nLink.displayName = 'Link';\r\n","import React, { forwardRef, useState } from 'react';\r\nimport { Copy, Check } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface CodeProps extends React.HTMLAttributes<HTMLElement> {\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const Code = forwardRef<HTMLElement, CodeProps>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <code\r\n ref={ref}\r\n className={cn(\r\n 'relative rounded bg-[var(--ui-bg-tertiary)] px-[0.35rem] py-[0.15rem] font-mono text-sm font-semibold text-[var(--ui-text-primary)] border border-[var(--ui-border-subtle)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </code>\r\n );\r\n }\r\n);\r\nCode.displayName = 'Code';\r\n\r\nexport interface CodeBlockProps extends React.HTMLAttributes<HTMLDivElement> {\r\n code: string;\r\n language?: string;\r\n copyable?: boolean;\r\n}\r\n\r\nexport const CodeBlock = forwardRef<HTMLDivElement, CodeBlockProps>(\r\n ({ className, code, language = 'bash', copyable = true, ...props }, ref) => {\r\n const [copied, setCopied] = useState(false);\r\n\r\n const handleCopy = async () => {\r\n try {\r\n await navigator.clipboard.writeText(code);\r\n setCopied(true);\r\n setTimeout(() => setCopied(false), 2000);\r\n } catch (err) {\r\n console.error('Failed to copy text', err);\r\n }\r\n };\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(\r\n 'relative rounded-lg border border-[var(--ui-border-subtle)] bg-[var(--ui-bg-secondary)] overflow-hidden font-mono text-sm shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {/* Header */}\r\n <div className=\"flex items-center justify-between px-4 py-2 bg-[var(--ui-bg-tertiary)]/50 border-b border-[var(--ui-border-subtle)] text-xs text-[var(--ui-text-muted)] select-none\">\r\n <span className=\"font-semibold uppercase tracking-wider\">{language}</span>\r\n {copyable && (\r\n <button\r\n type=\"button\"\r\n onClick={handleCopy}\r\n className=\"flex items-center gap-1 hover:text-[var(--ui-text-primary)] transition-colors p-1 rounded hover:bg-[var(--ui-bg-surface)]\"\r\n aria-label={copied ? 'Copied code' : 'Copy code to clipboard'}\r\n >\r\n {copied ? (\r\n <>\r\n <Check className=\"w-3.5 h-3.5 text-[var(--ui-success)]\" />\r\n <span className=\"text-[var(--ui-success)] text-[11px]\">Copied</span>\r\n </>\r\n ) : (\r\n <>\r\n <Copy className=\"w-3.5 h-3.5\" />\r\n <span className=\"text-[11px]\">Copy</span>\r\n </>\r\n )}\r\n </button>\r\n )}\r\n </div>\r\n\r\n {/* Code Content */}\r\n <pre className=\"p-4 overflow-x-auto text-[var(--ui-text-primary)] leading-relaxed\">\r\n <code>{code}</code>\r\n </pre>\r\n </div>\r\n );\r\n }\r\n);\r\nCodeBlock.displayName = 'CodeBlock';\r\n","import React, { forwardRef } from 'react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\r\n citeAuthor?: string;\r\n citeSource?: string;\r\n}\r\n\r\nexport const Blockquote = forwardRef<HTMLQuoteElement, BlockquoteProps>(\r\n ({ className, citeAuthor, citeSource, children, ...props }, ref) => {\r\n return (\r\n <blockquote\r\n ref={ref}\r\n className={cn(\r\n 'mt-6 border-l-4 border-[var(--ui-primary)] pl-6 italic text-[var(--ui-text-secondary)] space-y-2',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"text-base sm:text-lg\">{children}</div>\r\n {(citeAuthor || citeSource) && (\r\n <footer className=\"not-italic text-xs font-semibold text-[var(--ui-text-muted)] tracking-wider\">\r\n {citeAuthor && <span>— {citeAuthor}</span>}\r\n {citeSource && <span className=\"opacity-75 ml-1\">({citeSource})</span>}\r\n </footer>\r\n )}\r\n </blockquote>\r\n );\r\n }\r\n);\r\n\r\nBlockquote.displayName = 'Blockquote';\r\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __export, cn } from './chunk-
|
|
1
|
+
import { __export, cn } from './chunk-4S6L5V7X.js';
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
@@ -134,5 +134,5 @@ var BentoCard = forwardRef(
|
|
|
134
134
|
BentoCard.displayName = "BentoCard";
|
|
135
135
|
|
|
136
136
|
export { BentoCard, BentoGrid, bento_exports };
|
|
137
|
-
//# sourceMappingURL=chunk-
|
|
138
|
-
//# sourceMappingURL=chunk-
|
|
137
|
+
//# sourceMappingURL=chunk-C4SUXMI3.js.map
|
|
138
|
+
//# sourceMappingURL=chunk-C4SUXMI3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/bento/index.ts","../src/bento/BentoGrid.tsx","../src/bento/BentoCard.tsx"],"names":["cva","jsx"],"mappings":";;;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,SAAA,EAAA,MAAA,SAAA;AAAA,EAAA,SAAA,EAAA,MAAA;AAAA,CAAA,CAAA;ACIA,IAAM,iBAAA,GAAoB,IAAI,4CAAA,EAA8C;AAAA,EAC1E,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,CAAA,EAAG,aAAA;AAAA,MACH,CAAA,EAAG,4BAAA;AAAA,MACH,CAAA,EAAG,2CAAA;AAAA,MACH,CAAA,EAAG;AAAA,KACL;AAAA,IACA,GAAA,EAAK;AAAA,MACH,EAAA,EAAI,OAAA;AAAA,MACJ,EAAA,EAAI,OAAA;AAAA,MACJ,EAAA,EAAI;AAAA,KACN;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,GAAA,EAAK,eAAA;AAAA,MACL,GAAA,EAAK,eAAA;AAAA,MACL,KAAA,EAAO,iBAAA;AAAA,MACP,WAAA,EAAa,qBAAA;AAAA,MACb,WAAA,EAAa;AAAA;AACf,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,CAAA;AAAA,IACN,GAAA,EAAK,IAAA;AAAA,IACL,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAMM,IAAM,YAAsC,CAAC;AAAA,EAClD,SAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,kBAAkB,EAAE,IAAA,EAAM,GAAA,EAAK,IAAA,EAAM,WAAW,CAAC,CAAA,EAAI,GAAG,OACxE,QAAA,EACH,CAAA;AAEJ;AC7CA,IAAM,iBAAA,GAAoBA,GAAAA;AAAA,EACxB,4IAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,CAAA,EAAG,YAAA;AAAA,QACH,CAAA,EAAG,0BAAA;AAAA,QACH,CAAA,EAAG;AAAA,OACL;AAAA,MACA,OAAA,EAAS;AAAA,QACP,CAAA,EAAG,YAAA;AAAA,QACH,CAAA,EAAG,2CAAA;AAAA,QACH,CAAA,EAAG;AAAA,OACL;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EACE,mLAAA;AAAA,QACF,SAAA,EACE,mKAAA;AAAA,QACF,QAAA,EACE;AAAA,OACJ;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,EAAA,EAAI,qCAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,OAAA,EAAS;AAAA,QACP,EAAA,EAAI,YAAA;AAAA,QACJ,EAAA,EAAI,YAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,CAAA;AAAA,MACT,OAAA,EAAS,CAAA;AAAA,MACT,OAAA,EAAS,SAAA;AAAA,MACT,MAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAmBO,IAAM,SAAA,GAAY,UAAA;AAAA,EACvB,CACE;AAAA,IACE,SAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,iBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,YAAY,iBAAA,IAAqB,OAAA;AAEvC,IAAA,uBACE,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,iBAAA,CAAkB,EAAE,OAAA,EAAS,OAAA,EAAS,OAAA,EAAS,MAAA,EAAQ,OAAA,EAAS,SAAA,EAAW,CAAC,CAAA;AAAA,QACzF,GAAG,KAAA;AAAA,QAGJ,QAAA,EAAA;AAAA,0BAAAC,GAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,4HAAA;AAAA,cACV,aAAA,EAAY;AAAA;AAAA,WACd;AAAA,UAGC,6BACCA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,oJACZ,QAAA,EAAA,SAAA,EACH,CAAA;AAAA,UAAA,CAIA,IAAA,IAAQ,GAAA,qBACR,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACZ,QAAA,EAAA;AAAA,YAAA,IAAA,oBACCA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yNACZ,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,YAED,uBACCA,GAAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kNACZ,QAAA,EAAA,GAAA,EACH;AAAA,WAAA,EAEJ,CAAA;AAAA,0BAIF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACZ,QAAA,EAAA;AAAA,YAAA,KAAA,oBACCA,GAAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,yJACX,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,YAED,+BACCA,GAAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,6EACV,QAAA,EAAA,WAAA,EACH,CAAA;AAAA,YAED;AAAA,WAAA,EACH;AAAA;AAAA;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"chunk-C4SUXMI3.js","sourcesContent":["export * from './BentoGrid';\r\nexport * from './BentoCard';\r\n","import React from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nconst bentoGridVariants = cva('grid w-full auto-rows-[minmax(240px,auto)]', {\r\n variants: {\r\n cols: {\r\n 1: 'grid-cols-1',\r\n 2: 'grid-cols-1 md:grid-cols-2',\r\n 3: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-3',\r\n 4: 'grid-cols-1 md:grid-cols-2 lg:grid-cols-4',\r\n },\r\n gap: {\r\n sm: 'gap-4',\r\n md: 'gap-6',\r\n lg: 'gap-8',\r\n },\r\n flow: {\r\n row: 'grid-flow-row',\r\n col: 'grid-flow-col',\r\n dense: 'grid-flow-dense',\r\n 'row-dense': 'grid-flow-row-dense',\r\n 'col-dense': 'grid-flow-col-dense',\r\n },\r\n },\r\n defaultVariants: {\r\n cols: 3,\r\n gap: 'md',\r\n flow: 'row',\r\n },\r\n});\r\n\r\nexport interface BentoGridProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof bentoGridVariants> {}\r\n\r\nexport const BentoGrid: React.FC<BentoGridProps> = ({\r\n className,\r\n cols,\r\n gap,\r\n flow,\r\n children,\r\n ...props\r\n}) => {\r\n return (\r\n <div className={cn(bentoGridVariants({ cols, gap, flow, className }))} {...props}>\r\n {children}\r\n </div>\r\n );\r\n};\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nconst bentoCardVariants = cva(\r\n 'group relative flex flex-col justify-between overflow-hidden transition-all duration-500 ease-out border text-[var(--ui-bento-text-title)]',\r\n {\r\n variants: {\r\n colSpan: {\r\n 1: 'col-span-1',\r\n 2: 'col-span-1 md:col-span-2',\r\n 3: 'col-span-1 md:col-span-2 lg:col-span-3',\r\n },\r\n rowSpan: {\r\n 1: 'row-span-1',\r\n 2: 'row-span-1 md:row-span-2 md:min-h-[460px]',\r\n 3: 'row-span-1 md:row-span-3 md:min-h-[680px]',\r\n },\r\n variant: {\r\n default:\r\n 'bg-[var(--ui-bento-bg-card)] border-[var(--ui-bento-border)] hover:border-[var(--ui-bento-border-hover)] hover:bg-[var(--ui-bento-bg-card-hover)] shadow-[var(--ui-bento-shadow)]',\r\n spotlight:\r\n 'bg-[var(--ui-bento-bg-card)] border-[var(--ui-bento-border)] hover:border-white/30 dark:hover:border-white/30 hover:shadow-[0_0_35px_-8px_rgba(255,255,255,0.12)]',\r\n elevated:\r\n 'bg-[image:var(--ui-bento-bg-elevated)] border-[var(--ui-bento-border)] hover:border-[var(--ui-bento-border-hover)] shadow-[var(--ui-bento-shadow-elevated)]',\r\n },\r\n radius: {\r\n md: 'rounded-[var(--ui-bento-radius-md)]',\r\n lg: 'rounded-[var(--ui-bento-radius-lg)]',\r\n },\r\n padding: {\r\n sm: 'p-4 sm:p-5',\r\n md: 'p-5 sm:p-7',\r\n lg: 'p-6 sm:p-9',\r\n },\r\n },\r\n defaultVariants: {\r\n colSpan: 1,\r\n rowSpan: 1,\r\n variant: 'default',\r\n radius: 'lg',\r\n padding: 'md',\r\n },\r\n }\r\n);\r\n\r\nexport interface BentoCardProps\r\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>,\r\n VariantProps<typeof bentoCardVariants> {\r\n title?: React.ReactNode;\r\n description?: React.ReactNode;\r\n icon?: React.ReactNode;\r\n tag?: React.ReactNode;\r\n /**\r\n * Decorative background graphic. Non-interactive backdrop element.\r\n */\r\n backgroundGraphic?: React.ReactNode;\r\n /**\r\n * @deprecated Use `backgroundGraphic` instead.\r\n */\r\n graphic?: React.ReactNode;\r\n}\r\n\r\nexport const BentoCard = forwardRef<HTMLDivElement, BentoCardProps>(\r\n (\r\n {\r\n className,\r\n colSpan,\r\n rowSpan,\r\n variant,\r\n radius,\r\n padding,\r\n title,\r\n description,\r\n icon,\r\n tag,\r\n backgroundGraphic,\r\n graphic,\r\n children,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const bgGraphic = backgroundGraphic ?? graphic;\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(bentoCardVariants({ colSpan, rowSpan, variant, radius, padding, className }))}\r\n {...props}\r\n >\r\n {/* Subtle Specular Top Line */}\r\n <div\r\n className=\"pointer-events-none absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white/20 to-transparent opacity-50\"\r\n aria-hidden=\"true\"\r\n />\r\n\r\n {/* Background Visual Graphic Slot (Decorative) */}\r\n {bgGraphic && (\r\n <div className=\"absolute inset-0 z-0 overflow-hidden pointer-events-none opacity-70 transition-transform duration-700 ease-out motion-safe:group-hover:scale-105\">\r\n {bgGraphic}\r\n </div>\r\n )}\r\n\r\n {/* Top Header Section */}\r\n {(icon || tag) && (\r\n <div className=\"relative z-10 flex items-start justify-between gap-4\">\r\n {icon && (\r\n <div className=\"flex h-11 w-11 items-center justify-center rounded-2xl bg-[var(--ui-bento-icon-bg)] border border-[var(--ui-bento-icon-border)] backdrop-blur-md shadow-inner transition-transform duration-300 group-hover:scale-105\">\r\n {icon}\r\n </div>\r\n )}\r\n {tag && (\r\n <div className=\"font-mono text-[10px] font-semibold uppercase tracking-widest text-[var(--ui-bento-text-tag)] border border-[var(--ui-bento-icon-border)] bg-[var(--ui-bento-icon-bg)] px-2.5 py-1 rounded-md backdrop-blur-sm\">\r\n {tag}\r\n </div>\r\n )}\r\n </div>\r\n )}\r\n\r\n {/* Main Content Area */}\r\n <div className=\"relative z-10 mt-auto pt-6\">\r\n {title && (\r\n <h3 className=\"text-xl font-bold tracking-tight text-[var(--ui-bento-text-title)] transition-colors group-hover:text-[var(--ui-primary)] dark:group-hover:text-white\">\r\n {title}\r\n </h3>\r\n )}\r\n {description && (\r\n <p className=\"mt-2 text-sm leading-relaxed text-[var(--ui-bento-text-desc)] font-normal\">\r\n {description}\r\n </p>\r\n )}\r\n {children}\r\n </div>\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nBentoCard.displayName = 'BentoCard';\r\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { __export, cn } from './chunk-
|
|
1
|
+
import { __export, cn } from './chunk-4S6L5V7X.js';
|
|
2
2
|
import { createContext, useState, useCallback, useEffect, useMemo, useContext } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -12,14 +12,14 @@ __export(core_exports, {
|
|
|
12
12
|
var ThemeContext = createContext(void 0);
|
|
13
13
|
function ThemeProvider({
|
|
14
14
|
children,
|
|
15
|
-
defaultTheme = "
|
|
15
|
+
defaultTheme = "light",
|
|
16
16
|
storageKey = "ui-theme",
|
|
17
17
|
attribute = "data-theme",
|
|
18
18
|
enableSystem = true
|
|
19
19
|
}) {
|
|
20
20
|
const [theme, setThemeState] = useState(defaultTheme);
|
|
21
21
|
const [resolvedTheme, setResolvedTheme] = useState(
|
|
22
|
-
defaultTheme === "
|
|
22
|
+
defaultTheme === "dark" ? "dark" : "light"
|
|
23
23
|
);
|
|
24
24
|
const computeResolved = useCallback(
|
|
25
25
|
(t) => {
|
|
@@ -34,12 +34,12 @@ function ThemeProvider({
|
|
|
34
34
|
if (typeof window === "undefined") return;
|
|
35
35
|
try {
|
|
36
36
|
const stored = window.localStorage?.getItem(storageKey);
|
|
37
|
-
if (stored
|
|
37
|
+
if (stored === "dark" || stored === "light" || stored === "system") {
|
|
38
38
|
setThemeState(stored);
|
|
39
39
|
}
|
|
40
40
|
} catch {
|
|
41
41
|
}
|
|
42
|
-
}, [storageKey
|
|
42
|
+
}, [storageKey]);
|
|
43
43
|
useEffect(() => {
|
|
44
44
|
if (typeof document === "undefined") return;
|
|
45
45
|
const root = document.documentElement;
|
|
@@ -106,5 +106,5 @@ function useTheme() {
|
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
export { ThemeProvider, core_exports, useTheme };
|
|
109
|
-
//# sourceMappingURL=chunk-
|
|
110
|
-
//# sourceMappingURL=chunk-
|
|
109
|
+
//# sourceMappingURL=chunk-DUPPPGXY.js.map
|
|
110
|
+
//# sourceMappingURL=chunk-DUPPPGXY.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/core/index.ts","../src/core/ThemeProvider.tsx"],"names":[],"mappings":"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","file":"chunk-DUPPPGXY.js","sourcesContent":["export * from './ThemeProvider';\r\nexport * from '../utils/cn';\r\n","import React, { createContext, useContext, useEffect, useState, useMemo, useCallback } from 'react';\r\n\r\nexport type Theme = 'dark' | 'light' | 'system';\r\n\r\nexport interface ThemeProviderProps {\r\n children: React.ReactNode;\r\n defaultTheme?: Theme;\r\n storageKey?: string;\r\n attribute?: string;\r\n enableSystem?: boolean;\r\n}\r\n\r\ninterface ThemeContextType {\r\n theme: Theme;\r\n resolvedTheme: 'dark' | 'light';\r\n setTheme: (theme: Theme) => void;\r\n toggleTheme: () => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextType | undefined>(undefined);\r\n\r\nexport function ThemeProvider({\r\n children,\r\n defaultTheme = 'light',\n storageKey = 'ui-theme',\r\n attribute = 'data-theme',\r\n enableSystem = true,\r\n}: ThemeProviderProps) {\r\n // Always initialize identically on SSR and initial client pass to avoid hydration mismatches\r\n const [theme, setThemeState] = useState<Theme>(defaultTheme);\r\n const [resolvedTheme, setResolvedTheme] = useState<'dark' | 'light'>(\r\n defaultTheme === 'dark' ? 'dark' : 'light'\n );\r\n\r\n const computeResolved = useCallback(\r\n (t: Theme): 'dark' | 'light' => {\r\n if (t === 'system' && enableSystem && typeof window !== 'undefined' && window.matchMedia) {\r\n return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\r\n }\r\n return t === 'dark' ? 'dark' : 'light';\r\n },\r\n [enableSystem]\r\n );\r\n\r\n // Client-side initialization: read storage once mounted\r\n useEffect(() => {\r\n if (typeof window === 'undefined') return;\r\n\r\n try {\r\n const stored = window.localStorage?.getItem(storageKey);\n if (stored === 'dark' || stored === 'light' || stored === 'system') {\n setThemeState(stored);\n }\n } catch {\r\n // Ignore storage access errors in restricted iframe/incognito environments\r\n }\r\n }, [storageKey]);\n\r\n // Sync theme changes to DOM and storage\r\n useEffect(() => {\r\n if (typeof document === 'undefined') return;\r\n\r\n const root = document.documentElement;\r\n const currentResolved = computeResolved(theme);\r\n setResolvedTheme(currentResolved);\r\n\r\n root.setAttribute(attribute, currentResolved);\r\n if (currentResolved === 'dark') {\r\n root.classList.add('dark');\r\n root.classList.remove('light');\r\n } else {\r\n root.classList.add('light');\r\n root.classList.remove('dark');\r\n }\r\n\r\n if (typeof window !== 'undefined' && typeof window.localStorage !== 'undefined') {\r\n try {\r\n window.localStorage.setItem(storageKey, theme);\r\n } catch {\r\n // Ignore storage access errors\r\n }\r\n }\r\n }, [theme, attribute, computeResolved, storageKey]);\r\n\r\n // System media query listener\r\n useEffect(() => {\r\n if (theme !== 'system' || !enableSystem || typeof window === 'undefined' || !window.matchMedia) return;\r\n\r\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\r\n const handleChange = () => {\r\n const newResolved = mediaQuery.matches ? 'dark' : 'light';\r\n setResolvedTheme(newResolved);\r\n if (typeof document !== 'undefined') {\r\n document.documentElement.setAttribute(attribute, newResolved);\r\n if (newResolved === 'dark') {\r\n document.documentElement.classList.add('dark');\r\n document.documentElement.classList.remove('light');\r\n } else {\r\n document.documentElement.classList.add('light');\r\n document.documentElement.classList.remove('dark');\r\n }\r\n }\r\n };\r\n\r\n mediaQuery.addEventListener('change', handleChange);\r\n return () => mediaQuery.removeEventListener('change', handleChange);\r\n }, [theme, enableSystem, attribute]);\r\n\r\n const toggleTheme = () => {\r\n setThemeState((prev) => {\r\n if (prev === 'dark') return 'light';\r\n return 'dark';\r\n });\r\n };\r\n\r\n const value = useMemo(\r\n () => ({\r\n theme,\r\n resolvedTheme,\r\n setTheme: setThemeState,\r\n toggleTheme,\r\n }),\r\n [theme, resolvedTheme]\r\n );\r\n\r\n return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\r\n}\r\n\r\nexport function useTheme(): ThemeContextType {\r\n const context = useContext(ThemeContext);\r\n if (!context) {\r\n throw new Error('useTheme must be used within a ThemeProvider');\r\n }\r\n return context;\r\n}\r\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cn } from './chunk-
|
|
1
|
+
import { cn } from './chunk-4S6L5V7X.js';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { jsx } from 'react/jsx-runtime';
|
|
4
4
|
|
|
@@ -21,5 +21,5 @@ var Kbd = forwardRef(
|
|
|
21
21
|
Kbd.displayName = "Kbd";
|
|
22
22
|
|
|
23
23
|
export { Kbd };
|
|
24
|
-
//# sourceMappingURL=chunk-
|
|
25
|
-
//# sourceMappingURL=chunk-
|
|
24
|
+
//# sourceMappingURL=chunk-EU2LPUYP.js.map
|
|
25
|
+
//# sourceMappingURL=chunk-EU2LPUYP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/typography/Kbd.tsx"],"names":[],"mappings":";;;;AAOO,IAAM,GAAA,GAAM,UAAA;AAAA,EACjB,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA;AAAA,UACT,6OAAA;AAAA,UACA;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA","file":"chunk-EU2LPUYP.js","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface KbdProps extends React.HTMLAttributes<HTMLElement> {\r\n children?: React.ReactNode;\r\n}\r\n\r\nexport const Kbd = forwardRef<HTMLElement, KbdProps>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <kbd\r\n ref={ref}\r\n className={cn(\r\n 'pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border border-[var(--ui-border-default)] bg-[var(--ui-bg-tertiary)] px-1.5 font-mono text-[10px] font-semibold text-[var(--ui-text-muted)] opacity-100 shadow-sm',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </kbd>\r\n );\r\n }\r\n);\r\n\r\nKbd.displayName = 'Kbd';\r\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cn } from './chunk-
|
|
1
|
+
import { cn } from './chunk-4S6L5V7X.js';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
@@ -42,5 +42,5 @@ var Label = forwardRef(
|
|
|
42
42
|
Label.displayName = "Label";
|
|
43
43
|
|
|
44
44
|
export { Label, labelVariants };
|
|
45
|
-
//# sourceMappingURL=chunk-
|
|
46
|
-
//# sourceMappingURL=chunk-
|
|
45
|
+
//# sourceMappingURL=chunk-GXI2H5XA.js.map
|
|
46
|
+
//# sourceMappingURL=chunk-GXI2H5XA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/typography/Label.tsx"],"names":[],"mappings":";;;;;AAIO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B,qKAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,wBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT;AAEJ;AAQO,IAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,EAAO,UAAU,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACjE,IAAA,uBACE,IAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,MAAM,KAAA,EAAO,GAAG,SAAS,CAAA;AAAA,QACtD,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,QAAA;AAAA,UACA,4BAAY,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+BAAA,EAAgC,aAAA,EAAY,QAAO,QAAA,EAAA,GAAA,EAAC;AAAA;AAAA;AAAA,KACnF;AAAA,EAEJ;AACF;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-GXI2H5XA.js","sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const labelVariants = cva(\r\n 'text-sm font-medium leading-none select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-[var(--ui-text-primary)] inline-flex items-center gap-1',\r\n {\r\n variants: {\r\n size: {\r\n sm: 'text-xs',\r\n md: 'text-sm',\r\n lg: 'text-base',\r\n },\r\n error: {\r\n true: 'text-[var(--ui-error)]',\r\n false: '',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'md',\r\n error: false,\r\n },\r\n }\r\n);\r\n\r\nexport interface LabelProps\r\n extends React.LabelHTMLAttributes<HTMLLabelElement>,\r\n VariantProps<typeof labelVariants> {\r\n required?: boolean;\r\n}\r\n\r\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(\r\n ({ className, size, error, required, children, ...props }, ref) => {\r\n return (\r\n <label\r\n ref={ref}\r\n className={cn(labelVariants({ size, error }), className)}\r\n {...props}\r\n >\r\n {children}\r\n {required && <span className=\"text-[var(--ui-error)] ml-0.5\" aria-hidden=\"true\">*</span>}\r\n </label>\r\n );\r\n }\r\n);\r\n\r\nLabel.displayName = 'Label';\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/overlays/Portal.tsx"],"names":[],"mappings":";;;;AAQO,SAAS,MAAA,CAAO,EAAE,QAAA,EAAU,SAAA,EAAU,EAAgB;AAC3D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,OAAO,MAAM,WAAW,KAAK,CAAA;AAAA,EAC/B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,MAAM,SAAS,SAAA,KAAc,OAAO,QAAA,KAAa,WAAA,GAAc,SAAS,IAAA,GAAO,IAAA,CAAA;AAC/E,EAAA,IAAI,CAAC,QAAQ,OAAO,IAAA;AAEpB,EAAA,OAAO,YAAA,CAAa,UAAU,MAAM,CAAA;AACtC","file":"chunk-IABPUCAQ.js","sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport { createPortal } from 'react-dom';\r\n\r\nexport interface PortalProps {\r\n children: React.ReactNode;\r\n container?: Element | null;\r\n}\r\n\r\nexport function Portal({ children, container }: PortalProps) {\r\n const [mounted, setMounted] = useState(false);\r\n\r\n useEffect(() => {\r\n setMounted(true);\r\n return () => setMounted(false);\r\n }, []);\r\n\r\n if (!mounted) return null;\r\n\r\n const target = container || (typeof document !== 'undefined' ? document.body : null);\r\n if (!target) return null;\r\n\r\n return createPortal(children, target);\r\n}\r\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Popover } from './chunk-
|
|
2
|
-
import { FocusTrap } from './chunk-
|
|
3
|
-
import { Portal } from './chunk-
|
|
4
|
-
import { Kbd } from './chunk-
|
|
5
|
-
import { Button } from './chunk-
|
|
6
|
-
import { __export, cn } from './chunk-
|
|
1
|
+
import { Popover } from './chunk-7NMB2Y64.js';
|
|
2
|
+
import { FocusTrap } from './chunk-U3J4UPV3.js';
|
|
3
|
+
import { Portal } from './chunk-IABPUCAQ.js';
|
|
4
|
+
import { Kbd } from './chunk-EU2LPUYP.js';
|
|
5
|
+
import { Button } from './chunk-66VWUJEI.js';
|
|
6
|
+
import { __export, cn } from './chunk-4S6L5V7X.js';
|
|
7
7
|
import React4, { createContext, useContext, useId, useState, useCallback, useEffect, forwardRef, useRef } from 'react';
|
|
8
8
|
import { cva } from 'class-variance-authority';
|
|
9
9
|
import { X, AlertCircle, AlertTriangle, CheckCircle2, Info } from 'lucide-react';
|
|
@@ -947,5 +947,5 @@ var HoverCard = forwardRef(
|
|
|
947
947
|
HoverCard.displayName = "HoverCard";
|
|
948
948
|
|
|
949
949
|
export { AlertDialog, BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetHeader, ContextMenu, ContextMenuItem, ContextMenuSeparator, Drawer, DrawerBody, DrawerFooter, DrawerHeader, HoverCard, Modal, ModalBody, ModalCloseButton, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalTitle, Toast, ToasterProvider, Tooltip, drawerVariants, modalContentVariants, overlays_exports, toastVariants, tooltipVariants, useDrawer, useModal, useToast };
|
|
950
|
-
//# sourceMappingURL=chunk-
|
|
951
|
-
//# sourceMappingURL=chunk-
|
|
950
|
+
//# sourceMappingURL=chunk-JOKEKOP3.js.map
|
|
951
|
+
//# sourceMappingURL=chunk-JOKEKOP3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/overlays/index.ts","../src/utils/scroll-lock.ts","../src/overlays/Modal.tsx","../src/overlays/AlertDialog.tsx","../src/overlays/Drawer.tsx","../src/overlays/Tooltip.tsx","../src/overlays/Toast.tsx","../src/overlays/BottomSheet.tsx","../src/overlays/ContextMenu.tsx","../src/overlays/HoverCard.tsx"],"names":["jsx","createContext","useContext","cva","useId","useEffect","jsxs","forwardRef","X","useState","React","useCallback","useRef","Fragment"],"mappings":"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","file":"chunk-JOKEKOP3.js","sourcesContent":["export * from './Portal';\nexport * from './FocusTrap';\nexport * from './Modal';\nexport * from './AlertDialog';\nexport * from './Drawer';\nexport * from './Tooltip';\nexport * from './Popover';\nexport * from './Toast';\nexport * from './BottomSheet';\nexport * from './ContextMenu';\nexport * from './HoverCard';\n","let lockCount = 0;\r\nlet previousOverflow = '';\r\n\r\nexport function lockBodyScroll() {\r\n if (typeof document === 'undefined') return;\r\n if (lockCount === 0) {\r\n previousOverflow = document.body.style.overflow;\r\n document.body.style.overflow = 'hidden';\r\n }\r\n lockCount++;\r\n}\r\n\r\nexport function unlockBodyScroll() {\r\n if (typeof document === 'undefined') return;\r\n lockCount = Math.max(0, lockCount - 1);\r\n if (lockCount === 0) {\r\n document.body.style.overflow = previousOverflow;\r\n }\r\n}\r\n","import React, { forwardRef, createContext, useContext, useEffect, useId, useState, useCallback } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { X } from 'lucide-react';\r\nimport { Portal } from './Portal';\r\nimport { FocusTrap } from './FocusTrap';\r\nimport { lockBodyScroll, unlockBodyScroll } from '../utils/scroll-lock';\r\nimport { cn } from '../utils/cn';\r\n\r\ninterface ModalContextType {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n closeOnOverlayClick?: boolean;\r\n titleId: string;\r\n descriptionId: string;\r\n registerTitle: (id?: string) => () => void;\r\n registerDescription: (id?: string) => () => void;\r\n}\r\n\r\nconst ModalContext = createContext<ModalContextType | null>(null);\r\n\r\nexport function useModal() {\r\n const context = useContext(ModalContext);\r\n if (!context) {\r\n throw new Error('Modal compound components must be used within a <Modal />');\r\n }\r\n return context;\r\n}\r\n\r\nexport interface ModalProps {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n children: React.ReactNode;\r\n closeOnEsc?: boolean;\r\n closeOnOverlayClick?: boolean;\r\n role?: 'dialog' | 'alertdialog';\r\n 'aria-label'?: string;\r\n 'aria-labelledby'?: string;\r\n 'aria-describedby'?: string;\r\n}\r\n\r\nexport function Modal({\r\n isOpen,\r\n onClose,\r\n children,\r\n closeOnEsc = true,\r\n closeOnOverlayClick = true,\r\n role = 'dialog',\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': customLabelledBy,\r\n 'aria-describedby': customDescribedBy,\r\n}: ModalProps) {\r\n const generatedId = useId();\r\n const titleId = customLabelledBy || `modal-title-${generatedId}`;\r\n const descriptionId = customDescribedBy || `modal-desc-${generatedId}`;\r\n\r\n const [mountedTitleId, setMountedTitleId] = useState<string | null>(null);\r\n const [mountedDescId, setMountedDescId] = useState<string | null>(null);\r\n\r\n const registerTitle = useCallback(\r\n (id?: string) => {\r\n const activeId = id || titleId;\r\n setMountedTitleId(activeId);\r\n return () => setMountedTitleId(null);\r\n },\r\n [titleId]\r\n );\r\n\r\n const registerDescription = useCallback(\r\n (id?: string) => {\r\n const activeId = id || descriptionId;\r\n setMountedDescId(activeId);\r\n return () => setMountedDescId(null);\r\n },\r\n [descriptionId]\r\n );\r\n\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n\r\n lockBodyScroll();\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (closeOnEsc && e.key === 'Escape') {\r\n onClose();\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => {\r\n window.removeEventListener('keydown', handleKeyDown);\r\n unlockBodyScroll();\r\n };\r\n }, [isOpen, closeOnEsc, onClose]);\r\n\r\n if (!isOpen) return null;\r\n\r\n const resolvedLabelledBy = customLabelledBy || (ariaLabel ? undefined : (mountedTitleId || undefined));\r\n const resolvedDescribedBy = customDescribedBy || (mountedDescId || undefined);\r\n\r\n return (\r\n <Portal>\r\n <ModalContext.Provider\r\n value={{\r\n isOpen,\r\n onClose,\r\n closeOnOverlayClick,\r\n titleId,\r\n descriptionId,\r\n registerTitle,\r\n registerDescription,\r\n }}\r\n >\r\n <FocusTrap active={isOpen} restoreFocus={true}>\r\n <div\r\n className=\"fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6\"\r\n role={role}\r\n aria-modal=\"true\"\r\n aria-label={ariaLabel}\r\n aria-labelledby={resolvedLabelledBy}\r\n aria-describedby={resolvedDescribedBy}\r\n >\r\n {children}\r\n </div>\r\n </FocusTrap>\r\n </ModalContext.Provider>\r\n </Portal>\r\n );\r\n}\r\n\r\nexport interface ModalOverlayProps extends React.HTMLAttributes<HTMLDivElement> {}\r\n\r\nexport const ModalOverlay = forwardRef<HTMLDivElement, ModalOverlayProps>(\r\n ({ className, onClick, ...props }, ref) => {\r\n const { onClose, closeOnOverlayClick } = useModal();\r\n\r\n return (\r\n <div\r\n ref={ref}\r\n aria-hidden=\"true\"\r\n onClick={(e) => {\r\n onClick?.(e);\r\n if (closeOnOverlayClick) onClose();\r\n }}\r\n className={cn(\r\n 'fixed inset-0 bg-[var(--ui-bg-overlay)] backdrop-blur-sm transition-opacity animate-in fade-in duration-200',\r\n className\r\n )}\r\n {...props}\r\n />\r\n );\r\n }\r\n);\r\nModalOverlay.displayName = 'ModalOverlay';\r\n\r\nexport const modalContentVariants = cva(\r\n 'relative w-full max-w-lg rounded-[var(--ui-radius-xl)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] p-6 text-[var(--ui-text-primary)] shadow-2xl transition-all animate-in zoom-in-95 duration-200 z-10',\r\n {\r\n variants: {\r\n size: {\r\n sm: 'max-w-sm',\r\n md: 'max-w-md',\r\n lg: 'max-w-lg',\r\n xl: 'max-w-xl',\r\n '2xl': 'max-w-2xl',\r\n full: 'max-w-[calc(100vw-2rem)] h-[calc(100vh-2rem)]',\r\n },\r\n },\r\n defaultVariants: {\r\n size: 'md',\r\n },\r\n }\r\n);\r\n\r\nexport interface ModalContentProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof modalContentVariants> {}\r\n\r\nexport const ModalContent = forwardRef<HTMLDivElement, ModalContentProps>(\r\n ({ className, size, children, ...props }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn(modalContentVariants({ size }), className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\nModalContent.displayName = 'ModalContent';\r\n\r\nexport const ModalHeader = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <div ref={ref} className={cn('flex flex-col space-y-1.5 mb-4', className)} {...props}>\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\nModalHeader.displayName = 'ModalHeader';\r\n\r\nexport const ModalTitle = forwardRef<HTMLHeadingElement, React.HTMLAttributes<HTMLHeadingElement>>(\r\n ({ className, children, id, ...props }, ref) => {\r\n const { titleId, registerTitle } = useModal();\r\n const activeId = id || titleId;\r\n\r\n useEffect(() => {\r\n return registerTitle(activeId);\r\n }, [registerTitle, activeId]);\r\n\r\n return (\r\n <h2\r\n ref={ref}\r\n id={activeId}\r\n className={cn('text-lg sm:text-xl font-bold tracking-tight text-[var(--ui-text-primary)]', className)}\r\n {...props}\r\n >\r\n {children}\r\n </h2>\r\n );\r\n }\r\n);\r\nModalTitle.displayName = 'ModalTitle';\r\n\r\nexport const ModalDescription = forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\r\n ({ className, children, id, ...props }, ref) => {\r\n const { descriptionId, registerDescription } = useModal();\r\n const activeId = id || descriptionId;\r\n\r\n useEffect(() => {\r\n return registerDescription(activeId);\r\n }, [registerDescription, activeId]);\r\n\r\n return (\r\n <p\r\n ref={ref}\r\n id={activeId}\r\n className={cn('text-sm text-[var(--ui-text-muted)]', className)}\r\n {...props}\r\n >\r\n {children}\r\n </p>\r\n );\r\n }\r\n);\r\nModalDescription.displayName = 'ModalDescription';\r\n\r\nexport const ModalBody = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <div ref={ref} className={cn('py-2', className)} {...props}>\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\nModalBody.displayName = 'ModalBody';\r\n\r\nexport const ModalFooter = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <div ref={ref} className={cn('flex items-center justify-end gap-3 mt-6 pt-4 border-t border-[var(--ui-border-subtle)]', className)} {...props}>\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\nModalFooter.displayName = 'ModalFooter';\r\n\r\nexport const ModalCloseButton = forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(\r\n ({ className, onClick, ...props }, ref) => {\r\n const { onClose } = useModal();\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n onClick={(e) => {\r\n onClick?.(e);\r\n onClose();\r\n }}\r\n aria-label=\"Close dialog\"\r\n className={cn(\r\n 'absolute top-4 right-4 p-1.5 rounded-full text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <X className=\"w-4 h-4\" />\r\n </button>\r\n );\r\n }\r\n);\r\nModalCloseButton.displayName = 'ModalCloseButton';\r\n","import React, { forwardRef } from 'react';\r\nimport { Modal, ModalOverlay, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, ModalCloseButton } from './Modal';\r\nimport { Button } from '../buttons/Button';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface AlertDialogProps {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n onConfirm: () => void;\r\n title: string;\r\n description: string;\r\n confirmText?: string;\r\n cancelText?: string;\r\n variant?: 'danger' | 'primary';\r\n isLoading?: boolean;\r\n closeOnOverlayClick?: boolean;\r\n}\r\n\r\nexport function AlertDialog({\r\n isOpen,\r\n onClose,\r\n onConfirm,\r\n title,\r\n description,\r\n confirmText = 'Confirm',\r\n cancelText = 'Cancel',\r\n variant = 'danger',\r\n isLoading = false,\r\n closeOnOverlayClick = false,\r\n}: AlertDialogProps) {\r\n return (\r\n <Modal\r\n isOpen={isOpen}\r\n onClose={onClose}\r\n role=\"alertdialog\"\r\n closeOnOverlayClick={closeOnOverlayClick}\r\n >\r\n <ModalOverlay />\r\n <ModalContent size=\"sm\">\r\n <ModalCloseButton />\r\n <ModalHeader>\r\n <ModalTitle>{title}</ModalTitle>\r\n <ModalDescription>{description}</ModalDescription>\r\n </ModalHeader>\r\n <ModalFooter>\r\n <Button variant=\"outline\" size=\"sm\" onClick={onClose} disabled={isLoading} autoFocus>\r\n {cancelText}\r\n </Button>\r\n <Button\r\n variant={variant === 'danger' ? 'danger' : 'primary'}\r\n size=\"sm\"\r\n loading={isLoading}\r\n onClick={onConfirm}\r\n >\r\n {confirmText}\r\n </Button>\r\n </ModalFooter>\r\n </ModalContent>\r\n </Modal>\r\n );\r\n}\r\n\r\nAlertDialog.displayName = 'AlertDialog';\r\n","import React, { forwardRef, createContext, useContext, useEffect, useId } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { X } from 'lucide-react';\r\nimport { Portal } from './Portal';\r\nimport { FocusTrap } from './FocusTrap';\r\nimport { lockBodyScroll, unlockBodyScroll } from '../utils/scroll-lock';\r\nimport { cn } from '../utils/cn';\r\n\r\ninterface DrawerContextType {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n titleId: string;\r\n}\r\n\r\nconst DrawerContext = createContext<DrawerContextType | null>(null);\r\n\r\nexport function useDrawer() {\r\n const context = useContext(DrawerContext);\r\n if (!context) {\r\n throw new Error('Drawer compound components must be used within a <Drawer />');\r\n }\r\n return context;\r\n}\r\n\r\nexport const drawerVariants = cva(\r\n 'fixed z-50 bg-[var(--ui-bg-surface)] text-[var(--ui-text-primary)] border-[var(--ui-border-default)] shadow-2xl transition-transform duration-300 ease-in-out flex flex-col',\r\n {\r\n variants: {\r\n placement: {\r\n right: 'inset-y-0 right-0 h-full w-full sm:max-w-md border-l animate-in slide-in-from-right',\r\n left: 'inset-y-0 left-0 h-full w-full sm:max-w-md border-r animate-in slide-in-from-left',\r\n top: 'inset-x-0 top-0 w-full max-h-[80vh] border-b animate-in slide-in-from-top',\r\n bottom: 'inset-x-0 bottom-0 w-full max-h-[80vh] border-t rounded-t-[var(--ui-radius-xl)] animate-in slide-in-from-bottom',\r\n },\r\n },\r\n defaultVariants: {\r\n placement: 'right',\r\n },\r\n }\r\n);\r\n\r\nexport interface DrawerProps extends VariantProps<typeof drawerVariants> {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n children: React.ReactNode;\r\n closeOnEsc?: boolean;\r\n 'aria-label'?: string;\r\n 'aria-labelledby'?: string;\r\n}\r\n\r\nexport function Drawer({\r\n isOpen,\r\n onClose,\r\n placement = 'right',\r\n children,\r\n closeOnEsc = true,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': customLabelledBy,\r\n}: DrawerProps) {\r\n const generatedId = useId();\r\n const titleId = customLabelledBy || `drawer-title-${generatedId}`;\r\n\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n\r\n lockBodyScroll();\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (closeOnEsc && e.key === 'Escape') {\r\n onClose();\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => {\r\n window.removeEventListener('keydown', handleKeyDown);\r\n unlockBodyScroll();\r\n };\r\n }, [isOpen, closeOnEsc, onClose]);\r\n\r\n if (!isOpen) return null;\r\n\r\n return (\r\n <Portal>\r\n <DrawerContext.Provider value={{ isOpen, onClose, titleId }}>\r\n <FocusTrap active={isOpen} restoreFocus={true}>\r\n <div\r\n className=\"fixed inset-0 z-50 overflow-hidden\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-label={ariaLabel}\r\n aria-labelledby={ariaLabel ? undefined : titleId}\r\n >\r\n {/* Backdrop */}\r\n <div\r\n aria-hidden=\"true\"\r\n onClick={onClose}\r\n className=\"fixed inset-0 bg-[var(--ui-bg-overlay)] backdrop-blur-sm transition-opacity animate-in fade-in duration-200\"\r\n />\r\n {/* Drawer Panel */}\r\n <div className={cn(drawerVariants({ placement }))}>\r\n {children}\r\n </div>\r\n </div>\r\n </FocusTrap>\r\n </DrawerContext.Provider>\r\n </Portal>\r\n );\r\n}\r\n\r\nexport const DrawerHeader = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n ({ className, children, id, ...props }, ref) => {\r\n const { onClose, titleId } = useDrawer();\r\n return (\r\n <div\r\n ref={ref}\r\n id={id || titleId}\r\n className={cn('flex items-center justify-between p-5 border-b border-[var(--ui-border-subtle)]', className)}\r\n {...props}\r\n >\r\n <div className=\"flex-1 font-semibold text-base text-[var(--ui-text-primary)]\">{children}</div>\r\n <button\r\n type=\"button\"\r\n onClick={onClose}\r\n aria-label=\"Close drawer\"\r\n className=\"p-1.5 rounded-full text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] transition-colors ml-4 cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]\"\r\n >\r\n <X className=\"w-4 h-4\" />\r\n </button>\r\n </div>\r\n );\r\n }\r\n);\r\nDrawerHeader.displayName = 'DrawerHeader';\r\n\r\nexport const DrawerBody = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <div ref={ref} className={cn('flex-1 p-5 overflow-y-auto', className)} {...props}>\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\nDrawerBody.displayName = 'DrawerBody';\r\n\r\nexport const DrawerFooter = forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\r\n ({ className, children, ...props }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n className={cn('p-4 border-t border-[var(--ui-border-subtle)] bg-[var(--ui-bg-secondary)] flex items-center justify-end gap-3', className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\nDrawerFooter.displayName = 'DrawerFooter';\r\n","import React, { useState, useRef, useId, useEffect } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { Portal } from './Portal';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const tooltipVariants = cva(\r\n 'z-50 overflow-hidden rounded-[var(--ui-radius-sm)] bg-[var(--ui-bg-primary)] border border-[var(--ui-border-default)] px-2.5 py-1 text-xs font-medium text-[var(--ui-text-primary)] shadow-md animate-in fade-in zoom-in-95 pointer-events-none select-none',\r\n {\r\n variants: {\r\n placement: {\r\n top: '-translate-x-1/2 -translate-y-full mb-1.5',\r\n bottom: '-translate-x-1/2 mt-1.5',\r\n left: '-translate-x-full -translate-y-1/2 mr-1.5',\r\n right: 'translate-y-[-50%] ml-1.5',\r\n },\r\n },\r\n defaultVariants: {\r\n placement: 'top',\r\n },\r\n }\r\n);\r\n\r\nexport interface TooltipProps extends VariantProps<typeof tooltipVariants> {\r\n content: React.ReactNode;\r\n children: React.ReactNode;\r\n delayDuration?: number;\r\n className?: string;\r\n id?: string;\r\n}\r\n\r\nexport function Tooltip({\r\n content,\r\n children,\r\n placement = 'top',\r\n delayDuration = 200,\r\n className,\r\n id: customId,\r\n}: TooltipProps) {\r\n const generatedId = useId();\r\n const tooltipId = customId || `tooltip-${generatedId}`;\r\n\r\n const [isVisible, setIsVisible] = useState(false);\r\n const [coords, setCoords] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\r\n const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n const triggerRef = useRef<HTMLDivElement | null>(null);\r\n\r\n const calculatePosition = () => {\r\n if (triggerRef.current) {\r\n const rect = triggerRef.current.getBoundingClientRect();\r\n let top = 0;\r\n let left = 0;\r\n\r\n if (placement === 'top') {\r\n top = rect.top + window.scrollY;\r\n left = rect.left + rect.width / 2 + window.scrollX;\r\n } else if (placement === 'bottom') {\r\n top = rect.bottom + window.scrollY;\r\n left = rect.left + rect.width / 2 + window.scrollX;\r\n } else if (placement === 'left') {\r\n top = rect.top + rect.height / 2 + window.scrollY;\r\n left = rect.left + window.scrollX;\r\n } else if (placement === 'right') {\r\n top = rect.top + rect.height / 2 + window.scrollY;\r\n left = rect.right + window.scrollX;\r\n }\r\n\r\n setCoords({ top, left });\r\n }\r\n };\r\n\r\n const handleMouseEnter = () => {\r\n if (timeoutRef.current) clearTimeout(timeoutRef.current);\r\n timeoutRef.current = setTimeout(() => {\r\n calculatePosition();\r\n setIsVisible(true);\r\n }, delayDuration);\r\n };\r\n\r\n const handleMouseLeave = () => {\r\n if (timeoutRef.current) clearTimeout(timeoutRef.current);\r\n setIsVisible(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (!isVisible) return;\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === 'Escape') {\r\n setIsVisible(false);\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => window.removeEventListener('keydown', handleKeyDown);\r\n }, [isVisible]);\r\n\r\n return (\r\n <>\r\n <div\r\n ref={triggerRef}\r\n onMouseEnter={handleMouseEnter}\r\n onMouseLeave={handleMouseLeave}\r\n onFocus={handleMouseEnter}\r\n onBlur={handleMouseLeave}\r\n aria-describedby={isVisible ? tooltipId : undefined}\r\n className=\"inline-flex cursor-pointer\"\r\n >\r\n {children}\r\n </div>\r\n\r\n {isVisible && (\r\n <Portal>\r\n <div\r\n id={tooltipId}\r\n role=\"tooltip\"\r\n style={{ top: `${coords.top}px`, left: `${coords.left}px`, position: 'absolute' }}\r\n className={cn(tooltipVariants({ placement }), className)}\r\n >\r\n {content}\r\n </div>\r\n </Portal>\r\n )}\r\n </>\r\n );\r\n}\r\n","import React, { createContext, useContext, useState, useCallback } from 'react';\r\nimport { cva } from 'class-variance-authority';\r\nimport { CheckCircle2, AlertTriangle, AlertCircle, Info, X } from 'lucide-react';\r\nimport { Portal } from './Portal';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport type ToastType = 'info' | 'success' | 'warning' | 'error';\r\n\r\nexport interface ToastOptions {\r\n id?: string;\r\n title: string;\r\n description?: string;\r\n type?: ToastType;\r\n duration?: number;\r\n}\r\n\r\nexport interface ToastItem extends ToastOptions {\r\n id: string;\r\n}\r\n\r\ninterface ToastContextType {\r\n toast: (options: ToastOptions) => string;\r\n dismiss: (id: string) => void;\r\n toasts: ToastItem[];\r\n}\r\n\r\nconst ToastContext = createContext<ToastContextType | null>(null);\r\n\r\nexport function useToast() {\r\n const context = useContext(ToastContext);\r\n if (!context) {\r\n throw new Error('useToast must be used within a ToasterProvider');\r\n }\r\n return context;\r\n}\r\n\r\nexport const toastVariants = cva(\r\n 'pointer-events-auto flex w-full max-w-md items-start gap-3 rounded-[var(--ui-radius-lg)] border p-4 shadow-lg transition-all animate-in slide-in-from-bottom-5 duration-300',\r\n {\r\n variants: {\r\n type: {\r\n info: 'bg-[var(--ui-bg-surface)] border-[var(--ui-info)]/30 text-[var(--ui-text-primary)]',\r\n success: 'bg-[var(--ui-bg-surface)] border-[var(--ui-success)]/30 text-[var(--ui-text-primary)]',\r\n warning: 'bg-[var(--ui-bg-surface)] border-[var(--ui-warning)]/30 text-[var(--ui-text-primary)]',\r\n error: 'bg-[var(--ui-bg-surface)] border-[var(--ui-error)]/30 text-[var(--ui-text-primary)]',\r\n },\r\n },\r\n defaultVariants: {\r\n type: 'info',\r\n },\r\n }\r\n);\r\n\r\nconst toastIcons: Record<ToastType, React.ReactNode> = {\r\n info: <Info className=\"w-5 h-5 text-[var(--ui-info)] flex-shrink-0\" />,\r\n success: <CheckCircle2 className=\"w-5 h-5 text-[var(--ui-success)] flex-shrink-0\" />,\r\n warning: <AlertTriangle className=\"w-5 h-5 text-[var(--ui-warning)] flex-shrink-0\" />,\r\n error: <AlertCircle className=\"w-5 h-5 text-[var(--ui-error)] flex-shrink-0\" />,\r\n};\r\n\r\nexport interface ToastProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\r\n title: React.ReactNode;\r\n description?: React.ReactNode;\r\n type?: ToastType;\r\n onDismiss?: () => void;\r\n}\r\n\r\nexport const Toast = React.forwardRef<HTMLDivElement, ToastProps>(\r\n ({ className, title, description, type = 'info', onDismiss, ...props }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n className={cn(toastVariants({ type }), className)}\r\n {...props}\r\n >\r\n {toastIcons[type || 'info']}\r\n <div className=\"flex-1 space-y-1\">\r\n <h4 className=\"text-sm font-semibold text-[var(--ui-text-primary)]\">{title}</h4>\r\n {description && <p className=\"text-xs text-[var(--ui-text-muted)]\">{description}</p>}\r\n </div>\r\n {onDismiss && (\r\n <button\r\n type=\"button\"\r\n onClick={onDismiss}\r\n aria-label=\"Dismiss toast\"\r\n className=\"p-1 rounded text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] transition-colors cursor-pointer\"\r\n >\r\n <X className=\"w-3.5 h-3.5\" />\r\n </button>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\nToast.displayName = 'Toast';\r\n\r\nexport interface ToasterProviderProps {\r\n children: React.ReactNode;\r\n position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';\r\n}\r\n\r\nexport function ToasterProvider({ children, position = 'bottom-right' }: ToasterProviderProps) {\r\n const [toasts, setToasts] = useState<ToastItem[]>([]);\r\n\r\n const dismiss = useCallback((id: string) => {\r\n setToasts((prev) => prev.filter((t) => t.id !== id));\r\n }, []);\r\n\r\n const toast = useCallback(\r\n ({ id = Math.random().toString(36).slice(2, 9), title, description, type = 'info', duration = 4000 }: ToastOptions) => {\r\n const item: ToastItem = { id, title, description, type, duration };\r\n\r\n setToasts((prev) => [...prev, item]);\r\n\r\n if (duration > 0) {\r\n setTimeout(() => {\r\n dismiss(id);\r\n }, duration);\r\n }\r\n\r\n return id;\r\n },\r\n [dismiss]\r\n );\r\n\r\n const getPositionClasses = () => {\r\n switch (position) {\r\n case 'top-left':\r\n return 'top-4 left-4 items-start';\r\n case 'top-center':\r\n return 'top-4 left-1/2 -translate-x-1/2 items-center';\r\n case 'top-right':\r\n return 'top-4 right-4 items-end';\r\n case 'bottom-left':\r\n return 'bottom-4 left-4 items-start';\r\n case 'bottom-center':\r\n return 'bottom-4 left-1/2 -translate-x-1/2 items-center';\r\n case 'bottom-right':\r\n default:\r\n return 'bottom-4 right-4 items-end';\r\n }\r\n };\r\n\r\n return (\r\n <ToastContext.Provider value={{ toast, dismiss, toasts }}>\r\n {children}\r\n <Portal>\r\n <div\r\n aria-live=\"polite\"\r\n className={cn('fixed z-[100] flex flex-col gap-2 pointer-events-none p-4 w-full max-w-sm sm:max-w-md', getPositionClasses())}\r\n >\r\n {toasts.map((t) => (\r\n <div key={t.id} className={cn(toastVariants({ type: t.type }))}>\r\n {toastIcons[t.type || 'info']}\r\n <div className=\"flex-1 space-y-1\">\r\n <h4 className=\"text-sm font-semibold text-[var(--ui-text-primary)]\">{t.title}</h4>\r\n {t.description && <p className=\"text-xs text-[var(--ui-text-muted)]\">{t.description}</p>}\r\n </div>\r\n <button\r\n type=\"button\"\r\n onClick={() => dismiss(t.id)}\r\n aria-label=\"Dismiss toast\"\r\n className=\"p-1 rounded text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] transition-colors\"\r\n >\r\n <X className=\"w-3.5 h-3.5\" />\r\n </button>\r\n </div>\r\n ))}\r\n </div>\r\n </Portal>\r\n </ToastContext.Provider>\r\n );\r\n}\r\n","import React, { forwardRef, useEffect, useRef, useId } from 'react';\r\nimport { X } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\nimport { Portal } from './Portal';\r\nimport { FocusTrap } from './FocusTrap';\r\nimport { lockBodyScroll, unlockBodyScroll } from '../utils/scroll-lock';\r\n\r\nexport interface BottomSheetProps {\r\n isOpen: boolean;\r\n onClose: () => void;\r\n children: React.ReactNode;\r\n title?: string;\r\n description?: string;\r\n className?: string;\r\n showHandle?: boolean;\r\n maxHeight?: string;\r\n 'aria-label'?: string;\r\n}\r\n\r\nexport const BottomSheet = forwardRef<HTMLDivElement, BottomSheetProps>(\r\n (\r\n {\r\n isOpen,\r\n onClose,\r\n children,\r\n title,\r\n description,\r\n className,\r\n showHandle = true,\r\n maxHeight = 'max-h-[85vh]',\r\n 'aria-label': ariaLabel,\r\n },\r\n ref\r\n ) => {\r\n const generatedId = useId();\r\n const titleId = `bottomsheet-title-${generatedId}`;\r\n const descId = `bottomsheet-desc-${generatedId}`;\r\n\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n\r\n lockBodyScroll();\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key === 'Escape') {\r\n onClose();\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown);\r\n return () => {\r\n window.removeEventListener('keydown', handleKeyDown);\r\n unlockBodyScroll();\r\n };\r\n }, [isOpen, onClose]);\r\n\r\n if (!isOpen) return null;\r\n\r\n return (\r\n <Portal>\r\n <FocusTrap active={isOpen} restoreFocus={true}>\r\n <div\r\n className=\"fixed inset-0 z-50 flex flex-col justify-end\"\r\n role=\"dialog\"\r\n aria-modal=\"true\"\r\n aria-label={ariaLabel}\r\n aria-labelledby={title ? titleId : undefined}\r\n aria-describedby={description ? descId : undefined}\r\n >\r\n {/* Backdrop */}\r\n <div\r\n onClick={onClose}\r\n className=\"fixed inset-0 bg-black/60 backdrop-blur-md transition-opacity animate-in fade-in duration-300\"\r\n aria-hidden=\"true\"\r\n />\r\n\r\n {/* Slide-up Sheet Panel */}\r\n <div\r\n ref={ref}\r\n className={cn(\r\n 'relative z-50 w-full max-w-2xl mx-auto rounded-t-[2rem] border-t border-x border-[var(--ui-border-default)] bg-[var(--ui-bg-surface)] backdrop-blur-3xl shadow-2xl overflow-hidden flex flex-col transition-transform animate-in slide-in-from-bottom duration-300',\r\n maxHeight,\r\n className\r\n )}\r\n >\r\n {/* Drag Handle */}\r\n {showHandle && (\r\n <div\r\n onClick={onClose}\r\n className=\"w-full py-3 flex items-center justify-center cursor-grab active:cursor-grabbing\"\r\n >\r\n <div className=\"w-12 h-1.5 rounded-full bg-[var(--ui-text-muted)]/40 hover:bg-[var(--ui-text-muted)] transition-colors\" />\r\n </div>\r\n )}\r\n\r\n {/* Header */}\r\n {(title || description) && (\r\n <div className=\"px-6 pb-3 flex items-center justify-between border-b border-[var(--ui-border-subtle)]\">\r\n <div>\r\n {title && <h3 id={titleId} className=\"text-base font-bold tracking-tight text-[var(--ui-text-primary)]\">{title}</h3>}\r\n {description && <p id={descId} className=\"text-xs text-[var(--ui-text-muted)]\">{description}</p>}\r\n </div>\r\n <button\r\n type=\"button\"\r\n onClick={onClose}\r\n aria-label=\"Close sheet\"\r\n className=\"p-1.5 rounded-full hover:bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-muted)] hover:text-[var(--ui-text-primary)] transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)]\"\r\n >\r\n <X className=\"w-4 h-4\" />\r\n </button>\r\n </div>\r\n )}\r\n\r\n {/* Content Body */}\r\n <div className=\"p-6 overflow-y-auto flex-1 space-y-4\">\r\n {children}\r\n </div>\r\n </div>\r\n </div>\r\n </FocusTrap>\r\n </Portal>\r\n );\r\n }\r\n);\r\nBottomSheet.displayName = 'BottomSheet';\r\n\r\nexport const BottomSheetHeader: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ className, children, ...props }) => (\r\n <div className={cn('px-6 pb-2', className)} {...props}>\r\n {children}\r\n </div>\r\n);\r\n\r\nexport const BottomSheetBody: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ className, children, ...props }) => (\r\n <div className={cn('px-6 py-2 overflow-y-auto', className)} {...props}>\r\n {children}\r\n </div>\r\n);\r\n\r\nexport const BottomSheetFooter: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ className, children, ...props }) => (\r\n <div className={cn('p-6 pt-3 border-t border-[var(--ui-border-subtle)] flex items-center justify-end gap-3', className)} {...props}>\r\n {children}\r\n </div>\r\n);\r\n","import React, { useState, useEffect, useRef, forwardRef } from 'react';\r\nimport { cn } from '../utils/cn';\r\nimport { Portal } from './Portal';\r\nimport { Kbd } from '../typography/Kbd';\r\n\r\nexport interface ContextMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {\r\n icon?: React.ReactNode;\r\n shortcut?: string;\r\n disabled?: boolean;\r\n destructive?: boolean;\r\n onSelect?: () => void;\r\n}\r\n\r\nexport const ContextMenuItem: React.FC<ContextMenuItemProps> = ({\r\n icon,\r\n shortcut,\r\n disabled = false,\r\n destructive = false,\r\n onSelect,\r\n children,\r\n className,\r\n ...props\r\n}) => {\r\n return (\r\n <div\r\n role=\"menuitem\"\r\n tabIndex={disabled ? -1 : 0}\r\n aria-disabled={disabled}\r\n onClick={() => {\r\n if (!disabled) onSelect?.();\r\n }}\r\n onKeyDown={(e) => {\r\n if (!disabled && (e.key === 'Enter' || e.key === ' ')) {\r\n e.preventDefault();\r\n onSelect?.();\r\n }\r\n }}\r\n className={cn(\r\n 'flex items-center justify-between px-3 py-1.5 rounded-xl text-xs font-medium cursor-pointer transition-colors select-none focus:outline-none focus:bg-[var(--ui-bg-tertiary)]',\r\n disabled && 'opacity-40 cursor-not-allowed pointer-events-none',\r\n destructive\r\n ? 'text-rose-500 hover:bg-rose-500/10 focus:bg-rose-500/10'\r\n : 'text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n <div className=\"flex items-center gap-2 truncate\">\r\n {icon && <span className=\"w-4 h-4 shrink-0\">{icon}</span>}\r\n <span className=\"truncate\">{children}</span>\r\n </div>\r\n\r\n {shortcut && <Kbd className=\"text-[10px] py-0 px-1\">{shortcut}</Kbd>}\r\n </div>\r\n );\r\n};\r\n\r\nexport const ContextMenuSeparator: React.FC = () => (\r\n <div className=\"h-px my-1 bg-[var(--ui-border-subtle)]\" role=\"separator\" />\r\n);\r\n\r\nexport interface ContextMenuProps {\r\n children: React.ReactNode;\r\n menuContent: React.ReactNode;\r\n className?: string;\r\n}\r\n\r\nexport const ContextMenu = forwardRef<HTMLDivElement, ContextMenuProps>(\r\n ({ children, menuContent, className }, ref) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [position, setPosition] = useState<{ x: number; y: number }>({ x: 0, y: 0 });\r\n const menuRef = useRef<HTMLDivElement | null>(null);\r\n\r\n const handleContextMenu = (e: React.MouseEvent) => {\r\n e.preventDefault();\r\n const x = Math.min(window.innerWidth - 220, e.clientX);\r\n const y = Math.min(window.innerHeight - 260, e.clientY);\r\n setPosition({ x, y });\r\n setIsOpen(true);\r\n };\r\n\r\n useEffect(() => {\r\n if (!isOpen) return;\r\n\r\n const timer = setTimeout(() => {\r\n const firstItem = menuRef.current?.querySelector<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])');\r\n firstItem?.focus();\r\n }, 10);\r\n\r\n const handleClickOutside = (e: MouseEvent) => {\r\n if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\r\n setIsOpen(false);\r\n }\r\n };\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (!menuRef.current) return;\r\n const items = Array.from(\r\n menuRef.current.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])')\r\n );\r\n if (items.length === 0) return;\r\n\r\n const currentIndex = items.indexOf(document.activeElement as HTMLElement);\r\n\r\n if (e.key === 'ArrowDown') {\r\n e.preventDefault();\r\n const nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\r\n items[nextIndex]?.focus();\r\n } else if (e.key === 'ArrowUp') {\r\n e.preventDefault();\r\n const prevIndex = currentIndex === -1 ? items.length - 1 : (currentIndex - 1 + items.length) % items.length;\r\n items[prevIndex]?.focus();\r\n } else if (e.key === 'Home') {\r\n e.preventDefault();\r\n items[0]?.focus();\r\n } else if (e.key === 'End') {\r\n e.preventDefault();\r\n items[items.length - 1]?.focus();\r\n } else if (e.key === 'Escape') {\r\n e.preventDefault();\r\n setIsOpen(false);\r\n }\r\n };\r\n\r\n window.addEventListener('click', handleClickOutside);\r\n window.addEventListener('contextmenu', handleClickOutside);\r\n window.addEventListener('keydown', handleKeyDown);\r\n\r\n return () => {\r\n clearTimeout(timer);\r\n window.removeEventListener('click', handleClickOutside);\r\n window.removeEventListener('contextmenu', handleClickOutside);\r\n window.removeEventListener('keydown', handleKeyDown);\r\n };\r\n }, [isOpen]);\r\n\r\n return (\r\n <>\r\n <div ref={ref} onContextMenu={handleContextMenu} className={className}>\r\n {children}\r\n </div>\r\n\r\n {isOpen && (\r\n <Portal>\r\n <div\r\n ref={menuRef}\r\n role=\"menu\"\r\n tabIndex={-1}\r\n style={{ top: `${position.y}px`, left: `${position.x}px` }}\r\n onClick={() => setIsOpen(false)}\r\n className=\"fixed z-50 min-w-48 p-1.5 rounded-2xl bg-[var(--ui-bg-surface)]/90 backdrop-blur-3xl border border-[var(--ui-border-default)] shadow-2xl space-y-0.5 animate-in fade-in zoom-in-95 duration-150 focus:outline-none\"\r\n >\r\n {menuContent}\r\n </div>\r\n </Portal>\r\n )}\r\n </>\r\n );\r\n }\r\n);\r\nContextMenu.displayName = 'ContextMenu';\r\n","import React, { useState, useRef, forwardRef } from 'react';\nimport { cn } from '../utils/cn';\nimport { Portal } from './Portal';\n\nexport interface HoverCardProps {\n trigger: React.ReactNode;\n content: React.ReactNode;\n openDelay?: number;\n closeDelay?: number;\n className?: string;\n}\n\nexport const HoverCard = forwardRef<HTMLDivElement, HoverCardProps>(\n ({ trigger, content, openDelay = 200, closeDelay = 250, className }, ref) => {\n const [isOpen, setIsOpen] = useState(false);\n const [coords, setCoords] = useState<{ top: number; left: number }>({ top: 0, left: 0 });\n const triggerRef = useRef<HTMLDivElement | null>(null);\n const openTimerRef = useRef<any>(null);\n const closeTimerRef = useRef<any>(null);\n\n const handleMouseEnter = () => {\n clearTimeout(closeTimerRef.current);\n openTimerRef.current = setTimeout(() => {\n if (triggerRef.current) {\n const rect = triggerRef.current.getBoundingClientRect();\n setCoords({\n top: rect.bottom + window.scrollY + 8,\n left: Math.max(16, Math.min(window.innerWidth - 320, rect.left + window.scrollX)),\n });\n setIsOpen(true);\n }\n }, openDelay);\n };\n\n const handleMouseLeave = () => {\n clearTimeout(openTimerRef.current);\n closeTimerRef.current = setTimeout(() => {\n setIsOpen(false);\n }, closeDelay);\n };\n\n return (\n <div\n ref={ref}\n className=\"inline-block relative\"\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n >\n <div ref={triggerRef} className=\"inline-block\">\n {trigger}\n </div>\n\n {isOpen && (\n <Portal>\n <div\n style={{ top: `${coords.top}px`, left: `${coords.left}px` }}\n onMouseEnter={() => clearTimeout(closeTimerRef.current)}\n onMouseLeave={handleMouseLeave}\n className={cn(\n 'fixed z-50 w-72 p-4 rounded-2xl bg-[var(--ui-bg-surface)] backdrop-blur-3xl border border-[var(--ui-border-default)] shadow-2xl animate-in fade-in zoom-in-95 duration-200',\n className\n )}\n >\n {content}\n </div>\n </Portal>\n )}\n </div>\n );\n }\n);\nHoverCard.displayName = 'HoverCard';\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { buttonVariants, Button } from './chunk-
|
|
2
|
-
import { __export, cn } from './chunk-
|
|
1
|
+
import { buttonVariants, Button } from './chunk-66VWUJEI.js';
|
|
2
|
+
import { __export, cn } from './chunk-4S6L5V7X.js';
|
|
3
3
|
import React3, { forwardRef, createContext, useContext, useState, useRef, useId, useEffect } from 'react';
|
|
4
4
|
import { cva } from 'class-variance-authority';
|
|
5
5
|
import { Loader2, ChevronDown } from 'lucide-react';
|
|
@@ -373,5 +373,5 @@ var SplitButton = forwardRef(
|
|
|
373
373
|
SplitButton.displayName = "SplitButton";
|
|
374
374
|
|
|
375
375
|
export { ButtonGroup, IconButton, SplitButton, ToggleButton, ToggleGroup, buttonGroupVariants, buttons_exports, iconButtonVariants, toggleVariants };
|
|
376
|
-
//# sourceMappingURL=chunk-
|
|
377
|
-
//# sourceMappingURL=chunk-
|
|
376
|
+
//# sourceMappingURL=chunk-KUQWUTZA.js.map
|
|
377
|
+
//# sourceMappingURL=chunk-KUQWUTZA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/buttons/index.ts","../src/buttons/IconButton.tsx","../src/buttons/ButtonGroup.tsx","../src/buttons/ToggleButton.tsx","../src/buttons/SplitButton.tsx"],"names":["cva","forwardRef","jsx","React"],"mappings":"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","file":"chunk-KUQWUTZA.js","sourcesContent":["export * from './Button';\r\nexport * from './IconButton';\r\nexport * from './ButtonGroup';\r\nexport * from './ToggleButton';\r\nexport * from './SplitButton';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { Loader2 } from 'lucide-react';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const iconButtonVariants = cva(\r\n 'inline-flex items-center justify-center font-medium transition-all duration-200 select-none cursor-pointer disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] focus-visible:ring-offset-2 active:scale-95',\r\n {\r\n variants: {\r\n variant: {\r\n primary:\r\n 'bg-[var(--ui-primary)] text-[var(--ui-primary-fg)] hover:bg-[var(--ui-primary-hover)] shadow-sm',\r\n secondary:\r\n 'bg-[var(--ui-secondary)] text-[var(--ui-secondary-fg)] hover:bg-[var(--ui-secondary-hover)] shadow-sm',\r\n outline:\r\n 'border border-[var(--ui-border-default)] bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\r\n ghost:\r\n 'bg-transparent text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)]',\r\n danger:\r\n 'bg-[var(--ui-error)] text-[var(--ui-error-fg)] hover:bg-[var(--ui-error)]/90 shadow-sm',\r\n },\r\n size: {\r\n xs: 'w-7 h-7 text-xs rounded-[var(--ui-radius-sm)]',\r\n sm: 'w-8 h-8 text-sm rounded-[var(--ui-radius-md)]',\r\n md: 'w-10 h-10 text-base rounded-[var(--ui-radius-md)]',\r\n lg: 'w-12 h-12 text-lg rounded-[var(--ui-radius-lg)]',\r\n },\r\n shape: {\r\n rounded: '',\r\n circle: 'rounded-full',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'ghost',\r\n size: 'md',\r\n shape: 'rounded',\r\n },\r\n }\r\n);\r\n\r\nexport interface IconButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof iconButtonVariants> {\r\n 'aria-label': string;\r\n icon?: React.ReactNode;\r\n loading?: boolean;\r\n}\r\n\r\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\r\n (\r\n {\r\n className,\r\n variant,\r\n size,\r\n shape,\r\n icon,\r\n loading = false,\r\n disabled,\r\n 'aria-label': ariaLabel,\r\n children,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n return (\r\n <button\r\n ref={ref}\r\n aria-label={ariaLabel}\r\n disabled={disabled || loading}\r\n className={cn(iconButtonVariants({ variant, size, shape }), className)}\r\n {...props}\r\n >\r\n {loading ? <Loader2 className=\"w-4 h-4 animate-spin\" /> : icon || children}\r\n </button>\r\n );\r\n }\r\n);\r\n\r\nIconButton.displayName = 'IconButton';\r\n","import React, { forwardRef } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const buttonGroupVariants = cva('inline-flex', {\r\n variants: {\r\n orientation: {\r\n horizontal:\r\n 'flex-row [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none [&>*:not(:last-child)]:border-r-0',\r\n vertical:\r\n 'flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none [&>*:not(:last-child)]:border-b-0',\r\n },\r\n attached: {\r\n true: '',\r\n false: 'gap-2',\r\n },\r\n },\r\n defaultVariants: {\r\n orientation: 'horizontal',\r\n attached: true,\r\n },\r\n});\r\n\r\nexport interface ButtonGroupProps\r\n extends React.HTMLAttributes<HTMLDivElement>,\r\n VariantProps<typeof buttonGroupVariants> {}\r\n\r\nexport const ButtonGroup = forwardRef<HTMLDivElement, ButtonGroupProps>(\r\n ({ className, orientation, attached, children, ...props }, ref) => {\r\n return (\r\n <div\r\n ref={ref}\r\n role=\"group\"\r\n className={cn(buttonGroupVariants({ orientation, attached }), className)}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nButtonGroup.displayName = 'ButtonGroup';\r\n","import React, { forwardRef, createContext, useContext } from 'react';\r\nimport { cva, type VariantProps } from 'class-variance-authority';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport const toggleVariants = cva(\r\n 'inline-flex items-center justify-center text-sm font-medium transition-colors hover:bg-[var(--ui-bg-tertiary)] hover:text-[var(--ui-text-primary)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ui-primary)] disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer',\r\n {\r\n variants: {\r\n variant: {\r\n default: 'bg-transparent text-[var(--ui-text-secondary)]',\r\n outline:\r\n 'border border-[var(--ui-border-default)] bg-transparent hover:bg-[var(--ui-bg-tertiary)]',\r\n },\r\n size: {\r\n sm: 'h-8 px-2.5 text-xs rounded-[var(--ui-radius-sm)]',\r\n md: 'h-9 px-3 text-sm rounded-[var(--ui-radius-md)]',\r\n lg: 'h-10 px-4 text-base rounded-[var(--ui-radius-md)]',\r\n },\r\n },\r\n defaultVariants: {\r\n variant: 'default',\r\n size: 'md',\r\n },\r\n }\r\n);\r\n\r\ninterface ToggleGroupContextType {\r\n value?: string | string[];\r\n onChange?: (val: string) => void;\r\n variant?: 'default' | 'outline';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst ToggleGroupContext = createContext<ToggleGroupContextType>({});\r\n\r\nexport interface ToggleButtonProps\r\n extends React.ButtonHTMLAttributes<HTMLButtonElement>,\r\n VariantProps<typeof toggleVariants> {\r\n pressed?: boolean;\r\n value?: string;\r\n}\r\n\r\nexport const ToggleButton = forwardRef<HTMLButtonElement, ToggleButtonProps>(\r\n ({ className, pressed: customPressed, variant, size, value, onClick, children, ...props }, ref) => {\r\n const group = useContext(ToggleGroupContext);\r\n\r\n const isPressed =\r\n customPressed !== undefined\r\n ? customPressed\r\n : group.value !== undefined && value !== undefined\r\n ? Array.isArray(group.value)\r\n ? group.value.includes(value)\r\n : group.value === value\r\n : false;\r\n\r\n const currentVariant = variant || group.variant || 'default';\r\n const currentSize = size || group.size || 'md';\r\n\r\n const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\r\n if (value && group.onChange) {\r\n group.onChange(value);\r\n }\r\n onClick?.(e);\r\n };\r\n\r\n return (\r\n <button\r\n ref={ref}\r\n type=\"button\"\r\n aria-pressed={isPressed}\r\n data-state={isPressed ? 'on' : 'off'}\r\n onClick={handleClick}\r\n className={cn(\r\n toggleVariants({ variant: currentVariant, size: currentSize }),\r\n isPressed &&\r\n 'bg-[var(--ui-bg-tertiary)] text-[var(--ui-text-primary)] font-semibold shadow-inner border-[var(--ui-border-strong)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </button>\r\n );\r\n }\r\n);\r\nToggleButton.displayName = 'ToggleButton';\r\n\r\nexport interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {\r\n type?: 'single' | 'multiple';\r\n value?: string | string[];\r\n defaultValue?: string | string[];\r\n onValueChange?: (value: any) => void;\r\n variant?: 'default' | 'outline';\r\n size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nexport const ToggleGroup = forwardRef<HTMLDivElement, ToggleGroupProps>(\r\n (\r\n {\r\n className,\r\n type = 'single',\r\n value: controlledValue,\r\n defaultValue,\r\n onValueChange,\r\n variant = 'outline',\r\n size = 'md',\r\n children,\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [stateValue, setStateValue] = React.useState<string | string[]>(\r\n defaultValue || (type === 'multiple' ? [] : '')\r\n );\r\n\r\n const currentValue = controlledValue !== undefined ? controlledValue : stateValue;\r\n\r\n const handleItemChange = (itemValue: string) => {\r\n if (type === 'single') {\r\n const next = currentValue === itemValue ? '' : itemValue;\r\n setStateValue(next);\r\n onValueChange?.(next);\r\n } else {\r\n const arr = Array.isArray(currentValue) ? currentValue : [];\r\n const next = arr.includes(itemValue)\r\n ? arr.filter((v) => v !== itemValue)\r\n : [...arr, itemValue];\r\n setStateValue(next);\r\n onValueChange?.(next);\r\n }\r\n };\r\n\r\n return (\r\n <ToggleGroupContext.Provider\r\n value={{\r\n value: currentValue,\r\n onChange: handleItemChange,\r\n variant,\r\n size,\r\n }}\r\n >\r\n <div\r\n ref={ref}\r\n role=\"group\"\r\n className={cn(\r\n 'inline-flex items-center gap-1 rounded-[var(--ui-radius-md)] p-1 bg-[var(--ui-bg-secondary)] border border-[var(--ui-border-subtle)]',\r\n className\r\n )}\r\n {...props}\r\n >\r\n {children}\r\n </div>\r\n </ToggleGroupContext.Provider>\r\n );\r\n }\r\n);\r\nToggleGroup.displayName = 'ToggleGroup';\r\n","import React, { forwardRef, useState, useRef, useEffect, useId } from 'react';\r\nimport { ChevronDown } from 'lucide-react';\r\nimport { Button, ButtonProps } from './Button';\r\nimport { cn } from '../utils/cn';\r\n\r\nexport interface SplitButtonItem {\r\n label: React.ReactNode;\r\n icon?: React.ReactNode;\r\n onClick: () => void;\r\n disabled?: boolean;\r\n}\r\n\r\nexport interface SplitButtonProps extends Omit<ButtonProps, 'onClick'> {\r\n items: SplitButtonItem[];\r\n onMainClick?: () => void;\r\n menuAriaLabel?: string;\r\n}\r\n\r\nexport const SplitButton = forwardRef<HTMLDivElement, SplitButtonProps>(\r\n (\r\n {\r\n className,\r\n items,\r\n onMainClick,\r\n variant = 'primary',\r\n size = 'md',\r\n children,\r\n disabled,\r\n menuAriaLabel = 'More actions',\r\n ...props\r\n },\r\n ref\r\n ) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const [focusedIndex, setFocusedIndex] = useState<number>(0);\r\n const containerRef = useRef<HTMLDivElement>(null);\r\n const triggerBtnRef = useRef<HTMLButtonElement>(null);\r\n const menuRef = useRef<HTMLDivElement>(null);\r\n const menuId = `split-button-menu-${useId()}`;\r\n\r\n const enabledItemsIndices = items\r\n .map((item, idx) => (!item.disabled ? idx : -1))\r\n .filter((idx) => idx !== -1);\r\n\r\n useEffect(() => {\r\n const handleOutside = (e: MouseEvent) => {\r\n if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\r\n setIsOpen(false);\r\n }\r\n };\r\n if (isOpen) {\r\n document.addEventListener('mousedown', handleOutside);\r\n }\r\n return () => document.removeEventListener('mousedown', handleOutside);\r\n }, [isOpen]);\r\n\r\n // Auto-focus first item when menu opens\r\n useEffect(() => {\r\n if (isOpen && enabledItemsIndices.length > 0) {\r\n setFocusedIndex(enabledItemsIndices[0]);\r\n const timer = setTimeout(() => {\r\n const itemEl = menuRef.current?.querySelector<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])');\r\n itemEl?.focus();\r\n }, 10);\r\n return () => clearTimeout(timer);\r\n }\r\n }, [isOpen]);\r\n\r\n const handleMenuKeyDown = (e: React.KeyboardEvent) => {\r\n if (!isOpen) return;\r\n\r\n if (e.key === 'ArrowDown') {\r\n e.preventDefault();\r\n const currentPos = enabledItemsIndices.indexOf(focusedIndex);\r\n const nextPos = (currentPos + 1) % enabledItemsIndices.length;\r\n const nextIdx = enabledItemsIndices[nextPos];\r\n setFocusedIndex(nextIdx);\r\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\r\n buttons?.[nextIdx]?.focus();\r\n } else if (e.key === 'ArrowUp') {\r\n e.preventDefault();\r\n const currentPos = enabledItemsIndices.indexOf(focusedIndex);\r\n const prevPos = (currentPos - 1 + enabledItemsIndices.length) % enabledItemsIndices.length;\r\n const prevIdx = enabledItemsIndices[prevPos];\r\n setFocusedIndex(prevIdx);\r\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\r\n buttons?.[prevIdx]?.focus();\r\n } else if (e.key === 'Home') {\r\n e.preventDefault();\r\n if (enabledItemsIndices.length > 0) {\r\n const firstIdx = enabledItemsIndices[0];\r\n setFocusedIndex(firstIdx);\r\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\r\n buttons?.[firstIdx]?.focus();\r\n }\r\n } else if (e.key === 'End') {\r\n e.preventDefault();\r\n if (enabledItemsIndices.length > 0) {\r\n const lastIdx = enabledItemsIndices[enabledItemsIndices.length - 1];\r\n setFocusedIndex(lastIdx);\r\n const buttons = menuRef.current?.querySelectorAll<HTMLButtonElement>('[role=\"menuitem\"]');\r\n buttons?.[lastIdx]?.focus();\r\n }\r\n } else if (e.key === 'Escape') {\r\n e.preventDefault();\r\n setIsOpen(false);\r\n triggerBtnRef.current?.focus();\r\n }\r\n };\r\n\r\n return (\r\n <div ref={containerRef} className={cn('relative inline-flex', className)}>\r\n <div ref={ref} className=\"inline-flex rounded-[var(--ui-radius-md)] shadow-sm\">\r\n <Button\r\n variant={variant}\r\n size={size}\r\n disabled={disabled}\r\n onClick={onMainClick}\r\n className=\"rounded-r-none border-r border-white/20 dark:border-black/20\"\r\n {...props}\r\n >\r\n {children}\r\n </Button>\r\n\r\n <Button\r\n ref={triggerBtnRef}\r\n variant={variant}\r\n size={size}\r\n disabled={disabled}\r\n onClick={() => setIsOpen(!isOpen)}\r\n onKeyDown={(e) => {\r\n if (e.key === 'ArrowDown') {\r\n e.preventDefault();\r\n setIsOpen(true);\r\n }\r\n }}\r\n aria-expanded={isOpen}\r\n aria-haspopup=\"menu\"\r\n aria-controls={isOpen ? menuId : undefined}\r\n aria-label={menuAriaLabel}\r\n className=\"rounded-l-none px-2 cursor-pointer\"\r\n >\r\n <ChevronDown className={cn('w-4 h-4 transition-transform duration-200', isOpen && 'rotate-180')} />\r\n </Button>\r\n </div>\r\n\r\n {isOpen && (\r\n <div\r\n ref={menuRef}\r\n id={menuId}\r\n role=\"menu\"\r\n aria-orientation=\"vertical\"\r\n tabIndex={-1}\r\n onKeyDown={handleMenuKeyDown}\r\n className=\"absolute top-full right-0 mt-1 w-48 rounded-[var(--ui-radius-md)] bg-[var(--ui-bg-surface)] border border-[var(--ui-border-default)] shadow-lg py-1 z-50 animate-in fade-in zoom-in-95 focus:outline-none\"\r\n >\r\n {items.map((item, i) => (\r\n <button\r\n key={i}\r\n type=\"button\"\r\n role=\"menuitem\"\r\n tabIndex={focusedIndex === i ? 0 : -1}\r\n aria-disabled={item.disabled}\r\n disabled={item.disabled}\r\n onClick={() => {\r\n item.onClick();\r\n setIsOpen(false);\r\n triggerBtnRef.current?.focus();\r\n }}\r\n className={cn(\r\n 'w-full flex items-center gap-2 px-3 py-2 text-left text-sm text-[var(--ui-text-primary)] hover:bg-[var(--ui-bg-tertiary)] focus:bg-[var(--ui-bg-tertiary)] focus:outline-none disabled:opacity-50 disabled:pointer-events-none transition-colors cursor-pointer',\r\n focusedIndex === i && 'bg-[var(--ui-bg-tertiary)]'\r\n )}\r\n >\r\n {item.icon && <span className=\"flex-shrink-0\">{item.icon}</span>}\r\n <span className=\"flex-1 truncate\">{item.label}</span>\r\n </button>\r\n ))}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n);\r\n\r\nSplitButton.displayName = 'SplitButton';\r\n"]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/overlays/FocusTrap.tsx"],"names":[],"mappings":";;;;AASA,IAAM,kBAAA,GAAqB;AAAA,EACzB,SAAA;AAAA,EACA,wBAAA;AAAA,EACA,0BAAA;AAAA,EACA,uBAAA;AAAA,EACA,wBAAA;AAAA,EACA,iCAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,IAAI,CAAA;AAGX,IAAM,YAA2B,EAAC;AAE3B,SAAS,SAAA,CAAU;AAAA,EACxB,QAAA;AAAA,EACA,MAAA,GAAS,IAAA;AAAA,EACT,SAAA,GAAY,IAAA;AAAA,EACZ,YAAA,GAAe;AACjB,CAAA,EAAmB;AACjB,EAAA,MAAM,OAAA,GAAU,OAAuB,IAAI,CAAA;AAC3C,EAAA,MAAM,wBAAA,GAA2B,OAA2B,IAAI,CAAA;AAEhE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AAEb,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AACnC,MAAA,wBAAA,CAAyB,UAAU,QAAA,CAAS,aAAA;AAAA,IAC9C;AAEA,IAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,IAAA,IAAI,CAAC,IAAA,EAAM;AAEX,IAAA,SAAA,CAAU,KAAK,IAAI,CAAA;AAEnB,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,MAAM,KAAA,GAAQ,WAAW,MAAM;AAC7B,QAAA,MAAM,SAAA,GAAY,IAAA,CAAK,gBAAA,CAA8B,kBAAkB,CAAA;AACvE,QAAA,IAAI,SAAA,CAAU,SAAS,CAAA,EAAG;AACxB,UAAA,SAAA,CAAU,CAAC,EAAE,KAAA,EAAM;AAAA,QACrB,CAAA,MAAA,IAAW,OAAO,IAAA,CAAK,KAAA,KAAU,UAAA,EAAY;AAC3C,UAAA,IAAA,CAAK,KAAA,EAAM;AAAA,QACb;AAAA,MACF,GAAG,CAAC,CAAA;AACJ,MAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,IACjC;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,MAAM,GAAA,GAAM,SAAA,CAAU,OAAA,CAAQ,IAAI,CAAA;AAClC,MAAA,IAAI,GAAA,KAAQ,EAAA,EAAI,SAAA,CAAU,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,IACzC,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,SAAS,CAAC,CAAA;AAEtB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,MAAA,EAAQ;AAEb,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAqB;AAC1C,MAAA,IAAI,CAAA,CAAE,QAAQ,KAAA,EAAO;AAErB,MAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,MAAA,IAAI,CAAC,IAAA,EAAM;AAGX,MAAA,IAAI,SAAA,CAAU,SAAS,CAAA,IAAK,SAAA,CAAU,UAAU,MAAA,GAAS,CAAC,MAAM,IAAA,EAAM;AACpE,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,YAAY,KAAA,CAAM,IAAA,CAAK,KAAK,gBAAA,CAA8B,kBAAkB,CAAC,CAAA,CAAE,MAAA;AAAA,QACnF,CAAC,OAAO,EAAA,CAAG,YAAA,KAAiB,QAAQ,EAAA,CAAG,cAAA,GAAiB,MAAA,GAAS;AAAA,OACnE;AAEA,MAAA,IAAI,SAAA,CAAU,WAAW,CAAA,EAAG;AAC1B,QAAA,CAAA,CAAE,cAAA,EAAe;AACjB,QAAA,IAAA,CAAK,KAAA,EAAM;AACX,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,KAAA,GAAQ,UAAU,CAAC,CAAA;AACzB,MAAA,MAAM,IAAA,GAAO,SAAA,CAAU,SAAA,CAAU,MAAA,GAAS,CAAC,CAAA;AAE3C,MAAA,IAAI,EAAE,QAAA,EAAU;AACd,QAAA,IAAI,QAAA,CAAS,kBAAkB,KAAA,IAAS,CAAC,KAAK,QAAA,CAAS,QAAA,CAAS,aAAa,CAAA,EAAG;AAC9E,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,IAAA,CAAK,KAAA,EAAM;AAAA,QACb;AAAA,MACF,CAAA,MAAO;AACL,QAAA,IAAI,QAAA,CAAS,kBAAkB,IAAA,IAAQ,CAAC,KAAK,QAAA,CAAS,QAAA,CAAS,aAAa,CAAA,EAAG;AAC7E,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,KAAA,CAAM,KAAA,EAAM;AAAA,QACd;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,SAAA,EAAW,aAAA,EAAe,IAAI,CAAA;AAEtD,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,aAAA,EAAe,IAAI,CAAA;AACzD,MAAA,MAAM,OAAO,OAAA,CAAQ,OAAA;AACrB,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,MAAM,GAAA,GAAM,SAAA,CAAU,OAAA,CAAQ,IAAI,CAAA;AAClC,QAAA,IAAI,GAAA,KAAQ,EAAA,EAAI,SAAA,CAAU,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,MACzC;AACA,MAAA,IAAI,gBAAgB,wBAAA,CAAyB,OAAA,IAAW,OAAO,wBAAA,CAAyB,OAAA,CAAQ,UAAU,UAAA,EAAY;AACpH,QAAA,wBAAA,CAAyB,QAAQ,KAAA,EAAM;AAAA,MACzC;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,YAAY,CAAC,CAAA;AAEzB,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAK,OAAA,EAAS,QAAA,EAAU,EAAA,EAAI,SAAA,EAAU,UAAA,EAAW,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,IACrE,QAAA,EACH,CAAA;AAEJ","file":"chunk-U3J4UPV3.js","sourcesContent":["import React, { useEffect, useRef } from 'react';\r\n\r\nexport interface FocusTrapProps {\r\n children: React.ReactNode;\r\n active?: boolean;\r\n autoFocus?: boolean;\r\n restoreFocus?: boolean;\r\n}\r\n\r\nconst FOCUSABLE_SELECTOR = [\r\n 'a[href]',\r\n 'button:not([disabled])',\r\n 'textarea:not([disabled])',\r\n 'input:not([disabled])',\r\n 'select:not([disabled])',\r\n '[tabindex]:not([tabindex=\"-1\"])',\r\n '[contenteditable=\"true\"]',\r\n].join(', ');\r\n\r\n// Global trap stack to handle nested dialogs/popovers correctly\r\nconst trapStack: HTMLElement[] = [];\r\n\r\nexport function FocusTrap({\r\n children,\r\n active = true,\r\n autoFocus = true,\r\n restoreFocus = true,\r\n}: FocusTrapProps) {\r\n const rootRef = useRef<HTMLDivElement>(null);\r\n const previousActiveElementRef = useRef<HTMLElement | null>(null);\r\n\r\n useEffect(() => {\r\n if (!active) return;\r\n\r\n if (typeof document !== 'undefined') {\r\n previousActiveElementRef.current = document.activeElement as HTMLElement | null;\r\n }\r\n\r\n const root = rootRef.current;\r\n if (!root) return;\r\n\r\n trapStack.push(root);\r\n\r\n if (autoFocus) {\r\n const timer = setTimeout(() => {\r\n const focusable = root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR);\r\n if (focusable.length > 0) {\r\n focusable[0].focus();\r\n } else if (typeof root.focus === 'function') {\r\n root.focus();\r\n }\r\n }, 0);\r\n return () => clearTimeout(timer);\r\n }\r\n\r\n return () => {\r\n const idx = trapStack.indexOf(root);\r\n if (idx !== -1) trapStack.splice(idx, 1);\r\n };\r\n }, [active, autoFocus]);\r\n\r\n useEffect(() => {\r\n if (!active) return;\r\n\r\n const handleKeyDown = (e: KeyboardEvent) => {\r\n if (e.key !== 'Tab') return;\r\n\r\n const root = rootRef.current;\r\n if (!root) return;\r\n\r\n // Only topmost trap in the stack handles tab navigation\r\n if (trapStack.length > 0 && trapStack[trapStack.length - 1] !== root) {\r\n return;\r\n }\r\n\r\n const focusable = Array.from(root.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\r\n (el) => el.offsetParent !== null || el.getClientRects().length > 0\r\n );\r\n\r\n if (focusable.length === 0) {\r\n e.preventDefault();\r\n root.focus();\r\n return;\r\n }\r\n\r\n const first = focusable[0];\r\n const last = focusable[focusable.length - 1];\r\n\r\n if (e.shiftKey) {\r\n if (document.activeElement === first || !root.contains(document.activeElement)) {\r\n e.preventDefault();\r\n last.focus();\r\n }\r\n } else {\r\n if (document.activeElement === last || !root.contains(document.activeElement)) {\r\n e.preventDefault();\r\n first.focus();\r\n }\r\n }\r\n };\r\n\r\n window.addEventListener('keydown', handleKeyDown, true);\r\n\r\n return () => {\r\n window.removeEventListener('keydown', handleKeyDown, true);\r\n const root = rootRef.current;\r\n if (root) {\r\n const idx = trapStack.indexOf(root);\r\n if (idx !== -1) trapStack.splice(idx, 1);\r\n }\r\n if (restoreFocus && previousActiveElementRef.current && typeof previousActiveElementRef.current.focus === 'function') {\r\n previousActiveElementRef.current.focus();\r\n }\r\n };\r\n }, [active, restoreFocus]);\r\n\r\n return (\r\n <div ref={rootRef} tabIndex={-1} className=\"contents\" style={{ outline: 'none' }}>\r\n {children}\r\n </div>\r\n );\r\n}\r\n"]}
|