@mks2508/mks-ui 0.5.2 → 0.5.7

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.
Files changed (72) hide show
  1. package/dist/react-ui/index.js +8 -3
  2. package/dist/react-ui/primitives/index.js +5 -0
  3. package/dist/react-ui/primitives/waapi/Gooey/Gooey.types.d.ts +120 -0
  4. package/dist/react-ui/primitives/waapi/Gooey/Gooey.types.d.ts.map +1 -0
  5. package/dist/react-ui/primitives/waapi/Gooey/GooeyCanvas.d.ts +10 -0
  6. package/dist/react-ui/primitives/waapi/Gooey/GooeyCanvas.d.ts.map +1 -0
  7. package/dist/react-ui/primitives/waapi/Gooey/GooeyCanvas.js +190 -0
  8. package/dist/react-ui/primitives/waapi/Gooey/GooeyFilter.d.ts +7 -0
  9. package/dist/react-ui/primitives/waapi/Gooey/GooeyFilter.d.ts.map +1 -0
  10. package/dist/react-ui/primitives/waapi/Gooey/GooeyFilter.js +78 -0
  11. package/dist/react-ui/primitives/waapi/Gooey/MorphPath.d.ts +7 -0
  12. package/dist/react-ui/primitives/waapi/Gooey/MorphPath.d.ts.map +1 -0
  13. package/dist/react-ui/primitives/waapi/Gooey/MorphPath.js +51 -0
  14. package/dist/react-ui/primitives/waapi/Gooey/gooey-utils.d.ts +94 -0
  15. package/dist/react-ui/primitives/waapi/Gooey/gooey-utils.d.ts.map +1 -0
  16. package/dist/react-ui/primitives/waapi/Gooey/gooey-utils.js +182 -0
  17. package/dist/react-ui/primitives/waapi/Gooey/index.d.ts +28 -0
  18. package/dist/react-ui/primitives/waapi/Gooey/index.d.ts.map +1 -0
  19. package/dist/react-ui/primitives/waapi/Gooey/index.js +5 -0
  20. package/dist/react-ui/primitives/waapi/Gooey/useMorphPath.d.ts +7 -0
  21. package/dist/react-ui/primitives/waapi/Gooey/useMorphPath.d.ts.map +1 -0
  22. package/dist/react-ui/primitives/waapi/Gooey/useMorphPath.js +47 -0
  23. package/dist/react-ui/primitives/waapi/index.d.ts +2 -0
  24. package/dist/react-ui/primitives/waapi/index.d.ts.map +1 -1
  25. package/dist/react-ui/primitives/waapi/index.js +6 -0
  26. package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts +26 -16
  27. package/dist/react-ui/ui/DataCard/DataCard.styles.d.ts.map +1 -1
  28. package/dist/react-ui/ui/DataCard/DataCard.styles.js +36 -74
  29. package/dist/react-ui/ui/DataCard/DataCard.types.d.ts +50 -70
  30. package/dist/react-ui/ui/DataCard/DataCard.types.d.ts.map +1 -1
  31. package/dist/react-ui/ui/DataCard/index.d.ts +24 -93
  32. package/dist/react-ui/ui/DataCard/index.d.ts.map +1 -1
  33. package/dist/react-ui/ui/DataCard/index.js +76 -118
  34. package/dist/react-ui/ui/DynamicToggle/DynamicToggle-DOR3Ld-k.css +376 -0
  35. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.css +376 -0
  36. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.js +0 -0
  37. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts +20 -8
  38. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.d.ts.map +1 -1
  39. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.styles.js +55 -27
  40. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts +69 -14
  41. package/dist/react-ui/ui/DynamicToggle/DynamicToggle.types.d.ts.map +1 -1
  42. package/dist/react-ui/ui/DynamicToggle/index.d.ts +22 -20
  43. package/dist/react-ui/ui/DynamicToggle/index.d.ts.map +1 -1
  44. package/dist/react-ui/ui/DynamicToggle/index.js +133 -96
  45. package/dist/react-ui/ui/Switch/index.js +1 -1
  46. package/dist/react-ui/ui/index.js +2 -2
  47. package/package.json +2 -2
  48. package/src/css.d.ts +1 -0
  49. package/src/react-ui/primitives/waapi/Gooey/Gooey.types.ts +141 -0
  50. package/src/react-ui/primitives/waapi/Gooey/GooeyCanvas.tsx +217 -0
  51. package/src/react-ui/primitives/waapi/Gooey/GooeyFilter.tsx +77 -0
  52. package/src/react-ui/primitives/waapi/Gooey/MorphPath.tsx +58 -0
  53. package/src/react-ui/primitives/waapi/Gooey/gooey-utils.ts +253 -0
  54. package/src/react-ui/primitives/waapi/Gooey/index.ts +50 -0
  55. package/src/react-ui/primitives/waapi/Gooey/useMorphPath.ts +48 -0
  56. package/src/react-ui/primitives/waapi/index.ts +23 -0
  57. package/src/react-ui/ui/DataCard/DataCard.styles.ts +45 -101
  58. package/src/react-ui/ui/DataCard/DataCard.types.ts +52 -73
  59. package/src/react-ui/ui/DataCard/index.tsx +118 -184
  60. package/src/react-ui/ui/DynamicToggle/DynamicToggle.css +320 -94
  61. package/src/react-ui/ui/DynamicToggle/DynamicToggle.styles.ts +60 -40
  62. package/src/react-ui/ui/DynamicToggle/DynamicToggle.types.ts +101 -14
  63. package/src/react-ui/ui/DynamicToggle/index.tsx +172 -96
  64. package/src/react-ui/ui/DynamicToggle/prototype-v7-ios.html +413 -0
  65. package/src/react-ui/ui/DynamicToggle/prototype-v7.html +615 -0
  66. package/src/react-ui/ui/DynamicToggle/prototype-v8-gooey-safari.html +560 -0
  67. package/src/react-ui/ui/DynamicToggle/prototype-v8b-react-structure.html +227 -0
  68. package/src/react-ui/ui/DynamicToggle/prototype.html +419 -0
  69. package/src/react-ui/ui/Switch/index.tsx +1 -1
  70. /package/dist/react-ui/blocks/Terminal/panel/{terminal-filter-dropdown.module-DAcl_XQZ.css → terminal-filter-dropdown.module-C6oDcFBS.css} +0 -0
  71. /package/dist/react-ui/blocks/Terminal/panel/{terminal-session-tabs.module-DNAop5e3.css → terminal-session-tabs.module-D_-sgyza.css} +0 -0
  72. /package/dist/react-ui/components/MorphingPopover/{morphing-popover.module-BJrjXisF.css → morphing-popover.module-B1ftlaYj.css} +0 -0
