use-scroll-animate 8.7.0 → 8.9.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/CHANGELOG.md +31 -0
- package/bin/usa-codemod-9.mjs +71 -0
- package/dist/components/effects.cjs +25 -2
- package/dist/components/effects.cjs.map +1 -1
- package/dist/components/effects.d.cts +13 -2
- package/dist/components/effects.d.ts +13 -2
- package/dist/components/effects.js +23 -4
- package/dist/components/effects.js.map +1 -1
- package/dist/components/fx-spatial.cjs +100 -0
- package/dist/components/fx-spatial.cjs.map +1 -0
- package/dist/components/fx-spatial.d.cts +68 -0
- package/dist/components/fx-spatial.d.ts +68 -0
- package/dist/components/fx-spatial.js +95 -0
- package/dist/components/fx-spatial.js.map +1 -0
- package/dist/components/fx2.cjs +7 -0
- package/dist/components/fx2.cjs.map +1 -1
- package/dist/components/fx2.d.cts +25 -1
- package/dist/components/fx2.d.ts +25 -1
- package/dist/components/fx2.js +5 -1
- package/dist/components/fx2.js.map +1 -1
- package/dist/components/widgets.cjs +642 -182
- package/dist/components/widgets.cjs.map +1 -1
- package/dist/components/widgets.d.cts +90 -2
- package/dist/components/widgets.d.ts +90 -2
- package/dist/components/widgets.js +636 -183
- package/dist/components/widgets.js.map +1 -1
- package/dist/components.umd.js +2 -2
- package/dist/components.umd.js.map +1 -1
- package/dist/widgets.umd.js +1 -1
- package/dist/widgets.umd.js.map +1 -1
- package/docs/ROADMAP.md +2 -2
- package/docs/components.md +39 -0
- package/docs/deprecations.md +4 -0
- package/docs/upgrading-9.md +27 -0
- package/package.json +23 -2
|
@@ -1493,6 +1493,90 @@ interface UsaGestureStickerElement extends UsaElement, StickerState {
|
|
|
1493
1493
|
}
|
|
1494
1494
|
declare function defineGestureSticker(tag?: string): CustomElementConstructor | undefined;
|
|
1495
1495
|
|
|
1496
|
+
/**
|
|
1497
|
+
* `<usa-panorama src="pano.jpg">` (8.8) — a 360° panorama viewer: drag
|
|
1498
|
+
* (or swipe) to look around, inertia after release, a slow auto-rotate
|
|
1499
|
+
* (`autorotate`, degrees per second, default 6, `0` off) and arrow keys.
|
|
1500
|
+
* Without `src` it shows a built-in procedural landscape. A compass shows
|
|
1501
|
+
* the heading. When the browser offers WebXR, a "View in XR" badge appears
|
|
1502
|
+
* (`usa:xr` { mode }). `yaw` property, `lookAt(deg)`; `usa:look` { yaw }.
|
|
1503
|
+
* A focusable `img` with `label`; reduced motion: no auto-rotate or inertia.
|
|
1504
|
+
*/
|
|
1505
|
+
interface UsaPanoramaElement extends UsaElement {
|
|
1506
|
+
yaw: number;
|
|
1507
|
+
lookAt(deg: number): void;
|
|
1508
|
+
}
|
|
1509
|
+
declare function definePanorama(tag?: string): CustomElementConstructor | undefined;
|
|
1510
|
+
|
|
1511
|
+
/**
|
|
1512
|
+
* `<usa-spatial-card>` (8.8) — a spatial-computing style window: frosted
|
|
1513
|
+
* glass panel floating in depth, a soft "gaze" highlight that follows the
|
|
1514
|
+
* pointer, `[data-depth]` content layered towards the viewer, and an
|
|
1515
|
+
* ornament bar (`ornament` = child `[slot=ornament]`) that lifts out below
|
|
1516
|
+
* the window. It eases forward on hover / focus and sinks back on press,
|
|
1517
|
+
* like poking a visionOS window. `usa:focus-depth` { active }. Reduced
|
|
1518
|
+
* motion: static glass.
|
|
1519
|
+
*/
|
|
1520
|
+
interface UsaSpatialCardElement extends UsaElement {
|
|
1521
|
+
readonly active: boolean;
|
|
1522
|
+
}
|
|
1523
|
+
declare function defineSpatialCard(tag?: string): CustomElementConstructor | undefined;
|
|
1524
|
+
|
|
1525
|
+
/**
|
|
1526
|
+
* 8.9 — low-code component export.
|
|
1527
|
+
*
|
|
1528
|
+
* `exportComponent(el, format)` turns a live, configured element (any
|
|
1529
|
+
* `<usa-*>` with its attributes and light-DOM content) into copy-paste code:
|
|
1530
|
+
* `'html'` (a no-build page snippet with a CDN module import), `'react'`
|
|
1531
|
+
* (JSX + import), `'vue'` (SFC) or `'json'` (a portable description that the
|
|
1532
|
+
* 9.0 declarative DSL reads). Runtime parts Motionary added (`data-usa-*`,
|
|
1533
|
+
* `role`, `aria-*` it set, generated parts) are left out.
|
|
1534
|
+
*
|
|
1535
|
+
* `<usa-code-export for="#el" formats="html,react,vue">` shows that code in
|
|
1536
|
+
* tabs next to the live component, re-generates it when the element's
|
|
1537
|
+
* attributes change, and copies it with one click (`usa:copy` { format }).
|
|
1538
|
+
*/
|
|
1539
|
+
type ExportFormat = 'html' | 'react' | 'vue' | 'json';
|
|
1540
|
+
interface ExportedNode {
|
|
1541
|
+
tag: string;
|
|
1542
|
+
attrs: Record<string, string>;
|
|
1543
|
+
children: (ExportedNode | string)[];
|
|
1544
|
+
}
|
|
1545
|
+
interface UsaCodeExportElement extends UsaElement {
|
|
1546
|
+
format: ExportFormat;
|
|
1547
|
+
readonly code: string;
|
|
1548
|
+
copy(): Promise<boolean>;
|
|
1549
|
+
}
|
|
1550
|
+
/** A clean, portable description of `el` (runtime parts stripped) (8.9). */
|
|
1551
|
+
declare function describeComponent(el: Element): ExportedNode;
|
|
1552
|
+
/** Copy-paste code for a live element in `format` (8.9). */
|
|
1553
|
+
declare function exportComponent(el: Element, format?: ExportFormat): string;
|
|
1554
|
+
declare function defineCodeExport(tag?: string): CustomElementConstructor | undefined;
|
|
1555
|
+
|
|
1556
|
+
/**
|
|
1557
|
+
* `<usa-prop-panel for="#el" props="value:number:0:100, theme:select:leaf|ocean, readonly:boolean">`
|
|
1558
|
+
* (8.9) — a low-code property editor for a live component: each prop gets a
|
|
1559
|
+
* field (`text`, `number` with optional min:max, `range`, `color`,
|
|
1560
|
+
* `boolean` switch, `select` with options) bound to the element's
|
|
1561
|
+
* attribute (`for` is a selector, or `previous` for the element just
|
|
1562
|
+
* before the panel), so editing it re-renders the component on the spot. Without
|
|
1563
|
+
* `props` it lists the element's `observedAttributes` as text fields. A
|
|
1564
|
+
* labelled `form`; `usa:prop` { name, value }; `reset()` restores the
|
|
1565
|
+
* starting attributes. Pairs with `<usa-code-export>`.
|
|
1566
|
+
*/
|
|
1567
|
+
interface PropSpec {
|
|
1568
|
+
name: string;
|
|
1569
|
+
type: 'text' | 'number' | 'range' | 'color' | 'boolean' | 'select';
|
|
1570
|
+
options: string[];
|
|
1571
|
+
}
|
|
1572
|
+
interface UsaPropPanelElement extends UsaElement {
|
|
1573
|
+
readonly props: PropSpec[];
|
|
1574
|
+
reset(): void;
|
|
1575
|
+
}
|
|
1576
|
+
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
1577
|
+
declare function parseProps(s: string): PropSpec[];
|
|
1578
|
+
declare function definePropPanel(tag?: string): CustomElementConstructor | undefined;
|
|
1579
|
+
|
|
1496
1580
|
/**
|
|
1497
1581
|
* motionary/components/widgets — the 6.x animated UI widgets, in their own
|
|
1498
1582
|
* entry so `motionary/components` and `components/lite` keep their size
|
|
@@ -1592,8 +1676,12 @@ declare global {
|
|
|
1592
1676
|
'usa-theme-surface': UsaThemeSurfaceElement;
|
|
1593
1677
|
'usa-gyro-card': UsaGyroCardElement;
|
|
1594
1678
|
'usa-gesture-sticker': UsaGestureStickerElement;
|
|
1679
|
+
'usa-panorama': UsaPanoramaElement;
|
|
1680
|
+
'usa-spatial-card': UsaSpatialCardElement;
|
|
1681
|
+
'usa-code-export': UsaCodeExportElement;
|
|
1682
|
+
'usa-prop-panel': UsaPropPanelElement;
|
|
1595
1683
|
}
|
|
1596
1684
|
}
|
|
1597
1685
|
|
|
1598
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
1599
|
-
export type { BellNotice, CartItem, ChatMessage, GlobeMarker, LeaderRow, PaletteCommand, PresenceState, RadarTarget, StackToastOptions, StickerState, UsaAddToCartElement, UsaBadgeWallElement, UsaBarChartElement, UsaCarouselElement, UsaCartDrawerElement, UsaChatComposerElement, UsaClockControlElement, UsaColorPickerElement, UsaCommandPaletteElement, UsaCompareElement, UsaCountdownElement, UsaCubeGalleryElement, UsaDatePickerElement, UsaDisclosureElement, UsaDockElement, UsaEqualizerElement, UsaFestivalBannerElement, UsaFieldElement, UsaFileDropElement, UsaGaugeElement, UsaGestureStickerElement, UsaGlobeElement, UsaGyroCardElement, UsaHudPanelElement, UsaHydrateElement, UsaKanbanElement, UsaKeyframeEditorElement, UsaKpiElement, UsaLeaderboardElement, UsaLiquidNavElement, UsaLocationCardElement, UsaLyricsElement, UsaMasonryFlowElement, UsaMenuElement, UsaMenuToggleElement, UsaMessageListElement, UsaMilestonesElement, UsaModalElement, UsaMusicPlayerElement, UsaNavMorphElement, UsaNotificationBellElement, UsaOdometerElement, UsaOrganicCardElement, UsaOtpElement, UsaPaginationElement, UsaPresenceElement, UsaPrizeWheelElement, UsaProductGalleryElement, UsaProgressRingElement, UsaPullCordElement, UsaRadarElement, UsaReactionsElement, UsaRedEnvelopeElement, UsaRetroButtonElement, UsaSegmentedElement, UsaSheetElement, UsaShortcutElement, UsaSkeletonRevealElement, UsaSketchChartElement, UsaSparklineElement, UsaStarRatingElement, UsaStepperElement, UsaStickyWallElement, UsaStoriesElement, UsaSuggestionChipsElement, UsaSwipeDeckElement, UsaSwitchElement, UsaTabBarElement, UsaTerminalElement, UsaThemeSurfaceElement, UsaThemeSwitcherElement, UsaTipElement, UsaToastStackElement, UsaUploadProgressElement, UsaVoiceButtonElement, UsaVolumeKnobElement, UsaWeatherCardElement, UsaXpBarElement, WallBadge };
|
|
1686
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
1687
|
+
export type { BellNotice, CartItem, ChatMessage, ExportFormat, ExportedNode, GlobeMarker, LeaderRow, PaletteCommand, PresenceState, PropSpec, RadarTarget, StackToastOptions, StickerState, UsaAddToCartElement, UsaBadgeWallElement, UsaBarChartElement, UsaCarouselElement, UsaCartDrawerElement, UsaChatComposerElement, UsaClockControlElement, UsaCodeExportElement, UsaColorPickerElement, UsaCommandPaletteElement, UsaCompareElement, UsaCountdownElement, UsaCubeGalleryElement, UsaDatePickerElement, UsaDisclosureElement, UsaDockElement, UsaEqualizerElement, UsaFestivalBannerElement, UsaFieldElement, UsaFileDropElement, UsaGaugeElement, UsaGestureStickerElement, UsaGlobeElement, UsaGyroCardElement, UsaHudPanelElement, UsaHydrateElement, UsaKanbanElement, UsaKeyframeEditorElement, UsaKpiElement, UsaLeaderboardElement, UsaLiquidNavElement, UsaLocationCardElement, UsaLyricsElement, UsaMasonryFlowElement, UsaMenuElement, UsaMenuToggleElement, UsaMessageListElement, UsaMilestonesElement, UsaModalElement, UsaMusicPlayerElement, UsaNavMorphElement, UsaNotificationBellElement, UsaOdometerElement, UsaOrganicCardElement, UsaOtpElement, UsaPaginationElement, UsaPanoramaElement, UsaPresenceElement, UsaPrizeWheelElement, UsaProductGalleryElement, UsaProgressRingElement, UsaPropPanelElement, UsaPullCordElement, UsaRadarElement, UsaReactionsElement, UsaRedEnvelopeElement, UsaRetroButtonElement, UsaSegmentedElement, UsaSheetElement, UsaShortcutElement, UsaSkeletonRevealElement, UsaSketchChartElement, UsaSparklineElement, UsaSpatialCardElement, UsaStarRatingElement, UsaStepperElement, UsaStickyWallElement, UsaStoriesElement, UsaSuggestionChipsElement, UsaSwipeDeckElement, UsaSwitchElement, UsaTabBarElement, UsaTerminalElement, UsaThemeSurfaceElement, UsaThemeSwitcherElement, UsaTipElement, UsaToastStackElement, UsaUploadProgressElement, UsaVoiceButtonElement, UsaVolumeKnobElement, UsaWeatherCardElement, UsaXpBarElement, WallBadge };
|
|
@@ -1493,6 +1493,90 @@ interface UsaGestureStickerElement extends UsaElement, StickerState {
|
|
|
1493
1493
|
}
|
|
1494
1494
|
declare function defineGestureSticker(tag?: string): CustomElementConstructor | undefined;
|
|
1495
1495
|
|
|
1496
|
+
/**
|
|
1497
|
+
* `<usa-panorama src="pano.jpg">` (8.8) — a 360° panorama viewer: drag
|
|
1498
|
+
* (or swipe) to look around, inertia after release, a slow auto-rotate
|
|
1499
|
+
* (`autorotate`, degrees per second, default 6, `0` off) and arrow keys.
|
|
1500
|
+
* Without `src` it shows a built-in procedural landscape. A compass shows
|
|
1501
|
+
* the heading. When the browser offers WebXR, a "View in XR" badge appears
|
|
1502
|
+
* (`usa:xr` { mode }). `yaw` property, `lookAt(deg)`; `usa:look` { yaw }.
|
|
1503
|
+
* A focusable `img` with `label`; reduced motion: no auto-rotate or inertia.
|
|
1504
|
+
*/
|
|
1505
|
+
interface UsaPanoramaElement extends UsaElement {
|
|
1506
|
+
yaw: number;
|
|
1507
|
+
lookAt(deg: number): void;
|
|
1508
|
+
}
|
|
1509
|
+
declare function definePanorama(tag?: string): CustomElementConstructor | undefined;
|
|
1510
|
+
|
|
1511
|
+
/**
|
|
1512
|
+
* `<usa-spatial-card>` (8.8) — a spatial-computing style window: frosted
|
|
1513
|
+
* glass panel floating in depth, a soft "gaze" highlight that follows the
|
|
1514
|
+
* pointer, `[data-depth]` content layered towards the viewer, and an
|
|
1515
|
+
* ornament bar (`ornament` = child `[slot=ornament]`) that lifts out below
|
|
1516
|
+
* the window. It eases forward on hover / focus and sinks back on press,
|
|
1517
|
+
* like poking a visionOS window. `usa:focus-depth` { active }. Reduced
|
|
1518
|
+
* motion: static glass.
|
|
1519
|
+
*/
|
|
1520
|
+
interface UsaSpatialCardElement extends UsaElement {
|
|
1521
|
+
readonly active: boolean;
|
|
1522
|
+
}
|
|
1523
|
+
declare function defineSpatialCard(tag?: string): CustomElementConstructor | undefined;
|
|
1524
|
+
|
|
1525
|
+
/**
|
|
1526
|
+
* 8.9 — low-code component export.
|
|
1527
|
+
*
|
|
1528
|
+
* `exportComponent(el, format)` turns a live, configured element (any
|
|
1529
|
+
* `<usa-*>` with its attributes and light-DOM content) into copy-paste code:
|
|
1530
|
+
* `'html'` (a no-build page snippet with a CDN module import), `'react'`
|
|
1531
|
+
* (JSX + import), `'vue'` (SFC) or `'json'` (a portable description that the
|
|
1532
|
+
* 9.0 declarative DSL reads). Runtime parts Motionary added (`data-usa-*`,
|
|
1533
|
+
* `role`, `aria-*` it set, generated parts) are left out.
|
|
1534
|
+
*
|
|
1535
|
+
* `<usa-code-export for="#el" formats="html,react,vue">` shows that code in
|
|
1536
|
+
* tabs next to the live component, re-generates it when the element's
|
|
1537
|
+
* attributes change, and copies it with one click (`usa:copy` { format }).
|
|
1538
|
+
*/
|
|
1539
|
+
type ExportFormat = 'html' | 'react' | 'vue' | 'json';
|
|
1540
|
+
interface ExportedNode {
|
|
1541
|
+
tag: string;
|
|
1542
|
+
attrs: Record<string, string>;
|
|
1543
|
+
children: (ExportedNode | string)[];
|
|
1544
|
+
}
|
|
1545
|
+
interface UsaCodeExportElement extends UsaElement {
|
|
1546
|
+
format: ExportFormat;
|
|
1547
|
+
readonly code: string;
|
|
1548
|
+
copy(): Promise<boolean>;
|
|
1549
|
+
}
|
|
1550
|
+
/** A clean, portable description of `el` (runtime parts stripped) (8.9). */
|
|
1551
|
+
declare function describeComponent(el: Element): ExportedNode;
|
|
1552
|
+
/** Copy-paste code for a live element in `format` (8.9). */
|
|
1553
|
+
declare function exportComponent(el: Element, format?: ExportFormat): string;
|
|
1554
|
+
declare function defineCodeExport(tag?: string): CustomElementConstructor | undefined;
|
|
1555
|
+
|
|
1556
|
+
/**
|
|
1557
|
+
* `<usa-prop-panel for="#el" props="value:number:0:100, theme:select:leaf|ocean, readonly:boolean">`
|
|
1558
|
+
* (8.9) — a low-code property editor for a live component: each prop gets a
|
|
1559
|
+
* field (`text`, `number` with optional min:max, `range`, `color`,
|
|
1560
|
+
* `boolean` switch, `select` with options) bound to the element's
|
|
1561
|
+
* attribute (`for` is a selector, or `previous` for the element just
|
|
1562
|
+
* before the panel), so editing it re-renders the component on the spot. Without
|
|
1563
|
+
* `props` it lists the element's `observedAttributes` as text fields. A
|
|
1564
|
+
* labelled `form`; `usa:prop` { name, value }; `reset()` restores the
|
|
1565
|
+
* starting attributes. Pairs with `<usa-code-export>`.
|
|
1566
|
+
*/
|
|
1567
|
+
interface PropSpec {
|
|
1568
|
+
name: string;
|
|
1569
|
+
type: 'text' | 'number' | 'range' | 'color' | 'boolean' | 'select';
|
|
1570
|
+
options: string[];
|
|
1571
|
+
}
|
|
1572
|
+
interface UsaPropPanelElement extends UsaElement {
|
|
1573
|
+
readonly props: PropSpec[];
|
|
1574
|
+
reset(): void;
|
|
1575
|
+
}
|
|
1576
|
+
/** "value:number:0:100, theme:select:leaf|ocean, on:boolean" → prop specs (8.9). */
|
|
1577
|
+
declare function parseProps(s: string): PropSpec[];
|
|
1578
|
+
declare function definePropPanel(tag?: string): CustomElementConstructor | undefined;
|
|
1579
|
+
|
|
1496
1580
|
/**
|
|
1497
1581
|
* motionary/components/widgets — the 6.x animated UI widgets, in their own
|
|
1498
1582
|
* entry so `motionary/components` and `components/lite` keep their size
|
|
@@ -1592,8 +1676,12 @@ declare global {
|
|
|
1592
1676
|
'usa-theme-surface': UsaThemeSurfaceElement;
|
|
1593
1677
|
'usa-gyro-card': UsaGyroCardElement;
|
|
1594
1678
|
'usa-gesture-sticker': UsaGestureStickerElement;
|
|
1679
|
+
'usa-panorama': UsaPanoramaElement;
|
|
1680
|
+
'usa-spatial-card': UsaSpatialCardElement;
|
|
1681
|
+
'usa-code-export': UsaCodeExportElement;
|
|
1682
|
+
'usa-prop-panel': UsaPropPanelElement;
|
|
1595
1683
|
}
|
|
1596
1684
|
}
|
|
1597
1685
|
|
|
1598
|
-
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
1599
|
-
export type { BellNotice, CartItem, ChatMessage, GlobeMarker, LeaderRow, PaletteCommand, PresenceState, RadarTarget, StackToastOptions, StickerState, UsaAddToCartElement, UsaBadgeWallElement, UsaBarChartElement, UsaCarouselElement, UsaCartDrawerElement, UsaChatComposerElement, UsaClockControlElement, UsaColorPickerElement, UsaCommandPaletteElement, UsaCompareElement, UsaCountdownElement, UsaCubeGalleryElement, UsaDatePickerElement, UsaDisclosureElement, UsaDockElement, UsaEqualizerElement, UsaFestivalBannerElement, UsaFieldElement, UsaFileDropElement, UsaGaugeElement, UsaGestureStickerElement, UsaGlobeElement, UsaGyroCardElement, UsaHudPanelElement, UsaHydrateElement, UsaKanbanElement, UsaKeyframeEditorElement, UsaKpiElement, UsaLeaderboardElement, UsaLiquidNavElement, UsaLocationCardElement, UsaLyricsElement, UsaMasonryFlowElement, UsaMenuElement, UsaMenuToggleElement, UsaMessageListElement, UsaMilestonesElement, UsaModalElement, UsaMusicPlayerElement, UsaNavMorphElement, UsaNotificationBellElement, UsaOdometerElement, UsaOrganicCardElement, UsaOtpElement, UsaPaginationElement, UsaPresenceElement, UsaPrizeWheelElement, UsaProductGalleryElement, UsaProgressRingElement, UsaPullCordElement, UsaRadarElement, UsaReactionsElement, UsaRedEnvelopeElement, UsaRetroButtonElement, UsaSegmentedElement, UsaSheetElement, UsaShortcutElement, UsaSkeletonRevealElement, UsaSketchChartElement, UsaSparklineElement, UsaStarRatingElement, UsaStepperElement, UsaStickyWallElement, UsaStoriesElement, UsaSuggestionChipsElement, UsaSwipeDeckElement, UsaSwitchElement, UsaTabBarElement, UsaTerminalElement, UsaThemeSurfaceElement, UsaThemeSwitcherElement, UsaTipElement, UsaToastStackElement, UsaUploadProgressElement, UsaVoiceButtonElement, UsaVolumeKnobElement, UsaWeatherCardElement, UsaXpBarElement, WallBadge };
|
|
1686
|
+
export { CAROUSEL_EFFECTS, EQ_PRESETS, FESTIVAL_THEMES, MENU_EFFECTS, MODAL_EFFECTS, NAV_INDICATORS, PRESENCE_STATES, PROGRESS_VARIANTS, RETRO_VARIANTS, SEGMENTED_VARIANTS, SHEET_SIDES, SKELETON_VARIANTS, SPARK_VARIANTS, SWITCH_VARIANTS, TAB_INDICATORS, TIP_PLACEMENTS, TOAST_POSITIONS, TOGGLE_VARIANTS, WEATHER_CONDITIONS, WIDGETS, WIDGET_TAGS, badgeProgress, cartTotal, defineAddToCart, defineBadgeWall, defineBarChart, defineCarousel, defineCartDrawer, defineChatComposer, defineClockControl, defineCodeExport, defineColorPicker, defineCommandPalette, defineCompare, defineCountdown, defineCubeGallery, defineDatePicker, defineDisclosure, defineDock, defineEqualizer, defineFestivalBanner, defineField, defineFileDrop, defineGauge, defineGestureSticker, defineGlobe, defineGyroCard, defineHudPanel, defineHydrate, defineKanban, defineKeyframeEditor, defineKpi, defineLeaderboard, defineLiquidNav, defineLocationCard, defineLyrics, defineMasonryFlow, defineMenu, defineMenuToggle, defineMessageList, defineMilestones, defineModal, defineMusicPlayer, defineNavMorph, defineNotificationBell, defineOdometer, defineOrganicCard, defineOtp, definePagination, definePanorama, definePresence, definePrizeWheel, defineProductGallery, defineProgressRing, definePropPanel, definePullCord, defineRadar, defineReactions, defineRedEnvelope, defineRetroButton, defineSegmented, defineSheet, defineShortcut, defineSkeletonReveal, defineSketchChart, defineSparkline, defineSpatialCard, defineStarRating, defineStepper, defineStickyWall, defineStories, defineSuggestionChips, defineSwipeDeck, defineSwitch, defineTabBar, defineTerminal, defineThemeSurface, defineThemeSwitcher, defineTip, defineToastStack, defineUploadProgress, defineVoiceButton, defineVolumeKnob, defineWeatherCard, defineWidgets, defineXpBar, describeComponent, exportComponent, formatBytes, formatDistance, fuzzyMatch, haversine, hexToHsv, hsvToHex, initials, keyLabels, levelFor, matchesKeys, monthGrid, pageWindow, parseChips, parseISODate, parseLRC, parseMarkers, parseProps, parseReactions, parseTargets, passwordStrength, project, rankRows, sanitizeCode, sparkPoints, splitTime, stackToast, waveBars, wheelAngle, wrapIndex };
|
|
1687
|
+
export type { BellNotice, CartItem, ChatMessage, ExportFormat, ExportedNode, GlobeMarker, LeaderRow, PaletteCommand, PresenceState, PropSpec, RadarTarget, StackToastOptions, StickerState, UsaAddToCartElement, UsaBadgeWallElement, UsaBarChartElement, UsaCarouselElement, UsaCartDrawerElement, UsaChatComposerElement, UsaClockControlElement, UsaCodeExportElement, UsaColorPickerElement, UsaCommandPaletteElement, UsaCompareElement, UsaCountdownElement, UsaCubeGalleryElement, UsaDatePickerElement, UsaDisclosureElement, UsaDockElement, UsaEqualizerElement, UsaFestivalBannerElement, UsaFieldElement, UsaFileDropElement, UsaGaugeElement, UsaGestureStickerElement, UsaGlobeElement, UsaGyroCardElement, UsaHudPanelElement, UsaHydrateElement, UsaKanbanElement, UsaKeyframeEditorElement, UsaKpiElement, UsaLeaderboardElement, UsaLiquidNavElement, UsaLocationCardElement, UsaLyricsElement, UsaMasonryFlowElement, UsaMenuElement, UsaMenuToggleElement, UsaMessageListElement, UsaMilestonesElement, UsaModalElement, UsaMusicPlayerElement, UsaNavMorphElement, UsaNotificationBellElement, UsaOdometerElement, UsaOrganicCardElement, UsaOtpElement, UsaPaginationElement, UsaPanoramaElement, UsaPresenceElement, UsaPrizeWheelElement, UsaProductGalleryElement, UsaProgressRingElement, UsaPropPanelElement, UsaPullCordElement, UsaRadarElement, UsaReactionsElement, UsaRedEnvelopeElement, UsaRetroButtonElement, UsaSegmentedElement, UsaSheetElement, UsaShortcutElement, UsaSkeletonRevealElement, UsaSketchChartElement, UsaSparklineElement, UsaSpatialCardElement, UsaStarRatingElement, UsaStepperElement, UsaStickyWallElement, UsaStoriesElement, UsaSuggestionChipsElement, UsaSwipeDeckElement, UsaSwitchElement, UsaTabBarElement, UsaTerminalElement, UsaThemeSurfaceElement, UsaThemeSwitcherElement, UsaTipElement, UsaToastStackElement, UsaUploadProgressElement, UsaVoiceButtonElement, UsaVolumeKnobElement, UsaWeatherCardElement, UsaXpBarElement, WallBadge };
|