@kuzenbo/core 0.0.4 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/avatar-CXhwmJgG.js +65 -0
- package/dist/avatar-CXhwmJgG.js.map +1 -0
- package/dist/{avatar-image-Ce26D2fb.d.ts → avatar-DpiupAAM.d.ts} +35 -2
- package/dist/avatar-DpiupAAM.d.ts.map +1 -0
- package/dist/badge-BKRm6jL7.js +58 -0
- package/dist/badge-BKRm6jL7.js.map +1 -0
- package/dist/button-nAbTNrxA.d.ts +78 -0
- package/dist/button-nAbTNrxA.d.ts.map +1 -0
- package/dist/{dialog-trigger-BUF3elAP.js → dialog-CD5lfQA9.js} +33 -10
- package/dist/dialog-CD5lfQA9.js.map +1 -0
- package/dist/{dialog-viewport-Ce1huyAI.d.ts → dialog-DEkdr-9K.d.ts} +64 -2
- package/dist/dialog-DEkdr-9K.d.ts.map +1 -0
- package/dist/{dropdown-menu-trigger-COnFGfDa.js → dropdown-menu-BJi-V71O.js} +137 -101
- package/dist/dropdown-menu-BJi-V71O.js.map +1 -0
- package/dist/{dropdown-menu-trigger-BpgtLUvf.d.ts → dropdown-menu-Bpj576m0.d.ts} +259 -123
- package/dist/dropdown-menu-Bpj576m0.d.ts.map +1 -0
- package/dist/input-Ex9ZRqbo.js +38 -0
- package/dist/input-Ex9ZRqbo.js.map +1 -0
- package/dist/input-WWoBCgxe.d.ts +46 -0
- package/dist/input-WWoBCgxe.d.ts.map +1 -0
- package/dist/{input-group-textarea-B-rP98r5.js → input-group-CjcHP0L4.js} +50 -31
- package/dist/input-group-CjcHP0L4.js.map +1 -0
- package/dist/provider.js +2 -2
- package/dist/scroll-bar-C4qEUKlT.js.map +1 -1
- package/dist/separator-C8Qw2ADs.d.ts +13 -0
- package/dist/separator-C8Qw2ADs.d.ts.map +1 -0
- package/dist/{sheet-trigger-D7neoTF5.js → sheet-imSHXfFH.js} +29 -10
- package/dist/sheet-imSHXfFH.js.map +1 -0
- package/dist/{size-context-BjRwqlSg.js → size-context-CvLl3pMC.js} +3 -3
- package/dist/size-context-CvLl3pMC.js.map +1 -0
- package/dist/size-context-DXfCAlWF.d.ts.map +1 -1
- package/dist/size-provider-18EvJgDT.js.map +1 -1
- package/dist/size-provider-Bd2C6gKd.d.ts.map +1 -1
- package/dist/size-system-BTsMqZRQ.js +99 -0
- package/dist/size-system-BTsMqZRQ.js.map +1 -0
- package/dist/size-system-wzOLSuax.d.ts.map +1 -1
- package/dist/size.js +2 -2
- package/dist/{slider-root-presentation-ChJHPMIV.js → slider-root-presentation-B6OO_iCT.js} +19 -19
- package/dist/slider-root-presentation-B6OO_iCT.js.map +1 -0
- package/dist/{slider-value-Db8SCu0c.d.ts → slider-style-tokens-CZezJilZ.d.ts} +55 -55
- package/dist/slider-style-tokens-CZezJilZ.d.ts.map +1 -0
- package/dist/textarea-C8dsnn8D.d.ts +37 -0
- package/dist/textarea-C8dsnn8D.d.ts.map +1 -0
- package/dist/textarea-CkiM1N_I.js +39 -0
- package/dist/textarea-CkiM1N_I.js.map +1 -0
- package/dist/toggle-CxkIncmZ.d.ts +53 -0
- package/dist/toggle-CxkIncmZ.d.ts.map +1 -0
- package/dist/{tooltip-trigger-qXw-_nbh.js → tooltip-D0BEpCQx.js} +38 -13
- package/dist/tooltip-D0BEpCQx.js.map +1 -0
- package/dist/{tooltip-viewport-csA6luqI.d.ts → tooltip-DbJxt69l.d.ts} +61 -13
- package/dist/tooltip-DbJxt69l.d.ts.map +1 -0
- package/dist/ui/accordion.d.ts +4 -4
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +53 -52
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/affix.d.ts +3 -2
- package/dist/ui/affix.d.ts.map +1 -1
- package/dist/ui/affix.js +8 -7
- package/dist/ui/affix.js.map +1 -1
- package/dist/ui/alert-dialog.d.ts +3 -1
- package/dist/ui/alert-dialog.d.ts.map +1 -1
- package/dist/ui/alert-dialog.js +10 -9
- package/dist/ui/alert-dialog.js.map +1 -1
- package/dist/ui/alert.d.ts +32 -32
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +86 -86
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/announcement.d.ts.map +1 -1
- package/dist/ui/announcement.js +5 -3
- package/dist/ui/announcement.js.map +1 -1
- package/dist/ui/aspect-ratio.d.ts.map +1 -1
- package/dist/ui/aspect-ratio.js.map +1 -1
- package/dist/ui/autocomplete.d.ts +74 -74
- package/dist/ui/autocomplete.d.ts.map +1 -1
- package/dist/ui/autocomplete.js +55 -53
- package/dist/ui/autocomplete.js.map +1 -1
- package/dist/ui/avatar.d.ts +2 -39
- package/dist/ui/avatar.js +2 -24
- package/dist/ui/badge.d.ts +28 -28
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/badge.js +2 -54
- package/dist/ui/breadcrumb.d.ts +64 -64
- package/dist/ui/breadcrumb.d.ts.map +1 -1
- package/dist/ui/breadcrumb.js +47 -45
- package/dist/ui/breadcrumb.js.map +1 -1
- package/dist/ui/button-group.d.ts +34 -34
- package/dist/ui/button-group.d.ts.map +1 -1
- package/dist/ui/button-group.js +29 -28
- package/dist/ui/button-group.js.map +1 -1
- package/dist/ui/button.d.ts +2 -78
- package/dist/ui/button.js +42 -42
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +6 -6
- package/dist/ui/card.js.map +1 -1
- package/dist/ui/carousel.d.ts +1 -1
- package/dist/ui/carousel.d.ts.map +1 -1
- package/dist/ui/carousel.js +36 -17
- package/dist/ui/carousel.js.map +1 -1
- package/dist/ui/checkbox-group.d.ts.map +1 -1
- package/dist/ui/checkbox-group.js.map +1 -1
- package/dist/ui/checkbox.d.ts +20 -20
- package/dist/ui/checkbox.js +13 -13
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/code.js +5 -5
- package/dist/ui/code.js.map +1 -1
- package/dist/ui/collapsible.js +1 -1
- package/dist/ui/collapsible.js.map +1 -1
- package/dist/ui/combobox.d.ts +107 -107
- package/dist/ui/combobox.d.ts.map +1 -1
- package/dist/ui/combobox.js +88 -87
- package/dist/ui/combobox.js.map +1 -1
- package/dist/ui/command.d.ts +57 -58
- package/dist/ui/command.d.ts.map +1 -1
- package/dist/ui/command.js +54 -64
- package/dist/ui/command.js.map +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/container.js.map +1 -1
- package/dist/ui/context-menu.d.ts +132 -132
- package/dist/ui/context-menu.d.ts.map +1 -1
- package/dist/ui/context-menu.js +100 -98
- package/dist/ui/context-menu.js.map +1 -1
- package/dist/ui/copy-button.d.ts +1 -3
- package/dist/ui/copy-button.d.ts.map +1 -1
- package/dist/ui/copy-button.js +12 -13
- package/dist/ui/copy-button.js.map +1 -1
- package/dist/ui/dialog.d.ts +2 -66
- package/dist/ui/dialog.js +2 -24
- package/dist/ui/drawer.d.ts +91 -91
- package/dist/ui/drawer.d.ts.map +1 -1
- package/dist/ui/drawer.js +68 -66
- package/dist/ui/drawer.js.map +1 -1
- package/dist/ui/dropdown-menu.d.ts +3 -144
- package/dist/ui/dropdown-menu.js +2 -39
- package/dist/ui/dropzone.d.ts +55 -55
- package/dist/ui/dropzone.d.ts.map +1 -1
- package/dist/ui/dropzone.js +77 -72
- package/dist/ui/dropzone.js.map +1 -1
- package/dist/ui/emoji-picker.d.ts +79 -79
- package/dist/ui/emoji-picker.d.ts.map +1 -1
- package/dist/ui/emoji-picker.js +92 -87
- package/dist/ui/emoji-picker.js.map +1 -1
- package/dist/ui/empty.d.ts +61 -59
- package/dist/ui/empty.d.ts.map +1 -1
- package/dist/ui/empty.js +47 -44
- package/dist/ui/empty.js.map +1 -1
- package/dist/ui/field.d.ts +11 -11
- package/dist/ui/field.d.ts.map +1 -1
- package/dist/ui/field.js +9 -7
- package/dist/ui/field.js.map +1 -1
- package/dist/ui/fieldset.d.ts.map +1 -1
- package/dist/ui/fieldset.js.map +1 -1
- package/dist/ui/form.d.ts +8 -8
- package/dist/ui/form.d.ts.map +1 -1
- package/dist/ui/form.js.map +1 -1
- package/dist/ui/input-group.d.ts +35 -35
- package/dist/ui/input-group.d.ts.map +1 -1
- package/dist/ui/input-group.js +2 -28
- package/dist/ui/input-otp.d.ts +36 -36
- package/dist/ui/input-otp.d.ts.map +1 -1
- package/dist/ui/input-otp.js +29 -28
- package/dist/ui/input-otp.js.map +1 -1
- package/dist/ui/input.d.ts +2 -46
- package/dist/ui/input.js +2 -34
- package/dist/ui/item.d.ts +20 -20
- package/dist/ui/item.d.ts.map +1 -1
- package/dist/ui/item.js +22 -22
- package/dist/ui/item.js.map +1 -1
- package/dist/ui/kbd.d.ts.map +1 -1
- package/dist/ui/kbd.js +8 -8
- package/dist/ui/kbd.js.map +1 -1
- package/dist/ui/label.d.ts.map +1 -1
- package/dist/ui/label.js.map +1 -1
- package/dist/ui/marquee.d.ts.map +1 -1
- package/dist/ui/marquee.js +1 -1
- package/dist/ui/marquee.js.map +1 -1
- package/dist/ui/menubar.d.ts +133 -134
- package/dist/ui/menubar.d.ts.map +1 -1
- package/dist/ui/menubar.js +82 -81
- package/dist/ui/menubar.js.map +1 -1
- package/dist/ui/meter.d.ts.map +1 -1
- package/dist/ui/meter.js.map +1 -1
- package/dist/ui/navigation-list.d.ts +226 -226
- package/dist/ui/navigation-list.d.ts.map +1 -1
- package/dist/ui/navigation-list.js +240 -235
- package/dist/ui/navigation-list.js.map +1 -1
- package/dist/ui/navigation-menu.d.ts +82 -82
- package/dist/ui/navigation-menu.d.ts.map +1 -1
- package/dist/ui/navigation-menu.js +70 -67
- package/dist/ui/navigation-menu.js.map +1 -1
- package/dist/ui/number-field.d.ts +34 -34
- package/dist/ui/number-field.d.ts.map +1 -1
- package/dist/ui/number-field.js +24 -23
- package/dist/ui/number-field.js.map +1 -1
- package/dist/ui/pagination.d.ts +42 -42
- package/dist/ui/pagination.d.ts.map +1 -1
- package/dist/ui/pagination.js +43 -41
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pill.d.ts +2 -3
- package/dist/ui/pill.d.ts.map +1 -1
- package/dist/ui/pill.js +34 -23
- package/dist/ui/pill.js.map +1 -1
- package/dist/ui/popover.d.ts +13 -11
- package/dist/ui/popover.d.ts.map +1 -1
- package/dist/ui/popover.js +17 -14
- package/dist/ui/popover.js.map +1 -1
- package/dist/ui/portal.d.ts.map +1 -1
- package/dist/ui/portal.js +52 -11
- package/dist/ui/portal.js.map +1 -1
- package/dist/ui/preview-card.js +5 -5
- package/dist/ui/preview-card.js.map +1 -1
- package/dist/ui/progress.js.map +1 -1
- package/dist/ui/qr-code.d.ts.map +1 -1
- package/dist/ui/qr-code.js +7 -7
- package/dist/ui/qr-code.js.map +1 -1
- package/dist/ui/radio-group.d.ts +22 -22
- package/dist/ui/radio-group.js +15 -15
- package/dist/ui/radio-group.js.map +1 -1
- package/dist/ui/range-slider.d.ts +1 -1
- package/dist/ui/range-slider.d.ts.map +1 -1
- package/dist/ui/range-slider.js +4 -7
- package/dist/ui/range-slider.js.map +1 -1
- package/dist/ui/rating.d.ts +35 -35
- package/dist/ui/rating.d.ts.map +1 -1
- package/dist/ui/rating.js +55 -46
- package/dist/ui/rating.js.map +1 -1
- package/dist/ui/resizable.d.ts.map +1 -1
- package/dist/ui/resizable.js +2 -2
- package/dist/ui/resizable.js.map +1 -1
- package/dist/ui/scroll-area.js.map +1 -1
- package/dist/ui/select.d.ts +87 -87
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +85 -84
- package/dist/ui/select.js.map +1 -1
- package/dist/ui/separator.d.ts +2 -13
- package/dist/ui/separator.js.map +1 -1
- package/dist/ui/sheet.d.ts.map +1 -1
- package/dist/ui/sheet.js +2 -24
- package/dist/ui/sidebar.d.ts +73 -74
- package/dist/ui/sidebar.d.ts.map +1 -1
- package/dist/ui/sidebar.js +85 -84
- package/dist/ui/sidebar.js.map +1 -1
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/skeleton.js +1 -1
- package/dist/ui/skeleton.js.map +1 -1
- package/dist/ui/slider.d.ts +1 -1
- package/dist/ui/slider.d.ts.map +1 -1
- package/dist/ui/slider.js +3 -1
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/spacer.d.ts.map +1 -1
- package/dist/ui/spacer.js +2 -2
- package/dist/ui/spacer.js.map +1 -1
- package/dist/ui/spinner.d.ts.map +1 -1
- package/dist/ui/spinner.js +2 -2
- package/dist/ui/spinner.js.map +1 -1
- package/dist/ui/switch.d.ts +11 -11
- package/dist/ui/switch.js +7 -7
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/table.d.ts +60 -60
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/table.js +52 -46
- package/dist/ui/table.js.map +1 -1
- package/dist/ui/tabs.d.ts +25 -25
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +75 -68
- package/dist/ui/tabs.js.map +1 -1
- package/dist/ui/textarea.d.ts +2 -37
- package/dist/ui/textarea.js +2 -35
- package/dist/ui/theme-icon.d.ts +30 -30
- package/dist/ui/theme-icon.d.ts.map +1 -1
- package/dist/ui/theme-icon.js +22 -22
- package/dist/ui/theme-icon.js.map +1 -1
- package/dist/ui/timeline.d.ts +6 -6
- package/dist/ui/timeline.d.ts.map +1 -1
- package/dist/ui/timeline.js +163 -163
- package/dist/ui/timeline.js.map +1 -1
- package/dist/ui/toggle-group.d.ts +32 -32
- package/dist/ui/toggle-group.d.ts.map +1 -1
- package/dist/ui/toggle-group.js +22 -16
- package/dist/ui/toggle-group.js.map +1 -1
- package/dist/ui/toggle.d.ts +2 -53
- package/dist/ui/toggle.js +15 -15
- package/dist/ui/toggle.js.map +1 -1
- package/dist/ui/toolbar.d.ts +54 -54
- package/dist/ui/toolbar.d.ts.map +1 -1
- package/dist/ui/toolbar.js +43 -40
- package/dist/ui/toolbar.js.map +1 -1
- package/dist/ui/tooltip.d.ts +2 -54
- package/dist/ui/tooltip.js +2 -28
- package/dist/ui/typography.d.ts +50 -36
- package/dist/ui/typography.d.ts.map +1 -1
- package/dist/ui/typography.js +28 -17
- package/dist/ui/typography.js.map +1 -1
- package/package.json +15 -15
- package/dist/avatar-image-BQ_NEKH4.js +0 -47
- package/dist/avatar-image-BQ_NEKH4.js.map +0 -1
- package/dist/avatar-image-Ce26D2fb.d.ts.map +0 -1
- package/dist/dialog-trigger-BUF3elAP.js.map +0 -1
- package/dist/dialog-viewport-Ce1huyAI.d.ts.map +0 -1
- package/dist/dropdown-menu-trigger-BpgtLUvf.d.ts.map +0 -1
- package/dist/dropdown-menu-trigger-COnFGfDa.js.map +0 -1
- package/dist/input-group-textarea-B-rP98r5.js.map +0 -1
- package/dist/sheet-trigger-D7neoTF5.js.map +0 -1
- package/dist/size-context-BjRwqlSg.js.map +0 -1
- package/dist/size-system-DTXmtQXw.js +0 -47
- package/dist/size-system-DTXmtQXw.js.map +0 -1
- package/dist/slider-root-presentation-ChJHPMIV.js.map +0 -1
- package/dist/slider-value-Db8SCu0c.d.ts.map +0 -1
- package/dist/tooltip-trigger-qXw-_nbh.js.map +0 -1
- package/dist/tooltip-viewport-csA6luqI.d.ts.map +0 -1
- package/dist/ui/avatar.d.ts.map +0 -1
- package/dist/ui/avatar.js.map +0 -1
- package/dist/ui/badge.js.map +0 -1
- package/dist/ui/button.d.ts.map +0 -1
- package/dist/ui/dialog.d.ts.map +0 -1
- package/dist/ui/dialog.js.map +0 -1
- package/dist/ui/dropdown-menu.d.ts.map +0 -1
- package/dist/ui/dropdown-menu.js.map +0 -1
- package/dist/ui/input-group.js.map +0 -1
- package/dist/ui/input.d.ts.map +0 -1
- package/dist/ui/input.js.map +0 -1
- package/dist/ui/separator.d.ts.map +0 -1
- package/dist/ui/sheet.js.map +0 -1
- package/dist/ui/textarea.d.ts.map +0 -1
- package/dist/ui/textarea.js.map +0 -1
- package/dist/ui/toggle.d.ts.map +0 -1
- package/dist/ui/tooltip.d.ts.map +0 -1
- package/dist/ui/tooltip.js.map +0 -1
- package/dist/use-badge-default-props-8d9wPL0k.js +0 -8
- package/dist/use-badge-default-props-8d9wPL0k.js.map +0 -1
- package/dist/use-input-default-props-B6VgKXGM.js +0 -8
- package/dist/use-input-default-props-B6VgKXGM.js.map +0 -1
- package/dist/use-textarea-default-props-7MlOxkDO.js +0 -8
- package/dist/use-textarea-default-props-7MlOxkDO.js.map +0 -1
package/dist/ui/affix.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"affix.js","names":[],"sources":["../../src/ui/portal/optional-portal.tsx","../../src/ui/affix/affix.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport type { BasePortalProps } from \"./portal\";\
|
|
1
|
+
{"version":3,"file":"affix.js","names":[],"sources":["../../src/ui/portal/optional-portal.tsx","../../src/ui/affix/affix.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport type { BasePortalProps } from \"./portal\";\nimport { Portal } from \"./portal\";\n\nexport type OptionalPortalProps = BasePortalProps & {\n /**\n * Determines whether children should be rendered inside `<Portal />`\n * @default true\n */\n withinPortal?: boolean;\n /**\n * Portal children\n */\n children: ReactNode;\n};\n\nconst isTestEnvironment = () =>\n typeof process !== \"undefined\" &&\n (process.env.NODE_ENV === \"test\" ||\n process.env.VITEST === \"true\" ||\n process.env.JEST_WORKER_ID !== undefined);\n\nexport const OptionalPortal = ({\n withinPortal = true,\n children,\n ...others\n}: OptionalPortalProps) => {\n const env = isTestEnvironment();\n\n if (env || !withinPortal) {\n return children;\n }\n\n return <Portal {...others}>{children}</Portal>;\n};\n","\"use client\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { CSSProperties } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { OptionalPortal } from \"../portal/optional-portal\";\nimport type { BasePortalProps } from \"../portal/portal\";\n\nexport interface AffixPosition {\n top?: number | string;\n bottom?: number | string;\n left?: number | string;\n right?: number | string;\n}\n\nconst getSpacing = (value?: number | string): string => {\n if (value === undefined) {\n return \"\";\n }\n if (typeof value === \"number\") {\n return `${value}px`;\n }\n return value;\n};\n\nexport const affixVariants = tv({\n base: [\n // Layout: fixed positioning\n \"fixed\",\n // Z-index: from CSS variable\n \"z-affix\",\n // Positioning: from CSS variables\n \"top-(--affix-top)\",\n \"left-(--affix-left)\",\n \"bottom-(--affix-bottom)\",\n \"right-(--affix-right)\",\n ],\n});\n\ntype AffixVariants = VariantProps<typeof affixVariants>;\n\nexport type AffixProps = AffixVariants &\n useRender.ComponentProps<\"div\"> & {\n \"data-slot\"?: string;\n /**\n * Position of the affix element\n * @default { bottom: 0, right: 0 }\n */\n position?: AffixPosition;\n /**\n * Props passed down to the Portal component. Ignored when `withinPortal` is `false`.\n */\n portalProps?: BasePortalProps;\n /**\n * Whether to render the affix within a portal\n * @default true\n */\n withinPortal?: boolean;\n /**\n * Custom z-index value\n * @default token: --kb-z-affix\n */\n zIndex?: CSSProperties[\"zIndex\"];\n };\n\nconst DEFAULT_POSITION: AffixPosition = { bottom: 0, right: 0 };\n\nconst buildPositionStyles = (\n position: AffixPosition,\n zIndex?: CSSProperties[\"zIndex\"]\n): CSSProperties & Record<`--${string}`, string> => {\n const styles = {} as CSSProperties & Record<`--${string}`, string>;\n\n if (zIndex !== undefined) {\n styles.zIndex = zIndex;\n }\n\n if (position.top !== undefined) {\n styles[\"--affix-top\"] = getSpacing(position.top);\n }\n if (position.bottom !== undefined) {\n styles[\"--affix-bottom\"] = getSpacing(position.bottom);\n }\n if (position.left !== undefined) {\n styles[\"--affix-left\"] = getSpacing(position.left);\n }\n if (position.right !== undefined) {\n styles[\"--affix-right\"] = getSpacing(position.right);\n }\n\n return styles;\n};\n\nexport const Affix = ({\n className,\n position = DEFAULT_POSITION,\n portalProps,\n withinPortal = true,\n zIndex,\n render,\n children,\n ...props\n}: AffixProps) => {\n const positionStyles = buildPositionStyles(position, zIndex);\n\n const element = useRender({\n defaultTagName: \"div\",\n props: mergeProps<\"div\">(\n {\n children,\n className: cn(affixVariants(), className),\n style: positionStyles,\n },\n {\n \"data-slot\": \"affix\",\n ...props,\n }\n ),\n render,\n });\n\n return (\n <OptionalPortal {...portalProps} withinPortal={withinPortal}>\n {element}\n </OptionalPortal>\n );\n};\n"],"mappings":";;;;;;;;;AAmBA,MAAM,0BACJ,OAAO,YAAY,gBAClB,QAAQ,IAAI,aAAa,UACxB,QAAQ,IAAI,WAAW,UACvB,QAAQ,IAAI,mBAAmB;AAEnC,MAAa,kBAAkB,EAC7B,eAAe,MACf,UACA,GAAG,aACsB;AAGzB,KAFY,mBAAmB,IAEpB,CAAC,aACV,QAAO;AAGT,QAAO,oBAAC,QAAD;EAAQ,GAAI;EAAS;EAAkB;;;;;AClBhD,MAAM,cAAc,UAAoC;AACtD,KAAI,UAAU,OACZ,QAAO;AAET,KAAI,OAAO,UAAU,SACnB,QAAO,GAAG,MAAM;AAElB,QAAO;;AAGT,MAAa,gBAAgB,GAAG,EAC9B,MAAM;CAEJ;CAEA;CAEA;CACA;CACA;CACA;CACD,EACF,CAAC;AA4BF,MAAM,mBAAkC;CAAE,QAAQ;CAAG,OAAO;CAAG;AAE/D,MAAM,uBACJ,UACA,WACkD;CAClD,MAAM,SAAS,EAAE;AAEjB,KAAI,WAAW,OACb,QAAO,SAAS;AAGlB,KAAI,SAAS,QAAQ,OACnB,QAAO,iBAAiB,WAAW,SAAS,IAAI;AAElD,KAAI,SAAS,WAAW,OACtB,QAAO,oBAAoB,WAAW,SAAS,OAAO;AAExD,KAAI,SAAS,SAAS,OACpB,QAAO,kBAAkB,WAAW,SAAS,KAAK;AAEpD,KAAI,SAAS,UAAU,OACrB,QAAO,mBAAmB,WAAW,SAAS,MAAM;AAGtD,QAAO;;AAGT,MAAa,SAAS,EACpB,WACA,WAAW,kBACX,aACA,eAAe,MACf,QACA,QACA,UACA,GAAG,YACa;CAChB,MAAM,iBAAiB,oBAAoB,UAAU,OAAO;CAE5D,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB,OAAO,WACL;GACE;GACA,WAAW,GAAG,eAAe,EAAE,UAAU;GACzC,OAAO;GACR,EACD;GACE,aAAa;GACb,GAAG;GACJ,CACF;EACD;EACD,CAAC;AAEF,QACE,oBAAC,gBAAD;EAAgB,GAAI;EAA2B;YAC5C;EACc"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as UISize } from "../size-system-wzOLSuax.js";
|
|
2
|
-
import { Button } from "
|
|
2
|
+
import { t as Button } from "../button-nAbTNrxA.js";
|
|
3
3
|
import { ComponentProps } from "react";
|
|
4
4
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
5
|
import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
|
|
@@ -30,6 +30,7 @@ declare const AlertDialogCancel: ({
|
|
|
30
30
|
//#region src/ui/alert-dialog/alert-dialog-close.d.ts
|
|
31
31
|
type AlertDialogCloseProps = AlertDialog$1.Close.Props;
|
|
32
32
|
declare const AlertDialogClose: ({
|
|
33
|
+
className,
|
|
33
34
|
...props
|
|
34
35
|
}: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
|
|
35
36
|
//#endregion
|
|
@@ -137,6 +138,7 @@ declare const AlertDialog: {
|
|
|
137
138
|
...props
|
|
138
139
|
}: AlertDialogCancelProps) => react_jsx_runtime0.JSX.Element;
|
|
139
140
|
Close: ({
|
|
141
|
+
className,
|
|
140
142
|
...props
|
|
141
143
|
}: AlertDialogCloseProps) => react_jsx_runtime0.JSX.Element;
|
|
142
144
|
Content: ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","names":[],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"mappings":"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"}
|
package/dist/ui/alert-dialog.js
CHANGED
|
@@ -8,7 +8,7 @@ import { AlertDialog as AlertDialog$1 } from "@base-ui/react/alert-dialog";
|
|
|
8
8
|
|
|
9
9
|
//#region src/ui/alert-dialog/alert-dialog-action.tsx
|
|
10
10
|
const AlertDialogAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Button, {
|
|
11
|
-
className: cn(className),
|
|
11
|
+
className: cn("cursor-clickable", className),
|
|
12
12
|
"data-slot": "alert-dialog-action",
|
|
13
13
|
...props
|
|
14
14
|
});
|
|
@@ -16,7 +16,7 @@ const AlertDialogAction = ({ className, ...props }) => /* @__PURE__ */ jsx(Butto
|
|
|
16
16
|
//#endregion
|
|
17
17
|
//#region src/ui/alert-dialog/alert-dialog-backdrop.tsx
|
|
18
18
|
const AlertDialogBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Backdrop, {
|
|
19
|
-
className: cn("
|
|
19
|
+
className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs", className),
|
|
20
20
|
"data-slot": "alert-dialog-backdrop",
|
|
21
21
|
...props
|
|
22
22
|
});
|
|
@@ -27,7 +27,7 @@ const AlertDialogCancel = ({ className, variant = "outline", size: providedSize,
|
|
|
27
27
|
const globalSize = useGlobalUISize();
|
|
28
28
|
const size = providedSize ?? globalSize ?? "md";
|
|
29
29
|
return /* @__PURE__ */ jsx(AlertDialog$1.Close, {
|
|
30
|
-
className: cn(className),
|
|
30
|
+
className: cn("cursor-clickable", className),
|
|
31
31
|
"data-slot": "alert-dialog-cancel",
|
|
32
32
|
render: /* @__PURE__ */ jsx(Button, {
|
|
33
33
|
size,
|
|
@@ -39,7 +39,8 @@ const AlertDialogCancel = ({ className, variant = "outline", size: providedSize,
|
|
|
39
39
|
|
|
40
40
|
//#endregion
|
|
41
41
|
//#region src/ui/alert-dialog/alert-dialog-close.tsx
|
|
42
|
-
const AlertDialogClose = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Close, {
|
|
42
|
+
const AlertDialogClose = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Close, {
|
|
43
|
+
className: cn("cursor-clickable", className),
|
|
43
44
|
"data-slot": "alert-dialog-close",
|
|
44
45
|
...props
|
|
45
46
|
});
|
|
@@ -49,7 +50,7 @@ const AlertDialogClose = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Clo
|
|
|
49
50
|
const AlertDialogPopup = ({ className, size: providedSize, ...props }) => {
|
|
50
51
|
const size = useComponentSize(providedSize);
|
|
51
52
|
return /* @__PURE__ */ jsx(AlertDialog$1.Popup, {
|
|
52
|
-
className: cn("group/alert-dialog-content
|
|
53
|
+
className: cn("group/alert-dialog-content z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl ring-1 duration-100 outline-none data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=md]:sm:max-w-lg", className),
|
|
53
54
|
"data-size": size,
|
|
54
55
|
"data-slot": "alert-dialog-popup",
|
|
55
56
|
...props
|
|
@@ -66,7 +67,7 @@ const AlertDialogPortal = ({ ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Po
|
|
|
66
67
|
//#endregion
|
|
67
68
|
//#region src/ui/alert-dialog/alert-dialog-viewport.tsx
|
|
68
69
|
const AlertDialogViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Viewport, {
|
|
69
|
-
className: cn("fixed inset-0
|
|
70
|
+
className: cn("z-overlay fixed inset-0 flex items-center justify-center p-4", className),
|
|
70
71
|
"data-slot": "alert-dialog-viewport",
|
|
71
72
|
...props
|
|
72
73
|
});
|
|
@@ -86,7 +87,7 @@ const AlertDialogContent = ({ className, size: providedSize, ...props }) => {
|
|
|
86
87
|
//#endregion
|
|
87
88
|
//#region src/ui/alert-dialog/alert-dialog-description.tsx
|
|
88
89
|
const AlertDialogDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Description, {
|
|
89
|
-
className: cn("text-
|
|
90
|
+
className: cn("text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3", className),
|
|
90
91
|
"data-slot": "alert-dialog-description",
|
|
91
92
|
...props
|
|
92
93
|
});
|
|
@@ -110,7 +111,7 @@ const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div"
|
|
|
110
111
|
//#endregion
|
|
111
112
|
//#region src/ui/alert-dialog/alert-dialog-media.tsx
|
|
112
113
|
const AlertDialogMedia = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
113
|
-
className: cn("mb-2 inline-flex size-10 items-center justify-center rounded-md
|
|
114
|
+
className: cn("bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6", className),
|
|
114
115
|
"data-slot": "alert-dialog-media",
|
|
115
116
|
...props
|
|
116
117
|
});
|
|
@@ -134,7 +135,7 @@ const AlertDialogTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertD
|
|
|
134
135
|
//#endregion
|
|
135
136
|
//#region src/ui/alert-dialog/alert-dialog-trigger.tsx
|
|
136
137
|
const AlertDialogTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(AlertDialog$1.Trigger, {
|
|
137
|
-
className: cn("cursor-
|
|
138
|
+
className: cn("cursor-clickable", className),
|
|
138
139
|
"data-slot": "alert-dialog-trigger",
|
|
139
140
|
...props
|
|
140
141
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive"],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nexport type AlertDialogActionProps = ComponentProps<typeof Button>;\n\nconst AlertDialogAction = ({ className, ...props }: AlertDialogActionProps) => (\n <Button\n className={cn(className)}\n data-slot=\"alert-dialog-action\"\n {...props}\n />\n);\n\nexport { AlertDialogAction };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogBackdropProps = AlertDialogPrimitive.Backdrop.Props;\n\nconst AlertDialogBackdrop = ({\n className,\n ...props\n}: AlertDialogBackdropProps) => (\n <AlertDialogPrimitive.Backdrop\n className={cn(\n \"fixed inset-0 isolate z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"alert-dialog-backdrop\"\n {...props}\n />\n);\n\nexport { AlertDialogBackdrop };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useGlobalUISize } from \"../shared/size/size-provider\";\nexport type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props &\n Pick<ComponentProps<typeof Button>, \"variant\" | \"size\">;\n\nconst AlertDialogCancel = ({\n className,\n variant = \"outline\",\n size: providedSize,\n ...props\n}: AlertDialogCancelProps) => {\n const globalSize = useGlobalUISize();\n const size = providedSize ?? globalSize ?? \"md\";\n\n return (\n <AlertDialogPrimitive.Close\n className={cn(className)}\n data-slot=\"alert-dialog-cancel\"\n render={<Button size={size} variant={variant} />}\n {...props}\n />\n );\n};\n\nexport { AlertDialogCancel };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nexport type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;\n\nconst AlertDialogClose = ({ ...props }: AlertDialogCloseProps) => (\n <AlertDialogPrimitive.Close data-slot=\"alert-dialog-close\" {...props} />\n);\n\nexport { AlertDialogClose };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nexport type AlertDialogPopupSize = UISize;\nexport type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {\n size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogPopup = ({\n className,\n size: providedSize,\n ...props\n}: AlertDialogPopupProps) => {\n const size = useComponentSize(providedSize);\n\n return (\n <AlertDialogPrimitive.Popup\n className={cn(\n \"group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl bg-background ring-1 ring-foreground/10 duration-100 outline-none data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=md]:sm:max-w-lg\",\n className\n )}\n data-size={size}\n data-slot=\"alert-dialog-popup\"\n {...props}\n />\n );\n};\n\nexport { AlertDialogPopup };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nexport type AlertDialogPortalProps = AlertDialogPrimitive.Portal.Props;\n\nconst AlertDialogPortal = ({ ...props }: AlertDialogPortalProps) => (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n);\n\nexport { AlertDialogPortal };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogViewportProps = AlertDialogPrimitive.Viewport.Props;\n\nconst AlertDialogViewport = ({\n className,\n ...props\n}: AlertDialogViewportProps) => (\n <AlertDialogPrimitive.Viewport\n className={cn(\n \"fixed inset-0 z-50 flex items-center justify-center p-4\",\n className\n )}\n data-slot=\"alert-dialog-viewport\"\n {...props}\n />\n);\n\nexport { AlertDialogViewport };\n","import { useComponentSize } from \"../shared/size/size-provider\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport {\n AlertDialogPopup,\n type AlertDialogPopupProps,\n type AlertDialogPopupSize,\n} from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogContentProps = AlertDialogPopupProps & {\n size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogContent = ({\n className,\n size: providedSize,\n ...props\n}: AlertDialogContentProps) => {\n const size = useComponentSize(providedSize);\n\n return (\n <AlertDialogPortal>\n <AlertDialogBackdrop />\n <AlertDialogViewport>\n <AlertDialogPopup\n className={className}\n data-slot=\"alert-dialog-content\"\n size={size}\n {...props}\n />\n </AlertDialogViewport>\n </AlertDialogPortal>\n );\n};\n\nexport { AlertDialogContent };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogDescriptionProps = ComponentProps<\n typeof AlertDialogPrimitive.Description\n>;\n\nconst AlertDialogDescription = ({\n className,\n ...props\n}: AlertDialogDescriptionProps) => (\n <AlertDialogPrimitive.Description\n className={cn(\n \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n className\n )}\n data-slot=\"alert-dialog-description\"\n {...props}\n />\n);\n\nexport { AlertDialogDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogFooterProps = ComponentProps<\"div\">;\n\nconst AlertDialogFooter = ({ className, ...props }: AlertDialogFooterProps) => (\n <div\n className={cn(\n \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n className\n )}\n data-slot=\"alert-dialog-footer\"\n {...props}\n />\n);\n\nexport { AlertDialogFooter };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogHeaderProps = ComponentProps<\"div\">;\n\nconst AlertDialogHeader = ({ className, ...props }: AlertDialogHeaderProps) => (\n <div\n className={cn(\n \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n className\n )}\n data-slot=\"alert-dialog-header\"\n {...props}\n />\n);\n\nexport { AlertDialogHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogMediaProps = ComponentProps<\"div\">;\n\nconst AlertDialogMedia = ({ className, ...props }: AlertDialogMediaProps) => (\n <div\n className={cn(\n \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n className\n )}\n data-slot=\"alert-dialog-media\"\n {...props}\n />\n);\n\nexport { AlertDialogMedia };\n","import {\n AlertDialogBackdrop,\n type AlertDialogBackdropProps,\n} from \"./alert-dialog-backdrop\";\nexport type AlertDialogOverlayProps = AlertDialogBackdropProps;\n\nconst AlertDialogOverlay = ({\n className,\n ...props\n}: AlertDialogOverlayProps) => (\n <AlertDialogBackdrop\n className={className}\n data-slot=\"alert-dialog-overlay\"\n {...props}\n />\n);\n\nexport { AlertDialogOverlay };\n","import type { ComponentProps } from \"react\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTitleProps = ComponentProps<\n typeof AlertDialogPrimitive.Title\n>;\n\nconst AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => (\n <AlertDialogPrimitive.Title\n className={cn(\n \"text-sm font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n className\n )}\n data-slot=\"alert-dialog-title\"\n {...props}\n />\n);\n\nexport { AlertDialogTitle };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;\n\nconst AlertDialogTrigger = ({\n className,\n ...props\n}: AlertDialogTriggerProps) => (\n <AlertDialogPrimitive.Trigger\n className={cn(\"cursor-pointer\", className)}\n data-slot=\"alert-dialog-trigger\"\n {...props}\n />\n);\n\nexport { AlertDialogTrigger };\n","\"use client\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogClose } from \"./alert-dialog-close\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogProps = AlertDialogPrimitive.Root.Props;\n\nconst AlertDialog = ({ ...props }: AlertDialogProps) => (\n <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Backdrop = AlertDialogBackdrop;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Close = AlertDialogClose;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Popup = AlertDialogPopup;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Viewport = AlertDialogViewport;\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogBackdrop,\n AlertDialogCancel,\n AlertDialogClose,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogMedia,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogPopup,\n AlertDialogTitle,\n AlertDialogTrigger,\n AlertDialogViewport,\n};\n\nexport type { AlertDialogActionProps } from \"./alert-dialog-action\";\nexport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type { AlertDialogCancelProps } from \"./alert-dialog-cancel\";\nexport type { AlertDialogCloseProps } from \"./alert-dialog-close\";\nexport type { AlertDialogContentProps } from \"./alert-dialog-content\";\nexport type { AlertDialogDescriptionProps } from \"./alert-dialog-description\";\nexport type { AlertDialogFooterProps } from \"./alert-dialog-footer\";\nexport type { AlertDialogHeaderProps } from \"./alert-dialog-header\";\nexport type { AlertDialogMediaProps } from \"./alert-dialog-media\";\nexport type { AlertDialogOverlayProps } from \"./alert-dialog-overlay\";\nexport type { AlertDialogPopupProps } from \"./alert-dialog-popup\";\nexport type { AlertDialogPortalProps } from \"./alert-dialog-portal\";\nexport type { AlertDialogTitleProps } from \"./alert-dialog-title\";\nexport type { AlertDialogTriggerProps } from \"./alert-dialog-trigger\";\nexport type { AlertDialogViewportProps } from \"./alert-dialog-viewport\";\n"],"mappings":";;;;;;;;;AAOA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC;CACC,WAAW,GAAG,UAAU;CACxB,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACA,cAAqB;CACpB,WAAW,GACT,yLACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,qBAAqB,EACzB,WACA,UAAU,WACV,MAAM,cACN,GAAG,YACyB;CAC5B,MAAM,aAAa,iBAAiB;CACpC,MAAM,OAAO,gBAAgB,cAAc;AAE3C,QACE,oBAACC,cAAqB;EACpB,WAAW,GAAG,UAAU;EACxB,aAAU;EACV,QAAQ,oBAAC;GAAa;GAAe;IAAW;EAChD,GAAI;GACJ;;;;;ACrBN,MAAM,oBAAoB,EAAE,GAAG,YAC7B,oBAACC,cAAqB;CAAM,aAAU;CAAqB,GAAI;EAAS;;;;ACO1E,MAAM,oBAAoB,EACxB,WACA,MAAM,cACN,GAAG,YACwB;CAC3B,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC,cAAqB;EACpB,WAAW,GACT,0pBACA,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACzBN,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB;CAAO,aAAU;CAAsB,GAAI;EAAS;;;;ACC5E,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GACT,2DACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACHJ,MAAM,sBAAsB,EAC1B,WACA,MAAM,cACN,GAAG,YAC0B;CAC7B,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,qBAAC,gCACC,oBAAC,wBAAsB,EACvB,oBAAC,iCACC,oBAAC;EACY;EACX,aAAU;EACJ;EACN,GAAI;GACJ,GACkB,IACJ;;;;;ACvBxB,MAAM,0BAA0B,EAC9B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GACT,kIACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACdJ,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC;CACC,WAAW,GACT,4LACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC;CACC,WAAW,GACT,uYACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC;CACC,WAAW,GACT,yKACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACPJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAAC;CACY;CACX,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB;CACpB,WAAW,GACT,8IACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACZJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB;CACpB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ;;;;ACSJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB;CAAK,aAAU;CAAe,GAAI;EAAS;AAGnE,YAAY,SAAS;AACrB,YAAY,WAAW;AACvB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,cAAc;AAC1B,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,WAAW"}
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","names":["AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive","AlertDialogPrimitive"],"sources":["../../src/ui/alert-dialog/alert-dialog-action.tsx","../../src/ui/alert-dialog/alert-dialog-backdrop.tsx","../../src/ui/alert-dialog/alert-dialog-cancel.tsx","../../src/ui/alert-dialog/alert-dialog-close.tsx","../../src/ui/alert-dialog/alert-dialog-popup.tsx","../../src/ui/alert-dialog/alert-dialog-portal.tsx","../../src/ui/alert-dialog/alert-dialog-viewport.tsx","../../src/ui/alert-dialog/alert-dialog-content.tsx","../../src/ui/alert-dialog/alert-dialog-description.tsx","../../src/ui/alert-dialog/alert-dialog-footer.tsx","../../src/ui/alert-dialog/alert-dialog-header.tsx","../../src/ui/alert-dialog/alert-dialog-media.tsx","../../src/ui/alert-dialog/alert-dialog-overlay.tsx","../../src/ui/alert-dialog/alert-dialog-title.tsx","../../src/ui/alert-dialog/alert-dialog-trigger.tsx","../../src/ui/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nexport type AlertDialogActionProps = ComponentProps<typeof Button>;\n\nconst AlertDialogAction = ({ className, ...props }: AlertDialogActionProps) => (\n <Button\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"alert-dialog-action\"\n {...props}\n />\n);\n\nexport { AlertDialogAction };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogBackdropProps = AlertDialogPrimitive.Backdrop.Props;\n\nconst AlertDialogBackdrop = ({\n className,\n ...props\n}: AlertDialogBackdropProps) => (\n <AlertDialogPrimitive.Backdrop\n className={cn(\n \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 isolate bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs\",\n className\n )}\n data-slot=\"alert-dialog-backdrop\"\n {...props}\n />\n);\n\nexport { AlertDialogBackdrop };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useGlobalUISize } from \"../shared/size/size-provider\";\nexport type AlertDialogCancelProps = AlertDialogPrimitive.Close.Props &\n Pick<ComponentProps<typeof Button>, \"variant\" | \"size\">;\n\nconst AlertDialogCancel = ({\n className,\n variant = \"outline\",\n size: providedSize,\n ...props\n}: AlertDialogCancelProps) => {\n const globalSize = useGlobalUISize();\n const size = providedSize ?? globalSize ?? \"md\";\n\n return (\n <AlertDialogPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"alert-dialog-cancel\"\n render={<Button size={size} variant={variant} />}\n {...props}\n />\n );\n};\n\nexport { AlertDialogCancel };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogCloseProps = AlertDialogPrimitive.Close.Props;\n\nconst AlertDialogClose = ({ className, ...props }: AlertDialogCloseProps) => (\n <AlertDialogPrimitive.Close\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"alert-dialog-close\"\n {...props}\n />\n);\n\nexport { AlertDialogClose };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\n\nexport type AlertDialogPopupSize = UISize;\nexport type AlertDialogPopupProps = AlertDialogPrimitive.Popup.Props & {\n size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogPopup = ({\n className,\n size: providedSize,\n ...props\n}: AlertDialogPopupProps) => {\n const size = useComponentSize(providedSize);\n\n return (\n <AlertDialogPrimitive.Popup\n className={cn(\n \"group/alert-dialog-content z-overlay bg-background ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 fixed top-1/2 left-1/2 grid w-full -translate-x-1/2 -translate-y-1/2 rounded-xl ring-1 duration-100 outline-none data-[size=lg]:max-w-xl data-[size=lg]:gap-3.5 data-[size=lg]:p-5 data-[size=md]:max-w-xs data-[size=md]:gap-3 data-[size=md]:p-4 data-[size=sm]:max-w-sm data-[size=sm]:gap-2 data-[size=sm]:p-3 data-[size=xl]:max-w-2xl data-[size=xl]:gap-4 data-[size=xl]:p-6 data-[size=xs]:max-w-xs data-[size=xs]:gap-1.5 data-[size=xs]:p-2 data-[size=md]:sm:max-w-lg\",\n className\n )}\n data-size={size}\n data-slot=\"alert-dialog-popup\"\n {...props}\n />\n );\n};\n\nexport { AlertDialogPopup };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nexport type AlertDialogPortalProps = AlertDialogPrimitive.Portal.Props;\n\nconst AlertDialogPortal = ({ ...props }: AlertDialogPortalProps) => (\n <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n);\n\nexport { AlertDialogPortal };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type AlertDialogViewportProps = AlertDialogPrimitive.Viewport.Props;\n\nconst AlertDialogViewport = ({\n className,\n ...props\n}: AlertDialogViewportProps) => (\n <AlertDialogPrimitive.Viewport\n className={cn(\n \"z-overlay fixed inset-0 flex items-center justify-center p-4\",\n className\n )}\n data-slot=\"alert-dialog-viewport\"\n {...props}\n />\n);\n\nexport { AlertDialogViewport };\n","import { useComponentSize } from \"../shared/size/size-provider\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport type {\n AlertDialogPopupProps,\n AlertDialogPopupSize,\n} from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogContentProps = AlertDialogPopupProps & {\n size?: AlertDialogPopupSize;\n};\n\nconst AlertDialogContent = ({\n className,\n size: providedSize,\n ...props\n}: AlertDialogContentProps) => {\n const size = useComponentSize(providedSize);\n\n return (\n <AlertDialogPortal>\n <AlertDialogBackdrop />\n <AlertDialogViewport>\n <AlertDialogPopup\n className={className}\n data-slot=\"alert-dialog-content\"\n size={size}\n {...props}\n />\n </AlertDialogViewport>\n </AlertDialogPortal>\n );\n};\n\nexport { AlertDialogContent };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogDescriptionProps = ComponentProps<\n typeof AlertDialogPrimitive.Description\n>;\n\nconst AlertDialogDescription = ({\n className,\n ...props\n}: AlertDialogDescriptionProps) => (\n <AlertDialogPrimitive.Description\n className={cn(\n \"text-muted-foreground *:[a]:hover:text-foreground text-sm text-balance md:text-pretty *:[a]:underline *:[a]:underline-offset-3\",\n className\n )}\n data-slot=\"alert-dialog-description\"\n {...props}\n />\n);\n\nexport { AlertDialogDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogFooterProps = ComponentProps<\"div\">;\n\nconst AlertDialogFooter = ({ className, ...props }: AlertDialogFooterProps) => (\n <div\n className={cn(\n \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n className\n )}\n data-slot=\"alert-dialog-footer\"\n {...props}\n />\n);\n\nexport { AlertDialogFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogHeaderProps = ComponentProps<\"div\">;\n\nconst AlertDialogHeader = ({ className, ...props }: AlertDialogHeaderProps) => (\n <div\n className={cn(\n \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=md]/alert-dialog-content:place-items-start sm:group-data-[size=md]/alert-dialog-content:text-left sm:group-data-[size=md]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n className\n )}\n data-slot=\"alert-dialog-header\"\n {...props}\n />\n);\n\nexport { AlertDialogHeader };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogMediaProps = ComponentProps<\"div\">;\n\nconst AlertDialogMedia = ({ className, ...props }: AlertDialogMediaProps) => (\n <div\n className={cn(\n \"bg-muted mb-2 inline-flex size-10 items-center justify-center rounded-md sm:group-data-[size=md]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n className\n )}\n data-slot=\"alert-dialog-media\"\n {...props}\n />\n);\n\nexport { AlertDialogMedia };\n","import { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type AlertDialogOverlayProps = AlertDialogBackdropProps;\n\nconst AlertDialogOverlay = ({\n className,\n ...props\n}: AlertDialogOverlayProps) => (\n <AlertDialogBackdrop\n className={className}\n data-slot=\"alert-dialog-overlay\"\n {...props}\n />\n);\n\nexport { AlertDialogOverlay };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTitleProps = ComponentProps<\n typeof AlertDialogPrimitive.Title\n>;\n\nconst AlertDialogTitle = ({ className, ...props }: AlertDialogTitleProps) => (\n <AlertDialogPrimitive.Title\n className={cn(\n \"text-sm font-medium sm:group-data-[size=md]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n className\n )}\n data-slot=\"alert-dialog-title\"\n {...props}\n />\n);\n\nexport { AlertDialogTitle };\n","import { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type AlertDialogTriggerProps = AlertDialogPrimitive.Trigger.Props;\n\nconst AlertDialogTrigger = ({\n className,\n ...props\n}: AlertDialogTriggerProps) => (\n <AlertDialogPrimitive.Trigger\n className={cn(\"cursor-clickable\", className)}\n data-slot=\"alert-dialog-trigger\"\n {...props}\n />\n);\n\nexport { AlertDialogTrigger };\n","\"use client\";\n\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\";\n\nimport { AlertDialogAction } from \"./alert-dialog-action\";\nimport { AlertDialogBackdrop } from \"./alert-dialog-backdrop\";\nimport { AlertDialogCancel } from \"./alert-dialog-cancel\";\nimport { AlertDialogClose } from \"./alert-dialog-close\";\nimport { AlertDialogContent } from \"./alert-dialog-content\";\nimport { AlertDialogDescription } from \"./alert-dialog-description\";\nimport { AlertDialogFooter } from \"./alert-dialog-footer\";\nimport { AlertDialogHeader } from \"./alert-dialog-header\";\nimport { AlertDialogMedia } from \"./alert-dialog-media\";\nimport { AlertDialogOverlay } from \"./alert-dialog-overlay\";\nimport { AlertDialogPopup } from \"./alert-dialog-popup\";\nimport { AlertDialogPortal } from \"./alert-dialog-portal\";\nimport { AlertDialogTitle } from \"./alert-dialog-title\";\nimport { AlertDialogTrigger } from \"./alert-dialog-trigger\";\nimport { AlertDialogViewport } from \"./alert-dialog-viewport\";\nexport type AlertDialogProps = AlertDialogPrimitive.Root.Props;\n\nconst AlertDialog = ({ ...props }: AlertDialogProps) => (\n <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n);\n\nAlertDialog.Action = AlertDialogAction;\nAlertDialog.Backdrop = AlertDialogBackdrop;\nAlertDialog.Cancel = AlertDialogCancel;\nAlertDialog.Close = AlertDialogClose;\nAlertDialog.Content = AlertDialogContent;\nAlertDialog.Description = AlertDialogDescription;\nAlertDialog.Footer = AlertDialogFooter;\nAlertDialog.Header = AlertDialogHeader;\nAlertDialog.Media = AlertDialogMedia;\nAlertDialog.Overlay = AlertDialogOverlay;\nAlertDialog.Portal = AlertDialogPortal;\nAlertDialog.Popup = AlertDialogPopup;\nAlertDialog.Title = AlertDialogTitle;\nAlertDialog.Trigger = AlertDialogTrigger;\nAlertDialog.Viewport = AlertDialogViewport;\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogBackdrop,\n AlertDialogCancel,\n AlertDialogClose,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogMedia,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogPopup,\n AlertDialogTitle,\n AlertDialogTrigger,\n AlertDialogViewport,\n};\n\nexport type { AlertDialogActionProps } from \"./alert-dialog-action\";\nexport type { AlertDialogBackdropProps } from \"./alert-dialog-backdrop\";\nexport type { AlertDialogCancelProps } from \"./alert-dialog-cancel\";\nexport type { AlertDialogCloseProps } from \"./alert-dialog-close\";\nexport type { AlertDialogContentProps } from \"./alert-dialog-content\";\nexport type { AlertDialogDescriptionProps } from \"./alert-dialog-description\";\nexport type { AlertDialogFooterProps } from \"./alert-dialog-footer\";\nexport type { AlertDialogHeaderProps } from \"./alert-dialog-header\";\nexport type { AlertDialogMediaProps } from \"./alert-dialog-media\";\nexport type { AlertDialogOverlayProps } from \"./alert-dialog-overlay\";\nexport type { AlertDialogPopupProps } from \"./alert-dialog-popup\";\nexport type { AlertDialogPortalProps } from \"./alert-dialog-portal\";\nexport type { AlertDialogTitleProps } from \"./alert-dialog-title\";\nexport type { AlertDialogTriggerProps } from \"./alert-dialog-trigger\";\nexport type { AlertDialogViewportProps } from \"./alert-dialog-viewport\";\n"],"mappings":";;;;;;;;;AAMA,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,QAAD;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACNJ,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACA,cAAqB,UAAtB;CACE,WAAW,GACT,8LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACPJ,MAAM,qBAAqB,EACzB,WACA,UAAU,WACV,MAAM,cACN,GAAG,YACyB;CAC5B,MAAM,aAAa,iBAAiB;CACpC,MAAM,OAAO,gBAAgB,cAAc;AAE3C,QACE,oBAACC,cAAqB,OAAtB;EACE,WAAW,GAAG,oBAAoB,UAAU;EAC5C,aAAU;EACV,QAAQ,oBAAC,QAAD;GAAc;GAAe;GAAW;EAChD,GAAI;EACJ;;;;;ACnBN,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB,OAAtB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACCJ,MAAM,oBAAoB,EACxB,WACA,MAAM,cACN,GAAG,YACwB;CAC3B,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC,cAAqB,OAAtB;EACE,WAAW,GACT,+pBACA,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;EACJ;;;;;ACxBN,MAAM,qBAAqB,EAAE,GAAG,YAC9B,oBAACC,cAAqB,QAAtB;CAA6B,aAAU;CAAsB,GAAI;CAAS;;;;ACC5E,MAAM,uBAAuB,EAC3B,WACA,GAAG,YAEH,oBAACC,cAAqB,UAAtB;CACE,WAAW,GACT,gEACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,sBAAsB,EAC1B,WACA,MAAM,cACN,GAAG,YAC0B;CAC7B,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,qBAAC,mBAAD,aACE,oBAAC,qBAAD,EAAuB,GACvB,oBAAC,qBAAD,YACE,oBAAC,kBAAD;EACa;EACX,aAAU;EACJ;EACN,GAAI;EACJ,GACkB,EACJ;;;;;ACxBxB,MAAM,0BAA0B,EAC9B,WACA,GAAG,YAEH,oBAACC,cAAqB,aAAtB;CACE,WAAW,GACT,kIACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACdJ,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CACE,WAAW,GACT,4LACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAAC,OAAD;CACE,WAAW,GACT,uYACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAAC,OAAD;CACE,WAAW,GACT,yKACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACRJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAAC,qBAAD;CACa;CACX,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,cAAqB,OAAtB;CACE,WAAW,GACT,8IACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACXJ,MAAM,sBAAsB,EAC1B,WACA,GAAG,YAEH,oBAACC,cAAqB,SAAtB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACSJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,cAAqB,MAAtB;CAA2B,aAAU;CAAe,GAAI;CAAS;AAGnE,YAAY,SAAS;AACrB,YAAY,WAAW;AACvB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,cAAc;AAC1B,YAAY,SAAS;AACrB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,SAAS;AACrB,YAAY,QAAQ;AACpB,YAAY,QAAQ;AACpB,YAAY,UAAU;AACtB,YAAY,WAAW"}
|
package/dist/ui/alert.d.ts
CHANGED
|
@@ -27,73 +27,73 @@ declare const AlertTitle: ({
|
|
|
27
27
|
//#endregion
|
|
28
28
|
//#region src/ui/alert/alert.d.ts
|
|
29
29
|
declare const alertVariants: tailwind_variants0.TVReturnType<{
|
|
30
|
-
variant: {
|
|
31
|
-
default: string;
|
|
32
|
-
primary: string;
|
|
33
|
-
secondary: string;
|
|
34
|
-
warning: string;
|
|
35
|
-
danger: string;
|
|
36
|
-
info: string;
|
|
37
|
-
success: string;
|
|
38
|
-
};
|
|
39
30
|
appearance: {
|
|
40
31
|
default: string;
|
|
41
|
-
subtle: string;
|
|
42
|
-
outline: string;
|
|
43
32
|
inverted: string;
|
|
33
|
+
outline: string;
|
|
34
|
+
subtle: string;
|
|
44
35
|
};
|
|
45
36
|
size: {
|
|
46
|
-
xs: string;
|
|
47
|
-
sm: string;
|
|
48
|
-
md: string;
|
|
49
37
|
lg: string;
|
|
38
|
+
md: string;
|
|
39
|
+
sm: string;
|
|
50
40
|
xl: string;
|
|
41
|
+
xs: string;
|
|
51
42
|
};
|
|
52
|
-
}, undefined, string[], {
|
|
53
43
|
variant: {
|
|
44
|
+
danger: string;
|
|
54
45
|
default: string;
|
|
46
|
+
info: string;
|
|
55
47
|
primary: string;
|
|
56
48
|
secondary: string;
|
|
57
|
-
warning: string;
|
|
58
|
-
danger: string;
|
|
59
|
-
info: string;
|
|
60
49
|
success: string;
|
|
50
|
+
warning: string;
|
|
61
51
|
};
|
|
52
|
+
}, undefined, string[], {
|
|
62
53
|
appearance: {
|
|
63
54
|
default: string;
|
|
64
|
-
subtle: string;
|
|
65
|
-
outline: string;
|
|
66
55
|
inverted: string;
|
|
56
|
+
outline: string;
|
|
57
|
+
subtle: string;
|
|
67
58
|
};
|
|
68
59
|
size: {
|
|
69
|
-
xs: string;
|
|
70
|
-
sm: string;
|
|
71
|
-
md: string;
|
|
72
60
|
lg: string;
|
|
61
|
+
md: string;
|
|
62
|
+
sm: string;
|
|
73
63
|
xl: string;
|
|
64
|
+
xs: string;
|
|
74
65
|
};
|
|
75
|
-
}, undefined, tailwind_variants0.TVReturnType<{
|
|
76
66
|
variant: {
|
|
67
|
+
danger: string;
|
|
77
68
|
default: string;
|
|
69
|
+
info: string;
|
|
78
70
|
primary: string;
|
|
79
71
|
secondary: string;
|
|
80
|
-
warning: string;
|
|
81
|
-
danger: string;
|
|
82
|
-
info: string;
|
|
83
72
|
success: string;
|
|
73
|
+
warning: string;
|
|
84
74
|
};
|
|
75
|
+
}, undefined, tailwind_variants0.TVReturnType<{
|
|
85
76
|
appearance: {
|
|
86
77
|
default: string;
|
|
87
|
-
subtle: string;
|
|
88
|
-
outline: string;
|
|
89
78
|
inverted: string;
|
|
79
|
+
outline: string;
|
|
80
|
+
subtle: string;
|
|
90
81
|
};
|
|
91
82
|
size: {
|
|
92
|
-
xs: string;
|
|
93
|
-
sm: string;
|
|
94
|
-
md: string;
|
|
95
83
|
lg: string;
|
|
84
|
+
md: string;
|
|
85
|
+
sm: string;
|
|
96
86
|
xl: string;
|
|
87
|
+
xs: string;
|
|
88
|
+
};
|
|
89
|
+
variant: {
|
|
90
|
+
danger: string;
|
|
91
|
+
default: string;
|
|
92
|
+
info: string;
|
|
93
|
+
primary: string;
|
|
94
|
+
secondary: string;
|
|
95
|
+
success: string;
|
|
96
|
+
warning: string;
|
|
97
97
|
};
|
|
98
98
|
}, undefined, string[], unknown, unknown, undefined>>;
|
|
99
99
|
type AlertVariants = Omit<VariantProps<typeof alertVariants>, "size"> & {
|
package/dist/ui/alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/ui/alert/alert-action.tsx","../../src/ui/alert/alert-description.tsx","../../src/ui/alert/alert-title.tsx","../../src/ui/alert/alert.tsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"alert.d.ts","names":[],"sources":["../../src/ui/alert/alert-action.tsx","../../src/ui/alert/alert-description.tsx","../../src/ui/alert/alert-title.tsx","../../src/ui/alert/alert.tsx"],"mappings":";;;;;;;KAEY,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,qBAAA,GAAwB,cAAA;AAAA,cAE9B,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAAyB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF5D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCQtD,aAAA,EA4LJ,kBAAA,CA5LiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA4LjB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEG,aAAA,GAAgB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAC5C,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,aAAA,GAAgB,cAAA;AAAA,cAEnC,KAAA;EAAA;;;;;;KAMH,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|