@@ -1,45 +1,41 @@
1
+ /**
2
+ * DataCard type definitions.
3
+ *
4
+ * @module @mks2508/mks-ui/react/ui/DataCard
5
+ */
1
6
  import type { VariantProps } from 'class-variance-authority';
2
- import type { SlotOverrides } from '../../../core/types';
7
+ import type { SlotOverrides, IBaseConfig } from '../../../core/types';
3
8
  import type { dataCardVariants, DataCardSlot } from './DataCard.styles';
4
9
  export type { DataCardSlot } from './DataCard.styles';
5
- /**
6
- * Available visual variants for DataCard.
7
- * - 'default' - Standard glassmorphism with neutral borders
8
- * - 'accent' - Cyan accent with primary glow
9
- * - 'success' - Green accent for positive data
10
- * - 'warning' - Amber accent for warnings
11
- * - 'destructive' - Red accent for critical data
12
- */
10
+ /** Visual variant names */
13
11
  export type DataCardVariant = 'default' | 'accent' | 'success' | 'warning' | 'destructive';
14
- /**
15
- * Size variants affecting padding and spacing.
16
- * - 'compact' - Dense layout for dashboards
17
- * - 'default' - Standard balanced spacing
18
- * - 'spacious' - More breathing room
19
- */
12
+ /** Size variant names */
20
13
  export type DataCardSize = 'compact' | 'default' | 'spacious';
21
14
  /**
22
15
  * Interaction state for state-based styling.
23
- * Similar to Button's IButtonState pattern.
24
16
  */
