@delmaredigital/payload-puck 0.2.0 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +349 -1370
- package/dist/admin/EditWithPuckButton.d.ts +74 -0
- package/dist/admin/EditWithPuckButton.d.ts.map +1 -0
- package/dist/admin/EditWithPuckButton.js +114 -0
- package/dist/admin/EditWithPuckButton.js.map +1 -0
- package/dist/admin/EditWithPuckCell.d.ts +43 -0
- package/dist/admin/EditWithPuckCell.d.ts.map +1 -0
- package/dist/admin/EditWithPuckCell.js +66 -0
- package/dist/admin/EditWithPuckCell.js.map +1 -0
- package/dist/admin/PuckEditorView.d.ts +85 -0
- package/dist/admin/PuckEditorView.d.ts.map +1 -0
- package/dist/admin/PuckEditorView.js +135 -0
- package/dist/admin/PuckEditorView.js.map +1 -0
- package/dist/admin/client.d.ts +8 -104
- package/dist/admin/client.d.ts.map +1 -0
- package/dist/admin/client.js +14 -176
- package/dist/admin/client.js.map +1 -0
- package/dist/admin/generateAdminComponents.d.ts +51 -0
- package/dist/admin/generateAdminComponents.d.ts.map +1 -0
- package/dist/admin/generateAdminComponents.js +42 -0
- package/dist/admin/generateAdminComponents.js.map +1 -0
- package/dist/admin/index.d.ts +14 -150
- package/dist/admin/index.d.ts.map +1 -0
- package/dist/admin/index.js +17 -30
- package/dist/admin/index.js.map +1 -0
- package/dist/api/createPuckApiRoutes.d.ts +31 -0
- package/dist/api/createPuckApiRoutes.d.ts.map +1 -0
- package/dist/api/createPuckApiRoutes.js +193 -0
- package/dist/api/createPuckApiRoutes.js.map +1 -0
- package/dist/api/createPuckApiRoutesVersions.d.ts +28 -0
- package/dist/api/createPuckApiRoutesVersions.d.ts.map +1 -0
- package/dist/api/createPuckApiRoutesVersions.js +144 -0
- package/dist/api/createPuckApiRoutesVersions.js.map +1 -0
- package/dist/api/createPuckApiRoutesWithId.d.ts +34 -0
- package/dist/api/createPuckApiRoutesWithId.d.ts.map +1 -0
- package/dist/api/createPuckApiRoutesWithId.js +251 -0
- package/dist/api/createPuckApiRoutesWithId.js.map +1 -0
- package/dist/api/index.d.ts +11 -431
- package/dist/api/index.d.ts.map +1 -0
- package/dist/api/index.js +40 -587
- package/dist/api/index.js.map +1 -0
- package/dist/api/types.d.ts +302 -0
- package/dist/api/types.d.ts.map +1 -0
- package/dist/api/types.js +2 -0
- package/dist/api/types.js.map +1 -0
- package/dist/api/utils/mapRootProps.d.ts +76 -0
- package/dist/api/utils/mapRootProps.d.ts.map +1 -0
- package/dist/api/utils/mapRootProps.js +169 -0
- package/dist/api/utils/mapRootProps.js.map +1 -0
- package/dist/collections/Templates.d.ts +9 -0
- package/dist/collections/Templates.d.ts.map +1 -0
- package/dist/collections/Templates.js +62 -0
- package/dist/collections/Templates.js.map +1 -0
- package/dist/components/AccordionClient.d.ts +20 -0
- package/dist/components/AccordionClient.d.ts.map +1 -0
- package/dist/components/AccordionClient.js +67 -0
- package/dist/components/AccordionClient.js.map +1 -0
- package/dist/components/AnimatedWrapper.d.ts +33 -0
- package/dist/components/AnimatedWrapper.d.ts.map +1 -0
- package/dist/components/AnimatedWrapper.js +61 -0
- package/dist/components/AnimatedWrapper.js.map +1 -0
- package/dist/components/exports.d.ts +54 -0
- package/dist/components/exports.d.ts.map +1 -0
- package/dist/components/exports.js +71 -0
- package/dist/components/exports.js.map +1 -0
- package/dist/components/index.d.ts +8 -216
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +15 -9262
- package/dist/components/index.js.map +1 -0
- package/dist/components/interactive/Accordion.d.ts +28 -0
- package/dist/components/interactive/Accordion.d.ts.map +1 -0
- package/dist/components/interactive/Accordion.js +159 -0
- package/dist/components/interactive/Accordion.js.map +1 -0
- package/dist/components/interactive/Accordion.server.d.ts +29 -0
- package/dist/components/interactive/Accordion.server.d.ts.map +1 -0
- package/dist/components/interactive/Accordion.server.js +30 -0
- package/dist/components/interactive/Accordion.server.js.map +1 -0
- package/dist/components/interactive/Button.d.ts +26 -0
- package/dist/components/interactive/Button.d.ts.map +1 -0
- package/dist/components/interactive/Button.js +133 -0
- package/dist/components/interactive/Button.js.map +1 -0
- package/dist/components/interactive/Button.server.d.ts +28 -0
- package/dist/components/interactive/Button.server.d.ts.map +1 -0
- package/dist/components/interactive/Button.server.js +96 -0
- package/dist/components/interactive/Button.server.js.map +1 -0
- package/dist/components/interactive/Card.d.ts +27 -0
- package/dist/components/interactive/Card.d.ts.map +1 -0
- package/dist/components/interactive/Card.js +128 -0
- package/dist/components/interactive/Card.js.map +1 -0
- package/dist/components/interactive/Card.server.d.ts +29 -0
- package/dist/components/interactive/Card.server.d.ts.map +1 -0
- package/dist/components/interactive/Card.server.js +77 -0
- package/dist/components/interactive/Card.server.js.map +1 -0
- package/dist/components/interactive/Divider.d.ts +18 -0
- package/dist/components/interactive/Divider.d.ts.map +1 -0
- package/dist/components/interactive/Divider.js +68 -0
- package/dist/components/interactive/Divider.js.map +1 -0
- package/dist/components/interactive/Divider.server.d.ts +20 -0
- package/dist/components/interactive/Divider.server.d.ts.map +1 -0
- package/dist/components/interactive/Divider.server.js +50 -0
- package/dist/components/interactive/Divider.server.js.map +1 -0
- package/dist/components/interactive/index.d.ts +10 -0
- package/dist/components/interactive/index.d.ts.map +1 -0
- package/dist/components/interactive/index.js +10 -0
- package/dist/components/interactive/index.js.map +1 -0
- package/dist/components/layout/Container.d.ts +29 -0
- package/dist/components/layout/Container.d.ts.map +1 -0
- package/dist/components/layout/Container.js +166 -0
- package/dist/components/layout/Container.js.map +1 -0
- package/dist/components/layout/Container.server.d.ts +32 -0
- package/dist/components/layout/Container.server.d.ts.map +1 -0
- package/dist/components/layout/Container.server.js +105 -0
- package/dist/components/layout/Container.server.js.map +1 -0
- package/dist/components/layout/Flex.d.ts +36 -0
- package/dist/components/layout/Flex.d.ts.map +1 -0
- package/dist/components/layout/Flex.js +183 -0
- package/dist/components/layout/Flex.js.map +1 -0
- package/dist/components/layout/Flex.server.d.ts +36 -0
- package/dist/components/layout/Flex.server.d.ts.map +1 -0
- package/dist/components/layout/Flex.server.js +97 -0
- package/dist/components/layout/Flex.server.js.map +1 -0
- package/dist/components/layout/Grid.d.ts +31 -0
- package/dist/components/layout/Grid.d.ts.map +1 -0
- package/dist/components/layout/Grid.js +164 -0
- package/dist/components/layout/Grid.js.map +1 -0
- package/dist/components/layout/Grid.server.d.ts +32 -0
- package/dist/components/layout/Grid.server.d.ts.map +1 -0
- package/dist/components/layout/Grid.server.js +92 -0
- package/dist/components/layout/Grid.server.js.map +1 -0
- package/dist/components/layout/Section.d.ts +35 -0
- package/dist/components/layout/Section.d.ts.map +1 -0
- package/dist/components/layout/Section.js +212 -0
- package/dist/components/layout/Section.js.map +1 -0
- package/dist/components/layout/Section.server.d.ts +35 -0
- package/dist/components/layout/Section.server.d.ts.map +1 -0
- package/dist/components/layout/Section.server.js +144 -0
- package/dist/components/layout/Section.server.js.map +1 -0
- package/dist/components/layout/Spacer.d.ts +18 -0
- package/dist/components/layout/Spacer.d.ts.map +1 -0
- package/dist/components/layout/Spacer.js +99 -0
- package/dist/components/layout/Spacer.js.map +1 -0
- package/dist/components/layout/Spacer.server.d.ts +21 -0
- package/dist/components/layout/Spacer.server.d.ts.map +1 -0
- package/dist/components/layout/Spacer.server.js +61 -0
- package/dist/components/layout/Spacer.server.js.map +1 -0
- package/dist/components/layout/Template.d.ts +35 -0
- package/dist/components/layout/Template.d.ts.map +1 -0
- package/dist/components/layout/Template.js +124 -0
- package/dist/components/layout/Template.js.map +1 -0
- package/dist/components/layout/Template.server.d.ts +32 -0
- package/dist/components/layout/Template.server.d.ts.map +1 -0
- package/dist/components/layout/Template.server.js +75 -0
- package/dist/components/layout/Template.server.js.map +1 -0
- package/dist/components/layout/index.d.ts +14 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/index.js +13 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/media/Image.d.ts +30 -0
- package/dist/components/media/Image.d.ts.map +1 -0
- package/dist/components/media/Image.js +123 -0
- package/dist/components/media/Image.js.map +1 -0
- package/dist/components/media/Image.server.d.ts +28 -0
- package/dist/components/media/Image.server.d.ts.map +1 -0
- package/dist/components/media/Image.server.js +76 -0
- package/dist/components/media/Image.server.js.map +1 -0
- package/dist/components/media/index.d.ts +7 -0
- package/dist/components/media/index.d.ts.map +1 -0
- package/dist/components/media/index.js +7 -0
- package/dist/components/media/index.js.map +1 -0
- package/dist/components/typography/Heading.d.ts +21 -0
- package/dist/components/typography/Heading.d.ts.map +1 -0
- package/dist/components/typography/Heading.js +71 -0
- package/dist/components/typography/Heading.js.map +1 -0
- package/dist/components/typography/Heading.server.d.ts +21 -0
- package/dist/components/typography/Heading.server.d.ts.map +1 -0
- package/dist/components/typography/Heading.server.js +49 -0
- package/dist/components/typography/Heading.server.js.map +1 -0
- package/dist/components/typography/RichText.d.ts +20 -0
- package/dist/components/typography/RichText.d.ts.map +1 -0
- package/dist/components/typography/RichText.editor.d.ts +11 -0
- package/dist/components/typography/RichText.editor.d.ts.map +1 -0
- package/dist/components/typography/RichText.editor.js +67 -0
- package/dist/components/typography/RichText.editor.js.map +1 -0
- package/dist/components/typography/RichText.js +73 -0
- package/dist/components/typography/RichText.js.map +1 -0
- package/dist/components/typography/RichText.server.d.ts +22 -0
- package/dist/components/typography/RichText.server.d.ts.map +1 -0
- package/dist/components/typography/RichText.server.js +52 -0
- package/dist/components/typography/RichText.server.js.map +1 -0
- package/dist/components/typography/Text.d.ts +20 -0
- package/dist/components/typography/Text.d.ts.map +1 -0
- package/dist/components/typography/Text.js +61 -0
- package/dist/components/typography/Text.js.map +1 -0
- package/dist/components/typography/Text.server.d.ts +21 -0
- package/dist/components/typography/Text.server.d.ts.map +1 -0
- package/dist/components/typography/Text.server.js +39 -0
- package/dist/components/typography/Text.server.js.map +1 -0
- package/dist/components/typography/index.d.ts +10 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +10 -0
- package/dist/components/typography/index.js.map +1 -0
- package/dist/config/config.editor.d.ts +15 -56
- package/dist/config/config.editor.d.ts.map +1 -0
- package/dist/config/config.editor.js +125 -9462
- package/dist/config/config.editor.js.map +1 -0
- package/dist/config/index.d.ts +7 -33
- package/dist/config/index.d.ts.map +1 -0
- package/dist/config/index.js +110 -2119
- package/dist/config/index.js.map +1 -0
- package/dist/config/merge.d.ts +23 -0
- package/dist/config/merge.d.ts.map +1 -0
- package/dist/config/merge.js +80 -0
- package/dist/config/merge.js.map +1 -0
- package/dist/config/presets.d.ts +342 -0
- package/dist/config/presets.d.ts.map +1 -0
- package/dist/config/presets.js +247 -0
- package/dist/config/presets.js.map +1 -0
- package/dist/editor/PuckEditor.client.d.ts +131 -0
- package/dist/editor/PuckEditor.client.d.ts.map +1 -0
- package/dist/editor/PuckEditor.client.js +42 -0
- package/dist/editor/PuckEditor.client.js.map +1 -0
- package/dist/editor/PuckEditorCore.client.d.ts +141 -0
- package/dist/editor/PuckEditorCore.client.d.ts.map +1 -0
- package/dist/editor/PuckEditorCore.client.js +306 -0
- package/dist/editor/PuckEditorCore.client.js.map +1 -0
- package/dist/editor/components/HeaderActions.d.ts +109 -0
- package/dist/editor/components/HeaderActions.d.ts.map +1 -0
- package/dist/editor/components/HeaderActions.js +254 -0
- package/dist/editor/components/HeaderActions.js.map +1 -0
- package/dist/editor/components/IframeWrapper.d.ts +77 -0
- package/dist/editor/components/IframeWrapper.d.ts.map +1 -0
- package/dist/editor/components/IframeWrapper.js +257 -0
- package/dist/editor/components/IframeWrapper.js.map +1 -0
- package/dist/editor/components/LoadingState.d.ts +14 -0
- package/dist/editor/components/LoadingState.d.ts.map +1 -0
- package/dist/editor/components/LoadingState.js +12 -0
- package/dist/editor/components/LoadingState.js.map +1 -0
- package/dist/editor/components/PreviewModal.d.ts +54 -0
- package/dist/editor/components/PreviewModal.d.ts.map +1 -0
- package/dist/editor/components/PreviewModal.js +298 -0
- package/dist/editor/components/PreviewModal.js.map +1 -0
- package/dist/editor/components/VersionHistory.d.ts +44 -0
- package/dist/editor/components/VersionHistory.d.ts.map +1 -0
- package/dist/editor/components/VersionHistory.js +308 -0
- package/dist/editor/components/VersionHistory.js.map +1 -0
- package/dist/editor/hooks/useUnsavedChanges.d.ts +27 -0
- package/dist/editor/hooks/useUnsavedChanges.d.ts.map +1 -0
- package/dist/editor/hooks/useUnsavedChanges.js +55 -0
- package/dist/editor/hooks/useUnsavedChanges.js.map +1 -0
- package/dist/editor/index.d.ts +16 -756
- package/dist/editor/index.d.ts.map +1 -0
- package/dist/editor/index.js +49 -4625
- package/dist/editor/index.js.map +1 -0
- package/dist/editor/plugins/index.d.ts +12 -0
- package/dist/editor/plugins/index.d.ts.map +1 -0
- package/dist/editor/plugins/index.js +12 -0
- package/dist/editor/plugins/index.js.map +1 -0
- package/dist/endpoints/index.d.ts +46 -0
- package/dist/endpoints/index.d.ts.map +1 -0
- package/dist/endpoints/index.js +204 -0
- package/dist/endpoints/index.js.map +1 -0
- package/dist/exports/client.d.ts +19 -0
- package/dist/exports/client.d.ts.map +1 -0
- package/dist/exports/client.js +21 -0
- package/dist/exports/client.js.map +1 -0
- package/dist/exports/rsc.d.ts +19 -0
- package/dist/exports/rsc.d.ts.map +1 -0
- package/dist/exports/rsc.js +19 -0
- package/dist/exports/rsc.js.map +1 -0
- package/dist/fields/AlignmentField.d.ts +36 -0
- package/dist/fields/AlignmentField.d.ts.map +1 -0
- package/dist/fields/AlignmentField.js +120 -0
- package/dist/fields/AlignmentField.js.map +1 -0
- package/dist/fields/AnimationField.d.ts +44 -0
- package/dist/fields/AnimationField.d.ts.map +1 -0
- package/dist/fields/AnimationField.js +329 -0
- package/dist/fields/AnimationField.js.map +1 -0
- package/dist/fields/BackgroundField.d.ts +40 -0
- package/dist/fields/BackgroundField.d.ts.map +1 -0
- package/dist/fields/BackgroundField.js +413 -0
- package/dist/fields/BackgroundField.js.map +1 -0
- package/dist/fields/BorderField.d.ts +29 -0
- package/dist/fields/BorderField.d.ts.map +1 -0
- package/dist/fields/BorderField.js +264 -0
- package/dist/fields/BorderField.js.map +1 -0
- package/dist/fields/ColorPickerField.d.ts +43 -0
- package/dist/fields/ColorPickerField.d.ts.map +1 -0
- package/dist/fields/ColorPickerField.js +285 -0
- package/dist/fields/ColorPickerField.js.map +1 -0
- package/dist/fields/DimensionsField.d.ts +43 -0
- package/dist/fields/DimensionsField.d.ts.map +1 -0
- package/dist/fields/DimensionsField.js +532 -0
- package/dist/fields/DimensionsField.js.map +1 -0
- package/dist/fields/FlexAlignmentField.d.ts +61 -0
- package/dist/fields/FlexAlignmentField.d.ts.map +1 -0
- package/dist/fields/FlexAlignmentField.js +166 -0
- package/dist/fields/FlexAlignmentField.js.map +1 -0
- package/dist/fields/FolderPickerField.d.ts +17 -0
- package/dist/fields/FolderPickerField.d.ts.map +1 -0
- package/dist/fields/FolderPickerField.js +282 -0
- package/dist/fields/FolderPickerField.js.map +1 -0
- package/dist/fields/GradientEditor.d.ts +22 -0
- package/dist/fields/GradientEditor.d.ts.map +1 -0
- package/dist/fields/GradientEditor.js +322 -0
- package/dist/fields/GradientEditor.js.map +1 -0
- package/dist/fields/LockedField.d.ts +67 -0
- package/dist/fields/LockedField.d.ts.map +1 -0
- package/dist/fields/LockedField.js +170 -0
- package/dist/fields/LockedField.js.map +1 -0
- package/dist/fields/MarginField.d.ts +31 -0
- package/dist/fields/MarginField.d.ts.map +1 -0
- package/dist/fields/MarginField.js +233 -0
- package/dist/fields/MarginField.js.map +1 -0
- package/dist/fields/MediaField.d.ts +33 -0
- package/dist/fields/MediaField.d.ts.map +1 -0
- package/dist/fields/MediaField.js +677 -0
- package/dist/fields/MediaField.js.map +1 -0
- package/dist/fields/PaddingField.d.ts +29 -0
- package/dist/fields/PaddingField.d.ts.map +1 -0
- package/dist/fields/PaddingField.js +232 -0
- package/dist/fields/PaddingField.js.map +1 -0
- package/dist/fields/PageSegmentField.d.ts +17 -0
- package/dist/fields/PageSegmentField.d.ts.map +1 -0
- package/dist/fields/PageSegmentField.js +92 -0
- package/dist/fields/PageSegmentField.js.map +1 -0
- package/dist/fields/ResetField.d.ts +27 -0
- package/dist/fields/ResetField.d.ts.map +1 -0
- package/dist/fields/ResetField.js +122 -0
- package/dist/fields/ResetField.js.map +1 -0
- package/dist/fields/ResponsiveField.d.ts +38 -0
- package/dist/fields/ResponsiveField.d.ts.map +1 -0
- package/dist/fields/ResponsiveField.js +275 -0
- package/dist/fields/ResponsiveField.js.map +1 -0
- package/dist/fields/ResponsiveVisibilityField.d.ts +34 -0
- package/dist/fields/ResponsiveVisibilityField.d.ts.map +1 -0
- package/dist/fields/ResponsiveVisibilityField.js +145 -0
- package/dist/fields/ResponsiveVisibilityField.js.map +1 -0
- package/dist/fields/SizeField.d.ts +54 -0
- package/dist/fields/SizeField.d.ts.map +1 -0
- package/dist/fields/SizeField.js +255 -0
- package/dist/fields/SizeField.js.map +1 -0
- package/dist/fields/SlugPreviewField.d.ts +16 -0
- package/dist/fields/SlugPreviewField.d.ts.map +1 -0
- package/dist/fields/SlugPreviewField.js +49 -0
- package/dist/fields/SlugPreviewField.js.map +1 -0
- package/dist/fields/TemplateField.d.ts +31 -0
- package/dist/fields/TemplateField.d.ts.map +1 -0
- package/dist/fields/TemplateField.js +428 -0
- package/dist/fields/TemplateField.js.map +1 -0
- package/dist/fields/TiptapField.d.ts +40 -0
- package/dist/fields/TiptapField.d.ts.map +1 -0
- package/dist/fields/TiptapField.js +857 -0
- package/dist/fields/TiptapField.js.map +1 -0
- package/dist/fields/TiptapModal.d.ts +10 -0
- package/dist/fields/TiptapModal.d.ts.map +1 -0
- package/dist/fields/TiptapModal.js +114 -0
- package/dist/fields/TiptapModal.js.map +1 -0
- package/dist/fields/TiptapModalField.d.ts +23 -0
- package/dist/fields/TiptapModalField.d.ts.map +1 -0
- package/dist/fields/TiptapModalField.js +55 -0
- package/dist/fields/TiptapModalField.js.map +1 -0
- package/dist/fields/TransformField.d.ts +31 -0
- package/dist/fields/TransformField.d.ts.map +1 -0
- package/dist/fields/TransformField.js +384 -0
- package/dist/fields/TransformField.js.map +1 -0
- package/dist/fields/VerticalAlignmentField.d.ts +35 -0
- package/dist/fields/VerticalAlignmentField.d.ts.map +1 -0
- package/dist/fields/VerticalAlignmentField.js +120 -0
- package/dist/fields/VerticalAlignmentField.js.map +1 -0
- package/dist/fields/WidthField.d.ts +28 -0
- package/dist/fields/WidthField.d.ts.map +1 -0
- package/dist/fields/WidthField.js +339 -0
- package/dist/fields/WidthField.js.map +1 -0
- package/dist/fields/index.d.ts +44 -559
- package/dist/fields/index.d.ts.map +1 -0
- package/dist/fields/index.js +91 -7704
- package/dist/fields/index.js.map +1 -0
- package/dist/fields/richtext-output.css +219 -0
- package/dist/{shared-X9UpCJKW.d.mts → fields/shared.d.ts} +111 -132
- package/dist/fields/shared.d.ts.map +1 -0
- package/dist/fields/shared.js +1542 -0
- package/dist/fields/shared.js.map +1 -0
- package/dist/fields/{index.css → tiptap-styles.css} +75 -166
- package/dist/hooks/index.d.ts +8 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.js +8 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/useResponsiveStyles.d.ts +51 -0
- package/dist/hooks/useResponsiveStyles.d.ts.map +1 -0
- package/dist/hooks/useResponsiveStyles.js +149 -0
- package/dist/hooks/useResponsiveStyles.js.map +1 -0
- package/dist/hooks/useScrollAnimation.d.ts +56 -0
- package/dist/hooks/useScrollAnimation.d.ts.map +1 -0
- package/dist/hooks/useScrollAnimation.js +116 -0
- package/dist/hooks/useScrollAnimation.js.map +1 -0
- package/dist/index.d.ts +66 -6
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +67 -568
- package/dist/index.js.map +1 -0
- package/dist/layouts/LayoutWrapper.d.ts +33 -0
- package/dist/layouts/LayoutWrapper.d.ts.map +1 -0
- package/dist/layouts/LayoutWrapper.js +112 -0
- package/dist/layouts/LayoutWrapper.js.map +1 -0
- package/dist/layouts/defaults.d.ts +40 -0
- package/dist/layouts/defaults.d.ts.map +1 -0
- package/dist/layouts/defaults.js +106 -0
- package/dist/layouts/defaults.js.map +1 -0
- package/dist/layouts/index.d.ts +27 -94
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/layouts/index.js +30 -393
- package/dist/layouts/index.js.map +1 -0
- package/dist/{types-D7D3rZ1J.d.ts → layouts/types.d.ts} +8 -11
- package/dist/layouts/types.d.ts.map +1 -0
- package/dist/layouts/types.js +7 -0
- package/dist/layouts/types.js.map +1 -0
- package/dist/layouts/utils.d.ts +42 -0
- package/dist/layouts/utils.d.ts.map +1 -0
- package/dist/layouts/utils.js +83 -0
- package/dist/layouts/utils.js.map +1 -0
- package/dist/plugin/collections/Pages.d.ts +8 -0
- package/dist/plugin/collections/Pages.d.ts.map +1 -0
- package/dist/plugin/collections/Pages.js +117 -0
- package/dist/plugin/collections/Pages.js.map +1 -0
- package/dist/plugin/fields/index.d.ts +153 -0
- package/dist/plugin/fields/index.d.ts.map +1 -0
- package/dist/plugin/fields/index.js +364 -0
- package/dist/plugin/fields/index.js.map +1 -0
- package/dist/plugin/fields/types.d.ts +108 -0
- package/dist/plugin/fields/types.d.ts.map +1 -0
- package/dist/plugin/fields/types.js +7 -0
- package/dist/plugin/fields/types.js.map +1 -0
- package/dist/plugin/index.d.ts +13 -255
- package/dist/plugin/index.d.ts.map +1 -0
- package/dist/plugin/index.js +276 -553
- package/dist/plugin/index.js.map +1 -0
- package/dist/render/HybridPageRenderer.d.ts +85 -0
- package/dist/render/HybridPageRenderer.d.ts.map +1 -0
- package/dist/render/HybridPageRenderer.js +29 -0
- package/dist/render/HybridPageRenderer.js.map +1 -0
- package/dist/render/PageRenderer.d.ts +51 -0
- package/dist/render/PageRenderer.d.ts.map +1 -0
- package/dist/render/PageRenderer.js +61 -0
- package/dist/render/PageRenderer.js.map +1 -0
- package/dist/render/PuckEditor.client.d.ts +66 -0
- package/dist/render/PuckEditor.client.d.ts.map +1 -0
- package/dist/render/PuckEditor.client.js +66 -0
- package/dist/render/PuckEditor.client.js.map +1 -0
- package/dist/render/index.d.ts +8 -106
- package/dist/render/index.d.ts.map +1 -0
- package/dist/render/index.js +10 -2253
- package/dist/render/index.js.map +1 -0
- package/dist/theme/context.d.ts +59 -0
- package/dist/theme/context.d.ts.map +1 -0
- package/dist/theme/context.js +73 -0
- package/dist/theme/context.js.map +1 -0
- package/dist/theme/defaults.d.ts +39 -0
- package/dist/theme/defaults.d.ts.map +1 -0
- package/dist/theme/defaults.js +72 -0
- package/dist/theme/defaults.js.map +1 -0
- package/dist/theme/example.d.ts +30 -0
- package/dist/theme/example.d.ts.map +1 -0
- package/dist/theme/example.js +89 -0
- package/dist/theme/example.js.map +1 -0
- package/dist/theme/index.d.ts +17 -140
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +34 -200
- package/dist/theme/index.js.map +1 -0
- package/dist/{types-_6MvjyKv.d.ts → theme/types.d.ts} +8 -9
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +9 -0
- package/dist/theme/types.js.map +1 -0
- package/dist/theme/utils.d.ts +30 -0
- package/dist/theme/utils.d.ts.map +1 -0
- package/dist/theme/utils.js +84 -0
- package/dist/theme/utils.js.map +1 -0
- package/dist/{index-CQu6SzDg.d.mts → types/index.d.ts} +120 -115
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/utils/index.d.ts +23 -257
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +56 -425
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/{index.d.mts → migration.d.ts} +16 -112
- package/dist/utils/migration.d.ts.map +1 -0
- package/dist/utils/migration.js +309 -0
- package/dist/utils/migration.js.map +1 -0
- package/dist/utils/validation.d.ts +89 -0
- package/dist/utils/validation.d.ts.map +1 -0
- package/dist/utils/validation.js +247 -0
- package/dist/utils/validation.js.map +1 -0
- package/dist/views/PuckConfigContext.d.ts +71 -0
- package/dist/views/PuckConfigContext.d.ts.map +1 -0
- package/dist/views/PuckConfigContext.js +45 -0
- package/dist/views/PuckConfigContext.js.map +1 -0
- package/dist/views/PuckEditorClient.d.ts +73 -0
- package/dist/views/PuckEditorClient.d.ts.map +1 -0
- package/dist/views/PuckEditorClient.js +130 -0
- package/dist/views/PuckEditorClient.js.map +1 -0
- package/dist/views/PuckEditorView.d.ts +19 -0
- package/dist/views/PuckEditorView.d.ts.map +1 -0
- package/dist/views/PuckEditorView.js +106 -0
- package/dist/views/PuckEditorView.js.map +1 -0
- package/dist/views/index.d.ts +10 -0
- package/dist/views/index.d.ts.map +1 -0
- package/dist/views/index.js +10 -0
- package/dist/views/index.js.map +1 -0
- package/package.json +51 -74
- package/dist/AccordionClient.d.mts +0 -24
- package/dist/AccordionClient.d.ts +0 -24
- package/dist/AccordionClient.js +0 -786
- package/dist/AccordionClient.mjs +0 -784
- package/dist/AnimatedWrapper.d.mts +0 -30
- package/dist/AnimatedWrapper.d.ts +0 -30
- package/dist/AnimatedWrapper.js +0 -379
- package/dist/AnimatedWrapper.mjs +0 -377
- package/dist/admin/client.d.mts +0 -108
- package/dist/admin/client.mjs +0 -173
- package/dist/admin/index.d.mts +0 -157
- package/dist/admin/index.mjs +0 -29
- package/dist/api/index.d.mts +0 -460
- package/dist/api/index.mjs +0 -578
- package/dist/components/index.css +0 -339
- package/dist/components/index.d.mts +0 -219
- package/dist/components/index.mjs +0 -9216
- package/dist/config/config.editor.css +0 -339
- package/dist/config/config.editor.d.mts +0 -153
- package/dist/config/config.editor.mjs +0 -9445
- package/dist/config/index.d.mts +0 -68
- package/dist/config/index.mjs +0 -2099
- package/dist/editor/index.d.mts +0 -784
- package/dist/editor/index.mjs +0 -4592
- package/dist/fields/index.d.mts +0 -600
- package/dist/fields/index.mjs +0 -7588
- package/dist/index-CoUQnyC3.d.ts +0 -327
- package/dist/index.d.mts +0 -6
- package/dist/index.mjs +0 -555
- package/dist/layouts/index.d.mts +0 -96
- package/dist/layouts/index.mjs +0 -378
- package/dist/plugin/index.d.mts +0 -289
- package/dist/plugin/index.mjs +0 -555
- package/dist/render/index.d.mts +0 -109
- package/dist/render/index.mjs +0 -2231
- package/dist/shared-X9UpCJKW.d.ts +0 -548
- package/dist/theme/index.d.mts +0 -155
- package/dist/theme/index.mjs +0 -186
- package/dist/types-D7D3rZ1J.d.mts +0 -116
- package/dist/types-_6MvjyKv.d.mts +0 -104
- package/dist/utils/index.mjs +0 -412
- package/dist/utils-DaRs9t0J.d.mts +0 -85
- package/dist/utils-gAvt0Vhw.d.ts +0 -85
- package/examples/README.md +0 -247
- package/examples/api/puck/pages/[id]/route.ts +0 -64
- package/examples/api/puck/pages/[id]/versions/route.ts +0 -47
- package/examples/api/puck/pages/route.ts +0 -45
- package/examples/app/(frontend)/page.tsx +0 -94
- package/examples/app/(manage)/layout.tsx +0 -31
- package/examples/app/[...slug]/page.tsx +0 -101
- package/examples/app/pages/[id]/edit/page.tsx +0 -148
- package/examples/components/CustomBanner.tsx +0 -368
- package/examples/config/custom-config.ts +0 -223
- package/examples/config/payload.config.example.ts +0 -64
- package/examples/lib/puck-layouts.ts +0 -258
- package/examples/lib/puck-theme.ts +0 -94
- package/examples/styles/puck-theme.css +0 -171
package/dist/theme/index.js
CHANGED
|
@@ -1,201 +1,35 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
{ hex: "#111827", label: "Gray 900" },
|
|
36
|
-
{ hex: "#000000", label: "Black" },
|
|
37
|
-
{ hex: "#3b82f6", label: "Blue" },
|
|
38
|
-
{ hex: "#10b981", label: "Green" },
|
|
39
|
-
{ hex: "#f59e0b", label: "Amber" },
|
|
40
|
-
{ hex: "#ef4444", label: "Red" }
|
|
41
|
-
];
|
|
42
|
-
var DEFAULT_FOCUS_RING = "focus:ring-ring";
|
|
43
|
-
var DEFAULT_THEME = {
|
|
44
|
-
buttonVariants: DEFAULT_BUTTON_VARIANTS,
|
|
45
|
-
ctaButtonVariants: DEFAULT_CTA_BUTTON_VARIANTS,
|
|
46
|
-
ctaBackgroundStyles: DEFAULT_CTA_BACKGROUND_STYLES,
|
|
47
|
-
colorPresets: DEFAULT_COLOR_PRESETS,
|
|
48
|
-
focusRingColor: DEFAULT_FOCUS_RING
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
// src/theme/utils.ts
|
|
52
|
-
function resolveTheme(config) {
|
|
53
|
-
if (!config) return DEFAULT_THEME;
|
|
54
|
-
return {
|
|
55
|
-
buttonVariants: mergeVariants(DEFAULT_BUTTON_VARIANTS, config.buttonVariants),
|
|
56
|
-
ctaButtonVariants: mergeVariants(DEFAULT_CTA_BUTTON_VARIANTS, config.ctaButtonVariants),
|
|
57
|
-
ctaBackgroundStyles: mergeBackgroundStyles(
|
|
58
|
-
DEFAULT_CTA_BACKGROUND_STYLES,
|
|
59
|
-
config.ctaBackgroundStyles
|
|
60
|
-
),
|
|
61
|
-
colorPresets: resolveColorPresets(config),
|
|
62
|
-
focusRingColor: config.focusRingColor ?? DEFAULT_FOCUS_RING
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
function mergeVariants(defaults, overrides) {
|
|
66
|
-
if (!overrides) return defaults;
|
|
67
|
-
const result = { ...defaults };
|
|
68
|
-
for (const key of Object.keys(overrides)) {
|
|
69
|
-
const override = overrides[key];
|
|
70
|
-
if (override) {
|
|
71
|
-
result[key] = override;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
return result;
|
|
75
|
-
}
|
|
76
|
-
function mergeBackgroundStyles(defaults, overrides) {
|
|
77
|
-
if (!overrides) return defaults;
|
|
78
|
-
return { ...defaults, ...overrides };
|
|
79
|
-
}
|
|
80
|
-
function resolveColorPresets(config) {
|
|
81
|
-
if (!config.colorPresets) {
|
|
82
|
-
return DEFAULT_COLOR_PRESETS;
|
|
83
|
-
}
|
|
84
|
-
if (config.extendColorPresets) {
|
|
85
|
-
return [...DEFAULT_COLOR_PRESETS, ...config.colorPresets];
|
|
86
|
-
}
|
|
87
|
-
return config.colorPresets;
|
|
88
|
-
}
|
|
89
|
-
function getVariantClasses(variants, variant, fallback = "default") {
|
|
90
|
-
const config = variants[variant];
|
|
91
|
-
if (config?.classes) {
|
|
92
|
-
return config.classes;
|
|
93
|
-
}
|
|
94
|
-
const fallbackConfig = variants[fallback];
|
|
95
|
-
return fallbackConfig?.classes ?? "";
|
|
96
|
-
}
|
|
97
|
-
function getBackgroundClasses(styles, style, fallback = "default") {
|
|
98
|
-
return styles[style] ?? styles[fallback] ?? "";
|
|
99
|
-
}
|
|
100
|
-
var ThemeContext = react.createContext(null);
|
|
101
|
-
function ThemeProvider({ children, theme }) {
|
|
102
|
-
const resolvedTheme = react.useMemo(() => resolveTheme(theme), [theme]);
|
|
103
|
-
const value = react.useMemo(
|
|
104
|
-
() => ({
|
|
105
|
-
theme: resolvedTheme
|
|
106
|
-
}),
|
|
107
|
-
[resolvedTheme]
|
|
108
|
-
);
|
|
109
|
-
return /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value, children });
|
|
110
|
-
}
|
|
111
|
-
function useTheme() {
|
|
112
|
-
const context = react.useContext(ThemeContext);
|
|
113
|
-
return context?.theme ?? DEFAULT_THEME;
|
|
114
|
-
}
|
|
115
|
-
function getDefaultTheme() {
|
|
116
|
-
return DEFAULT_THEME;
|
|
117
|
-
}
|
|
118
|
-
function useHasThemeProvider() {
|
|
119
|
-
const context = react.useContext(ThemeContext);
|
|
120
|
-
return context !== null;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
// src/theme/example.ts
|
|
124
|
-
var exampleTheme = {
|
|
125
|
-
// Button component variants
|
|
126
|
-
buttonVariants: {
|
|
127
|
-
default: {
|
|
128
|
-
classes: "bg-primary text-primary-foreground hover:bg-primary/90"
|
|
129
|
-
},
|
|
130
|
-
secondary: {
|
|
131
|
-
classes: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
|
|
132
|
-
},
|
|
133
|
-
outline: {
|
|
134
|
-
classes: "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
|
|
135
|
-
},
|
|
136
|
-
ghost: {
|
|
137
|
-
classes: "hover:bg-accent hover:text-accent-foreground"
|
|
138
|
-
},
|
|
139
|
-
destructive: {
|
|
140
|
-
classes: "bg-destructive text-destructive-foreground hover:bg-destructive/90"
|
|
141
|
-
},
|
|
142
|
-
link: {
|
|
143
|
-
classes: "text-primary underline-offset-4 hover:underline"
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
// CTA button variants
|
|
147
|
-
ctaButtonVariants: {
|
|
148
|
-
primary: {
|
|
149
|
-
classes: "bg-primary text-primary-foreground hover:bg-primary/90"
|
|
150
|
-
},
|
|
151
|
-
secondary: {
|
|
152
|
-
classes: "bg-secondary text-secondary-foreground hover:bg-secondary/80"
|
|
153
|
-
},
|
|
154
|
-
outline: {
|
|
155
|
-
classes: "border border-input bg-background hover:bg-accent hover:text-accent-foreground"
|
|
156
|
-
}
|
|
157
|
-
},
|
|
158
|
-
// CTA background styles
|
|
159
|
-
ctaBackgroundStyles: {
|
|
160
|
-
default: "bg-muted",
|
|
161
|
-
dark: "bg-primary text-primary-foreground",
|
|
162
|
-
light: "bg-background"
|
|
163
|
-
},
|
|
164
|
-
// Focus ring class
|
|
165
|
-
focusRingColor: "focus:ring-ring",
|
|
166
|
-
// Color picker presets - customize with your brand colors
|
|
167
|
-
colorPresets: [
|
|
168
|
-
{ hex: "#ffffff", label: "White" },
|
|
169
|
-
{ hex: "#f8fafc", label: "Slate 50" },
|
|
170
|
-
{ hex: "#f1f5f9", label: "Slate 100" },
|
|
171
|
-
{ hex: "#e2e8f0", label: "Slate 200" },
|
|
172
|
-
{ hex: "#64748b", label: "Slate 500" },
|
|
173
|
-
{ hex: "#334155", label: "Slate 700" },
|
|
174
|
-
{ hex: "#1e293b", label: "Slate 800" },
|
|
175
|
-
{ hex: "#0f172a", label: "Slate 900" },
|
|
176
|
-
{ hex: "#000000", label: "Black" },
|
|
177
|
-
{ hex: "#3b82f6", label: "Blue" },
|
|
178
|
-
{ hex: "#10b981", label: "Green" },
|
|
179
|
-
{ hex: "#f59e0b", label: "Amber" },
|
|
180
|
-
{ hex: "#ef4444", label: "Red" }
|
|
181
|
-
],
|
|
182
|
-
// Set to true to add your presets to defaults instead of replacing
|
|
183
|
-
extendColorPresets: false
|
|
184
|
-
};
|
|
185
|
-
|
|
186
|
-
exports.DEFAULT_BUTTON_VARIANTS = DEFAULT_BUTTON_VARIANTS;
|
|
187
|
-
exports.DEFAULT_COLOR_PRESETS = DEFAULT_COLOR_PRESETS;
|
|
188
|
-
exports.DEFAULT_CTA_BACKGROUND_STYLES = DEFAULT_CTA_BACKGROUND_STYLES;
|
|
189
|
-
exports.DEFAULT_CTA_BUTTON_VARIANTS = DEFAULT_CTA_BUTTON_VARIANTS;
|
|
190
|
-
exports.DEFAULT_FOCUS_RING = DEFAULT_FOCUS_RING;
|
|
191
|
-
exports.DEFAULT_THEME = DEFAULT_THEME;
|
|
192
|
-
exports.ThemeProvider = ThemeProvider;
|
|
193
|
-
exports.exampleTheme = exampleTheme;
|
|
194
|
-
exports.getBackgroundClasses = getBackgroundClasses;
|
|
195
|
-
exports.getDefaultTheme = getDefaultTheme;
|
|
196
|
-
exports.getVariantClasses = getVariantClasses;
|
|
197
|
-
exports.resolveTheme = resolveTheme;
|
|
198
|
-
exports.useHasThemeProvider = useHasThemeProvider;
|
|
199
|
-
exports.useTheme = useTheme;
|
|
200
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
/**
|
|
2
|
+
* Theme Module
|
|
3
|
+
*
|
|
4
|
+
* Provides dynamic theming capabilities for payload-puck components.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* import { ThemeProvider, useTheme, getVariantClasses } from '@delmaredigital/payload-puck/theme'
|
|
9
|
+
*
|
|
10
|
+
* // In your app
|
|
11
|
+
* <ThemeProvider theme={{
|
|
12
|
+
* buttonVariants: {
|
|
13
|
+
* default: { classes: 'bg-primary text-primary-foreground' }
|
|
14
|
+
* }
|
|
15
|
+
* }}>
|
|
16
|
+
* <PageRenderer data={data} />
|
|
17
|
+
* </ThemeProvider>
|
|
18
|
+
*
|
|
19
|
+
* // In a component
|
|
20
|
+
* function CustomButton({ variant }) {
|
|
21
|
+
* const theme = useTheme()
|
|
22
|
+
* const classes = getVariantClasses(theme.buttonVariants, variant)
|
|
23
|
+
* return <button className={classes}>...</button>
|
|
24
|
+
* }
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
27
|
+
// Context & Provider
|
|
28
|
+
export { ThemeProvider, useTheme, getDefaultTheme, useHasThemeProvider, } from './context';
|
|
29
|
+
// Defaults
|
|
30
|
+
export { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME, } from './defaults';
|
|
31
|
+
// Utilities
|
|
32
|
+
export { resolveTheme, getVariantClasses, getBackgroundClasses } from './utils';
|
|
33
|
+
// Example theme (copy and customize for your project)
|
|
34
|
+
export { exampleTheme } from './example';
|
|
201
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAaH,qBAAqB;AACrB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EACf,mBAAmB,GAEpB,MAAM,WAAW,CAAA;AAElB,WAAW;AACX,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,6BAA6B,EAC7B,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,GACd,MAAM,YAAY,CAAA;AAEnB,YAAY;AACZ,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE/E,sDAAsD;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
/**
|
|
9
9
|
* Configuration for a single button variant
|
|
10
10
|
*/
|
|
11
|
-
interface ButtonVariantConfig {
|
|
11
|
+
export interface ButtonVariantConfig {
|
|
12
12
|
/** Tailwind classes for the variant */
|
|
13
13
|
classes: string;
|
|
14
14
|
/** Optional CSS variable reference for dynamic theming */
|
|
@@ -17,7 +17,7 @@ interface ButtonVariantConfig {
|
|
|
17
17
|
/**
|
|
18
18
|
* Map of button variant names to their configurations
|
|
19
19
|
*/
|
|
20
|
-
interface ButtonVariantStyles {
|
|
20
|
+
export interface ButtonVariantStyles {
|
|
21
21
|
default?: ButtonVariantConfig;
|
|
22
22
|
primary?: ButtonVariantConfig;
|
|
23
23
|
secondary?: ButtonVariantConfig;
|
|
@@ -30,7 +30,7 @@ interface ButtonVariantStyles {
|
|
|
30
30
|
/**
|
|
31
31
|
* Color preset for the color picker
|
|
32
32
|
*/
|
|
33
|
-
interface ColorPreset {
|
|
33
|
+
export interface ColorPreset {
|
|
34
34
|
/** Hex color value (e.g., '#3b82f6') */
|
|
35
35
|
hex: string;
|
|
36
36
|
/** Display label for the preset */
|
|
@@ -41,7 +41,7 @@ interface ColorPreset {
|
|
|
41
41
|
/**
|
|
42
42
|
* Background style configurations for CTA components
|
|
43
43
|
*/
|
|
44
|
-
interface BackgroundStyles {
|
|
44
|
+
export interface BackgroundStyles {
|
|
45
45
|
default?: string;
|
|
46
46
|
dark?: string;
|
|
47
47
|
light?: string;
|
|
@@ -51,7 +51,7 @@ interface BackgroundStyles {
|
|
|
51
51
|
* Theme configuration provided by consuming applications
|
|
52
52
|
* All properties are optional and will be merged with defaults
|
|
53
53
|
*/
|
|
54
|
-
interface ThemeConfig {
|
|
54
|
+
export interface ThemeConfig {
|
|
55
55
|
/**
|
|
56
56
|
* Button variant styles
|
|
57
57
|
* Merged with default button variants
|
|
@@ -87,7 +87,7 @@ interface ThemeConfig {
|
|
|
87
87
|
* Fully resolved theme with all defaults applied
|
|
88
88
|
* This is what components receive via useTheme()
|
|
89
89
|
*/
|
|
90
|
-
interface ResolvedTheme {
|
|
90
|
+
export interface ResolvedTheme {
|
|
91
91
|
buttonVariants: ButtonVariantStyles;
|
|
92
92
|
ctaButtonVariants: ButtonVariantStyles;
|
|
93
93
|
ctaBackgroundStyles: BackgroundStyles;
|
|
@@ -97,8 +97,7 @@ interface ResolvedTheme {
|
|
|
97
97
|
/**
|
|
98
98
|
* Theme context value provided by ThemeProvider
|
|
99
99
|
*/
|
|
100
|
-
interface ThemeContextValue {
|
|
100
|
+
export interface ThemeContextValue {
|
|
101
101
|
theme: ResolvedTheme;
|
|
102
102
|
}
|
|
103
|
-
|
|
104
|
-
export type { ButtonVariantStyles as B, ColorPreset as C, ResolvedTheme as R, ThemeConfig as T, BackgroundStyles as a, ButtonVariantConfig as b, ThemeContextValue as c };
|
|
103
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,uCAAuC;IACvC,OAAO,EAAE,MAAM,CAAA;IACf,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAA;IAC3B,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC,IAAI,CAAC,EAAE,mBAAmB,CAAA;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,GAAG,SAAS,CAAA;CAC/C;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,GAAG,EAAE,MAAM,CAAA;IACX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAE7C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAEhD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IAE/C;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAE5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,mBAAmB,CAAA;IACnC,iBAAiB,EAAE,mBAAmB,CAAA;IACtC,mBAAmB,EAAE,gBAAgB,CAAA;IACrC,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,cAAc,EAAE,MAAM,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,aAAa,CAAA;CACrB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme Type Definitions
|
|
3
|
+
*
|
|
4
|
+
* Defines all theme-related TypeScript interfaces for the payload-puck plugin.
|
|
5
|
+
* These types enable consuming applications to customize button variants,
|
|
6
|
+
* color presets, and other visual styles.
|
|
7
|
+
*/
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme Resolution Utilities
|
|
3
|
+
*
|
|
4
|
+
* Functions for merging user-provided theme config with defaults
|
|
5
|
+
* and safely accessing theme values.
|
|
6
|
+
*/
|
|
7
|
+
import type { ThemeConfig, ResolvedTheme, ButtonVariantStyles, BackgroundStyles } from './types';
|
|
8
|
+
/**
|
|
9
|
+
* Merges user-provided theme config with defaults to create a fully resolved theme
|
|
10
|
+
*/
|
|
11
|
+
export declare function resolveTheme(config?: ThemeConfig): ResolvedTheme;
|
|
12
|
+
/**
|
|
13
|
+
* Safely gets variant classes from a variant styles object
|
|
14
|
+
*
|
|
15
|
+
* @param variants - The button variant styles object
|
|
16
|
+
* @param variant - The variant key to look up
|
|
17
|
+
* @param fallback - Fallback variant key if the requested variant doesn't exist
|
|
18
|
+
* @returns The CSS classes string for the variant
|
|
19
|
+
*/
|
|
20
|
+
export declare function getVariantClasses(variants: ButtonVariantStyles, variant: string, fallback?: string): string;
|
|
21
|
+
/**
|
|
22
|
+
* Safely gets background style classes
|
|
23
|
+
*
|
|
24
|
+
* @param styles - The background styles object
|
|
25
|
+
* @param style - The style key to look up
|
|
26
|
+
* @param fallback - Fallback style key if the requested style doesn't exist
|
|
27
|
+
* @returns The CSS classes string for the background
|
|
28
|
+
*/
|
|
29
|
+
export declare function getBackgroundClasses(styles: BackgroundStyles, style: string, fallback?: string): string;
|
|
30
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/theme/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,SAAS,CAAA;AAUhB;;GAEG;AACH,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,aAAa,CAahE;AA+CD;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAE,MAAM,EACf,QAAQ,SAAY,GACnB,MAAM,CAQR;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,EACxB,KAAK,EAAE,MAAM,EACb,QAAQ,SAAY,GACnB,MAAM,CAER"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Theme Resolution Utilities
|
|
3
|
+
*
|
|
4
|
+
* Functions for merging user-provided theme config with defaults
|
|
5
|
+
* and safely accessing theme values.
|
|
6
|
+
*/
|
|
7
|
+
import { DEFAULT_BUTTON_VARIANTS, DEFAULT_CTA_BUTTON_VARIANTS, DEFAULT_CTA_BACKGROUND_STYLES, DEFAULT_COLOR_PRESETS, DEFAULT_FOCUS_RING, DEFAULT_THEME, } from './defaults';
|
|
8
|
+
/**
|
|
9
|
+
* Merges user-provided theme config with defaults to create a fully resolved theme
|
|
10
|
+
*/
|
|
11
|
+
export function resolveTheme(config) {
|
|
12
|
+
if (!config)
|
|
13
|
+
return DEFAULT_THEME;
|
|
14
|
+
return {
|
|
15
|
+
buttonVariants: mergeVariants(DEFAULT_BUTTON_VARIANTS, config.buttonVariants),
|
|
16
|
+
ctaButtonVariants: mergeVariants(DEFAULT_CTA_BUTTON_VARIANTS, config.ctaButtonVariants),
|
|
17
|
+
ctaBackgroundStyles: mergeBackgroundStyles(DEFAULT_CTA_BACKGROUND_STYLES, config.ctaBackgroundStyles),
|
|
18
|
+
colorPresets: resolveColorPresets(config),
|
|
19
|
+
focusRingColor: config.focusRingColor ?? DEFAULT_FOCUS_RING,
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Merges variant overrides with defaults
|
|
24
|
+
*/
|
|
25
|
+
function mergeVariants(defaults, overrides) {
|
|
26
|
+
if (!overrides)
|
|
27
|
+
return defaults;
|
|
28
|
+
const result = { ...defaults };
|
|
29
|
+
for (const key of Object.keys(overrides)) {
|
|
30
|
+
const override = overrides[key];
|
|
31
|
+
if (override) {
|
|
32
|
+
result[key] = override;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
return result;
|
|
36
|
+
}
|
|
37
|
+
/**
|
|
38
|
+
* Merges background style overrides with defaults
|
|
39
|
+
*/
|
|
40
|
+
function mergeBackgroundStyles(defaults, overrides) {
|
|
41
|
+
if (!overrides)
|
|
42
|
+
return defaults;
|
|
43
|
+
return { ...defaults, ...overrides };
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Resolves color presets based on config
|
|
47
|
+
*/
|
|
48
|
+
function resolveColorPresets(config) {
|
|
49
|
+
if (!config.colorPresets) {
|
|
50
|
+
return DEFAULT_COLOR_PRESETS;
|
|
51
|
+
}
|
|
52
|
+
if (config.extendColorPresets) {
|
|
53
|
+
return [...DEFAULT_COLOR_PRESETS, ...config.colorPresets];
|
|
54
|
+
}
|
|
55
|
+
return config.colorPresets;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Safely gets variant classes from a variant styles object
|
|
59
|
+
*
|
|
60
|
+
* @param variants - The button variant styles object
|
|
61
|
+
* @param variant - The variant key to look up
|
|
62
|
+
* @param fallback - Fallback variant key if the requested variant doesn't exist
|
|
63
|
+
* @returns The CSS classes string for the variant
|
|
64
|
+
*/
|
|
65
|
+
export function getVariantClasses(variants, variant, fallback = 'default') {
|
|
66
|
+
const config = variants[variant];
|
|
67
|
+
if (config?.classes) {
|
|
68
|
+
return config.classes;
|
|
69
|
+
}
|
|
70
|
+
const fallbackConfig = variants[fallback];
|
|
71
|
+
return fallbackConfig?.classes ?? '';
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* Safely gets background style classes
|
|
75
|
+
*
|
|
76
|
+
* @param styles - The background styles object
|
|
77
|
+
* @param style - The style key to look up
|
|
78
|
+
* @param fallback - Fallback style key if the requested style doesn't exist
|
|
79
|
+
* @returns The CSS classes string for the background
|
|
80
|
+
*/
|
|
81
|
+
export function getBackgroundClasses(styles, style, fallback = 'default') {
|
|
82
|
+
return styles[style] ?? styles[fallback] ?? '';
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/theme/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,EACL,uBAAuB,EACvB,2BAA2B,EAC3B,6BAA6B,EAC7B,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,GACd,MAAM,YAAY,CAAA;AAEnB;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,MAAoB;IAC/C,IAAI,CAAC,MAAM;QAAE,OAAO,aAAa,CAAA;IAEjC,OAAO;QACL,cAAc,EAAE,aAAa,CAAC,uBAAuB,EAAE,MAAM,CAAC,cAAc,CAAC;QAC7E,iBAAiB,EAAE,aAAa,CAAC,2BAA2B,EAAE,MAAM,CAAC,iBAAiB,CAAC;QACvF,mBAAmB,EAAE,qBAAqB,CACxC,6BAA6B,EAC7B,MAAM,CAAC,mBAAmB,CAC3B;QACD,YAAY,EAAE,mBAAmB,CAAC,MAAM,CAAC;QACzC,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,kBAAkB;KAC5D,CAAA;AACH,CAAC;AAED;;GAEG;AACH,SAAS,aAAa,CACpB,QAA6B,EAC7B,SAAwC;IAExC,IAAI,CAAC,SAAS;QAAE,OAAO,QAAQ,CAAA;IAE/B,MAAM,MAAM,GAAwB,EAAE,GAAG,QAAQ,EAAE,CAAA;IACnD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;QACzC,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;QACxB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED;;GAEG;AACH,SAAS,qBAAqB,CAC5B,QAA0B,EAC1B,SAAqC;IAErC,IAAI,CAAC,SAAS;QAAE,OAAO,QAAQ,CAAA;IAC/B,OAAO,EAAE,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,CAAA;AACtC,CAAC;AAED;;GAEG;AACH,SAAS,mBAAmB,CAAC,MAAmB;IAC9C,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QACzB,OAAO,qBAAqB,CAAA;IAC9B,CAAC;IAED,IAAI,MAAM,CAAC,kBAAkB,EAAE,CAAC;QAC9B,OAAO,CAAC,GAAG,qBAAqB,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,CAAA;IAC3D,CAAC;IAED,OAAO,MAAM,CAAC,YAAY,CAAA;AAC5B,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,iBAAiB,CAC/B,QAA6B,EAC7B,OAAe,EACf,QAAQ,GAAG,SAAS;IAEpB,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;IAChC,IAAI,MAAM,EAAE,OAAO,EAAE,CAAC;QACpB,OAAO,MAAM,CAAC,OAAO,CAAA;IACvB,CAAC;IAED,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACzC,OAAO,cAAc,EAAE,OAAO,IAAI,EAAE,CAAA;AACtC,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,oBAAoB,CAClC,MAAwB,EACxB,KAAa,EACb,QAAQ,GAAG,SAAS;IAEpB,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;AAChD,CAAC"}
|