@castui/cast-ui 0.5.0 → 1.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.
Files changed (94) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Alert/Alert.d.ts +14 -0
  3. package/dist/components/Alert/Alert.d.ts.map +1 -0
  4. package/dist/components/Alert/Alert.js +57 -0
  5. package/dist/components/Alert/Alert.js.map +1 -0
  6. package/dist/components/AppBar/AppBar.d.ts +11 -0
  7. package/dist/components/AppBar/AppBar.d.ts.map +1 -0
  8. package/dist/components/AppBar/AppBar.js +32 -0
  9. package/dist/components/AppBar/AppBar.js.map +1 -0
  10. package/dist/components/Autocomplete/Autocomplete.d.ts +18 -0
  11. package/dist/components/Autocomplete/Autocomplete.d.ts.map +1 -0
  12. package/dist/components/Autocomplete/Autocomplete.js +72 -0
  13. package/dist/components/Autocomplete/Autocomplete.js.map +1 -0
  14. package/dist/components/Backdrop/Backdrop.d.ts +8 -0
  15. package/dist/components/Backdrop/Backdrop.d.ts.map +1 -0
  16. package/dist/components/Backdrop/Backdrop.js +25 -0
  17. package/dist/components/Backdrop/Backdrop.js.map +1 -0
  18. package/dist/components/Badge/Badge.d.ts +11 -0
  19. package/dist/components/Badge/Badge.d.ts.map +1 -0
  20. package/dist/components/Badge/Badge.js +42 -0
  21. package/dist/components/Badge/Badge.js.map +1 -0
  22. package/dist/components/Card/Card.js +3 -3
  23. package/dist/components/Card/Card.js.map +1 -1
  24. package/dist/components/Checkbox/Checkbox.d.ts +12 -0
  25. package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
  26. package/dist/components/Checkbox/Checkbox.js +39 -0
  27. package/dist/components/Checkbox/Checkbox.js.map +1 -0
  28. package/dist/components/Chip/Chip.d.ts +13 -0
  29. package/dist/components/Chip/Chip.d.ts.map +1 -0
  30. package/dist/components/Chip/Chip.js +29 -0
  31. package/dist/components/Chip/Chip.js.map +1 -0
  32. package/dist/components/Dialog/Dialog.d.ts +15 -0
  33. package/dist/components/Dialog/Dialog.d.ts.map +1 -0
  34. package/dist/components/Dialog/Dialog.js +41 -0
  35. package/dist/components/Dialog/Dialog.js.map +1 -0
  36. package/dist/components/Divider/Divider.d.ts +6 -0
  37. package/dist/components/Divider/Divider.d.ts.map +1 -0
  38. package/dist/components/Divider/Divider.js +25 -0
  39. package/dist/components/Divider/Divider.js.map +1 -0
  40. package/dist/components/FAB/FAB.d.ts +14 -0
  41. package/dist/components/FAB/FAB.d.ts.map +1 -0
  42. package/dist/components/FAB/FAB.js +55 -0
  43. package/dist/components/FAB/FAB.js.map +1 -0
  44. package/dist/components/Icon/Icon.d.ts +11 -0
  45. package/dist/components/Icon/Icon.d.ts.map +1 -0
  46. package/dist/components/Icon/Icon.js +29 -0
  47. package/dist/components/Icon/Icon.js.map +1 -0
  48. package/dist/components/Link/Link.d.ts +11 -0
  49. package/dist/components/Link/Link.d.ts.map +1 -0
  50. package/dist/components/Link/Link.js +26 -0
  51. package/dist/components/Link/Link.js.map +1 -0
  52. package/dist/components/Select/Select.d.ts +18 -0
  53. package/dist/components/Select/Select.d.ts.map +1 -0
  54. package/dist/components/Select/Select.js +72 -0
  55. package/dist/components/Select/Select.js.map +1 -0
  56. package/dist/components/Skeleton/Skeleton.d.ts +11 -0
  57. package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
  58. package/dist/components/Skeleton/Skeleton.js +27 -0
  59. package/dist/components/Skeleton/Skeleton.js.map +1 -0
  60. package/dist/components/Snackbar/Snackbar.d.ts +14 -0
  61. package/dist/components/Snackbar/Snackbar.d.ts.map +1 -0
  62. package/dist/components/Snackbar/Snackbar.js +40 -0
  63. package/dist/components/Snackbar/Snackbar.js.map +1 -0
  64. package/dist/components/SpeedDial/SpeedDial.d.ts +18 -0
  65. package/dist/components/SpeedDial/SpeedDial.d.ts.map +1 -0
  66. package/dist/components/SpeedDial/SpeedDial.js +55 -0
  67. package/dist/components/SpeedDial/SpeedDial.js.map +1 -0
  68. package/dist/components/Switch/Switch.d.ts +12 -0
  69. package/dist/components/Switch/Switch.d.ts.map +1 -0
  70. package/dist/components/Switch/Switch.js +39 -0
  71. package/dist/components/Switch/Switch.js.map +1 -0
  72. package/dist/components/Table/Table.d.ts +15 -0
  73. package/dist/components/Table/Table.d.ts.map +1 -0
  74. package/dist/components/Table/Table.js +62 -0
  75. package/dist/components/Table/Table.js.map +1 -0
  76. package/dist/components/TextField/TextField.d.ts +19 -0
  77. package/dist/components/TextField/TextField.d.ts.map +1 -0
  78. package/dist/components/TextField/TextField.js +60 -0
  79. package/dist/components/TextField/TextField.js.map +1 -0
  80. package/dist/components/Typography/Typography.d.ts +21 -0
  81. package/dist/components/Typography/Typography.d.ts.map +1 -0
  82. package/dist/components/Typography/Typography.js +42 -0
  83. package/dist/components/Typography/Typography.js.map +1 -0
  84. package/dist/default.reference.json +54 -7
  85. package/dist/index.d.ts +41 -1
  86. package/dist/index.d.ts.map +1 -1
  87. package/dist/index.js +20 -0
  88. package/dist/index.js.map +1 -1
  89. package/dist/theme/types.d.ts +49 -2
  90. package/dist/theme/types.d.ts.map +1 -1
  91. package/dist/tokens/generated/default.d.ts.map +1 -1
  92. package/dist/tokens/generated/default.js +51 -4
  93. package/dist/tokens/generated/default.js.map +1 -1
  94. package/package.json +1 -1
