@yewdiel21/motion-kit 0.9.1 → 0.14.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 +72 -0
- package/dist/auto/index.d.ts +72 -3
- package/dist/auto/index.js +139 -3
- package/dist/auto/index.js.map +1 -1
- package/dist/{chunk-BFC27F2G.js → chunk-6P4P7NU6.js} +2 -218
- package/dist/chunk-6P4P7NU6.js.map +1 -0
- package/dist/chunk-CU6SXW3E.js +20334 -0
- package/dist/chunk-CU6SXW3E.js.map +1 -0
- package/dist/{chunk-XDWBVFHQ.js → chunk-EY4BJKC4.js} +1203 -29
- package/dist/chunk-EY4BJKC4.js.map +1 -0
- package/dist/chunk-QP4QJOEN.js +72 -0
- package/dist/chunk-QP4QJOEN.js.map +1 -0
- package/dist/css/components/activity-feed.css +240 -0
- package/dist/css/components/attachment.css +266 -0
- package/dist/css/components/breadcrumb.css +110 -0
- package/dist/css/components/calendar.css +159 -0
- package/dist/css/components/chart-tooltip.css +168 -0
- package/dist/css/components/chart.css +296 -0
- package/dist/css/components/code-block.css +264 -0
- package/dist/css/components/color-area.css +82 -0
- package/dist/css/components/color-field.css +67 -0
- package/dist/css/components/color-picker.css +131 -0
- package/dist/css/components/color-slider.css +113 -0
- package/dist/css/components/command-search.css +252 -0
- package/dist/css/components/context-menu.css +23 -0
- package/dist/css/components/credit-card.css +288 -0
- package/dist/css/components/data-table.css +591 -0
- package/dist/css/components/date-range-picker.css +168 -0
- package/dist/css/components/date-time-picker.css +178 -0
- package/dist/css/components/drawer.css +58 -0
- package/dist/css/components/editable-table.css +201 -0
- package/dist/css/components/empty-state.css +61 -0
- package/dist/css/components/file-explorer.css +633 -0
- package/dist/css/components/filter-builder.css +232 -0
- package/dist/css/components/hold-confirm.css +87 -0
- package/dist/css/components/hover-card.css +20 -0
- package/dist/css/components/image-preview.css +195 -0
- package/dist/css/components/input-otp.css +10 -0
- package/dist/css/components/json-viewer.css +272 -0
- package/dist/css/components/like-button.css +78 -0
- package/dist/css/components/link-preview.css +275 -0
- package/dist/css/components/loading-button.css +77 -0
- package/dist/css/components/multi-select.css +267 -0
- package/dist/css/components/notification-bell.css +127 -0
- package/dist/css/components/pagination.css +11 -0
- package/dist/css/components/password-strength.css +183 -0
- package/dist/css/components/popover.css +25 -0
- package/dist/css/components/progress.css +140 -0
- package/dist/css/components/quantity.css +16 -0
- package/dist/css/components/questionnaire.css +217 -0
- package/dist/css/components/range-calendar.css +186 -0
- package/dist/css/components/range-slider.css +192 -0
- package/dist/css/components/resizable-panel.css +243 -0
- package/dist/css/components/rich-text-editor.css +284 -0
- package/dist/css/components/scratch-card.css +75 -0
- package/dist/css/components/skeleton.css +108 -0
- package/dist/css/components/slot-picker.css +126 -0
- package/dist/css/components/split-view.css +19 -0
- package/dist/css/components/star-rating.css +80 -0
- package/dist/css/components/stat-card.css +164 -0
- package/dist/css/components/studio-dock.css +35 -0
- package/dist/css/components/swipe-actions.css +105 -0
- package/dist/css/components/tag-input.css +244 -0
- package/dist/css/components/time-field.css +88 -0
- package/dist/css/components/timeline.css +219 -0
- package/dist/css/components/tooltip.css +79 -0
- package/dist/css/components/trailer.css +37 -0
- package/dist/css/components/tree-view.css +210 -0
- package/dist/css/components/virtual-list.css +195 -0
- package/dist/css/controls.css +65 -0
- package/dist/css/tokens.css +185 -181
- package/dist/elements/index.d.ts +742 -5
- package/dist/elements/index.js +1527 -8
- package/dist/elements/index.js.map +1 -1
- package/dist/{engine-GDGwQnJE.d.ts → engine-Cn6IhE3z.d.ts} +1 -1
- package/dist/engine-QECQnGz1.d.ts +33 -0
- package/dist/index.css +10113 -181
- package/dist/index.d.ts +89 -5
- package/dist/index.js +285 -9
- package/dist/index.js.map +1 -1
- package/dist/react/index.d.ts +678 -23
- package/dist/react/index.js +2389 -7
- package/dist/react/index.js.map +1 -1
- package/dist/{reduced-B98f8LPs.d.ts → reduced-BBUusld6.d.ts} +206 -2
- package/dist/reveal-DEvp6U6T.d.ts +2381 -0
- package/dist/{store-pHiUvxP8.d.ts → store-DjkTBX7f.d.ts} +2 -2
- package/package.json +1 -1
- package/registry.json +583 -104
- package/skills/motion-kit/SKILL.md +209 -189
- package/src/auto/auto-init.ts +136 -0
- package/src/components/activity-feed/README.md +56 -0
- package/src/components/activity-feed/activity-feed.css +239 -0
- package/src/components/activity-feed/element.ts +36 -0
- package/src/components/activity-feed/engine.ts +351 -0
- package/src/components/activity-feed/react.tsx +32 -0
- package/src/components/attachment/README.md +27 -0
- package/src/components/attachment/attachment.css +265 -0
- package/src/components/attachment/element.ts +50 -0
- package/src/components/attachment/engine.ts +469 -0
- package/src/components/attachment/react.tsx +65 -0
- package/src/components/breadcrumb/README.md +38 -0
- package/src/components/breadcrumb/breadcrumb.css +109 -0
- package/src/components/breadcrumb/element.ts +27 -0
- package/src/components/breadcrumb/engine.ts +249 -0
- package/src/components/breadcrumb/react.tsx +30 -0
- package/src/components/calendar/README.md +82 -0
- package/src/components/calendar/calendar.css +158 -0
- package/src/components/calendar/element.ts +27 -0
- package/src/components/calendar/engine.ts +412 -0
- package/src/components/calendar/react.tsx +69 -0
- package/src/components/chart/README.md +24 -0
- package/src/components/chart/chart.css +295 -0
- package/src/components/chart/element.ts +41 -0
- package/src/components/chart/engine.ts +811 -0
- package/src/components/chart/react.tsx +50 -0
- package/src/components/chart-tooltip/README.md +53 -0
- package/src/components/chart-tooltip/chart-tooltip.css +167 -0
- package/src/components/chart-tooltip/element.ts +37 -0
- package/src/components/chart-tooltip/engine.ts +442 -0
- package/src/components/chart-tooltip/react.tsx +47 -0
- package/src/components/code-block/README.md +19 -0
- package/src/components/code-block/code-block.css +263 -0
- package/src/components/code-block/element.ts +34 -0
- package/src/components/code-block/engine.ts +254 -0
- package/src/components/code-block/highlight.ts +244 -0
- package/src/components/code-block/react.tsx +94 -0
- package/src/components/color-area/README.md +50 -0
- package/src/components/color-area/color-area.css +81 -0
- package/src/components/color-area/element.ts +26 -0
- package/src/components/color-area/engine.ts +246 -0
- package/src/components/color-area/react.tsx +42 -0
- package/src/components/color-field/README.md +43 -0
- package/src/components/color-field/color-field.css +66 -0
- package/src/components/color-field/element.ts +26 -0
- package/src/components/color-field/engine.ts +174 -0
- package/src/components/color-field/react.tsx +42 -0
- package/src/components/color-picker/README.md +45 -0
- package/src/components/color-picker/color-picker.css +130 -0
- package/src/components/color-picker/element.ts +45 -0
- package/src/components/color-picker/engine.ts +314 -0
- package/src/components/color-picker/react.tsx +47 -0
- package/src/components/color-slider/README.md +55 -0
- package/src/components/color-slider/color-slider.css +112 -0
- package/src/components/color-slider/element.ts +26 -0
- package/src/components/color-slider/engine.ts +234 -0
- package/src/components/color-slider/react.tsx +45 -0
- package/src/components/command-search/README.md +15 -0
- package/src/components/command-search/command-search.css +251 -0
- package/src/components/command-search/element.ts +36 -0
- package/src/components/command-search/engine.ts +356 -0
- package/src/components/command-search/match.ts +53 -0
- package/src/components/command-search/react.tsx +66 -0
- package/src/components/context-menu/README.md +31 -0
- package/src/components/context-menu/context-menu.css +22 -0
- package/src/components/context-menu/element.ts +40 -0
- package/src/components/context-menu/engine.ts +153 -0
- package/src/components/context-menu/react.tsx +57 -0
- package/src/components/credit-card/README.md +20 -0
- package/src/components/credit-card/card.ts +77 -0
- package/src/components/credit-card/credit-card.css +287 -0
- package/src/components/credit-card/element.ts +33 -0
- package/src/components/credit-card/engine.ts +410 -0
- package/src/components/credit-card/react.tsx +36 -0
- package/src/components/data-table/README.md +83 -0
- package/src/components/data-table/data-table.css +590 -0
- package/src/components/data-table/element.ts +54 -0
- package/src/components/data-table/engine.ts +1059 -0
- package/src/components/data-table/react.tsx +94 -0
- package/src/components/date-range-picker/README.md +51 -0
- package/src/components/date-range-picker/date-range-picker.css +167 -0
- package/src/components/date-range-picker/element.ts +52 -0
- package/src/components/date-range-picker/engine.ts +352 -0
- package/src/components/date-range-picker/react.tsx +57 -0
- package/src/components/date-time-picker/README.md +48 -0
- package/src/components/date-time-picker/date-time-picker.css +177 -0
- package/src/components/date-time-picker/element.ts +47 -0
- package/src/components/date-time-picker/engine.ts +350 -0
- package/src/components/date-time-picker/react.tsx +54 -0
- package/src/components/dialog/README.md +103 -102
- package/src/components/dialog/element.ts +123 -118
- package/src/components/dialog/engine.ts +449 -432
- package/src/components/drawer/README.md +28 -0
- package/src/components/drawer/drawer.css +57 -0
- package/src/components/drawer/element.ts +21 -0
- package/src/components/drawer/engine.ts +56 -0
- package/src/components/drawer/react.tsx +85 -0
- package/src/components/editable-table/README.md +67 -0
- package/src/components/editable-table/editable-table.css +200 -0
- package/src/components/editable-table/element.ts +45 -0
- package/src/components/editable-table/engine.ts +775 -0
- package/src/components/editable-table/react.tsx +79 -0
- package/src/components/empty-state/README.md +41 -0
- package/src/components/empty-state/element.ts +23 -0
- package/src/components/empty-state/empty-state.css +60 -0
- package/src/components/empty-state/engine.ts +232 -0
- package/src/components/empty-state/react.tsx +34 -0
- package/src/components/file-explorer/README.md +67 -0
- package/src/components/file-explorer/element.ts +39 -0
- package/src/components/file-explorer/engine.ts +1307 -0
- package/src/components/file-explorer/file-explorer.css +632 -0
- package/src/components/file-explorer/react.tsx +77 -0
- package/src/components/filter-builder/README.md +47 -0
- package/src/components/filter-builder/element.ts +34 -0
- package/src/components/filter-builder/engine.ts +365 -0
- package/src/components/filter-builder/filter-builder.css +231 -0
- package/src/components/filter-builder/react.tsx +36 -0
- package/src/components/hold-confirm/README.md +13 -0
- package/src/components/hold-confirm/element.ts +24 -0
- package/src/components/hold-confirm/engine.ts +216 -0
- package/src/components/hold-confirm/hold-confirm.css +86 -0
- package/src/components/hold-confirm/react.tsx +28 -0
- package/src/components/hover-card/README.md +20 -0
- package/src/components/hover-card/element.ts +8 -0
- package/src/components/hover-card/engine.ts +131 -0
- package/src/components/hover-card/hover-card.css +19 -0
- package/src/components/hover-card/react.tsx +19 -0
- package/src/components/image-preview/README.md +16 -0
- package/src/components/image-preview/element.ts +26 -0
- package/src/components/image-preview/engine.ts +325 -0
- package/src/components/image-preview/image-preview.css +194 -0
- package/src/components/image-preview/react.tsx +43 -0
- package/src/components/input-otp/README.md +18 -0
- package/src/components/input-otp/element.ts +14 -0
- package/src/components/input-otp/engine.ts +106 -0
- package/src/components/input-otp/input-otp.css +9 -0
- package/src/components/input-otp/react.tsx +21 -0
- package/src/components/json-viewer/README.md +56 -0
- package/src/components/json-viewer/element.ts +37 -0
- package/src/components/json-viewer/engine.ts +440 -0
- package/src/components/json-viewer/json-viewer.css +271 -0
- package/src/components/json-viewer/react.tsx +56 -0
- package/src/components/like-button/README.md +13 -0
- package/src/components/like-button/element.ts +47 -0
- package/src/components/like-button/engine.ts +145 -0
- package/src/components/like-button/like-button.css +77 -0
- package/src/components/like-button/react.tsx +39 -0
- package/src/components/link-preview/README.md +19 -0
- package/src/components/link-preview/element.ts +29 -0
- package/src/components/link-preview/engine.ts +192 -0
- package/src/components/link-preview/link-preview.css +274 -0
- package/src/components/link-preview/react.tsx +101 -0
- package/src/components/loading-button/README.md +45 -0
- package/src/components/loading-button/element.ts +34 -0
- package/src/components/loading-button/engine.ts +201 -0
- package/src/components/loading-button/loading-button.css +76 -0
- package/src/components/loading-button/react.tsx +43 -0
- package/src/components/multi-select/README.md +48 -0
- package/src/components/multi-select/element.ts +28 -0
- package/src/components/multi-select/engine.ts +294 -0
- package/src/components/multi-select/multi-select.css +266 -0
- package/src/components/multi-select/react.tsx +39 -0
- package/src/components/notification-bell/README.md +14 -0
- package/src/components/notification-bell/element.ts +48 -0
- package/src/components/notification-bell/engine.ts +202 -0
- package/src/components/notification-bell/notification-bell.css +126 -0
- package/src/components/notification-bell/react.tsx +57 -0
- package/src/components/pagination/README.md +17 -0
- package/src/components/pagination/element.ts +14 -0
- package/src/components/pagination/engine.ts +102 -0
- package/src/components/pagination/pagination.css +10 -0
- package/src/components/pagination/react.tsx +22 -0
- package/src/components/password-strength/README.md +17 -0
- package/src/components/password-strength/element.ts +22 -0
- package/src/components/password-strength/engine.ts +212 -0
- package/src/components/password-strength/password-strength.css +182 -0
- package/src/components/password-strength/react.tsx +36 -0
- package/src/components/password-strength/score.ts +62 -0
- package/src/components/popover/README.md +44 -0
- package/src/components/popover/element.ts +31 -0
- package/src/components/popover/engine.ts +114 -0
- package/src/components/popover/popover.css +24 -0
- package/src/components/popover/react.tsx +50 -0
- package/src/components/progress/README.md +17 -0
- package/src/components/progress/element.ts +30 -0
- package/src/components/progress/engine.ts +173 -0
- package/src/components/progress/progress.css +139 -0
- package/src/components/progress/react.tsx +35 -0
- package/src/components/quantity/README.md +20 -0
- package/src/components/quantity/element.ts +14 -0
- package/src/components/quantity/engine.ts +85 -0
- package/src/components/quantity/quantity.css +15 -0
- package/src/components/quantity/react.tsx +21 -0
- package/src/components/questionnaire/README.md +32 -0
- package/src/components/questionnaire/element.ts +118 -0
- package/src/components/questionnaire/engine.ts +255 -0
- package/src/components/questionnaire/questionnaire.css +216 -0
- package/src/components/questionnaire/react.tsx +140 -0
- package/src/components/range-calendar/README.md +58 -0
- package/src/components/range-calendar/element.ts +42 -0
- package/src/components/range-calendar/engine.ts +390 -0
- package/src/components/range-calendar/range-calendar.css +185 -0
- package/src/components/range-calendar/react.tsx +56 -0
- package/src/components/range-slider/README.md +23 -0
- package/src/components/range-slider/element.ts +53 -0
- package/src/components/range-slider/engine.ts +316 -0
- package/src/components/range-slider/range-slider.css +191 -0
- package/src/components/range-slider/react.tsx +66 -0
- package/src/components/resizable-panel/README.md +61 -0
- package/src/components/resizable-panel/element.ts +36 -0
- package/src/components/resizable-panel/engine.ts +551 -0
- package/src/components/resizable-panel/react.tsx +74 -0
- package/src/components/resizable-panel/resizable-panel.css +242 -0
- package/src/components/rich-text-editor/README.md +57 -0
- package/src/components/rich-text-editor/element.ts +34 -0
- package/src/components/rich-text-editor/engine.ts +673 -0
- package/src/components/rich-text-editor/react.tsx +60 -0
- package/src/components/rich-text-editor/rich-text-editor.css +283 -0
- package/src/components/scratch-card/README.md +15 -0
- package/src/components/scratch-card/element.ts +30 -0
- package/src/components/scratch-card/engine.ts +257 -0
- package/src/components/scratch-card/react.tsx +40 -0
- package/src/components/scratch-card/scratch-card.css +74 -0
- package/src/components/skeleton/README.md +15 -0
- package/src/components/skeleton/element.ts +32 -0
- package/src/components/skeleton/engine.ts +104 -0
- package/src/components/skeleton/react.tsx +41 -0
- package/src/components/skeleton/skeleton.css +107 -0
- package/src/components/slot-picker/README.md +68 -0
- package/src/components/slot-picker/element.ts +27 -0
- package/src/components/slot-picker/engine.ts +412 -0
- package/src/components/slot-picker/react.tsx +76 -0
- package/src/components/slot-picker/slot-picker.css +125 -0
- package/src/components/split-view/README.md +50 -0
- package/src/components/split-view/element.ts +34 -0
- package/src/components/split-view/engine.ts +114 -0
- package/src/components/split-view/react.tsx +63 -0
- package/src/components/split-view/split-view.css +18 -0
- package/src/components/star-rating/README.md +14 -0
- package/src/components/star-rating/element.ts +26 -0
- package/src/components/star-rating/engine.ts +217 -0
- package/src/components/star-rating/react.tsx +33 -0
- package/src/components/star-rating/star-rating.css +79 -0
- package/src/components/stat-card/README.md +42 -0
- package/src/components/stat-card/element.ts +40 -0
- package/src/components/stat-card/engine.ts +283 -0
- package/src/components/stat-card/react.tsx +36 -0
- package/src/components/stat-card/stat-card.css +163 -0
- package/src/components/studio-dock/README.md +44 -0
- package/src/components/studio-dock/element.ts +11 -0
- package/src/components/studio-dock/engine.ts +212 -0
- package/src/components/studio-dock/react.tsx +23 -0
- package/src/components/studio-dock/studio-dock.css +34 -0
- package/src/components/swipe-actions/README.md +19 -0
- package/src/components/swipe-actions/element.ts +26 -0
- package/src/components/swipe-actions/engine.ts +260 -0
- package/src/components/swipe-actions/react.tsx +80 -0
- package/src/components/swipe-actions/swipe-actions.css +104 -0
- package/src/components/tag-input/README.md +42 -0
- package/src/components/tag-input/element.ts +39 -0
- package/src/components/tag-input/engine.ts +313 -0
- package/src/components/tag-input/react.tsx +54 -0
- package/src/components/tag-input/tag-input.css +243 -0
- package/src/components/time-field/README.md +54 -0
- package/src/components/time-field/element.ts +38 -0
- package/src/components/time-field/engine.ts +110 -0
- package/src/components/time-field/react.tsx +45 -0
- package/src/components/time-field/time-field.css +87 -0
- package/src/components/timeline/README.md +57 -0
- package/src/components/timeline/element.ts +31 -0
- package/src/components/timeline/engine.ts +300 -0
- package/src/components/timeline/react.tsx +59 -0
- package/src/components/timeline/timeline.css +218 -0
- package/src/components/tooltip/README.md +46 -0
- package/src/components/tooltip/element.ts +22 -0
- package/src/components/tooltip/engine.ts +288 -0
- package/src/components/tooltip/react.tsx +30 -0
- package/src/components/tooltip/tooltip.css +78 -0
- package/src/components/trailer/README.md +28 -0
- package/src/components/trailer/element.ts +13 -0
- package/src/components/trailer/engine.ts +189 -0
- package/src/components/trailer/react.tsx +16 -0
- package/src/components/trailer/trailer.css +36 -0
- package/src/components/tree-view/README.md +61 -0
- package/src/components/tree-view/element.ts +32 -0
- package/src/components/tree-view/engine.ts +569 -0
- package/src/components/tree-view/react.tsx +78 -0
- package/src/components/tree-view/tree-view.css +209 -0
- package/src/components/virtual-list/README.md +81 -0
- package/src/components/virtual-list/element.ts +42 -0
- package/src/components/virtual-list/engine.ts +678 -0
- package/src/components/virtual-list/react.tsx +101 -0
- package/src/components/virtual-list/virtual-list.css +194 -0
- package/src/core/chips.ts +196 -0
- package/src/core/color.ts +304 -0
- package/src/core/date-range.ts +67 -0
- package/src/core/dates.ts +108 -0
- package/src/core/files.ts +107 -0
- package/src/core/filter.ts +229 -0
- package/src/core/gsap.ts +80 -65
- package/src/core/listbox.ts +332 -0
- package/src/core/mark.ts +29 -0
- package/src/core/position.ts +89 -0
- package/src/core/relative-time.ts +77 -0
- package/src/core/segment-field.ts +373 -0
- package/src/core/segments.ts +153 -0
- package/src/core/tree.ts +116 -0
- package/src/core/virtual.ts +79 -0
- package/src/css/controls/README.md +14 -0
- package/src/css/controls/status.css +63 -0
- package/src/css/tokens.css +186 -182
- package/src/elements/index.ts +171 -0
- package/src/index.ts +97 -0
- package/src/motion/micro.ts +248 -0
- package/src/motion/sheet.ts +88 -65
- package/src/motion/surface.ts +9 -0
- package/src/react/index.ts +78 -0
- package/src/react/use-action-button.ts +6 -0
- package/src/react/use-editorial-reveal.ts +7 -0
- package/src/react/use-film-hero.ts +6 -0
- package/src/react/use-font-cycle.ts +7 -0
- package/src/react/use-image-zoom.ts +5 -0
- package/src/react/use-joined-cta.ts +5 -0
- package/src/react/use-local-clock.ts +5 -0
- package/src/react/use-scroll-dock.ts +5 -0
- package/src/react/use-sticker.ts +5 -0
- package/src/react/use-studio-dock.ts +8 -0
- package/src/react/use-thumbnail-nav.ts +7 -0
- package/src/react/use-trailer.ts +6 -0
- package/src/react/use-weight-hover.ts +5 -0
- package/src/recipes/action-button/README.md +31 -0
- package/src/recipes/action-button/action-button.css +113 -0
- package/src/recipes/action-button/create-action-button.ts +56 -0
- package/src/recipes/editorial-reveal/README.md +35 -0
- package/src/recipes/editorial-reveal/create-editorial-reveal.ts +91 -0
- package/src/recipes/editorial-reveal/editorial-reveal.css +17 -0
- package/src/recipes/film-hero/README.md +23 -0
- package/src/recipes/film-hero/create-film-hero.ts +65 -0
- package/src/recipes/film-hero/film-hero.css +29 -0
- package/src/recipes/font-cycle/README.md +11 -0
- package/src/recipes/font-cycle/create-font-cycle.ts +126 -0
- package/src/recipes/font-cycle/font-cycle.css +36 -0
- package/src/recipes/image-zoom/README.md +16 -0
- package/src/recipes/image-zoom/create-image-zoom.ts +27 -0
- package/src/recipes/image-zoom/image-zoom.css +7 -0
- package/src/recipes/joined-cta/README.md +13 -0
- package/src/recipes/joined-cta/create-joined-cta.ts +22 -0
- package/src/recipes/joined-cta/joined-cta.css +17 -0
- package/src/recipes/local-clock/README.md +31 -0
- package/src/recipes/local-clock/create-local-clock.ts +61 -0
- package/src/recipes/scroll-dock/README.md +46 -0
- package/src/recipes/scroll-dock/create-scroll-dock.ts +72 -0
- package/src/recipes/scroll-dock/scroll-dock.css +70 -0
- package/src/recipes/sticker/README.md +59 -0
- package/src/recipes/sticker/create-sticker.ts +490 -0
- package/src/recipes/sticker/sticker.css +112 -0
- package/src/recipes/thumbnail-nav/README.md +16 -0
- package/src/recipes/thumbnail-nav/create-thumbnail-nav.ts +165 -0
- package/src/recipes/thumbnail-nav/thumbnail-nav.css +108 -0
- package/src/recipes/weight-hover/README.md +37 -0
- package/src/recipes/weight-hover/create-weight-hover.ts +136 -0
- package/src/recipes/weight-hover/weight-hover.css +7 -0
- package/dist/chunk-BFC27F2G.js.map +0 -1
- package/dist/chunk-J6OCFNGU.js +0 -177
- package/dist/chunk-J6OCFNGU.js.map +0 -1
- package/dist/chunk-JQMJQSXD.js +0 -2374
- package/dist/chunk-JQMJQSXD.js.map +0 -1
- package/dist/chunk-XDWBVFHQ.js.map +0 -1
- package/dist/reveal-C0hCDcB_.d.ts +0 -415
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { a1 as ActivityActor, a2 as ActivityFeedInstance, a3 as ActivityFeedOptions, a4 as ActivityItem, a5 as ActivityKind, a6 as AttachmentFile, a7 as AttachmentInstance, a8 as AttachmentLabels, a9 as AttachmentOptions, aa as AttachmentRejectCode, ab as AttachmentRejection, ac as AttachmentStatus, ad as BRAND_LABELS, ae as BreadcrumbInstance, af as BreadcrumbItem, ag as BreadcrumbOptions, ah as CHANNEL_LABELS, ai as CalendarEvent, aj as CalendarEventStatus, ak as CalendarInstance, al as CalendarLabels, am as CalendarOptions, an as CalendarRange, ao as CalendarView, ap as CardBrand, aq as ChartInstance, ar as ChartOptions, as as ChartPoint, at as ChartSeries, au as ChartTooltipInstance, av as ChartTooltipOptions, aw as ChartTooltipSeries, ax as ChartType, ay as CheckState, az as CodeBlockInstance, aA as CodeBlockOptions, aB as ColorAreaInstance, aC as ColorAreaOptions, aD as ColorChannel, aE as ColorFieldInstance, aF as ColorFieldOptions, aG as ColorFormat, aH as ColorPickerInstance, aI as ColorPickerOptions, aJ as ColorSliderInstance, aK as ColorSliderOptions, aL as CommandItem, aM as CommandSearchInstance, aN as CommandSearchOptions, aO as ContextMenuInstance, aP as ContextMenuOptions, aQ as CreditCardField, aR as CreditCardInstance, aS as CreditCardLabels, aT as CreditCardOptions, aU as CreditCardValues, aV as DataAction, aW as DataColumn, aX as DataColumnType, aY as DataRow, aZ as DataSort, a_ as DataTableInstance, a$ as DataTableOptions, b0 as DateInput, b1 as DateRange, b2 as DateRangePickerInstance, b3 as DateRangePickerOptions, b4 as DateTimePickerInstance, b5 as DateTimePickerOptions, b6 as DialogInstance, b7 as DialogLabels, b8 as DialogOptions, b9 as DialogPlacement, ba as DialogVariant, bb as EditableColumn, bc as EditableTableInstance, bd as EditableTableOptions, be as EditorKind, bf as EmptyAction, bg as EmptyIllustration, bh as EmptyStateInstance, bi as EmptyStateOptions, bj as Expiry, bk as FileChange, bl as FileEntry, bm as FileExplorerInstance, bn as FileExplorerOptions, bo as FileFamily, bp as FileSort, bq as FileView, br as FilterBuilderInstance, bs as FilterBuilderOptions, bt as FilterField, bu as FilterFieldType, bv as FilterGroup, bw as FilterNode, bx as FilterRule, by as FilterValue, bz as HoldConfirmInstance, bA as HoldConfirmOptions, bB as HoverCardInstance, bC as HoverCardOptions, bD as Hsla, bE as Hsva, bF as ImagePreviewInstance, bG as ImagePreviewOptions, bH as InputOtpInstance, bI as InputOtpOptions, bJ as JsonType, bK as JsonViewerInstance, bL as JsonViewerOptions, bM as LinkPreviewInstance, bN as LinkPreviewOptions, bO as LinkPreviewVariant, bP as LoadingButtonInstance, bQ as LoadingButtonOptions, bR as LoadingState, bS as MenuInstance, bT as MenuOptions, bU as MultiSelectInstance, bV as MultiSelectOption, bW as MultiSelectOptions, bX as NotificationBellInstance, bY as NotificationBellOptions, bZ as OPERATORS, b_ as PaginationInstance, b$ as PaginationOptions, c0 as PanelOrientation, c1 as PasswordChecks, c2 as PasswordScore, c3 as PasswordStrengthInstance, c4 as PasswordStrengthOptions, c5 as Placed, c6 as Placement, c7 as PopoverInstance, c8 as PopoverOptions, c9 as ProgressInstance, ca as ProgressOptions, cb as ProgressVariant, cc as QuantityInstance, cd as QuantityOptions, ce as QuestionnaireAnswers, cf as QuestionnaireInstance, cg as QuestionnaireLabels, ch as QuestionnaireOptions, ci as RangeCalendarInstance, cj as RangeCalendarOptions, ck as RangeSliderInstance, cl as RangeSliderOptions, cm as RangeValue, cn as ResizablePanelInstance, co as ResizablePanelOptions, a0 as RevealHandle, cp as RevealOptions, cq as RevealSpeed, cr as Rgba, cs as RichCommand, ct as RichTextEditorInstance, cu as RichTextEditorOptions, cv as RowChange, cw as RowId, cx as STRENGTH_LABELS, cy as ScratchCardInstance, cz as ScratchCardOptions, cA as Side, cB as SkeletonAnimation, cC as SkeletonInstance, cD as SkeletonOptions, cE as SkeletonShape, cF as SlotPickerInstance, cG as SlotPickerLabels, cH as SlotPickerOptions, cI as SlotSource, cJ as SlotValue, cK as SortDirection, cL as SplitSide, cM as SplitViewInstance, cN as SplitViewOptions, cO as StarRatingInstance, cP as StarRatingOptions, cQ as StatCardInstance, cR as StatCardOptions, cS as StudioDockInstance, cT as StudioDockOptions, cU as StudioDockState, cV as StudioDockView, cW as TIMING, cX as TagInputInstance, cY as TagInputOptions, cZ as TimeFieldInstance, c_ as TimeFieldOptions, c$ as TimeInput, d0 as TimelineEvent, d1 as TimelineInstance, d2 as TimelineOptions, d3 as TimelineStatus, d4 as TooltipInstance, d5 as TooltipOptions, d6 as TrailerInstance, d7 as TrailerOptions, d8 as TreeNode, d9 as TreeViewInstance, da as TreeViewOptions, db as VirtualKey, dc as VirtualListInstance, dd as VirtualListOptions, de as VirtualRange, df as VirtualScrollOptions, dg as VirtualSizes, dh as acceptsFile, di as bandDuration, dj as cardLength, dk as channelText, dl as checkStates, dm as codeLines, S as createActivityFeed, q as createAttachment, J as createBreadcrumb, g as createCalendar, y as createChart, M as createChartTooltip, t as createCodeBlock, A as createColorArea, B as createColorField, C as createColorPicker, z as createColorSlider, j as createCommandSearch, u as createContextMenu, i as createCreditCard, Z as createDataTable, F as createDateRangePicker, P as createDateTimePicker, dn as createDialog, _ as createEditableTable, K as createEmptyState, U as createFileExplorer, Q as createFilterBuilder, k as createHoldConfirm, e as createHoverCard, l as createImagePreview, f as createInputOtp, V as createJsonViewer, v as createLinkPreview, I as createLoadingButton, dp as createMenu, N as createMultiSelect, m as createNotificationBell, d as createPagination, n as createPasswordStrength, H as createPopover, w as createProgress, b as createQuantity, s as createQuestionnaire, E as createRangeCalendar, x as createRangeSlider, X as createResizablePanel, $ as createRichTextEditor, o as createScratchCard, dq as createSizes, r as createSkeleton, h as createSlotPicker, Y as createSplitView, p as createStarRating, L as createStatCard, c as createStudioDock, O as createTagInput, D as createTimeField, R as createTimeline, G as createTooltip, a as createTrailer, T as createTreeView, W as createVirtualList, dr as cvcLength, ds as dateTimeKey, dt as dayKey, du as dayLabel, dv as describeAccept, dw as describeFilter, dx as detectBrand, dy as emptyFilter, dz as fileFamily, dA as findNode, dB as formatBytes, dC as formatColor, dD as formatNumber, dE as formatSize, dF as getChannel, dG as hasConditions, dH as hsvToRgb, dI as jsonPath, dJ as linkDomain, dK as luhn, dL as luminance, dM as matchesFilter, dN as normaliseSizes, dO as parseColor, dP as parseExpiry, dQ as place, dR as rangeKeys, dS as rangeLength, dT as readAnswers, dU as relativeTime, dV as revealFrom, dW as rgbToHsv, dX as safeHref, dY as safeImage, dZ as sanitizeHtml, d_ as scorePassword, d$ as searchTree, e0 as setChannel, e1 as skeletonBones, e2 as sortEntries, e3 as toDate, e4 as toDateTimeValue, e5 as toHex, e6 as toHsva, e7 as toRange, e8 as toggleCheck } from './reveal-DEvp6U6T.js';
|
|
2
|
+
export { V as ActionButtonInstance, W as ActionButtonOptions, X as ActionButtonVariant, Y as CardDockInstance, Z as CardDockOptions, _ as CascadeInstance, $ as CascadeOptions, a0 as ContrastInstance, a1 as ContrastOptions, a2 as CounterInstance, a3 as CounterOptions, C as CurvedCarouselInstance, a4 as CurvedCarouselOptions, a5 as DepthGridInstance, a6 as DepthGridOptions, a7 as DockPillInstance, a8 as DockPillOptions, a9 as DragRulerInstance, aa as DragRulerOptions, ab as DrawerInstance, ac as DrawerOptions, ad as DrawerSide, ae as EditorialRevealInstance, af as EditorialRevealOptions, ag as FillTextInstance, ah as FillTextOptions, ai as FilmHeroInstance, aj as FilmHeroOptions, ak as FitTextInstance, al as FitTextOptions, am as FlowInOptions, an as FlowInstance, ao as FlowOptions, ap as FlowOutOptions, aq as FontCycleFace, ar as FontCycleInstance, as as FontCycleOptions, at as FrameZoomInstance, au as FrameZoomOptions, av as ImageZoomInstance, aw as ImageZoomOptions, ax as InfiniteReelInstance, ay as InfiniteReelOptions, az as JoinedCtaInstance, aA as JoinedCtaOptions, aB as LettersInstance, aC as LettersOptions, aD as LocalClockInstance, aE as LocalClockOptions, U as MK_HEAD_SCRIPT, aF as MarqueeInstance, aG as MarqueeOptions, aH as MaskTextInstance, aI as MaskTextOptions, aJ as ParallaxInstance, aK as ParallaxOptions, aL as PileInstance, aM as PileLayer, aN as PileOptions, aO as PopInstance, aP as PopOptions, aQ as RadialMenuInstance, aR as RadialMenuOptions, aS as ReflowInstance, aT as ReflowOptions, aU as ReorderDetail, aV as RepelBentoInstance, aW as RepelBentoOptions, aX as RevealInstance, aY as RevealRecipeOptions, aZ as RotatorInstance, a_ as RotatorOptions, a$ as ScrollDockInstance, b0 as ScrollDockOptions, b1 as SlotTextInstance, b2 as SlotTextOptions, b3 as SnapStripInstance, b4 as SnapStripOptions, b5 as SortableInstance, b6 as SortableLabels, b7 as SortableOptions, b8 as SpringCardsInstance, b9 as SpringCardsOptions, ba as StickerInstance, bb as StickerOptions, bc as StickerState, bd as StretchFooterInstance, be as StretchFooterOptions, bf as TabsInstance, bg as TabsOptions, bh as TextRollInstance, bi as TextRollOptions, bj as ThumbnailNavInstance, bk as ThumbnailNavOptions, N as TicketMenuInstance, T as TicketMenuOptions, bl as WeightHoverInstance, bm as WeightHoverOptions, bn as WordsInstance, bo as WordsOptions, e as createActionButton, K as createCardDock, B as createCascade, I as createContrast, v as createCounter, bp as createCurvedCarousel, G as createDepthGrid, S as createDockPill, R as createDragRuler, h as createDrawer, g as createEditorialReveal, M as createFillText, f as createFilmHero, r as createFitText, p as createFlow, b as createFontCycle, H as createFrameZoom, a as createImageZoom, O as createInfiniteReel, c as createJoinedCta, E as createLetters, l as createLocalClock, J as createMarquee, A as createMaskText, F as createParallax, n as createPile, q as createPop, t as createRadialMenu, x as createReflow, P as createRepelBento, w as createReveal, Q as createRotator, k as createScrollDock, y as createSlotText, L as createSnapStrip, z as createSortable, m as createSpringCards, j as createSticker, s as createStretchFooter, u as createTabs, D as createTextRoll, d as createThumbnailNav, bq as createTicketMenu, i as createWeightHover, o as createWords, br as entrances, bs as flowIn, bt as flowOut, bu as moveItem, bv as pileLayers, bw as pileStyle, bx as reduced, by as stepChange } from './reduced-BBUusld6.js';
|
|
3
3
|
export { A as ANIMATIONS, a as AnimateOptions, b as AnimationName, C as CapturedLayout, c as ConfettiHandle, d as ConfettiOptions, E as ExitName, L as LeaveOptions, e as animate, f as captureLayout, g as confetti, l as leave, r as reflowLayout } from './confetti-BSX1CLLV.js';
|
|
4
4
|
import { C as Cleanup, I as Instance } from './types-BkS_raL8.js';
|
|
5
|
-
export { C as ChatInstance,
|
|
6
|
-
export { C as ChatBackgroundInstance, a as ChatBackgroundOptions,
|
|
5
|
+
export { C as ChatInstance, a as ChatLabels, b as ChatOptions, c as ChatRole, d as CursorInstance, e as CursorOptions, f as CursorVariant, I as IslandInstance, g as IslandOptions, N as NAV_STYLES, h as NavInstance, i as NavOptions, j as NavStyle, k as NavigateDetail, P as PENDING_ID, T as TOAST_LIMIT, l as ThemePickerInstance, m as ThemePickerOptions, n as ToastAction, o as ToastItem, p as ToastOptions, q as ToastTone, r as ToasterInstance, s as ToasterLabels, t as ToasterOptions, u as capturePending, v as chatMessage, w as clearToasts, x as createChat, y as createCursor, z as createIsland, A as createNav, B as createThemePicker, D as createToaster, E as dismissToast, F as getToasts, G as morphPendingToReply, H as removeToast, J as revealShell, K as subscribeToasts, L as toast, M as toastTimers } from './store-DjkTBX7f.js';
|
|
6
|
+
export { C as ChatBackgroundInstance, a as ChatBackgroundOptions, S as StepDetail, b as StepsInstance, c as StepsOptions, d as chatBackgroundOf, e as createChatBackground, f as createSteps } from './engine-Cn6IhE3z.js';
|
|
7
|
+
export { L as LikeButtonInstance, b as LikeButtonOptions, S as SwipeActionsInstance, d as SwipeActionsOptions, e as SwipeSide, c as createLikeButton, a as createSwipeActions } from './engine-QECQnGz1.js';
|
|
7
8
|
export { CustomEase } from 'gsap/CustomEase';
|
|
8
9
|
export { Flip } from 'gsap/Flip';
|
|
9
10
|
export { ScrollTrigger } from 'gsap/ScrollTrigger';
|
|
@@ -33,6 +34,16 @@ declare const EASE: {
|
|
|
33
34
|
readonly swatchLight: "mk-swatch-light";
|
|
34
35
|
readonly sheet: "mk-sheet";
|
|
35
36
|
readonly inOut: "mk-in-out";
|
|
37
|
+
/** Melonmind's button press (`buttonClickAnimation`, .37,1.42,.37,1). */
|
|
38
|
+
readonly click: "mk-click";
|
|
39
|
+
/** Melonmind's playful padding/radius morph (.38,.49,0,2). */
|
|
40
|
+
readonly playful: "mk-playful";
|
|
41
|
+
/** Melonmind's surface entrance (`animation-general-in-2`, .1,.8,0,1.1). */
|
|
42
|
+
readonly pop: "mk-pop";
|
|
43
|
+
/** Melonmind's entry wipe (.38,.49,0,1). */
|
|
44
|
+
readonly wipe: "mk-wipe";
|
|
45
|
+
/** Melonmind's error shake (.6,.6,.12,1.26). */
|
|
46
|
+
readonly shake: "mk-shake";
|
|
36
47
|
};
|
|
37
48
|
/** Register plugins and eases once. Safe to call from every recipe and during SSR (no-op). */
|
|
38
49
|
declare function registerMotion(): void;
|
|
@@ -437,4 +448,77 @@ declare function audioEnergy(stream: MediaStream, onEnergy: (energy: number) =>
|
|
|
437
448
|
smoothing?: number;
|
|
438
449
|
}): AudioEnergy;
|
|
439
450
|
|
|
440
|
-
|
|
451
|
+
type Targets = Element | Element[] | NodeListOf<Element> | null | undefined;
|
|
452
|
+
/** Press bounce (Melonmind buttonClickAnimation). */
|
|
453
|
+
declare function press(el: Element | null | undefined): gsap.core.Timeline | null;
|
|
454
|
+
interface BlurInOptions {
|
|
455
|
+
/** rise: list item (y −20, blur 16); pop: surface (scale .7, blur 32); soft: scale .96, blur 16. */
|
|
456
|
+
from?: 'rise' | 'pop' | 'soft';
|
|
457
|
+
stagger?: number;
|
|
458
|
+
delay?: number;
|
|
459
|
+
duration?: number;
|
|
460
|
+
}
|
|
461
|
+
declare function blurIn(targets: Targets, { from, stagger, delay, duration }?: BlurInOptions): gsap.core.Tween | null;
|
|
462
|
+
declare function blurOut(targets: Targets, { to, onComplete }?: {
|
|
463
|
+
to?: 'up' | 'left' | 'down';
|
|
464
|
+
onComplete?: () => void;
|
|
465
|
+
}): gsap.core.Tween | null;
|
|
466
|
+
/** Fold an element away (Melonmind today-appt-item-out). */
|
|
467
|
+
declare function collapse(el: HTMLElement | null | undefined, { onComplete }?: {
|
|
468
|
+
onComplete?: () => void;
|
|
469
|
+
}): gsap.core.Tween | null;
|
|
470
|
+
/** The error shake. */
|
|
471
|
+
declare function shake(el: Element | null | undefined, distance?: number): gsap.core.Tween | null;
|
|
472
|
+
/** An inset ring that swells and fades (Melonmind animation-highlight-2). */
|
|
473
|
+
declare function ringPulse(el: HTMLElement | null | undefined, color?: string): gsap.core.Tween | null;
|
|
474
|
+
interface BurstOptions {
|
|
475
|
+
count?: number;
|
|
476
|
+
distance?: number;
|
|
477
|
+
/** CSS colours, used in turn. */
|
|
478
|
+
colors?: string[];
|
|
479
|
+
/** An expanding ring behind the particles. */
|
|
480
|
+
ring?: boolean;
|
|
481
|
+
size?: number;
|
|
482
|
+
}
|
|
483
|
+
/** Particles flying out of the centre of `origin` (like, rating, confirm). Removed when done. */
|
|
484
|
+
declare function burst(origin: HTMLElement | null | undefined, { count, distance, colors, ring, size }?: BurstOptions): gsap.core.Timeline | null;
|
|
485
|
+
/**
|
|
486
|
+
* Write `text` into `el`, rolling the characters that changed (up when the value
|
|
487
|
+
* grew, down when it shrank). Unchanged characters stay; the final DOM is plain text.
|
|
488
|
+
*/
|
|
489
|
+
declare function rollDigits(el: HTMLElement | null | undefined, text: string, direction?: 1 | -1, duration?: number): gsap.core.Timeline | null;
|
|
490
|
+
|
|
491
|
+
interface Match {
|
|
492
|
+
score: number;
|
|
493
|
+
/** [start, end) ranges in the original text. */
|
|
494
|
+
ranges: Array<[number, number]>;
|
|
495
|
+
}
|
|
496
|
+
declare function matchScore(query: string, text: string): Match | null;
|
|
497
|
+
|
|
498
|
+
type TokenType = 'plain' | 'keyword' | 'string' | 'comment' | 'number' | 'tag' | 'attr' | 'property' | 'function' | 'punctuation' | 'operator';
|
|
499
|
+
interface Token {
|
|
500
|
+
type: TokenType;
|
|
501
|
+
text: string;
|
|
502
|
+
}
|
|
503
|
+
type Family = 'script' | 'markup' | 'css' | 'shell' | 'json' | 'plain';
|
|
504
|
+
/** The language a code block uses, or 'plain'. */
|
|
505
|
+
declare function languageFamily(language: string | undefined): Family;
|
|
506
|
+
/** Typed tokens whose texts join back to `code` exactly. */
|
|
507
|
+
declare function tokenize(code: string, language?: string): Token[];
|
|
508
|
+
/**
|
|
509
|
+
* Write highlighted code into `target`: one [data-mk-code-line] per line, joined
|
|
510
|
+
* by newline text nodes, so `target.textContent` is the code itself.
|
|
511
|
+
*/
|
|
512
|
+
declare function renderCode(target: Element, code: string, language?: string, highlight?: number[]): void;
|
|
513
|
+
|
|
514
|
+
interface TimeValue {
|
|
515
|
+
hour: number;
|
|
516
|
+
minute: number;
|
|
517
|
+
second: number;
|
|
518
|
+
}
|
|
519
|
+
/** "09:30", "9:30:15" → the time; null when it is not one. */
|
|
520
|
+
declare function parseTime(text: string | null | undefined): TimeValue | null;
|
|
521
|
+
/** "HH:MM", or "HH:MM:SS" with `seconds`. */
|
|
522
|
+
declare const formatTime: (time: TimeValue, seconds?: boolean) => string;
|
|
523
|
+
|
|
524
|
+
export { type AudioEnergy, type BlurInOptions, type BurstOptions, type Channel, type ChannelState, Cleanup, type CountOptions, type DetailsInstance, type DragDismissOptions, EASE, ELASTIC, type EnterMessagesOptions, type FloatingOptions, type IndicatorOptions, Instance, MORPH_STYLES, type Match, type MorphCloseOptions, type MorphOpenOptions, type MotionSpring, type NumberFormat, PATHS, type Rect, SIGNATURE_LINEAR, type Scope, type ScrollTrack, type ScrollTrackOptions, type Split, type SplitWordsOptions, type Spring, type Tick, type TimeValue, type Token, type TokenType, type Vec, type Viewport, anchorSurface, attachDragDismiss, attachFloating, audioEnergy, backdropVeil, bezier, bindPointer, blurIn, blurOut, burst, channels, clamp, clampRect, clearAnchor, clearStyles, closeModal, collapse, countTo, createChannelState, createDetails, createScope, createSpring, damp, dockWindow, easeInCubic, easeOut, easeOutCubic, eased, enterMessages, fadeBackdrop, fitComposer, floatingAvailable, flowInContent, flowInForm, flowInLanding, flowInMenu, flowInPalette, forgetFloat, formatTime, ghostOf, installDetailsMotion, isMorphing, languageFamily, lerp, liftWindow, liquidClose, liquidOpen, mapRange, matchScore, morphClose, morphCloseWithGhost, morphOpen, motionSpring, nextFrame, openModal, parseTime, pointer, press, pushUnderlay, registerMotion, releaseShared, releaseUnderlay, renderCode, requestFrame, revealCounter, ringPulse, rollDigits, savedFloat, scrollToLatest, shake, shareBack, shareInto, sheetClose, sheetOpen, showOrigin, slideIndicator, splitGraphemes, splitWords, spring, springDuration, springEase, springLinear, springPath, stepChannel, stopMorph, subscribe, takeMovement, toggleDetails, tokenize, trackScroll, transparentColor, tweenNumber, whileVisible, wrap };
|