@number10/phaserjsx 0.1.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/LICENSE +667 -0
- package/README.md +238 -0
- package/dist/TransformOriginView-BYPbRH8N.cjs +17045 -0
- package/dist/TransformOriginView-BYPbRH8N.cjs.map +1 -0
- package/dist/TransformOriginView-CO-tJCmV.js +17046 -0
- package/dist/TransformOriginView-CO-tJCmV.js.map +1 -0
- package/dist/animation/animated-signal.d.ts +35 -0
- package/dist/animation/animated-signal.d.ts.map +1 -0
- package/dist/animation/index.d.ts +7 -0
- package/dist/animation/index.d.ts.map +1 -0
- package/dist/animation/spring-physics.d.ts +120 -0
- package/dist/animation/spring-physics.d.ts.map +1 -0
- package/dist/animation/useSpring.d.ts +54 -0
- package/dist/animation/useSpring.d.ts.map +1 -0
- package/dist/colors/color-presets.d.ts +89 -0
- package/dist/colors/color-presets.d.ts.map +1 -0
- package/dist/colors/color-theme-helpers.d.ts +65 -0
- package/dist/colors/color-theme-helpers.d.ts.map +1 -0
- package/dist/colors/color-types.d.ts +100 -0
- package/dist/colors/color-types.d.ts.map +1 -0
- package/dist/colors/color-utils.d.ts +171 -0
- package/dist/colors/color-utils.d.ts.map +1 -0
- package/dist/colors/index.d.ts +17 -0
- package/dist/colors/index.d.ts.map +1 -0
- package/dist/colors/preset-manager.d.ts +35 -0
- package/dist/colors/preset-manager.d.ts.map +1 -0
- package/dist/colors/use-color-mode.d.ts +22 -0
- package/dist/colors/use-color-mode.d.ts.map +1 -0
- package/dist/colors/use-colors.d.ts +40 -0
- package/dist/colors/use-colors.d.ts.map +1 -0
- package/dist/components/appliers/applyBackground.d.ts +13 -0
- package/dist/components/appliers/applyBackground.d.ts.map +1 -0
- package/dist/components/appliers/applyGestures.d.ts +12 -0
- package/dist/components/appliers/applyGestures.d.ts.map +1 -0
- package/dist/components/appliers/applyGraphics.d.ts +10 -0
- package/dist/components/appliers/applyGraphics.d.ts.map +1 -0
- package/dist/components/appliers/applyGraphicsLayout.d.ts +10 -0
- package/dist/components/appliers/applyGraphicsLayout.d.ts.map +1 -0
- package/dist/components/appliers/applyImage.d.ts +10 -0
- package/dist/components/appliers/applyImage.d.ts.map +1 -0
- package/dist/components/appliers/applyImageLayout.d.ts +15 -0
- package/dist/components/appliers/applyImageLayout.d.ts.map +1 -0
- package/dist/components/appliers/applyLayout.d.ts +15 -0
- package/dist/components/appliers/applyLayout.d.ts.map +1 -0
- package/dist/components/appliers/applyNineSlice.d.ts +11 -0
- package/dist/components/appliers/applyNineSlice.d.ts.map +1 -0
- package/dist/components/appliers/applyNineSliceLayout.d.ts +15 -0
- package/dist/components/appliers/applyNineSliceLayout.d.ts.map +1 -0
- package/dist/components/appliers/applyPhaser.d.ts +22 -0
- package/dist/components/appliers/applyPhaser.d.ts.map +1 -0
- package/dist/components/appliers/applySprite.d.ts +10 -0
- package/dist/components/appliers/applySprite.d.ts.map +1 -0
- package/dist/components/appliers/applySpriteLayout.d.ts +14 -0
- package/dist/components/appliers/applySpriteLayout.d.ts.map +1 -0
- package/dist/components/appliers/applyText.d.ts +25 -0
- package/dist/components/appliers/applyText.d.ts.map +1 -0
- package/dist/components/appliers/applyTextLayout.d.ts +15 -0
- package/dist/components/appliers/applyTextLayout.d.ts.map +1 -0
- package/dist/components/appliers/applyTooltip.d.ts +12 -0
- package/dist/components/appliers/applyTooltip.d.ts.map +1 -0
- package/dist/components/appliers/applyTransform.d.ts +21 -0
- package/dist/components/appliers/applyTransform.d.ts.map +1 -0
- package/dist/components/creators/createBackground.d.ts +15 -0
- package/dist/components/creators/createBackground.d.ts.map +1 -0
- package/dist/components/creators/createGestures.d.ts +11 -0
- package/dist/components/creators/createGestures.d.ts.map +1 -0
- package/dist/components/creators/createGraphicsLayout.d.ts +9 -0
- package/dist/components/creators/createGraphicsLayout.d.ts.map +1 -0
- package/dist/components/creators/createImageLayout.d.ts +14 -0
- package/dist/components/creators/createImageLayout.d.ts.map +1 -0
- package/dist/components/creators/createLayout.d.ts +15 -0
- package/dist/components/creators/createLayout.d.ts.map +1 -0
- package/dist/components/creators/createNineSliceLayout.d.ts +14 -0
- package/dist/components/creators/createNineSliceLayout.d.ts.map +1 -0
- package/dist/components/creators/createPhaser.d.ts +14 -0
- package/dist/components/creators/createPhaser.d.ts.map +1 -0
- package/dist/components/creators/createSpriteLayout.d.ts +15 -0
- package/dist/components/creators/createSpriteLayout.d.ts.map +1 -0
- package/dist/components/creators/createTextLayout.d.ts +14 -0
- package/dist/components/creators/createTextLayout.d.ts.map +1 -0
- package/dist/components/creators/createTransform.d.ts +11 -0
- package/dist/components/creators/createTransform.d.ts.map +1 -0
- package/dist/components/custom/Accordion.d.ts +34 -0
- package/dist/components/custom/Accordion.d.ts.map +1 -0
- package/dist/components/custom/AlertDialog.d.ts +63 -0
- package/dist/components/custom/AlertDialog.d.ts.map +1 -0
- package/dist/components/custom/Button.d.ts +44 -0
- package/dist/components/custom/Button.d.ts.map +1 -0
- package/dist/components/custom/CharText/CharText.d.ts +8 -0
- package/dist/components/custom/CharText/CharText.d.ts.map +1 -0
- package/dist/components/custom/CharText/index.d.ts +3 -0
- package/dist/components/custom/CharText/index.d.ts.map +1 -0
- package/dist/components/custom/CharText/types.d.ts +117 -0
- package/dist/components/custom/CharText/types.d.ts.map +1 -0
- package/dist/components/custom/CharText/utils.d.ts +34 -0
- package/dist/components/custom/CharText/utils.d.ts.map +1 -0
- package/dist/components/custom/CharTextInput.d.ts +62 -0
- package/dist/components/custom/CharTextInput.d.ts.map +1 -0
- package/dist/components/custom/Dialog.d.ts +60 -0
- package/dist/components/custom/Dialog.d.ts.map +1 -0
- package/dist/components/custom/Divider.d.ts +21 -0
- package/dist/components/custom/Divider.d.ts.map +1 -0
- package/dist/components/custom/Dropdown.d.ts +91 -0
- package/dist/components/custom/Dropdown.d.ts.map +1 -0
- package/dist/components/custom/Icon.d.ts +75 -0
- package/dist/components/custom/Icon.d.ts.map +1 -0
- package/dist/components/custom/Image.d.ts +50 -0
- package/dist/components/custom/Image.d.ts.map +1 -0
- package/dist/components/custom/Modal.d.ts +37 -0
- package/dist/components/custom/Modal.d.ts.map +1 -0
- package/dist/components/custom/NineSlice.d.ts +81 -0
- package/dist/components/custom/NineSlice.d.ts.map +1 -0
- package/dist/components/custom/NineSliceButton.d.ts +128 -0
- package/dist/components/custom/NineSliceButton.d.ts.map +1 -0
- package/dist/components/custom/Portal.d.ts +43 -0
- package/dist/components/custom/Portal.d.ts.map +1 -0
- package/dist/components/custom/Portal.test.d.ts +2 -0
- package/dist/components/custom/Portal.test.d.ts.map +1 -0
- package/dist/components/custom/RadioButton.d.ts +20 -0
- package/dist/components/custom/RadioButton.d.ts.map +1 -0
- package/dist/components/custom/RadioGroup.d.ts +33 -0
- package/dist/components/custom/RadioGroup.d.ts.map +1 -0
- package/dist/components/custom/RefOriginView.d.ts +45 -0
- package/dist/components/custom/RefOriginView.d.ts.map +1 -0
- package/dist/components/custom/ScrollSlider.d.ts +36 -0
- package/dist/components/custom/ScrollSlider.d.ts.map +1 -0
- package/dist/components/custom/ScrollView.d.ts +48 -0
- package/dist/components/custom/ScrollView.d.ts.map +1 -0
- package/dist/components/custom/Sidebar.d.ts +50 -0
- package/dist/components/custom/Sidebar.d.ts.map +1 -0
- package/dist/components/custom/Slider.d.ts +131 -0
- package/dist/components/custom/Slider.d.ts.map +1 -0
- package/dist/components/custom/Text.d.ts +26 -0
- package/dist/components/custom/Text.d.ts.map +1 -0
- package/dist/components/custom/Toggle.d.ts +51 -0
- package/dist/components/custom/Toggle.d.ts.map +1 -0
- package/dist/components/custom/TransformOriginView.d.ts +34 -0
- package/dist/components/custom/TransformOriginView.d.ts.map +1 -0
- package/dist/components/custom/View.d.ts +33 -0
- package/dist/components/custom/View.d.ts.map +1 -0
- package/dist/components/custom/WrapText.d.ts +60 -0
- package/dist/components/custom/WrapText.d.ts.map +1 -0
- package/dist/components/custom/index.cjs +32 -0
- package/dist/components/custom/index.cjs.map +1 -0
- package/dist/components/custom/index.d.ts +29 -0
- package/dist/components/custom/index.d.ts.map +1 -0
- package/dist/components/custom/index.js +32 -0
- package/dist/components/custom/index.js.map +1 -0
- package/dist/components/index.d.ts +28 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/internal/SceneWrapper.d.ts +20 -0
- package/dist/components/internal/SceneWrapper.d.ts.map +1 -0
- package/dist/components/primitives/graphics.d.ts +40 -0
- package/dist/components/primitives/graphics.d.ts.map +1 -0
- package/dist/components/primitives/image.d.ts +45 -0
- package/dist/components/primitives/image.d.ts.map +1 -0
- package/dist/components/primitives/nineslice.d.ts +111 -0
- package/dist/components/primitives/nineslice.d.ts.map +1 -0
- package/dist/components/primitives/sprite.d.ts +58 -0
- package/dist/components/primitives/sprite.d.ts.map +1 -0
- package/dist/components/primitives/text.d.ts +26 -0
- package/dist/components/primitives/text.d.ts.map +1 -0
- package/dist/components/primitives/tilesprite.d.ts +47 -0
- package/dist/components/primitives/tilesprite.d.ts.map +1 -0
- package/dist/components/primitives/view.d.ts +23 -0
- package/dist/components/primitives/view.d.ts.map +1 -0
- package/dist/core-props.d.ts +605 -0
- package/dist/core-props.d.ts.map +1 -0
- package/dist/core-types.d.ts +59 -0
- package/dist/core-types.d.ts.map +1 -0
- package/dist/design-tokens/design-token-presets.d.ts +26 -0
- package/dist/design-tokens/design-token-presets.d.ts.map +1 -0
- package/dist/design-tokens/design-token-types.d.ts +109 -0
- package/dist/design-tokens/design-token-types.d.ts.map +1 -0
- package/dist/design-tokens/index.d.ts +8 -0
- package/dist/design-tokens/index.d.ts.map +1 -0
- package/dist/design-tokens/use-theme-tokens.d.ts +28 -0
- package/dist/design-tokens/use-theme-tokens.d.ts.map +1 -0
- package/dist/dev-config.d.ts +238 -0
- package/dist/dev-config.d.ts.map +1 -0
- package/dist/effects/effect-registry.d.ts +54 -0
- package/dist/effects/effect-registry.d.ts.map +1 -0
- package/dist/effects/index.d.ts +56 -0
- package/dist/effects/index.d.ts.map +1 -0
- package/dist/effects/use-effect.d.ts +172 -0
- package/dist/effects/use-effect.d.ts.map +1 -0
- package/dist/fx/convenience-hooks/index.d.ts +7 -0
- package/dist/fx/convenience-hooks/index.d.ts.map +1 -0
- package/dist/fx/convenience-hooks/use-blur.d.ts +21 -0
- package/dist/fx/convenience-hooks/use-blur.d.ts.map +1 -0
- package/dist/fx/convenience-hooks/use-glow.d.ts +21 -0
- package/dist/fx/convenience-hooks/use-glow.d.ts.map +1 -0
- package/dist/fx/convenience-hooks/use-shadow.d.ts +21 -0
- package/dist/fx/convenience-hooks/use-shadow.d.ts.map +1 -0
- package/dist/fx/fx-creators/blur.d.ts +37 -0
- package/dist/fx/fx-creators/blur.d.ts.map +1 -0
- package/dist/fx/fx-creators/color-matrix.d.ts +31 -0
- package/dist/fx/fx-creators/color-matrix.d.ts.map +1 -0
- package/dist/fx/fx-creators/glow.d.ts +36 -0
- package/dist/fx/fx-creators/glow.d.ts.map +1 -0
- package/dist/fx/fx-creators/index.d.ts +10 -0
- package/dist/fx/fx-creators/index.d.ts.map +1 -0
- package/dist/fx/fx-creators/pixelate.d.ts +24 -0
- package/dist/fx/fx-creators/pixelate.d.ts.map +1 -0
- package/dist/fx/fx-creators/shadow.d.ts +43 -0
- package/dist/fx/fx-creators/shadow.d.ts.map +1 -0
- package/dist/fx/fx-creators/vignette.d.ts +33 -0
- package/dist/fx/fx-creators/vignette.d.ts.map +1 -0
- package/dist/fx/fx-registry.d.ts +59 -0
- package/dist/fx/fx-registry.d.ts.map +1 -0
- package/dist/fx/index.d.ts +51 -0
- package/dist/fx/index.d.ts.map +1 -0
- package/dist/fx/use-fx.d.ts +53 -0
- package/dist/fx/use-fx.d.ts.map +1 -0
- package/dist/gestures/gesture-manager.d.ts +149 -0
- package/dist/gestures/gesture-manager.d.ts.map +1 -0
- package/dist/gestures/gesture-types.d.ts +229 -0
- package/dist/gestures/gesture-types.d.ts.map +1 -0
- package/dist/hooks-svg.d.ts +104 -0
- package/dist/hooks-svg.d.ts.map +1 -0
- package/dist/hooks.d.ts +135 -0
- package/dist/hooks.d.ts.map +1 -0
- package/dist/host.d.ts +74 -0
- package/dist/host.d.ts.map +1 -0
- package/dist/index.cjs +584 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +34 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +582 -0
- package/dist/index.js.map +1 -0
- package/dist/jsx-dev-runtime.cjs +10 -0
- package/dist/jsx-dev-runtime.cjs.map +1 -0
- package/dist/jsx-dev-runtime.d.ts +5 -0
- package/dist/jsx-dev-runtime.d.ts.map +1 -0
- package/dist/jsx-dev-runtime.js +11 -0
- package/dist/jsx-dev-runtime.js.map +1 -0
- package/dist/jsx-runtime.cjs +43 -0
- package/dist/jsx-runtime.cjs.map +1 -0
- package/dist/jsx-runtime.d.ts +25 -0
- package/dist/jsx-runtime.d.ts.map +1 -0
- package/dist/jsx-runtime.js +43 -0
- package/dist/jsx-runtime.js.map +1 -0
- package/dist/jsx-types.d.ts +33 -0
- package/dist/jsx-types.d.ts.map +1 -0
- package/dist/layout/appliers/background-applier.d.ts +16 -0
- package/dist/layout/appliers/background-applier.d.ts.map +1 -0
- package/dist/layout/appliers/container-applier.d.ts +9 -0
- package/dist/layout/appliers/container-applier.d.ts.map +1 -0
- package/dist/layout/appliers/position-applier.d.ts +8 -0
- package/dist/layout/appliers/position-applier.d.ts.map +1 -0
- package/dist/layout/index.d.ts +22 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/layout-engine-test-utils.d.ts +19 -0
- package/dist/layout/layout-engine-test-utils.d.ts.map +1 -0
- package/dist/layout/layout-engine.d.ts +98 -0
- package/dist/layout/layout-engine.d.ts.map +1 -0
- package/dist/layout/strategies/base-strategy.d.ts +59 -0
- package/dist/layout/strategies/base-strategy.d.ts.map +1 -0
- package/dist/layout/strategies/column-layout.d.ts +38 -0
- package/dist/layout/strategies/column-layout.d.ts.map +1 -0
- package/dist/layout/strategies/row-layout.d.ts +38 -0
- package/dist/layout/strategies/row-layout.d.ts.map +1 -0
- package/dist/layout/strategies/stack-layout.d.ts +30 -0
- package/dist/layout/strategies/stack-layout.d.ts.map +1 -0
- package/dist/layout/types.d.ts +137 -0
- package/dist/layout/types.d.ts.map +1 -0
- package/dist/layout/utils/child-utils.d.ts +74 -0
- package/dist/layout/utils/child-utils.d.ts.map +1 -0
- package/dist/layout/utils/dimension-calculator.d.ts +59 -0
- package/dist/layout/utils/dimension-calculator.d.ts.map +1 -0
- package/dist/layout/utils/flex-distributor.d.ts +18 -0
- package/dist/layout/utils/flex-distributor.d.ts.map +1 -0
- package/dist/layout/utils/size-resolver.d.ts +84 -0
- package/dist/layout/utils/size-resolver.d.ts.map +1 -0
- package/dist/layout/utils/spacing-calculator.d.ts +27 -0
- package/dist/layout/utils/spacing-calculator.d.ts.map +1 -0
- package/dist/memo.d.ts +29 -0
- package/dist/memo.d.ts.map +1 -0
- package/dist/portal/index.d.ts +6 -0
- package/dist/portal/index.d.ts.map +1 -0
- package/dist/portal/portal-registry.d.ts +97 -0
- package/dist/portal/portal-registry.d.ts.map +1 -0
- package/dist/portal/portal-types.d.ts +20 -0
- package/dist/portal/portal-types.d.ts.map +1 -0
- package/dist/render-context.d.ts +118 -0
- package/dist/render-context.d.ts.map +1 -0
- package/dist/scripts/generate-icon-loaders.d.ts +2 -0
- package/dist/scripts/generate-icon-loaders.d.ts.map +1 -0
- package/dist/scripts/generate-icon-loaders.js +195 -0
- package/dist/scripts/generate-icon-types.d.ts +2 -0
- package/dist/scripts/generate-icon-types.d.ts.map +1 -0
- package/dist/scripts/generate-icon-types.js +124 -0
- package/dist/scripts/generate-icons.d.ts +37 -0
- package/dist/scripts/generate-icons.d.ts.map +1 -0
- package/dist/scripts/generate-icons.js +494 -0
- package/dist/scripts/icon-generator-config.d.ts +87 -0
- package/dist/scripts/icon-generator-config.d.ts.map +1 -0
- package/dist/scripts/icon-generator-config.js +6 -0
- package/dist/theme-base.d.ts +116 -0
- package/dist/theme-base.d.ts.map +1 -0
- package/dist/theme-custom.d.ts +262 -0
- package/dist/theme-custom.d.ts.map +1 -0
- package/dist/theme-defaults.d.ts +6 -0
- package/dist/theme-defaults.d.ts.map +1 -0
- package/dist/theme.d.ts +132 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/tooltip/tooltip-types.d.ts +57 -0
- package/dist/tooltip/tooltip-types.d.ts.map +1 -0
- package/dist/types.d.ts +34 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/utils/KeyboardInputManager.d.ts +48 -0
- package/dist/utils/KeyboardInputManager.d.ts.map +1 -0
- package/dist/utils/dom-input-manager.d.ts +109 -0
- package/dist/utils/dom-input-manager.d.ts.map +1 -0
- package/dist/utils/svg-texture.d.ts +30 -0
- package/dist/utils/svg-texture.d.ts.map +1 -0
- package/dist/utils/texture-registry.d.ts +49 -0
- package/dist/utils/texture-registry.d.ts.map +1 -0
- package/dist/vdom.d.ts +60 -0
- package/dist/vdom.d.ts.map +1 -0
- package/dist/viewport-context.d.ts +39 -0
- package/dist/viewport-context.d.ts.map +1 -0
- package/dist/vite-plugin-icons.d.ts +29 -0
- package/dist/vite-plugin-icons.d.ts.map +1 -0
- package/dist/vite-plugin-icons.js +95 -0
- package/package.json +117 -0
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { ViewProps } from '..';
|
|
2
|
+
import { ChildrenType } from '../../types';
|
|
3
|
+
export type SidebarVariant = 'solid' | 'muted' | 'ghost' | 'inset';
|
|
4
|
+
export type SidebarSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface SidebarNavItem {
|
|
6
|
+
key?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
icon?: ChildrenType;
|
|
9
|
+
badge?: ChildrenType | number;
|
|
10
|
+
active?: boolean;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
onSelect?: (key: string | undefined) => void;
|
|
13
|
+
content?: ChildrenType;
|
|
14
|
+
}
|
|
15
|
+
export interface SidebarSection {
|
|
16
|
+
key?: string;
|
|
17
|
+
title?: string | ChildrenType;
|
|
18
|
+
items?: SidebarNavItem[];
|
|
19
|
+
footer?: ChildrenType;
|
|
20
|
+
content?: ChildrenType;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Props for Sidebar component - extends ViewProps for full flexibility
|
|
24
|
+
*/
|
|
25
|
+
export interface SidebarProps extends ViewProps {
|
|
26
|
+
/** Visual variant */
|
|
27
|
+
variant?: SidebarVariant;
|
|
28
|
+
/** Size preset for padding/gaps */
|
|
29
|
+
size?: SidebarSize;
|
|
30
|
+
/** Pinned header content */
|
|
31
|
+
header?: ChildrenType;
|
|
32
|
+
/** Pinned footer content */
|
|
33
|
+
footer?: ChildrenType;
|
|
34
|
+
/** Structured navigation sections */
|
|
35
|
+
sections?: SidebarSection[];
|
|
36
|
+
/** Enable internal scroll area for long content */
|
|
37
|
+
scrollable?: boolean;
|
|
38
|
+
/** Render dividers between sections */
|
|
39
|
+
showDividers?: boolean;
|
|
40
|
+
/** Override item spacing */
|
|
41
|
+
itemGap?: number;
|
|
42
|
+
/** Override section spacing */
|
|
43
|
+
sectionGap?: number;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Sidebar component - pre-configured container for navigation/options
|
|
47
|
+
* Adds variants, size presets, and optional header/sections/footer slots.
|
|
48
|
+
*/
|
|
49
|
+
export declare function Sidebar(props: SidebarProps): any;
|
|
50
|
+
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Sidebar.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAA;AAKnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAM/C,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAA;AAClE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAE5C,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;IAC5C,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,MAAM,WAAW,cAAc;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC7B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;IACxB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C,qBAAqB;IACrB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;IAC3B,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uCAAuC;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA2BD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,OAwK1C"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { EffectDefinition } from '../../effects';
|
|
2
|
+
import { VNode } from '../../hooks';
|
|
3
|
+
import { ChildrenType } from '../../types';
|
|
4
|
+
import { ViewProps } from '..';
|
|
5
|
+
/**
|
|
6
|
+
* Slider mark/tick definition
|
|
7
|
+
*/
|
|
8
|
+
export interface SliderMark {
|
|
9
|
+
/** Value at this mark */
|
|
10
|
+
value: number;
|
|
11
|
+
/** Optional label to display */
|
|
12
|
+
label?: VNode;
|
|
13
|
+
/** Custom style for this mark */
|
|
14
|
+
style?: {
|
|
15
|
+
color?: number;
|
|
16
|
+
height?: number;
|
|
17
|
+
width?: number;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Props for Slider component
|
|
22
|
+
*/
|
|
23
|
+
export interface SliderProps extends Omit<ViewProps, 'children'>, EffectDefinition {
|
|
24
|
+
/** Current value (controlled) */
|
|
25
|
+
value?: number;
|
|
26
|
+
/** Default value (uncontrolled) */
|
|
27
|
+
defaultValue?: number;
|
|
28
|
+
/** Minimum value */
|
|
29
|
+
min?: number;
|
|
30
|
+
/** Maximum value */
|
|
31
|
+
max?: number;
|
|
32
|
+
/** Step increment (default: 1) */
|
|
33
|
+
step?: number;
|
|
34
|
+
/** Orientation */
|
|
35
|
+
orientation?: 'horizontal' | 'vertical';
|
|
36
|
+
/** Reverse direction (right-to-left or bottom-to-top) */
|
|
37
|
+
reverse?: boolean;
|
|
38
|
+
/** Disabled state */
|
|
39
|
+
disabled?: boolean;
|
|
40
|
+
/** Show value label on thumb */
|
|
41
|
+
showValue?: boolean;
|
|
42
|
+
/** Value label offset (x, y) relative to thumb - overrides theme */
|
|
43
|
+
valueLabelOffset?: {
|
|
44
|
+
x?: number;
|
|
45
|
+
y?: number;
|
|
46
|
+
};
|
|
47
|
+
/** Custom value formatter for label */
|
|
48
|
+
formatValue?: (value: number) => string;
|
|
49
|
+
/** Marks/ticks to display */
|
|
50
|
+
marks?: SliderMark[] | boolean;
|
|
51
|
+
/** Snap to marks/steps */
|
|
52
|
+
snap?: boolean;
|
|
53
|
+
/** Track length (overrides theme default) */
|
|
54
|
+
trackLength?: number;
|
|
55
|
+
/** Custom thumb renderer */
|
|
56
|
+
renderThumb?: (value: number, isDragging: boolean) => ChildrenType;
|
|
57
|
+
/** Custom track renderer */
|
|
58
|
+
renderTrack?: (fillPercentage: number) => ChildrenType;
|
|
59
|
+
/** Callback when value changes */
|
|
60
|
+
onChange?: (value: number) => void;
|
|
61
|
+
/** Callback when dragging starts */
|
|
62
|
+
onChangeStart?: (value: number) => void;
|
|
63
|
+
/** Callback when dragging ends */
|
|
64
|
+
onChangeEnd?: (value: number) => void;
|
|
65
|
+
}
|
|
66
|
+
/**
|
|
67
|
+
* Props for RangeSlider component
|
|
68
|
+
*/
|
|
69
|
+
export interface RangeSliderProps extends Omit<ViewProps, 'children'>, EffectDefinition {
|
|
70
|
+
/** Current value range (controlled) */
|
|
71
|
+
value?: [number, number];
|
|
72
|
+
/** Default value range (uncontrolled) */
|
|
73
|
+
defaultValue?: [number, number];
|
|
74
|
+
/** Minimum value */
|
|
75
|
+
min?: number;
|
|
76
|
+
/** Maximum value */
|
|
77
|
+
max?: number;
|
|
78
|
+
/** Step increment (default: 1) */
|
|
79
|
+
step?: number;
|
|
80
|
+
/** Orientation */
|
|
81
|
+
orientation?: 'horizontal' | 'vertical';
|
|
82
|
+
/** Reverse direction (right-to-left or bottom-to-top) */
|
|
83
|
+
reverse?: boolean;
|
|
84
|
+
/** Disabled state */
|
|
85
|
+
disabled?: boolean;
|
|
86
|
+
/** Show value labels on thumbs */
|
|
87
|
+
showValue?: boolean;
|
|
88
|
+
/** Value label offset for first thumb (x, y) - overrides theme */
|
|
89
|
+
valueLabelOffset1?: {
|
|
90
|
+
x?: number;
|
|
91
|
+
y?: number;
|
|
92
|
+
};
|
|
93
|
+
/** Value label offset for second thumb (x, y) - overrides theme */
|
|
94
|
+
valueLabelOffset2?: {
|
|
95
|
+
x?: number;
|
|
96
|
+
y?: number;
|
|
97
|
+
};
|
|
98
|
+
/** Custom value formatter for labels */
|
|
99
|
+
formatValue?: (value: number) => string;
|
|
100
|
+
/** Marks/ticks to display */
|
|
101
|
+
marks?: SliderMark[] | boolean;
|
|
102
|
+
/** Snap to marks/steps */
|
|
103
|
+
snap?: boolean;
|
|
104
|
+
/** Track length (overrides theme default) */
|
|
105
|
+
trackLength?: number;
|
|
106
|
+
/** Minimum distance between thumbs */
|
|
107
|
+
minDistance?: number;
|
|
108
|
+
/** Custom thumb renderer */
|
|
109
|
+
renderThumb?: (value: number, isDragging: boolean, thumbIndex?: number) => ChildrenType;
|
|
110
|
+
/** Custom track renderer */
|
|
111
|
+
renderTrack?: (startPercentage: number, endPercentage?: number) => ChildrenType;
|
|
112
|
+
/** Callback when value changes */
|
|
113
|
+
onChange?: (value: [number, number]) => void;
|
|
114
|
+
/** Callback when dragging starts */
|
|
115
|
+
onChangeStart?: (value: [number, number]) => void;
|
|
116
|
+
/** Callback when dragging ends */
|
|
117
|
+
onChangeEnd?: (value: [number, number]) => void;
|
|
118
|
+
}
|
|
119
|
+
/**
|
|
120
|
+
* Slider component - interactive single value selection
|
|
121
|
+
* @param props - Slider properties
|
|
122
|
+
* @returns Slider JSX element
|
|
123
|
+
*/
|
|
124
|
+
export declare function Slider(props: SliderProps): any;
|
|
125
|
+
/**
|
|
126
|
+
* RangeSlider component - interactive range selection with two thumbs
|
|
127
|
+
* @param props - RangeSlider properties
|
|
128
|
+
* @returns RangeSlider JSX element
|
|
129
|
+
*/
|
|
130
|
+
export declare function RangeSlider(props: RangeSliderProps): any;
|
|
131
|
+
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { default as Phaser } from 'phaser';
|
|
2
|
+
import { EdgeInsets, PhaserProps, TextSpecificProps, TransformProps } from '../../core-props';
|
|
3
|
+
import { ChildrenType, PropsDefaultExtension } from '../../types';
|
|
4
|
+
/**
|
|
5
|
+
* Props for Text component
|
|
6
|
+
* Explicitly defined to ensure type safety in JSX usage
|
|
7
|
+
*/
|
|
8
|
+
export interface TextProps extends Omit<TransformProps, 'scaleX' | 'scaleY' | 'scale' | 'rotation'>, PhaserProps, TextSpecificProps, PropsDefaultExtension<Phaser.GameObjects.Text> {
|
|
9
|
+
/** Children are not supported for Text component */
|
|
10
|
+
children?: ChildrenType;
|
|
11
|
+
/** Margin for layout system */
|
|
12
|
+
margin?: EdgeInsets;
|
|
13
|
+
/** Legacy Phaser style object */
|
|
14
|
+
style?: Phaser.Types.GameObjects.Text.TextStyle | undefined;
|
|
15
|
+
}
|
|
16
|
+
/**
|
|
17
|
+
* Text component
|
|
18
|
+
* Renders text with full styling support
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* <Text text="Hello World" />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
25
|
+
export declare function Text(props: TextProps): any;
|
|
26
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Text.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGlG,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC,EACtE,WAAW,EACX,iBAAiB,EACjB,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC;IAChD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAA;CAC5D;AAED;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,OAQpC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { PartialTheme } from '../../theme-base';
|
|
2
|
+
import { ChildrenType } from '../../types';
|
|
3
|
+
/**
|
|
4
|
+
* Props for Toggle component
|
|
5
|
+
*/
|
|
6
|
+
export interface ToggleProps {
|
|
7
|
+
/** Whether the toggle is checked/on */
|
|
8
|
+
checked?: boolean;
|
|
9
|
+
/** Callback when toggle state changes */
|
|
10
|
+
onChange?: (checked: boolean) => void;
|
|
11
|
+
/** Optional label text */
|
|
12
|
+
label?: string;
|
|
13
|
+
/** Label position relative to toggle */
|
|
14
|
+
labelPosition?: 'left' | 'right' | 'none';
|
|
15
|
+
/** Disabled state */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
/** Optional prefix content (e.g., Icon) */
|
|
18
|
+
prefix?: ChildrenType;
|
|
19
|
+
/** Optional suffix content */
|
|
20
|
+
suffix?: ChildrenType;
|
|
21
|
+
/** Theme overrides */
|
|
22
|
+
theme?: PartialTheme;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Toggle/Switch component
|
|
26
|
+
* Animated on/off switch with customizable appearance
|
|
27
|
+
*
|
|
28
|
+
* @example
|
|
29
|
+
* ```tsx
|
|
30
|
+
* // Basic toggle
|
|
31
|
+
* <Toggle checked={isEnabled} onChange={setIsEnabled} label="Enable feature" />
|
|
32
|
+
*
|
|
33
|
+
* // With custom positioning
|
|
34
|
+
* <Toggle
|
|
35
|
+
* checked={value}
|
|
36
|
+
* onChange={setValue}
|
|
37
|
+
* label="Dark Mode"
|
|
38
|
+
* labelPosition="left"
|
|
39
|
+
* />
|
|
40
|
+
*
|
|
41
|
+
* // With icons
|
|
42
|
+
* <Toggle
|
|
43
|
+
* checked={value}
|
|
44
|
+
* onChange={setValue}
|
|
45
|
+
* prefix={<Icon type="sun" />}
|
|
46
|
+
* suffix={<Icon type="moon" />}
|
|
47
|
+
* />
|
|
48
|
+
* ```
|
|
49
|
+
*/
|
|
50
|
+
export declare function Toggle(props: ToggleProps): any;
|
|
51
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Toggle.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAqB/C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IACzC,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,sBAAsB;IACtB,KAAK,CAAC,EAAE,YAAY,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,OAmMxC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { VNode } from '../../hooks';
|
|
2
|
+
import { ViewProps } from '..';
|
|
3
|
+
/**
|
|
4
|
+
* Extended ViewProps with origin support for declarative transforms
|
|
5
|
+
*/
|
|
6
|
+
export interface TransformOriginViewProps extends Omit<ViewProps, 'children'> {
|
|
7
|
+
/**
|
|
8
|
+
* Origin X for rotation and scale (0 = left, 0.5 = center, 1 = right)
|
|
9
|
+
* @default 0.5
|
|
10
|
+
*/
|
|
11
|
+
originX?: number;
|
|
12
|
+
/**
|
|
13
|
+
* Origin Y for rotation and scale (0 = top, 0.5 = center, 1 = bottom)
|
|
14
|
+
* @default 0.5
|
|
15
|
+
*/
|
|
16
|
+
originY?: number;
|
|
17
|
+
/**
|
|
18
|
+
* Child elements to render with centered origin
|
|
19
|
+
*/
|
|
20
|
+
children?: VNode;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* TransformOriginView component - declarative transforms around custom origin point
|
|
24
|
+
*
|
|
25
|
+
* Uses three nested Views to apply rotation/scale around configurable origin:
|
|
26
|
+
* - Outer View: Defines bounding box, receives layout/position props
|
|
27
|
+
* - Middle View: Positioned at origin point, receives transform/visual props
|
|
28
|
+
* - Inner View: Contains content, offset to align with origin
|
|
29
|
+
*
|
|
30
|
+
* @param props - TransformOriginView props
|
|
31
|
+
* @returns JSX element
|
|
32
|
+
*/
|
|
33
|
+
export declare function TransformOriginView({ originX, originY, width, height, x, y, children, rotation, scale, scaleX, scaleY, backgroundColor, backgroundAlpha, cornerRadius, borderWidth, borderColor, borderAlpha, ...outerViewProps }: TransformOriginViewProps): any;
|
|
34
|
+
//# sourceMappingURL=TransformOriginView.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TransformOriginView.d.ts","sourceRoot":"","sources":["../../../src/components/custom/TransformOriginView.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAA;AAEnC;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IAC3E;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAa,EACb,OAAa,EACb,KAAK,EACL,MAAM,EACN,CAAK,EACL,CAAK,EACL,QAAQ,EAER,QAAQ,EACR,KAAK,EACL,MAAM,EACN,MAAM,EAEN,eAAe,EACf,eAAe,EACf,YAAY,EACZ,WAAW,EACX,WAAW,EACX,WAAW,EAEX,GAAG,cAAc,EAClB,EAAE,wBAAwB,OAsD1B"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { default as Phaser } from 'phaser';
|
|
2
|
+
import { BackgroundProps, GestureProps, LayoutProps, PhaserProps, TransformProps } from '../../core-props';
|
|
3
|
+
import { ChildrenType, PropsDefaultExtension } from '../../types';
|
|
4
|
+
/**
|
|
5
|
+
* Props for View component
|
|
6
|
+
* Explicitly defined to ensure type safety in JSX usage
|
|
7
|
+
*/
|
|
8
|
+
export interface ViewProps extends TransformProps, PhaserProps, LayoutProps, BackgroundProps, GestureProps, PropsDefaultExtension<Phaser.GameObjects.Container> {
|
|
9
|
+
/** Child components */
|
|
10
|
+
children?: ChildrenType;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* View component
|
|
14
|
+
* Primary layout container with background styling and gesture support
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <View direction="row" gap={10} padding={20}>
|
|
19
|
+
* <Text text="Hello" />
|
|
20
|
+
* <Text text="World" />
|
|
21
|
+
* </View>
|
|
22
|
+
*
|
|
23
|
+
* <View backgroundColor={0x3498db} cornerRadius={8}>
|
|
24
|
+
* <Text text="Card" />
|
|
25
|
+
* </View>
|
|
26
|
+
*
|
|
27
|
+
* <View enableGestures={true} onTouch={() => console.log('clicked')}>
|
|
28
|
+
* <Text text="Button" />
|
|
29
|
+
* </View>
|
|
30
|
+
* ```
|
|
31
|
+
*/
|
|
32
|
+
export declare function View(props: ViewProps): any;
|
|
33
|
+
//# sourceMappingURL=View.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../src/components/custom/View.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B;;;GAGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EACV,eAAe,EACf,YAAY,EACZ,WAAW,EACX,WAAW,EACX,cAAc,EACf,MAAM,kBAAkB,CAAA;AAGzB,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAEtE;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,cAAc,EACpB,WAAW,EACX,WAAW,EACX,eAAe,EACf,YAAY,EACZ,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC;IACrD,uBAAuB;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAA;CACxB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,OAMpC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { TextProps } from '../index';
|
|
2
|
+
/**
|
|
3
|
+
* WrapText component props
|
|
4
|
+
*/
|
|
5
|
+
export interface WrapTextProps extends TextProps {
|
|
6
|
+
/** Enable/disable automatic wrapping (default: true) */
|
|
7
|
+
wrap?: boolean;
|
|
8
|
+
/** Optional cache key to persist measured width across remounts */
|
|
9
|
+
cacheKey?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* WrapText component
|
|
13
|
+
* Automatically wraps text based on parent container width
|
|
14
|
+
*
|
|
15
|
+
* **IMPORTANT:** Parent container MUST have explicit width!
|
|
16
|
+
* - Use `width={300}` or `width="fill"` on parent
|
|
17
|
+
* - `maxWidth` alone does NOT work (layout system limitation)
|
|
18
|
+
*
|
|
19
|
+
* @param props - WrapText props
|
|
20
|
+
* @returns WrapText component
|
|
21
|
+
*
|
|
22
|
+
* @example
|
|
23
|
+
* ```tsx
|
|
24
|
+
* // ✅ CORRECT: Parent with explicit width
|
|
25
|
+
* <View width={400}>
|
|
26
|
+
* <WrapText text="This text will wrap at 400px" />
|
|
27
|
+
* </View>
|
|
28
|
+
*
|
|
29
|
+
* // ✅ CORRECT: Parent with fill (if its parent has size)
|
|
30
|
+
* <View width="fill">
|
|
31
|
+
* <WrapText text="This text wraps to parent width" />
|
|
32
|
+
* </View>
|
|
33
|
+
*
|
|
34
|
+
* // ❌ WRONG: Only maxWidth (text won't wrap correctly)
|
|
35
|
+
* <View maxWidth={400}>
|
|
36
|
+
* <WrapText text="This won't work as expected" />
|
|
37
|
+
* </View>
|
|
38
|
+
*
|
|
39
|
+
* // With styling
|
|
40
|
+
* <View width={300}>
|
|
41
|
+
* <WrapText
|
|
42
|
+
* text="Styled text"
|
|
43
|
+
* style={{ fontSize: '16px', color: '#333' }}
|
|
44
|
+
* align="center"
|
|
45
|
+
* />
|
|
46
|
+
* </View>
|
|
47
|
+
*
|
|
48
|
+
* // Disable wrapping
|
|
49
|
+
* <View width={300}>
|
|
50
|
+
* <WrapText text="Single line" wrap={false} />
|
|
51
|
+
* </View>
|
|
52
|
+
*
|
|
53
|
+
* // With padding offset
|
|
54
|
+
* <View width={400} padding={24}>
|
|
55
|
+
* <WrapText text="Text" paddingOffset={48} />
|
|
56
|
+
* </View>
|
|
57
|
+
* ```
|
|
58
|
+
*/
|
|
59
|
+
export declare function WrapText(props: WrapTextProps): any;
|
|
60
|
+
//# sourceMappingURL=WrapText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WrapText.d.ts","sourceRoot":"","sources":["../../../src/components/custom/WrapText.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAErD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS;IAC9C,wDAAwD;IACxD,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,OAuI5C"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const TransformOriginView = require("../../TransformOriginView-BYPbRH8N.cjs");
|
|
4
|
+
exports.Accordion = TransformOriginView.Accordion;
|
|
5
|
+
exports.AlertDialog = TransformOriginView.AlertDialog;
|
|
6
|
+
exports.Button = TransformOriginView.Button;
|
|
7
|
+
exports.CharText = TransformOriginView.CharText;
|
|
8
|
+
exports.CharTextInput = TransformOriginView.CharTextInput;
|
|
9
|
+
exports.Dialog = TransformOriginView.Dialog;
|
|
10
|
+
exports.Divider = TransformOriginView.Divider;
|
|
11
|
+
exports.Dropdown = TransformOriginView.Dropdown;
|
|
12
|
+
exports.Icon = TransformOriginView.Icon;
|
|
13
|
+
exports.Image = TransformOriginView.Image;
|
|
14
|
+
exports.Modal = TransformOriginView.Modal;
|
|
15
|
+
exports.NineSlice = TransformOriginView.NineSlice;
|
|
16
|
+
exports.NineSliceButton = TransformOriginView.NineSliceButton;
|
|
17
|
+
exports.Portal = TransformOriginView.Portal;
|
|
18
|
+
exports.RadioButton = TransformOriginView.RadioButton;
|
|
19
|
+
exports.RadioGroup = TransformOriginView.RadioGroup;
|
|
20
|
+
exports.RangeSlider = TransformOriginView.RangeSlider;
|
|
21
|
+
exports.RefOriginView = TransformOriginView.RefOriginView;
|
|
22
|
+
exports.ScrollSlider = TransformOriginView.ScrollSlider;
|
|
23
|
+
exports.ScrollView = TransformOriginView.ScrollView;
|
|
24
|
+
exports.Sidebar = TransformOriginView.Sidebar;
|
|
25
|
+
exports.Slider = TransformOriginView.Slider;
|
|
26
|
+
exports.Toggle = TransformOriginView.Toggle;
|
|
27
|
+
exports.TransformOriginView = TransformOriginView.TransformOriginView;
|
|
28
|
+
exports.WrapText = TransformOriginView.WrapText;
|
|
29
|
+
exports.calculateSliderSize = TransformOriginView.calculateSliderSize;
|
|
30
|
+
exports.createIconComponent = TransformOriginView.createIconComponent;
|
|
31
|
+
exports.useIconPreload = TransformOriginView.useIconPreload;
|
|
32
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Custom components for PhaserJSX UI
|
|
3
|
+
* Higher-level components built on top of built-in primitives
|
|
4
|
+
*/
|
|
5
|
+
export { Accordion, type AccordionProps } from './Accordion';
|
|
6
|
+
export { AlertDialog, type AlertDialogProps } from './AlertDialog';
|
|
7
|
+
export { Button, type ButtonProps } from './Button';
|
|
8
|
+
export { CharText, type CharTextAPI, type CharTextProps } from './CharText';
|
|
9
|
+
export { CharTextInput, type CharTextInputProps } from './CharTextInput';
|
|
10
|
+
export { Dialog, type DialogProps } from './Dialog';
|
|
11
|
+
export { Divider, type DividerProps } from './Divider';
|
|
12
|
+
export { Dropdown, type DropdownOption, type DropdownProps } from './Dropdown';
|
|
13
|
+
export { Icon, createIconComponent, useIconPreload, type IconLoaderFn, type IconProps, } from './Icon';
|
|
14
|
+
export { Image, type ImageProps } from './Image';
|
|
15
|
+
export { Modal, type ModalProps } from './Modal';
|
|
16
|
+
export { NineSlice, type NineSliceProps } from './NineSlice';
|
|
17
|
+
export { NineSliceButton, type NineSliceButtonProps } from './NineSliceButton';
|
|
18
|
+
export { Portal, type PortalProps } from './Portal';
|
|
19
|
+
export { RadioButton, type RadioButtonProps } from './RadioButton';
|
|
20
|
+
export { RadioGroup, type RadioGroupProps } from './RadioGroup';
|
|
21
|
+
export { RefOriginView, type RefOriginViewProps } from './RefOriginView';
|
|
22
|
+
export { ScrollSlider, calculateSliderSize, type ScrollSliderProps, type SliderSize, } from './ScrollSlider';
|
|
23
|
+
export { ScrollView, type ScrollInfo, type ScrollViewProps } from './ScrollView';
|
|
24
|
+
export { Sidebar, type SidebarNavItem, type SidebarProps, type SidebarSection, type SidebarSize, type SidebarVariant, } from './Sidebar';
|
|
25
|
+
export { RangeSlider, Slider, type RangeSliderProps, type SliderMark, type SliderProps, } from './Slider';
|
|
26
|
+
export { Toggle, type ToggleProps } from './Toggle';
|
|
27
|
+
export { TransformOriginView, type TransformOriginViewProps } from './TransformOriginView';
|
|
28
|
+
export { WrapText, type WrapTextProps } from './WrapText';
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAC9E,OAAO,EACL,IAAI,EACJ,mBAAmB,EACnB,cAAc,EACd,KAAK,YAAY,EACjB,KAAK,SAAS,GACf,MAAM,QAAQ,CAAA;AACf,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAC9E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,KAAK,iBAAiB,EACtB,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAChF,OAAO,EACL,OAAO,EACP,KAAK,cAAc,EACnB,KAAK,YAAY,EACjB,KAAK,cAAc,EACnB,KAAK,WAAW,EAChB,KAAK,cAAc,GACpB,MAAM,WAAW,CAAA;AAClB,OAAO,EACL,WAAW,EACX,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,UAAU,EACf,KAAK,WAAW,GACjB,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,uBAAuB,CAAA;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { A, a, B, C, b, D, c, d, I, f, M, N, g, P, R, h, m, i, S, k, l, n, T, o, W, j, e, u } from "../../TransformOriginView-CO-tJCmV.js";
|
|
2
|
+
export {
|
|
3
|
+
A as Accordion,
|
|
4
|
+
a as AlertDialog,
|
|
5
|
+
B as Button,
|
|
6
|
+
C as CharText,
|
|
7
|
+
b as CharTextInput,
|
|
8
|
+
D as Dialog,
|
|
9
|
+
c as Divider,
|
|
10
|
+
d as Dropdown,
|
|
11
|
+
I as Icon,
|
|
12
|
+
f as Image,
|
|
13
|
+
M as Modal,
|
|
14
|
+
N as NineSlice,
|
|
15
|
+
g as NineSliceButton,
|
|
16
|
+
P as Portal,
|
|
17
|
+
R as RadioButton,
|
|
18
|
+
h as RadioGroup,
|
|
19
|
+
m as RangeSlider,
|
|
20
|
+
i as RefOriginView,
|
|
21
|
+
S as ScrollSlider,
|
|
22
|
+
k as ScrollView,
|
|
23
|
+
l as Sidebar,
|
|
24
|
+
n as Slider,
|
|
25
|
+
T as Toggle,
|
|
26
|
+
o as TransformOriginView,
|
|
27
|
+
W as WrapText,
|
|
28
|
+
j as calculateSliderSize,
|
|
29
|
+
e as createIconComponent,
|
|
30
|
+
u as useIconPreload
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Component type constants for JSX usage (legacy primitives)
|
|
3
|
+
* Note: Image and NineSlice constants removed to avoid conflicts with custom components
|
|
4
|
+
* Use lowercase primitives or import wrappers from custom
|
|
5
|
+
*/
|
|
6
|
+
export declare const Sprite: "Sprite";
|
|
7
|
+
export declare const Graphics: "Graphics";
|
|
8
|
+
export declare const TileSprite: "TileSprite";
|
|
9
|
+
/**
|
|
10
|
+
* Registers all built-in components with the host
|
|
11
|
+
* This should be called during library initialization
|
|
12
|
+
* Note: TileSprite is currently dummy (throws on use)
|
|
13
|
+
*/
|
|
14
|
+
export declare function registerBuiltins(): void;
|
|
15
|
+
export { type LayoutSize } from './../layout/types';
|
|
16
|
+
export { Button, type ButtonProps } from './custom/Button';
|
|
17
|
+
export { RadioButton, type RadioButtonProps } from './custom/RadioButton';
|
|
18
|
+
export { RadioGroup, type RadioGroupOption, type RadioGroupProps } from './custom/RadioGroup';
|
|
19
|
+
export { Text, type TextProps } from './custom/Text';
|
|
20
|
+
export { View, type ViewProps } from './custom/View';
|
|
21
|
+
export { textCreator, textPatcher, type TextBaseProps } from './primitives/text';
|
|
22
|
+
export { viewCreator, viewPatcher, type ViewBaseProps } from './primitives/view';
|
|
23
|
+
export { nineSliceCreator, nineSlicePatcher, type NineSliceBaseProps, type NineSliceInnerBounds, type NineSlicePrimitiveProps, type NineSliceRef, } from './primitives/nineslice';
|
|
24
|
+
export { spriteCreator, spritePatcher, type SpriteBaseProps, type SpriteProps, } from './primitives/sprite';
|
|
25
|
+
export { imageCreator, imagePatcher, type ImageBaseProps, type ImagePrimitiveProps, } from './primitives/image';
|
|
26
|
+
export { graphicsCreator, graphicsPatcher, type GraphicsBaseProps, type GraphicsProps, } from './primitives/graphics';
|
|
27
|
+
export { tileSpriteCreator, tileSpritePatcher, type TileSpriteBaseProps, type TileSpriteProps, } from './primitives/tilesprite';
|
|
28
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAaA;;;;GAIG;AACH,eAAO,MAAM,MAAM,EAAG,QAAiB,CAAA;AACvC,eAAO,MAAM,QAAQ,EAAG,UAAmB,CAAA;AAC3C,eAAO,MAAM,UAAU,EAAG,YAAqB,CAAA;AAE/C;;;;GAIG;AACH,wBAAgB,gBAAgB,SAsB/B;AAGD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACzE,OAAO,EAAE,UAAU,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAC7F,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAA;AAGpD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGhF,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,kBAAkB,EACvB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,YAAY,GAClB,MAAM,wBAAwB,CAAA;AAG/B,OAAO,EACL,aAAa,EACb,aAAa,EACb,KAAK,eAAe,EACpB,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACzB,MAAM,oBAAoB,CAAA;AAG3B,OAAO,EACL,eAAe,EACf,eAAe,EACf,KAAK,iBAAiB,EACtB,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,mBAAmB,EACxB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { VNode } from '../../hooks';
|
|
2
|
+
/**
|
|
3
|
+
* Props for SceneWrapper
|
|
4
|
+
*/
|
|
5
|
+
export interface SceneWrapperProps {
|
|
6
|
+
/** Scene/container width in pixels */
|
|
7
|
+
width: number;
|
|
8
|
+
/** Scene/container height in pixels */
|
|
9
|
+
height: number;
|
|
10
|
+
/** Child component to render */
|
|
11
|
+
children: VNode;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Internal wrapper that provides scene dimensions to child components
|
|
15
|
+
* This allows child components to use percentage-based widths/heights
|
|
16
|
+
* @param props - SceneWrapper properties
|
|
17
|
+
* @returns View with absolute dimensions
|
|
18
|
+
*/
|
|
19
|
+
export declare function SceneWrapper(props: SceneWrapperProps): any;
|
|
20
|
+
//# sourceMappingURL=SceneWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SceneWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/internal/SceneWrapper.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,6BAA6B;AAC7B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAGxC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAA;CAChB;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,OAQpD"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { default as Phaser } from 'phaser';
|
|
2
|
+
import { LayoutProps, PhaserProps, TransformProps } from '../../core-props';
|
|
3
|
+
import { HostCreator, HostPatcher } from '../../host';
|
|
4
|
+
import { PropsDefaultExtension } from '../../types';
|
|
5
|
+
/**
|
|
6
|
+
* Base props for Graphics component
|
|
7
|
+
*/
|
|
8
|
+
export interface GraphicsBaseProps extends TransformProps, PhaserProps, LayoutProps {
|
|
9
|
+
/**
|
|
10
|
+
* Drawing callback - receives Graphics instance for custom drawing
|
|
11
|
+
* Called on mount and when dependencies change
|
|
12
|
+
* @param graphics - Phaser Graphics instance
|
|
13
|
+
* @param props - Current props (for accessing dynamic values)
|
|
14
|
+
*/
|
|
15
|
+
onDraw?: (graphics: Phaser.GameObjects.Graphics, props: GraphicsBaseProps) => void;
|
|
16
|
+
/**
|
|
17
|
+
* If true, graphics is cleared before onDraw is called
|
|
18
|
+
* Default: true (usually what you want)
|
|
19
|
+
*/
|
|
20
|
+
autoClear?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Dependencies array - if any value changes, onDraw is re-executed
|
|
23
|
+
* Similar to React useEffect dependencies
|
|
24
|
+
*/
|
|
25
|
+
dependencies?: unknown[];
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Props for Graphics component
|
|
29
|
+
*/
|
|
30
|
+
export interface GraphicsProps extends GraphicsBaseProps, PropsDefaultExtension<Phaser.GameObjects.Graphics> {
|
|
31
|
+
}
|
|
32
|
+
/**
|
|
33
|
+
* Graphics creator - creates a Phaser Graphics object
|
|
34
|
+
*/
|
|
35
|
+
export declare const graphicsCreator: HostCreator<'Graphics'>;
|
|
36
|
+
/**
|
|
37
|
+
* Graphics patcher - updates Graphics properties
|
|
38
|
+
*/
|
|
39
|
+
export declare const graphicsPatcher: HostPatcher<'Graphics'>;
|
|
40
|
+
//# sourceMappingURL=graphics.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"graphics.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/graphics.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyGG;AACH,OAAO,KAAK,MAAM,MAAM,QAAQ,CAAA;AAChC,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAA;AASxD;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,WAAW,EAAE,WAAW;IACjF;;;;;OAKG;IACH,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,WAAW,CAAC,QAAQ,EAAE,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IAElF;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,EAAE,CAAA;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,aACf,SAAQ,iBAAiB,EACvB,qBAAqB,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC;CAAG;AAEzD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,UAAU,CAqBnD,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,WAAW,CAAC,UAAU,CAYnD,CAAA"}
|