package/README.md CHANGED
@@ -246,7 +246,7 @@ theme.semantic.color.* 30 semantic colours (surface, primary, error
246
246
  theme.semantic.fontFamily.* brand, interface, data
247
247
  theme.semantic.fontSize.* display, h1, h2, h3, body, small, button
248
248
  theme.semantic.fontWeight.* heading, body, button
249
- theme.semantic.lineHeight.* heading, body, uiLabel
249
+ theme.semantic.lineHeight.* display, h1, h2, h3, body, small, button (px)
250
250
  theme.semantic.letterSpacing.* heading, body, label
251
251
  theme.semantic.paragraphSpacing.* body, editorial
252
252
  theme.semantic.paragraphIndent.* editorial
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export type AlertSeverity = 'info' | 'success' | 'error' | 'warning';
3
+ export interface AlertProps {
4
+ /** Alert type. @default 'info' */
5
+ severity?: AlertSeverity;
6
+ /** Alert title. */
7
+ title?: string;
8
+ /** Alert body. */
9
+ children: React.ReactNode;
10
+ /** Dismiss handler. */
11
+ onDismiss?: () => void;
12
+ }
13
+ export declare function Alert({ severity, title, children, onDismiss, }: AlertProps): import("react/jsx-runtime").JSX.Element;
14
+ //# sourceMappingURL=Alert.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAErE,MAAM,WAAW,UAAU;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiBD,wBAAgB,KAAK,CAAC,EACpB,QAAiB,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CA4DZ"}
@@ -0,0 +1,57 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, Text, Pressable, } from 'react-native';
3
+ import { useTheme, resolveFont } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Severity → icon mapping
6
+ // ---------------------------------------------------------------------------
7
+ const SEVERITY_ICON = {
8
+ info: '\u2139',
9
+ success: '\u2713',
10
+ error: '\u2717',
11
+ warning: '\u26A0',
12
+ };
13
+ // ---------------------------------------------------------------------------
14
+ // Component
15
+ // ---------------------------------------------------------------------------
16
+ export function Alert({ severity = 'info', title, children, onDismiss, }) {
17
+ const theme = useTheme();
18
+ const al = theme.component.alert;
19
+ const containerStyle = {
20
+ flexDirection: 'row',
21
+ padding: al.padding,
22
+ gap: al.gap,
23
+ borderRadius: al.cornerRadius,
24
+ borderWidth: al.borderWidth,
25
+ backgroundColor: al.background,
26
+ borderColor: al.borderColor,
27
+ alignItems: 'flex-start',
28
+ };
29
+ const iconStyle = {
30
+ fontSize: al.iconSize,
31
+ lineHeight: al.iconSize * 1.2,
32
+ color: al.iconColor,
33
+ };
34
+ const contentStyle = {
35
+ flex: 1,
36
+ gap: 2,
37
+ };
38
+ const titleStyle = {
39
+ fontSize: al.titleSize,
40
+ lineHeight: al.titleLineHeight,
41
+ color: al.titleColor,
42
+ ...resolveFont(al.fontFamily, al.titleFontWeight),
43
+ };
44
+ const bodyStyle = {
45
+ fontSize: al.bodySize,
46
+ lineHeight: al.bodyLineHeight,
47
+ color: al.bodyColor,
48
+ ...resolveFont(al.fontFamily, al.bodyFontWeight),
49
+ };
50
+ const dismissStyle = {
51
+ fontSize: al.iconSize,
52
+ lineHeight: al.iconSize * 1.2,
53
+ color: al.iconColor,
54
+ };
55
+ return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: iconStyle, children: SEVERITY_ICON[severity] }), _jsxs(View, { style: contentStyle, children: [title ? _jsx(Text, { style: titleStyle, children: title }) : null, _jsx(Text, { style: bodyStyle, children: children })] }), onDismiss ? (_jsx(Pressable, { onPress: onDismiss, accessibilityRole: "button", accessibilityLabel: "Dismiss", children: _jsx(Text, { style: dismissStyle, children: '\u2715' }) })) : null] }));
56
+ }
57
+ //# sourceMappingURL=Alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,GAGV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmBpD,8EAA8E;AAC9E,0BAA0B;AAC1B,8EAA8E;AAE9E,MAAM,aAAa,GAAkC;IACnD,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;CAClB,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,GAAG,MAAM,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,GACE;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAEjC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,UAAU,EAAE,YAAY;KACzB,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;KACpB,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,eAAe,CAAC;KAClD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,cAAc;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,cAAc,CAAC;KACjD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,QAAQ,GAAG,GAAG;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;KACpB,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,OAAO,aACpD,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,aAAa,CAAC,QAAQ,CAAC,GAAQ,EACxD,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,aACtB,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EACvD,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACpC,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAC,QAAQ,EAAC,kBAAkB,EAAC,SAAS,YACpF,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAQ,GAClC,CACb,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export interface AppBarProps {
3
+ /** AppBar title. */
4
+ title: string;
5
+ /** Leading icon/button. */
6
+ leading?: React.ReactNode;
7
+ /** Trailing icons. */
8
+ trailing?: React.ReactNode;
9
+ }
10
+ export declare function AppBar({ title, leading, trailing }: AppBarProps): import("react/jsx-runtime").JSX.Element;
11
+ //# sourceMappingURL=AppBar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,WAAW;IAC1B,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAiC/D"}
@@ -0,0 +1,32 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, Text, } from 'react-native';
3
+ import { useTheme, resolveFont } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function AppBar({ title, leading, trailing }) {
8
+ const theme = useTheme();
9
+ const ab = theme.component.appBar;
10
+ const containerStyle = {
11
+ height: ab.height,
12
+ flexDirection: 'row',
13
+ alignItems: 'center',
14
+ paddingHorizontal: ab.paddingHorizontal,
15
+ backgroundColor: ab.background,
16
+ borderBottomWidth: 1,
17
+ borderBottomColor: ab.borderColor,
18
+ elevation: ab.elevation,
19
+ ...(ab.elevation > 0
20
+ ? { boxShadow: `0 1px ${ab.elevation}px rgba(0,0,0,0.1)` }
21
+ : {}),
22
+ };
23
+ const titleStyle = {
24
+ flex: 1,
25
+ fontSize: ab.titleSize,
26
+ lineHeight: ab.titleLineHeight,
27
+ color: ab.titleColor,
28
+ ...resolveFont(ab.titleFontFamily, ab.titleFontWeight),
29
+ };
30
+ return (_jsxs(View, { style: containerStyle, accessibilityRole: "header", children: [leading ?? null, _jsx(Text, { style: titleStyle, children: title }), trailing ?? null] }));
31
+ }
32
+ //# sourceMappingURL=AppBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../src/components/AppBar/AppBar.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAe;IAC9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAElC,MAAM,cAAc,GAAc;QAChC,MAAM,EAAE,EAAE,CAAC,MAAM;QACjB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;QACvC,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,iBAAiB,EAAE,CAAC;QACpB,iBAAiB,EAAE,EAAE,CAAC,WAAW;QACjC,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,SAAS,oBAAoB,EAA8B;YACvF,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;KACvD,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,QAAQ,aACpD,OAAO,IAAI,IAAI,EAChB,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACtC,QAAQ,IAAI,IAAI,IACZ,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,18 @@
1
+ export interface AutocompleteOption {
2
+ label: string;
3
+ value: string;
4
+ }
5
+ export interface AutocompleteProps {
6
+ /** Option list. */
7
+ options: AutocompleteOption[];
8
+ /** Selected value. */
9
+ value?: string;
10
+ /** Selection handler. */
11
+ onSelect?: (value: string) => void;
12
+ /** Field label. */
13
+ label?: string;
14
+ /** Placeholder. */
15
+ placeholder?: string;
16
+ }
17
+ export declare function Autocomplete({ options, value, onSelect, label, placeholder, }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
18
+ //# sourceMappingURL=Autocomplete.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAeA,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,mBAAmB;IACnB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,GACZ,EAAE,iBAAiB,2CA0GnB"}
@@ -0,0 +1,72 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { View, Text, TextInput, Pressable, } from 'react-native';
4
+ import { useTheme, resolveFont } from '../../theme';
5
+ // ---------------------------------------------------------------------------
6
+ // Component
7
+ // ---------------------------------------------------------------------------
8
+ export function Autocomplete({ options, value, onSelect, label, placeholder, }) {
9
+ const theme = useTheme();
10
+ const ac = theme.component.autocomplete;
11
+ const tf = theme.component.textField;
12
+ const [query, setQuery] = useState('');
13
+ const [isOpen, setIsOpen] = useState(false);
14
+ const selectedOption = options.find((o) => o.value === value);
15
+ const displayValue = query || selectedOption?.label || '';
16
+ const filtered = options.filter((o) => o.label.toLowerCase().includes(query.toLowerCase()));
17
+ const handleSelect = (opt) => {
18
+ onSelect?.(opt.value);
19
+ setQuery('');
20
+ setIsOpen(false);
21
+ };
22
+ // --- styles (input uses textField tokens) ----------------------------------
23
+ const containerStyle = {
24
+ gap: 4,
25
+ };
26
+ const labelStyle = {
27
+ fontSize: tf.labelSize,
28
+ lineHeight: tf.labelLineHeight,
29
+ color: tf.labelColor,
30
+ ...resolveFont(tf.labelFontFamily, tf.labelFontWeight),
31
+ };
32
+ const inputContainerStyle = {
33
+ paddingHorizontal: tf.paddingHorizontal,
34
+ paddingVertical: tf.paddingVertical,
35
+ borderRadius: tf.cornerRadius,
36
+ borderWidth: tf.borderWidth,
37
+ backgroundColor: tf.background,
38
+ borderColor: isOpen ? tf.focusBorderColor : tf.borderColor,
39
+ };
40
+ const inputStyle = {
41
+ fontSize: tf.textSize,
42
+ lineHeight: tf.textLineHeight,
43
+ color: tf.textColor,
44
+ padding: 0,
45
+ ...resolveFont(tf.fontFamily, tf.textFontWeight),
46
+ };
47
+ // --- styles (dropdown uses autocomplete tokens) ----------------------------
48
+ const dropdownStyle = {
49
+ backgroundColor: ac.dropdownBackground,
50
+ borderRadius: ac.dropdownCornerRadius,
51
+ elevation: ac.dropdownElevation,
52
+ ...(ac.dropdownElevation > 0
53
+ ? { boxShadow: `0 2px ${ac.dropdownElevation * 2}px rgba(0,0,0,0.15)` }
54
+ : {}),
55
+ marginTop: 4,
56
+ };
57
+ const optionStyle = {
58
+ paddingHorizontal: ac.optionPaddingHorizontal,
59
+ paddingVertical: ac.optionPaddingVertical,
60
+ };
61
+ const optionTextStyle = {
62
+ fontSize: ac.optionTextSize,
63
+ lineHeight: ac.optionLineHeight,
64
+ color: ac.optionTextColor,
65
+ ...resolveFont(ac.fontFamily, ac.optionFontWeight),
66
+ };
67
+ return (_jsxs(View, { style: containerStyle, children: [label ? _jsx(Text, { style: labelStyle, children: label }) : null, _jsx(View, { style: inputContainerStyle, children: _jsx(TextInput, { value: displayValue, onChangeText: (text) => {
68
+ setQuery(text);
69
+ setIsOpen(true);
70
+ }, onFocus: () => setIsOpen(true), placeholder: placeholder, placeholderTextColor: tf.placeholderColor, style: inputStyle }) }), isOpen && filtered.length > 0 ? (_jsx(View, { style: dropdownStyle, children: filtered.map((opt) => (_jsx(Pressable, { onPress: () => handleSelect(opt), style: optionStyle, children: _jsx(Text, { style: optionTextStyle, children: opt.label }) }, opt.value))) })) : null] }));
71
+ }
72
+ //# sourceMappingURL=Autocomplete.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ export interface BackdropProps {
2
+ /** Show/hide. @default false */
3
+ visible?: boolean;
4
+ /** Press to dismiss. */
5
+ onPress?: () => void;
6
+ }
7
+ export declare function Backdrop({ visible, onPress }: BackdropProps): import("react/jsx-runtime").JSX.Element | null;
8
+ //# sourceMappingURL=Backdrop.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,QAAQ,CAAC,EAAE,OAAe,EAAE,OAAO,EAAE,EAAE,aAAa,kDAmBnE"}
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Pressable } from 'react-native';
3
+ import { useTheme } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function Backdrop({ visible = false, onPress }) {
8
+ const theme = useTheme();
9
+ const bk = theme.component.backdrop;
10
+ if (!visible)
11
+ return null;
12
+ const style = {
13
+ ...{
14
+ position: 'fixed',
15
+ },
16
+ top: 0,
17
+ left: 0,
18
+ right: 0,
19
+ bottom: 0,
20
+ backgroundColor: bk.color,
21
+ opacity: bk.opacity,
22
+ };
23
+ return _jsx(Pressable, { style: style, onPress: onPress, accessibilityRole: "none" });
24
+ }
25
+ //# sourceMappingURL=Backdrop.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Backdrop.js","sourceRoot":"","sources":["../../../src/components/Backdrop/Backdrop.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAavC,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,OAAO,EAAiB;IAClE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEpC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,KAAK,GAAc;QACvB,GAAI;YACF,QAAQ,EAAE,OAAO;SACU;QAC7B,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,EAAE,CAAC,KAAK;QACzB,OAAO,EAAE,EAAE,CAAC,OAAO;KACpB,CAAC;IAEF,OAAO,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAC,MAAM,GAAG,CAAC;AAChF,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ export interface BadgeProps {
3
+ /** Badge content (omit for dot variant). */
4
+ content?: string | number;
5
+ /** Show/hide badge. @default true */
6
+ visible?: boolean;
7
+ /** Element to badge. */
8
+ children?: React.ReactNode;
9
+ }
10
+ export declare function Badge({ content, visible, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element | null;
11
+ //# sourceMappingURL=Badge.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,UAAU;IACzB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAMD,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAc,EACd,QAAQ,GACT,EAAE,UAAU,kDAiDZ"}
@@ -0,0 +1,42 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, Text, } from 'react-native';
3
+ import { useTheme, resolveFont } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function Badge({ content, visible = true, children, }) {
8
+ const theme = useTheme();
9
+ const bd = theme.component.badge;
10
+ const isDot = content === undefined || content === null;
11
+ const wrapperStyle = {
12
+ alignSelf: 'flex-start',
13
+ };
14
+ const badgeStyle = {
15
+ position: children ? 'absolute' : 'relative',
16
+ top: children ? -bd.minSize / 2 : 0,
17
+ right: children ? -bd.minSize / 2 : 0,
18
+ minWidth: bd.minSize,
19
+ minHeight: bd.minSize,
20
+ borderRadius: bd.cornerRadius,
21
+ backgroundColor: bd.background,
22
+ alignItems: 'center',
23
+ justifyContent: 'center',
24
+ ...(isDot
25
+ ? { width: bd.minSize / 2, height: bd.minSize / 2 }
26
+ : { paddingHorizontal: bd.paddingHorizontal }),
27
+ };
28
+ const textStyle = {
29
+ fontSize: bd.textSize,
30
+ lineHeight: bd.lineHeight,
31
+ color: bd.contentColor,
32
+ textAlign: 'center',
33
+ ...resolveFont(bd.fontFamily, bd.fontWeight),
34
+ };
35
+ if (!visible)
36
+ return children ? _jsx(View, { style: wrapperStyle, children: children }) : null;
37
+ const badge = (_jsx(View, { style: badgeStyle, children: !isDot ? _jsx(Text, { style: textStyle, children: String(content) }) : null }));
38
+ if (!children)
39
+ return badge;
40
+ return (_jsxs(View, { style: wrapperStyle, children: [children, badge] }));
41
+ }
42
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,IAAI,EACd,QAAQ,GACG;IACX,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IAEjC,MAAM,KAAK,GAAG,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC;IAExD,MAAM,YAAY,GAAc;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;QAC5C,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACnC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACrC,QAAQ,EAAE,EAAE,CAAC,OAAO;QACpB,SAAS,EAAE,EAAE,CAAC,OAAO;QACrB,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,GAAG,CAAC,KAAK;YACP,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,EAAE;YACnD,CAAC,CAAC,EAAE,iBAAiB,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,UAAU;QACzB,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,SAAS,EAAE,QAAQ;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpF,MAAM,KAAK,GAAG,CACZ,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YACpB,CAAC,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,MAAM,CAAC,OAAO,CAAC,GAAQ,CAAC,CAAC,CAAC,IAAI,GAC5D,CACR,CAAC;IAEF,IAAI,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IAE5B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,YAAY,aACtB,QAAQ,EACR,KAAK,IACD,CACR,CAAC;AACJ,CAAC"}
@@ -30,21 +30,21 @@ export function Card({ title, subtitle, body, actions, ...viewProps }) {
30
30
  };
31
31
  const titleStyle = {
32
32
  fontSize: ct.headingSize,
33
- lineHeight: sem.lineHeight.heading,
33
+ lineHeight: ct.headingLineHeight,
34
34
  letterSpacing: sem.letterSpacing.heading,
35
35
  color: ct.headingColor,
36
36
  ...resolveFont(ct.headingFontFamily, ct.headingWeight),
37
37
  };
38
38
  const subtitleStyle = {
39
39
  fontSize: sem.fontSize.small,
40
- lineHeight: sem.lineHeight.body,
40
+ lineHeight: sem.lineHeight.small,
41
41
  letterSpacing: sem.letterSpacing.body,
42
42
  color: ct.bodyColor,
43
43
  ...resolveFont(sem.fontFamily.interface, sem.fontWeight.body),
44
44
  };
45
45
  const bodyStyle = {
46
46
  fontSize: ct.bodySize,
47
- lineHeight: sem.lineHeight.body,
47
+ lineHeight: ct.bodyLineHeight,
48
48
  letterSpacing: sem.letterSpacing.body,
49
49
  color: ct.bodyColor,
50
50
  ...resolveFont(ct.bodyFontFamily, ct.bodyWeight),
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACF;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,8EAA8E;IAE9E,MAAM,cAAc,GAAc;QAChC,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,WAAW,EAAE,EAAE,CAAC,MAAM;QACtB,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,2EAA2E;QAC3E,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,4BAA4B,EAA8B;YAC1E,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,WAAW;QACxB,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,OAAO;QAClC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO;QACxC,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,GAAG,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC,aAAa,CAAC;KACvD,CAAC;IAEF,MAAM,aAAa,GAAc;QAC/B,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK;QAC5B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI;QAC/B,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI;QACrC,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;KAC9D,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI;QAC/B,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI;QACrC,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC;KACjD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;KACZ,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,SAAS,aACrE,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACtC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnD,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxD,CACR,CAAC;AACJ,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAIL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E;;;;;GAKG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACF;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,GAAG,GAAG,KAAK,CAAC,QAAQ,CAAC;IAE3B,8EAA8E;IAE9E,MAAM,cAAc,GAAc;QAChC,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,WAAW,EAAE,EAAE,CAAC,MAAM;QACtB,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,2EAA2E;QAC3E,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,4BAA4B,EAA8B;YAC1E,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,WAAW;QACxB,UAAU,EAAE,EAAE,CAAC,iBAAiB;QAChC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,OAAO;QACxC,KAAK,EAAE,EAAE,CAAC,YAAY;QACtB,GAAG,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,EAAE,CAAC,aAAa,CAAC;KACvD,CAAC;IAEF,MAAM,aAAa,GAAc;QAC/B,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,KAAK;QAC5B,UAAU,EAAE,GAAG,CAAC,UAAU,CAAC,KAAK;QAChC,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI;QACrC,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC;KAC9D,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,cAAc;QAC7B,aAAa,EAAE,GAAG,CAAC,aAAa,CAAC,IAAI;QACrC,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,UAAU,CAAC;KACjD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,aAAa,EAAE,KAAK;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;KACZ,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,OAAK,SAAS,EAAE,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,SAAS,aACrE,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACtC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,aAAa,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC/D,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EACnD,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxD,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,12 @@
1
+ export interface CheckboxProps {
2
+ /** Checked state. @default false */
3
+ checked?: boolean;
4
+ /** Toggle handler. */
5
+ onValueChange?: (value: boolean) => void;
6
+ /** Label text. */
7
+ label?: string;
8
+ /** Disabled state. @default false */
9
+ disabled?: boolean;
10
+ }
11
+ export declare function Checkbox({ checked, onValueChange, label, disabled, }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=Checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sBAAsB;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,wBAAgB,QAAQ,CAAC,EACvB,OAAe,EACf,aAAa,EACb,KAAK,EACL,QAAgB,GACjB,EAAE,aAAa,2CAgDf"}
@@ -0,0 +1,39 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Pressable, View, Text, } from 'react-native';
3
+ import { useTheme, resolveFont } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function Checkbox({ checked = false, onValueChange, label, disabled = false, }) {
8
+ const theme = useTheme();
9
+ const cb = theme.component.checkbox;
10
+ const containerStyle = {
11
+ flexDirection: 'row',
12
+ alignItems: 'center',
13
+ gap: cb.gap,
14
+ opacity: disabled ? cb.disabledOpacity : 1,
15
+ };
16
+ const boxStyle = {
17
+ width: cb.size,
18
+ height: cb.size,
19
+ borderRadius: cb.cornerRadius,
20
+ borderWidth: cb.borderWidth,
21
+ borderColor: checked ? cb.checkedBackground : cb.borderColor,
22
+ backgroundColor: checked ? cb.checkedBackground : 'transparent',
23
+ alignItems: 'center',
24
+ justifyContent: 'center',
25
+ };
26
+ const checkmarkStyle = {
27
+ color: cb.checkedIconColor,
28
+ fontSize: cb.size * 0.6,
29
+ lineHeight: cb.size * 0.7,
30
+ };
31
+ const labelStyle = {
32
+ fontSize: cb.labelSize,
33
+ lineHeight: cb.labelLineHeight,
34
+ color: cb.labelColor,
35
+ ...resolveFont(cb.labelFontFamily, cb.labelFontWeight),
36
+ };
37
+ return (_jsxs(Pressable, { onPress: () => !disabled && onValueChange?.(!checked), style: containerStyle, accessibilityRole: "checkbox", accessibilityState: { checked, disabled }, children: [_jsx(View, { style: boxStyle, children: checked ? _jsx(Text, { style: checkmarkStyle, children: '\u2713' }) : null }), label ? _jsx(Text, { style: labelStyle, children: label }) : null] }));
38
+ }
39
+ //# sourceMappingURL=Checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,KAAK,EACf,aAAa,EACb,KAAK,EACL,QAAQ,GAAG,KAAK,GACF;IACd,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEpC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;KAC3C,CAAC;IAEF,MAAM,QAAQ,GAAc;QAC1B,KAAK,EAAE,EAAE,CAAC,IAAI;QACd,MAAM,EAAE,EAAE,CAAC,IAAI;QACf,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW;QAC5D,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,aAAa;QAC/D,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB,CAAC;IAEF,MAAM,cAAc,GAAc;QAChC,KAAK,EAAE,EAAE,CAAC,gBAAgB;QAC1B,QAAQ,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG;QACvB,UAAU,EAAE,EAAE,CAAC,IAAI,GAAG,GAAG;KAC1B,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;KACvD,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,aAAa,EAAE,CAAC,CAAC,OAAO,CAAC,EACrD,KAAK,EAAE,cAAc,EACrB,iBAAiB,EAAC,UAAU,EAC5B,kBAAkB,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAEzC,KAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,YAClB,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,cAAc,YAAG,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,GAC3D,EACN,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,IAC7C,CACb,CAAC;AACJ,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export interface ChipProps {
3
+ /** Chip text. */
4
+ label: string;
5
+ /** Selected state. @default false */
6
+ selected?: boolean;
7
+ /** Press handler. */
8
+ onPress?: () => void;
9
+ /** Leading icon. */
10
+ icon?: React.ReactNode;
11
+ }
12
+ export declare function Chip({ label, selected, onPress, icon, }: ChipProps): import("react/jsx-runtime").JSX.Element;
13
+ //# sourceMappingURL=Chip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,SAAS;IACxB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oBAAoB;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAMD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAgB,EAChB,OAAO,EACP,IAAI,GACL,EAAE,SAAS,2CAkCX"}
@@ -0,0 +1,29 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Pressable, Text, } from 'react-native';
3
+ import { useTheme, resolveFont } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function Chip({ label, selected = false, onPress, icon, }) {
8
+ const theme = useTheme();
9
+ const ch = theme.component.chip;
10
+ const containerStyle = {
11
+ flexDirection: 'row',
12
+ alignItems: 'center',
13
+ gap: ch.gap,
14
+ paddingHorizontal: ch.paddingHorizontal,
15
+ paddingVertical: ch.paddingVertical,
16
+ borderRadius: ch.cornerRadius,
17
+ backgroundColor: selected ? ch.selectedBackground : ch.background,
18
+ borderWidth: ch.borderWidth,
19
+ borderColor: ch.borderColor,
20
+ };
21
+ const textStyle = {
22
+ fontSize: ch.textSize,
23
+ lineHeight: ch.lineHeight,
24
+ color: selected ? ch.selectedContentColor : ch.contentColor,
25
+ ...resolveFont(ch.fontFamily, ch.fontWeight),
26
+ };
27
+ return (_jsxs(Pressable, { onPress: onPress, style: containerStyle, accessibilityRole: "button", accessibilityState: { selected }, children: [icon ?? null, _jsx(Text, { style: textStyle, children: label })] }));
28
+ }
29
+ //# sourceMappingURL=Chip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,SAAS,EACT,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAiBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,GACM;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAc;QAChC,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,iBAAiB,EAAE,EAAE,CAAC,iBAAiB;QACvC,eAAe,EAAE,EAAE,CAAC,eAAe;QACnC,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU;QACjE,WAAW,EAAE,EAAE,CAAC,WAAW;QAC3B,WAAW,EAAE,EAAE,CAAC,WAAW;KAC5B,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,UAAU;QACzB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY;QAC3D,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,OAAO,CACL,MAAC,SAAS,IACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,cAAc,EACrB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,EAAE,QAAQ,EAAE,aAE/B,IAAI,IAAI,IAAI,EACb,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,KAAK,GAAQ,IAC5B,CACb,CAAC;AACJ,CAAC"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ export interface DialogProps {
3
+ /** Show/hide. @default false */
4
+ visible?: boolean;
5
+ /** Dialog title. */
6
+ title: string;
7
+ /** Dialog body. */
8
+ children: React.ReactNode;
9
+ /** Action buttons. */
10
+ actions?: React.ReactNode;
11
+ /** Dismiss handler. */
12
+ onDismiss?: () => void;
13
+ }
14
+ export declare function Dialog({ visible, title, children, actions, }: DialogProps): import("react/jsx-runtime").JSX.Element | null;
15
+ //# sourceMappingURL=Dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,WAAW;IAC1B,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAMD,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,WAAW,kDA4Cb"}
@@ -0,0 +1,41 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { View, Text, } from 'react-native';
3
+ import { useTheme, resolveFont } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function Dialog({ visible = false, title, children, actions, }) {
8
+ const theme = useTheme();
9
+ const dl = theme.component.dialog;
10
+ if (!visible)
11
+ return null;
12
+ const containerStyle = {
13
+ padding: dl.padding,
14
+ gap: dl.gap,
15
+ borderRadius: dl.cornerRadius,
16
+ backgroundColor: dl.background,
17
+ elevation: dl.elevation,
18
+ ...(dl.elevation > 0
19
+ ? { boxShadow: `0 ${dl.elevation}px ${dl.elevation * 2}px rgba(0,0,0,0.2)` }
20
+ : {}),
21
+ };
22
+ const titleStyle = {
23
+ fontSize: dl.titleSize,
24
+ lineHeight: dl.titleLineHeight,
25
+ color: dl.titleColor,
26
+ ...resolveFont(dl.titleFontFamily, dl.titleFontWeight),
27
+ };
28
+ const bodyStyle = {
29
+ fontSize: dl.bodySize,
30
+ lineHeight: dl.bodyLineHeight,
31
+ color: dl.bodyColor,
32
+ ...resolveFont(dl.bodyFontFamily, dl.bodyFontWeight),
33
+ };
34
+ const actionsStyle = {
35
+ flexDirection: 'row',
36
+ justifyContent: 'flex-end',
37
+ gap: dl.gap,
38
+ };
39
+ return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: titleStyle, children: title }), _jsx(Text, { style: bodyStyle, children: children }), actions ? _jsx(View, { style: actionsStyle, children: actions }) : null] }));
40
+ }
41
+ //# sourceMappingURL=Dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,IAAI,EACJ,IAAI,GAGL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmBpD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,QAAQ,EACR,OAAO,GACK;IACZ,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IAElC,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,MAAM,cAAc,GAAc;QAChC,OAAO,EAAE,EAAE,CAAC,OAAO;QACnB,GAAG,EAAE,EAAE,CAAC,GAAG;QACX,YAAY,EAAE,EAAE,CAAC,YAAY;QAC7B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,SAAS,EAAE,EAAE,CAAC,SAAS;QACvB,GAAG,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC;YAClB,CAAC,CAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,GAAG,CAAC,oBAAoB,EAA8B;YACzG,CAAC,CAAC,EAAE,CAAC;KACR,CAAC;IAEF,MAAM,UAAU,GAAc;QAC5B,QAAQ,EAAE,EAAE,CAAC,SAAS;QACtB,UAAU,EAAE,EAAE,CAAC,eAAe;QAC9B,KAAK,EAAE,EAAE,CAAC,UAAU;QACpB,GAAG,WAAW,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;KACvD,CAAC;IAEF,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,cAAc;QAC7B,KAAK,EAAE,EAAE,CAAC,SAAS;QACnB,GAAG,WAAW,CAAC,EAAE,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC;KACrD,CAAC;IAEF,MAAM,YAAY,GAAc;QAC9B,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,UAAU;QAC1B,GAAG,EAAE,EAAE,CAAC,GAAG;KACZ,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAC,OAAO,aACpD,KAAC,IAAI,IAAC,KAAK,EAAE,UAAU,YAAG,KAAK,GAAQ,EACvC,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAQ,EACxC,OAAO,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxD,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,6 @@
1
+ export interface DividerProps {
2
+ /** Orientation. @default 'horizontal' */
3
+ direction?: 'horizontal' | 'vertical';
4
+ }
5
+ export declare function Divider({ direction }: DividerProps): import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=Divider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,YAAY;IAC3B,yCAAyC;IACzC,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACvC;AAMD,wBAAgB,OAAO,CAAC,EAAE,SAAwB,EAAE,EAAE,YAAY,2CAoBjE"}
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { View } from 'react-native';
3
+ import { useTheme } from '../../theme';
4
+ // ---------------------------------------------------------------------------
5
+ // Component
6
+ // ---------------------------------------------------------------------------
7
+ export function Divider({ direction = 'horizontal' }) {
8
+ const theme = useTheme();
9
+ const dv = theme.component.divider;
10
+ const style = direction === 'horizontal'
11
+ ? {
12
+ height: dv.thickness,
13
+ backgroundColor: dv.color,
14
+ marginVertical: dv.margin,
15
+ alignSelf: 'stretch',
16
+ }
17
+ : {
18
+ width: dv.thickness,
19
+ backgroundColor: dv.color,
20
+ marginHorizontal: dv.margin,
21
+ alignSelf: 'stretch',
22
+ };
23
+ return _jsx(View, { style: style, accessibilityRole: "none" });
24
+ }
25
+ //# sourceMappingURL=Divider.js.map