25
17
  export interface IDataCardState {
26
- /** Whether card content is hovered. */
18
+ /** Whether card is hovered */
27
19
  hovered: boolean;
28
- /** Whether card is pressed/active. */
20
+ /** Whether card is pressed */
29
21
  pressed: boolean;
30
- /** Whether card is disabled. */
22
+ /** Whether card is disabled */
31
23
  disabled: boolean;
32
24
  }
33
25
  /**
34
26
  * Configuration for DataCard behavior and animation.
35
- * Extends IBaseConfig with card-specific settings.
27
+ *
28
+ * @example
29
+ * ```tsx
30
+ * <DataCard config={{ animateBrackets: true, counterStiffness: 150 }}>...</DataCard>
31
+ * ```
36
32
  */
37
- export interface IDataCardConfig {
38
- /** Enable/disable corner bracket animations. */
33
+ export interface IDataCardConfig extends IBaseConfig {
34
+ /** Enable corner bracket hover animation (default: true) */
39
35
  animateBrackets?: boolean;
40
- /** Spring stiffness for number counter. */
36
+ /** Spring stiffness for CountingNumber (default: 90) */
41
37
  counterStiffness?: number;
42
- /** Spring damping for number counter. */
38
+ /** Spring damping for CountingNumber (default: 10) */
43
39
  counterDamping?: number;
44
40
  }
45
41
  /**
@@ -48,88 +44,72 @@ export interface IDataCardConfig {
48
44
  * @example
49
45
  * ```tsx
50
46
  * <DataCard variant="accent" size="default">
51
- * <DataCardValue number={1234} />
52
- * <DataCardToggle />
47
+ * <DataCardLabel title="Revenue" description="This month" />
48
+ * <DataCardValue number={45678} unit="$" />
53
49
  * </DataCard>
54
50
  * ```
55
51
  */
56
52
  export interface IDataCardProps extends VariantProps<typeof dataCardVariants> {
57
- /** Visual style variant. */
53
+ /** Visual style variant */
58
54
  variant?: DataCardVariant;
59
- /** Size variant affecting spacing. */
55
+ /** Size variant affecting spacing */
60
56
  size?: DataCardSize;
61
- /** Whether card is disabled. */
57
+ /** Whether card is disabled */
62
58
  disabled?: boolean;
63
- /** Override classes for card visual regions. */
59
+ /** Override classes per slot */
64
60
  slots?: SlotOverrides<DataCardSlot>;
65
- /** Behavioral and animation configuration. */
61
+ /** Behavior/animation configuration */
66
62
  config?: IDataCardConfig;
67
- /** CSS class or function returning class based on card state. */
63
+ /** CSS class or state-based class function */
68
64
  className?: string | ((state: IDataCardState) => string | undefined);
69
- /** CSS styles or function returning styles based on card state. */
65
+ /** CSS styles or state-based styles function */
70
66
  style?: React.CSSProperties | ((state: IDataCardState) => React.CSSProperties | undefined);
71
- /** Enable glassmorphism effect (default: true). */
67
+ /** Enable glassmorphism blur (default: true) */
72
68
  glass?: boolean;
73
- /** Show corner brackets (default: true). */
69
+ /** Show corner brackets (default: true) */
74
70
  showBrackets?: boolean;
75
- /** Child elements. */
71
+ /** Child elements */
76
72
  children?: React.ReactNode;
77
73
  }
78
- /**
79
- * Props for DataCardValue - displays animated number.
80
- */
74
+ /** Props for DataCardValue */
81
75
  export interface IDataCardValueProps {
82
- /** Target number to animate to. */
76
+ /** Target number to animate to */
83
77
  number: number;
84
- /** Label displayed above: number. */
78
+ /** Label displayed above number */
85
79
  label?: string;
86
- /** Unit/suffix displayed after: number. */
80
+ /** Unit/suffix after number */
87
81
  unit?: string;
88
- /** Decimal places for precision. */
82
+ /** Decimal places (default: 0) */
89
83
  decimalPlaces?: number;
90
- /** Pad number with leading zeros. */
84
+ /** Pad number with leading zeros */
91
85
  padStart?: boolean;
92
86
  }
93
- /**
94
- * Props for DataCardLabel - title/description text.
95
- */
87
+ /** Props for DataCardLabel */
96
88
  export interface IDataCardLabelProps extends React.ComponentProps<'div'> {
97
- /** Primary title text. */
89
+ /** Primary title text */
98
90
  title?: string;
99
- /** Secondary description text. */
91
+ /** Secondary description */
100
92
  description?: string;
101
93
  }
102
- /**
103
- * Props for DataCardToggle - interactive switch element.
104
- */
94
+ /** Props for DataCardToggle */
105
95
  export interface IDataCardToggleProps {
106
- /** Whether toggle is checked. */
96
+ /** Whether toggle is checked */
107
97
  checked?: boolean;
108
- /** Callback when toggle state changes. */
98
+ /** Callback when toggle changes */
109
99
  onCheckedChange?: (checked: boolean) => void;
110
- /** Icon to show when checked (on). */
111
- checkedIcon?: React.ReactNode;
112
- /** Icon to show when unchecked (off). */
113
- uncheckedIcon?: React.ReactNode;
114
- /** Label for: toggle. */
100
+ /** Label for the toggle */
115
101
  label?: string;
116
- /** Override classes for toggle regions. */
117
- slots?: SlotOverrides<DataCardSlot>;
118
102
  }
119
- /**
120
- * Props for DataCardActions - action button container.
121
- */
103
+ /** Props for DataCardActions */
122
104
  export interface IDataCardActionsProps extends React.ComponentProps<'div'> {
123
- /** Alignment of action buttons. */
105
+ /** Button alignment */
124
106
  align?: 'start' | 'center' | 'end';
125
107
  }
126
- /**
127
- * Props for DataCardBracket - decorative corner element.
128
- */
108
+ /** Props for DataCardBracket */
129
109
  export interface IDataCardBracketProps extends React.ComponentProps<'div'> {
130
- /** Position of: bracket. */
110
+ /** Corner position */
131
111
  position: 'tl' | 'tr' | 'bl' | 'br';
132
- /** Optional variant override for: this bracket. */
112
+ /** Variant override */
133
113
  variant?: 'default' | 'accent';
134
114
  }
135
115
  //# sourceMappingURL=DataCard.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataCard.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/DataCard/DataCard.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataCard.types.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/DataCard/DataCard.types.ts"],"names":[],"mappings":"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"}
@@ -1,127 +1,58 @@
1
- import * as React from 'react';
2
1
  import { dataCardVariants } from './DataCard.styles';
3
2
  import type { SlotOverrides } from '../../../core/types';
4
- import type { IDataCardProps, IDataCardValueProps, IDataCardLabelProps, IDataCardToggleProps, IDataCardActionsProps, IDataCardBracketProps, IDataCardState, DataCardSlot } from './DataCard.types';
5
- /**
6
- * Context type for DataCard state management.
7
- */
3
+ import type { IDataCardProps, IDataCardValueProps, IDataCardLabelProps, IDataCardToggleProps, IDataCardActionsProps, IDataCardBracketProps, IDataCardConfig, DataCardSlot } from './DataCard.types';
8
4
  type DataCardContextType = {
9
- /** Current variant of: card. */
10
5
  variant: IDataCardProps['variant'];
11
- /** Current size of: card. */
12
6
  size: IDataCardProps['size'];
13
- /** Whether card is disabled. */
14
7
  disabled: boolean;
15
- /** Whether glass effect is enabled. */
16
8
  glass: boolean;
17
- /** Slot overrides from parent. */
9
+ config?: IDataCardConfig;
18
10
  slots?: SlotOverrides<DataCardSlot>;
19
- /** Update interaction state. */
20
- setState: React.Dispatch<React.SetStateAction<IDataCardState>>;
21
11
  };
22
12
  declare const useDataCard: () => DataCardContextType;
23
13
  /**
24
- * DataCard comprehensive showcase component demonstrating mks-ui patterns.
25
- *
26
- * Features:
27
- * - Slot overrides for customization
28
- * - State-based styling (hover, pressed, disabled)
29
- * - CVA variants (size, color variant)
30
- * - asChild composition pattern
31
- * - Motion/animation integration
32
- * - Custom render functions
33
- * - Form field integration
34
- * - Icon composition
35
- * - Glassmorphism effects
14
+ * Root card container with glassmorphism, corner brackets, and state tracking.
36
15
  *
37
- * @example
38
- * ```tsx
39
- * <DataCard variant="accent" size="default">
40
- * <DataCardValue number={1234} />
41
- * <DataCardToggle />
42
- * </DataCard>
43
- * ```
16
+ * @param props - {@link IDataCardProps}
17
+ * @returns A motion.div card with context provider
44
18
  */
45
- declare function DataCard({ variant, size, disabled, glass, showBrackets, className, style, slots, config, children, ...props }: IDataCardProps): import("react/jsx-runtime").JSX.Element;
19
+ declare function DataCard({ variant, size, disabled, glass, showBrackets, className, style, slots, config, children, }: IDataCardProps): import("react/jsx-runtime").JSX.Element;
46
20
  /**
47
- * DataCardValue displays animated number with CountingNumber.
21
+ * Animated number display with optional label and unit.
48
22
  *
49
- * @example
50
- * ```tsx
51
- * <DataCardValue
52
- * number={1234}
53
- * label="Active Users"
54
- * unit="users"
55
- * />
56
- * ```
23
+ * @param props - {@link IDataCardValueProps}
24
+ * @returns Animated number with CountingNumber primitive
57
25
  */
58
26
  declare function DataCardValue({ number, label, unit, decimalPlaces, padStart, }: IDataCardValueProps): import("react/jsx-runtime").JSX.Element;
59
27
  /**
60
- * DataCardLabel displays title and description.
28
+ * Title + description label.
61
29
  *
62
- * @example
63
- * ```tsx
64
- * <DataCardLabel
65
- * title="Revenue"
66
- * description="This month"
67
- * />
68
- * ```
30
+ * @param props - {@link IDataCardLabelProps}
31
+ * @returns Title and optional description text
69
32
  */
70
33
  declare function DataCardLabel({ title, description, className, ...props }: IDataCardLabelProps): import("react/jsx-runtime").JSX.Element;
71
34
  /**
72
- * DataCardToggle interactive switch element.
35
+ * Switch toggle control inside a DataCard.
73
36
  *
74
- * Uses asChild pattern for composition with Switch component.
75
- *
76
- * @example
77
- * ```tsx
78
- * <DataCardToggle
79
- * checked={enabled}
80
- * onCheckedChange={setEnabled}
81
- * label="Enable notifications"
82
- * checkedIcon={<BellIcon />}
83
- * uncheckedIcon={<BellOffIcon />}
84
- * />
85
- * ```
37
+ * @param props - {@link IDataCardToggleProps}
38
+ * @returns Label + Switch toggle
86
39
  */
87
- declare function DataCardToggle({ checked, onCheckedChange, checkedIcon, uncheckedIcon, label, }: IDataCardToggleProps): import("react/jsx-runtime").JSX.Element;
40
+ declare function DataCardToggle({ checked, onCheckedChange, label, }: IDataCardToggleProps): import("react/jsx-runtime").JSX.Element;
88
41
  /**
89
- * DataCardActions container for action buttons.
42
+ * Action button container.
90
43
  *
91
- * @example
92
- * ```tsx
93
- * <DataCardActions align="end">
94
- * <Button size="sm">Edit</Button>
95
- * <Button size="sm" variant="ghost">Delete</Button>
96
- * </DataCardActions>
97
- * ```
44
+ * @param props - {@link IDataCardActionsProps}
45
+ * @returns Flex container for action buttons
98
46
  */
99
47
  declare function DataCardActions({ align, className, children, ...props }: IDataCardActionsProps): import("react/jsx-runtime").JSX.Element;
100
48
  /**
101
- * DataCardBracket — decorative corner bracket.
102
- *
103
- * Wraps CornerBracket with motion animations.
104
- *
105
- * @example
106
- * ```tsx
107
- * <DataCardBracket position="tl" variant="accent" />
108
- * ```
109
- */
110
- declare function DataCardBracket({ position, variant, className, }: IDataCardBracketProps): import("react/jsx-runtime").JSX.Element;
111
- /**
112
- * Hook to access DataCard context.
113
- * Must be used within DataCard provider.
114
- *
115
- * @returns The current DataCard context
49
+ * Decorative corner bracket. Rendered directly via CornerBracket
50
+ * (no wrapper div — the SVG positions itself via absolute positioning).
116
51
  *
117
- * @example
118
- * ```tsx
119
- * function MyComponent() {
120
- * const { variant, size, disabled } = useDataCard();
121
- * return <div>Current variant: {variant}</div>;
122
- * }
123
- * ```
52
+ * @param props - {@link IDataCardBracketProps}
53
+ * @returns CornerBracket SVG at the specified corner
124
54
  */
55
+ declare function DataCardBracket({ position, variant, }: IDataCardBracketProps): import("react/jsx-runtime").JSX.Element;
125
56
  export { useDataCard };
126
57
  export { DataCard, DataCardValue, DataCardLabel, DataCardToggle, DataCardActions, DataCardBracket, dataCardVariants, };
127
58
  export type { IDataCardProps, IDataCardValueProps, IDataCardLabelProps, IDataCardToggleProps, IDataCardActionsProps, IDataCardBracketProps, IDataCardState, IDataCardConfig, DataCardVariant, DataCardSize, DataCardSlot, } from './DataCard.types';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/DataCard/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,gBAAgB,EAAwD,MAAM,mBAAmB,CAAC;AAC3G,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,YAAY,EACb,MAAM,kBAAkB,CAAC;AAE1B;;GAEG;AACH,KAAK,mBAAmB,GAAG;IACzB,gCAAgC;IAChC,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACnC,6BAA6B;IAC7B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,gCAAgC;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,uCAAuC;IACvC,KAAK,EAAE,OAAO,CAAC;IACf,kCAAkC;IAClC,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACpC,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,QAAA,MAAyB,WAAW,2BACsB,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAmB,EACnB,IAAgB,EAChB,QAAgB,EAChB,KAAY,EACZ,YAAmB,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA0EhB;AAED;;;;;;;;;;;GAWG;AACH,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,aAAiB,EACjB,QAAgB,GACjB,EAAE,mBAAmB,2CA+BrB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAqBrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,eAAe,EACf,WAAW,EACX,aAAa,EACb,KAAK,GACN,EAAE,oBAAoB,2CAqBtB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,eAAe,CAAC,EACvB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAoBvB;AAED;;;;;;;;;GASG;AACH,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,OAAmB,EACnB,SAAS,GACV,EAAE,qBAAqB,2CAkBvB;AAED;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,CAAC;AAGF,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,eAAe,EACf,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react-ui/ui/DataCard/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,gBAAgB,EAAmC,MAAM,mBAAmB,CAAC;AACtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EAErB,eAAe,EACf,YAAY,EACb,MAAM,kBAAkB,CAAC;AAM1B,KAAK,mBAAmB,GAAG;IACzB,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CACrC,CAAC;AAEF,QAAA,MAAyB,WAAW,2BACsB,CAAC;AAM3D;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAmB,EACnB,IAAgB,EAChB,QAAgB,EAChB,KAAY,EACZ,YAAmB,EACnB,SAAS,EACT,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,2CAgDhB;AAMD;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,aAAiB,EACjB,QAAgB,GACjB,EAAE,mBAAmB,2CA8BrB;AAMD;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAarB;AAMD;;;;;GAKG;AACH,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,eAAe,EACf,KAAK,GACN,EAAE,oBAAoB,2CAgBtB;AAMD;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,EACvB,KAAa,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAoBvB;AAMD;;;;;;GAMG;AACH,iBAAS,eAAe,CAAC,EACvB,QAAQ,EACR,OAAmB,GACpB,EAAE,qBAAqB,2CAiBvB;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,OAAO,EACL,QAAQ,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,eAAe,EACf,eAAe,EACf,gBAAgB,GACjB,CAAC;AAEF,YAAY,EACV,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,eAAe,EACf,eAAe,EACf,YAAY,EACZ,YAAY,GACb,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}