@castui/cast-ui 2.0.0 → 3.0.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 (123) hide show
  1. package/README.md +20 -570
  2. package/dist/index.d.ts +0 -51
  3. package/dist/index.d.ts.map +1 -1
  4. package/dist/index.js +3 -32
  5. package/dist/index.js.map +1 -1
  6. package/package.json +2 -7
  7. package/dist/components/Alert/Alert.d.ts +0 -14
  8. package/dist/components/Alert/Alert.d.ts.map +0 -1
  9. package/dist/components/Alert/Alert.js +0 -57
  10. package/dist/components/Alert/Alert.js.map +0 -1
  11. package/dist/components/AppBar/AppBar.d.ts +0 -11
  12. package/dist/components/AppBar/AppBar.d.ts.map +0 -1
  13. package/dist/components/AppBar/AppBar.js +0 -32
  14. package/dist/components/AppBar/AppBar.js.map +0 -1
  15. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -18
  16. package/dist/components/Autocomplete/Autocomplete.d.ts.map +0 -1
  17. package/dist/components/Autocomplete/Autocomplete.js +0 -72
  18. package/dist/components/Autocomplete/Autocomplete.js.map +0 -1
  19. package/dist/components/Backdrop/Backdrop.d.ts +0 -8
  20. package/dist/components/Backdrop/Backdrop.d.ts.map +0 -1
  21. package/dist/components/Backdrop/Backdrop.js +0 -25
  22. package/dist/components/Backdrop/Backdrop.js.map +0 -1
  23. package/dist/components/Badge/Badge.d.ts +0 -11
  24. package/dist/components/Badge/Badge.d.ts.map +0 -1
  25. package/dist/components/Badge/Badge.js +0 -42
  26. package/dist/components/Badge/Badge.js.map +0 -1
  27. package/dist/components/Button/Button.d.ts +0 -18
  28. package/dist/components/Button/Button.d.ts.map +0 -1
  29. package/dist/components/Button/Button.js +0 -72
  30. package/dist/components/Button/Button.js.map +0 -1
  31. package/dist/components/Card/Card.d.ts +0 -20
  32. package/dist/components/Card/Card.d.ts.map +0 -1
  33. package/dist/components/Card/Card.js +0 -58
  34. package/dist/components/Card/Card.js.map +0 -1
  35. package/dist/components/Checkbox/Checkbox.d.ts +0 -12
  36. package/dist/components/Checkbox/Checkbox.d.ts.map +0 -1
  37. package/dist/components/Checkbox/Checkbox.js +0 -39
  38. package/dist/components/Checkbox/Checkbox.js.map +0 -1
  39. package/dist/components/Chip/Chip.d.ts +0 -13
  40. package/dist/components/Chip/Chip.d.ts.map +0 -1
  41. package/dist/components/Chip/Chip.js +0 -29
  42. package/dist/components/Chip/Chip.js.map +0 -1
  43. package/dist/components/Dialog/Dialog.d.ts +0 -15
  44. package/dist/components/Dialog/Dialog.d.ts.map +0 -1
  45. package/dist/components/Dialog/Dialog.js +0 -41
  46. package/dist/components/Dialog/Dialog.js.map +0 -1
  47. package/dist/components/Divider/Divider.d.ts +0 -6
  48. package/dist/components/Divider/Divider.d.ts.map +0 -1
  49. package/dist/components/Divider/Divider.js +0 -25
  50. package/dist/components/Divider/Divider.js.map +0 -1
  51. package/dist/components/FAB/FAB.d.ts +0 -14
  52. package/dist/components/FAB/FAB.d.ts.map +0 -1
  53. package/dist/components/FAB/FAB.js +0 -55
  54. package/dist/components/FAB/FAB.js.map +0 -1
  55. package/dist/components/Icon/Icon.d.ts +0 -11
  56. package/dist/components/Icon/Icon.d.ts.map +0 -1
  57. package/dist/components/Icon/Icon.js +0 -29
  58. package/dist/components/Icon/Icon.js.map +0 -1
  59. package/dist/components/Link/Link.d.ts +0 -11
  60. package/dist/components/Link/Link.d.ts.map +0 -1
  61. package/dist/components/Link/Link.js +0 -26
  62. package/dist/components/Link/Link.js.map +0 -1
  63. package/dist/components/Select/Select.d.ts +0 -18
  64. package/dist/components/Select/Select.d.ts.map +0 -1
  65. package/dist/components/Select/Select.js +0 -72
  66. package/dist/components/Select/Select.js.map +0 -1
  67. package/dist/components/Skeleton/Skeleton.d.ts +0 -11
  68. package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
  69. package/dist/components/Skeleton/Skeleton.js +0 -27
  70. package/dist/components/Skeleton/Skeleton.js.map +0 -1
  71. package/dist/components/Snackbar/Snackbar.d.ts +0 -14
  72. package/dist/components/Snackbar/Snackbar.d.ts.map +0 -1
  73. package/dist/components/Snackbar/Snackbar.js +0 -40
  74. package/dist/components/Snackbar/Snackbar.js.map +0 -1
  75. package/dist/components/SpeedDial/SpeedDial.d.ts +0 -18
  76. package/dist/components/SpeedDial/SpeedDial.d.ts.map +0 -1
  77. package/dist/components/SpeedDial/SpeedDial.js +0 -55
  78. package/dist/components/SpeedDial/SpeedDial.js.map +0 -1
  79. package/dist/components/Switch/Switch.d.ts +0 -12
  80. package/dist/components/Switch/Switch.d.ts.map +0 -1
  81. package/dist/components/Switch/Switch.js +0 -39
  82. package/dist/components/Switch/Switch.js.map +0 -1
  83. package/dist/components/Table/Table.d.ts +0 -15
  84. package/dist/components/Table/Table.d.ts.map +0 -1
  85. package/dist/components/Table/Table.js +0 -62
  86. package/dist/components/Table/Table.js.map +0 -1
  87. package/dist/components/TextField/TextField.d.ts +0 -19
  88. package/dist/components/TextField/TextField.d.ts.map +0 -1
  89. package/dist/components/TextField/TextField.js +0 -60
  90. package/dist/components/TextField/TextField.js.map +0 -1
  91. package/dist/components/Typography/Typography.d.ts +0 -21
  92. package/dist/components/Typography/Typography.d.ts.map +0 -1
  93. package/dist/components/Typography/Typography.js +0 -41
  94. package/dist/components/Typography/Typography.js.map +0 -1
  95. package/dist/default.reference.json +0 -421
  96. package/dist/theme/ThemeProvider.d.ts +0 -34
  97. package/dist/theme/ThemeProvider.d.ts.map +0 -1
  98. package/dist/theme/ThemeProvider.js +0 -41
  99. package/dist/theme/ThemeProvider.js.map +0 -1
  100. package/dist/theme/createTheme.d.ts +0 -49
  101. package/dist/theme/createTheme.d.ts.map +0 -1
  102. package/dist/theme/createTheme.js +0 -85
  103. package/dist/theme/createTheme.js.map +0 -1
  104. package/dist/theme/fonts.d.ts +0 -96
  105. package/dist/theme/fonts.d.ts.map +0 -1
  106. package/dist/theme/fonts.js +0 -148
  107. package/dist/theme/fonts.js.map +0 -1
  108. package/dist/theme/index.d.ts +0 -7
  109. package/dist/theme/index.d.ts.map +0 -1
  110. package/dist/theme/index.js +0 -4
  111. package/dist/theme/index.js.map +0 -1
  112. package/dist/theme/types.d.ts +0 -471
  113. package/dist/theme/types.d.ts.map +0 -1
  114. package/dist/theme/types.js +0 -12
  115. package/dist/theme/types.js.map +0 -1
  116. package/dist/tokens/generated/default.d.ts +0 -3
  117. package/dist/tokens/generated/default.d.ts.map +0 -1
  118. package/dist/tokens/generated/default.js +0 -422
  119. package/dist/tokens/generated/default.js.map +0 -1
  120. package/dist/tokens/generated/index.d.ts +0 -2
  121. package/dist/tokens/generated/index.d.ts.map +0 -1
  122. package/dist/tokens/generated/index.js +0 -3
  123. package/dist/tokens/generated/index.js.map +0 -1
@@ -1,12 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,39 +0,0 @@
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 / 100 : 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.borderColour,
22
- backgroundColor: checked ? cb.checkedBackground : 'transparent',
23
- alignItems: 'center',
24
- justifyContent: 'center',
25
- };
26
- const checkmarkStyle = {
27
- color: cb.checkedIconColour,
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.labelColour,
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
@@ -1 +0,0 @@
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,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;KACjD,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,YAAY;QAC7D,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,iBAAiB;QAC3B,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,WAAW;QACrB,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"}
@@ -1,13 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,29 +0,0 @@
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.borderColour,
20
- };
21
- const textStyle = {
22
- fontSize: ch.textSize,
23
- lineHeight: ch.lineHeight,
24
- color: selected ? ch.selectedContentColour : ch.contentColour,
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
@@ -1 +0,0 @@
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,YAAY;KAC7B,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,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa;QAC7D,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"}
@@ -1,15 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,41 +0,0 @@
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.titleColour,
26
- ...resolveFont(dl.titleFontFamily, dl.titleFontWeight),
27
- };
28
- const bodyStyle = {
29
- fontSize: dl.bodySize,
30
- lineHeight: dl.bodyLineHeight,
31
- color: dl.bodyColour,
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
@@ -1 +0,0 @@
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,WAAW;QACrB,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,UAAU;QACpB,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"}
@@ -1,6 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,25 +0,0 @@
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.colour,
14
- marginVertical: dv.margin,
15
- alignSelf: 'stretch',
16
- }
17
- : {
18
- width: dv.thickness,
19
- backgroundColor: dv.colour,
20
- marginHorizontal: dv.margin,
21
- alignSelf: 'stretch',
22
- };
23
- return _jsx(View, { style: style, accessibilityRole: "none" });
24
- }
25
- //# sourceMappingURL=Divider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAWvC,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,EAAgB;IAChE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;IAEnC,MAAM,KAAK,GACT,SAAS,KAAK,YAAY;QACxB,CAAC,CAAC;YACE,MAAM,EAAE,EAAE,CAAC,SAAS;YACpB,eAAe,EAAE,EAAE,CAAC,MAAM;YAC1B,cAAc,EAAE,EAAE,CAAC,MAAM;YACzB,SAAS,EAAE,SAAS;SACrB;QACH,CAAC,CAAC;YACE,KAAK,EAAE,EAAE,CAAC,SAAS;YACnB,eAAe,EAAE,EAAE,CAAC,MAAM;YAC1B,gBAAgB,EAAE,EAAE,CAAC,MAAM;YAC3B,SAAS,EAAE,SAAS;SACrB,CAAC;IAER,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAC,MAAM,GAAG,CAAC;AACzD,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- export type FABVariant = 'standard' | 'extended';
3
- export interface FABProps {
4
- /** Icon element. */
5
- icon: React.ReactNode;
6
- /** Extended label (renders extended variant). */
7
- label?: string;
8
- /** FAB type. @default 'standard' */
9
- variant?: FABVariant;
10
- /** Press handler. */
11
- onPress?: () => void;
12
- }
13
- export declare function FAB({ icon, label, variant, onPress, }: FABProps): import("react/jsx-runtime").JSX.Element;
14
- //# sourceMappingURL=FAB.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FAB.d.ts","sourceRoot":"","sources":["../../../src/components/FAB/FAB.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAaxC,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;AAEjD,MAAM,WAAW,QAAQ;IACvB,oBAAoB;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,GAAG,CAAC,EAClB,IAAI,EACJ,KAAK,EACL,OAAoB,EACpB,OAAO,GACR,EAAE,QAAQ,2CA8DV"}
@@ -1,55 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { Pressable, Text, } from 'react-native';
4
- import { useTheme, resolveFont } from '../../theme';
5
- // ---------------------------------------------------------------------------
6
- // Component
7
- // ---------------------------------------------------------------------------
8
- export function FAB({ icon, label, variant = 'standard', onPress, }) {
9
- const theme = useTheme();
10
- const ft = theme.component.fab;
11
- const sem = theme.semantic;
12
- const [hovered, setHovered] = useState(false);
13
- const [pressed, setPressed] = useState(false);
14
- const resolveBackground = () => {
15
- if (pressed)
16
- return ft.pressedBackground;
17
- if (hovered)
18
- return ft.hoverBackground;
19
- return ft.background;
20
- };
21
- const isExtended = variant === 'extended' && label;
22
- const containerStyle = {
23
- flexDirection: 'row',
24
- alignItems: 'center',
25
- justifyContent: 'center',
26
- backgroundColor: resolveBackground(),
27
- borderRadius: ft.cornerRadius,
28
- elevation: ft.elevation,
29
- ...(ft.elevation > 0
30
- ? { boxShadow: `0 ${ft.elevation}px ${ft.elevation * 2}px rgba(0,0,0,0.15)` }
31
- : {}),
32
- ...(isExtended
33
- ? {
34
- paddingHorizontal: ft.extendedPaddingHorizontal,
35
- gap: ft.extendedGap,
36
- height: ft.size,
37
- }
38
- : {
39
- width: ft.size,
40
- height: ft.size,
41
- }),
42
- };
43
- const labelStyle = {
44
- fontSize: sem.fontSize.button,
45
- lineHeight: sem.lineHeight.button,
46
- letterSpacing: sem.letterSpacing.label,
47
- color: ft.iconColour,
48
- ...resolveFont(sem.fontFamily.interface, sem.fontWeight.button),
49
- };
50
- return (_jsxs(Pressable, { onPress: onPress, onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), style: containerStyle, ...{
51
- onHoverIn: () => setHovered(true),
52
- onHoverOut: () => setHovered(false),
53
- }, accessibilityRole: "button", children: [icon, isExtended ? _jsx(Text, { style: labelStyle, children: label }) : null] }));
54
- }
55
- //# sourceMappingURL=FAB.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FAB.js","sourceRoot":"","sources":["../../../src/components/FAB/FAB.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- export type IconSize = 'small' | 'medium' | 'large';
2
- export interface IconProps {
3
- /** Icon identifier (rendered as text for now; swap with icon library). */
4
- name: string;
5
- /** Icon size. @default 'medium' */
6
- size?: IconSize;
7
- /** Icon color. */
8
- color?: string;
9
- }
10
- export declare function Icon({ name, size, color, }: IconProps): import("react/jsx-runtime").JSX.Element;
11
- //# sourceMappingURL=Icon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,0EAA0E;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAe,EACf,KAAK,GACN,EAAE,SAAS,2CAmBX"}
@@ -1,29 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Text } from 'react-native';
3
- import { useTheme } from '../../theme';
4
- // ---------------------------------------------------------------------------
5
- // Size → token key mapping
6
- // ---------------------------------------------------------------------------
7
- const SIZE_MAP = {
8
- small: 'sizeSmall',
9
- medium: 'sizeMedium',
10
- large: 'sizeLarge',
11
- };
12
- // ---------------------------------------------------------------------------
13
- // Component
14
- // ---------------------------------------------------------------------------
15
- export function Icon({ name, size = 'medium', color, }) {
16
- const theme = useTheme();
17
- const ic = theme.component.icon;
18
- const resolved = ic[SIZE_MAP[size]];
19
- const style = {
20
- fontSize: resolved,
21
- lineHeight: resolved,
22
- width: resolved,
23
- height: resolved,
24
- textAlign: 'center',
25
- color: color ?? theme.semantic.colour.onSurface,
26
- };
27
- return (_jsx(Text, { style: style, accessibilityRole: "image", accessibilityLabel: name, children: name }));
28
- }
29
- //# sourceMappingURL=Icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,8EAA8E;AAC9E,2BAA2B;AAC3B,8EAA8E;AAE9E,MAAM,QAAQ,GAA+D;IAC3E,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,KAAK,GACK;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAChC,MAAM,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAc;QACvB,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS;KAChD,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,iBAAiB,EAAC,OAAO,EAAC,kBAAkB,EAAE,IAAI,YACnE,IAAI,GACA,CACR,CAAC;AACJ,CAAC"}
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- export interface LinkProps {
3
- /** Link URL. */
4
- href?: string;
5
- /** Link text. */
6
- children: React.ReactNode;
7
- /** Press handler (overrides href navigation). */
8
- onPress?: () => void;
9
- }
10
- export declare function Link({ href, children, onPress }: LinkProps): import("react/jsx-runtime").JSX.Element;
11
- //# sourceMappingURL=Link.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAYxC,MAAM,WAAW,SAAS;IACxB,gBAAgB;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,2CA4B1D"}
@@ -1,26 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { Text, Pressable, } from 'react-native';
4
- import { useTheme, resolveFont } from '../../theme';
5
- // ---------------------------------------------------------------------------
6
- // Component
7
- // ---------------------------------------------------------------------------
8
- export function Link({ href, children, onPress }) {
9
- const theme = useTheme();
10
- const lk = theme.component.link;
11
- const [hovered, setHovered] = useState(false);
12
- const textStyle = {
13
- fontSize: lk.fontSize,
14
- lineHeight: lk.lineHeight,
15
- color: hovered ? lk.hoverColour : lk.colour,
16
- textDecorationLine: 'underline',
17
- ...{ textUnderlineOffset: lk.underlineOffset },
18
- ...resolveFont(lk.fontFamily, lk.fontWeight),
19
- };
20
- return (_jsx(Pressable, { onPress: onPress, ...{
21
- onHoverIn: () => setHovered(true),
22
- onHoverOut: () => setHovered(false),
23
- ...(href && !onPress ? { href } : {}),
24
- }, accessibilityRole: "link", children: _jsx(Text, { style: textStyle, children: children }) }));
25
- }
26
- //# sourceMappingURL=Link.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../src/components/Link/Link.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EACL,IAAI,EACJ,SAAS,GAEV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAepD,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAa;IACzD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAEhC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,EAAE,CAAC,QAAQ;QACrB,UAAU,EAAE,EAAE,CAAC,UAAU;QACzB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM;QAC3C,kBAAkB,EAAE,WAAW;QAC/B,GAAI,EAAE,mBAAmB,EAAE,EAAE,CAAC,eAAe,EAA8B;QAC3E,GAAG,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC;KAC7C,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,KACX;YACH,SAAS,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC;YACjC,UAAU,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC;YACnC,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACV,EAC7B,iBAAiB,EAAC,MAAM,YAExB,KAAC,IAAI,IAAC,KAAK,EAAE,SAAS,YAAG,QAAQ,GAAQ,GAC/B,CACb,CAAC;AACJ,CAAC"}
@@ -1,18 +0,0 @@
1
- export interface SelectOption {
2
- label: string;
3
- value: string;
4
- }
5
- export interface SelectProps {
6
- /** Option list. */
7
- options: SelectOption[];
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 Select({ options, value, onSelect, label, placeholder, }: SelectProps): import("react/jsx-runtime").JSX.Element;
18
- //# sourceMappingURL=Select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,mBAAmB;IACnB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,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,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,GACZ,EAAE,WAAW,2CAoGb"}
@@ -1,72 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from 'react';
3
- import { View, Text, Pressable, } from 'react-native';
4
- import { useTheme, resolveFont } from '../../theme';
5
- // ---------------------------------------------------------------------------
6
- // Component
7
- // ---------------------------------------------------------------------------
8
- export function Select({ options, value, onSelect, label, placeholder, }) {
9
- const theme = useTheme();
10
- const sl = theme.component.select;
11
- const tf = theme.component.textField;
12
- const [isOpen, setIsOpen] = useState(false);
13
- const selectedOption = options.find((o) => o.value === value);
14
- // --- styles (trigger uses textField tokens) --------------------------------
15
- const containerStyle = {
16
- gap: 4,
17
- };
18
- const labelStyle = {
19
- fontSize: tf.labelSize,
20
- lineHeight: tf.labelLineHeight,
21
- color: tf.labelColour,
22
- ...resolveFont(tf.labelFontFamily, tf.labelFontWeight),
23
- };
24
- const triggerStyle = {
25
- flexDirection: 'row',
26
- alignItems: 'center',
27
- justifyContent: 'space-between',
28
- paddingHorizontal: tf.paddingHorizontal,
29
- paddingVertical: tf.paddingVertical,
30
- borderRadius: tf.cornerRadius,
31
- borderWidth: tf.borderWidth,
32
- backgroundColor: tf.background,
33
- borderColor: isOpen ? tf.focusBorderColour : tf.borderColour,
34
- };
35
- const triggerTextStyle = {
36
- fontSize: tf.textSize,
37
- lineHeight: tf.textLineHeight,
38
- color: selectedOption ? tf.textColour : tf.placeholderColour,
39
- flex: 1,
40
- ...resolveFont(tf.fontFamily, tf.textFontWeight),
41
- };
42
- const indicatorStyle = {
43
- color: sl.indicatorColour,
44
- fontSize: 12,
45
- };
46
- // --- styles (dropdown uses select tokens) ----------------------------------
47
- const dropdownStyle = {
48
- backgroundColor: sl.dropdownBackground,
49
- borderRadius: sl.dropdownCornerRadius,
50
- elevation: sl.dropdownElevation,
51
- ...(sl.dropdownElevation > 0
52
- ? { boxShadow: `0 2px ${sl.dropdownElevation * 2}px rgba(0,0,0,0.15)` }
53
- : {}),
54
- marginTop: 4,
55
- };
56
- const optionStyle = (optValue) => ({
57
- paddingHorizontal: sl.optionPaddingHorizontal,
58
- paddingVertical: sl.optionPaddingVertical,
59
- backgroundColor: optValue === value ? sl.selectedOptionBackground : 'transparent',
60
- });
61
- const optionTextStyle = {
62
- fontSize: sl.optionTextSize,
63
- lineHeight: sl.optionLineHeight,
64
- color: sl.optionTextColour,
65
- ...resolveFont(sl.fontFamily, sl.optionFontWeight),
66
- };
67
- return (_jsxs(View, { style: containerStyle, children: [label ? _jsx(Text, { style: labelStyle, children: label }) : null, _jsxs(Pressable, { style: triggerStyle, onPress: () => setIsOpen(!isOpen), children: [_jsx(Text, { style: triggerTextStyle, children: selectedOption?.label ?? placeholder ?? '' }), _jsx(Text, { style: indicatorStyle, children: isOpen ? '\u25B2' : '\u25BC' })] }), isOpen ? (_jsx(View, { style: dropdownStyle, children: options.map((opt) => (_jsx(Pressable, { onPress: () => {
68
- onSelect?.(opt.value);
69
- setIsOpen(false);
70
- }, style: optionStyle(opt.value), children: _jsx(Text, { style: optionTextStyle, children: opt.label }) }, opt.value))) })) : null] }));
71
- }
72
- //# sourceMappingURL=Select.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +0,0 @@
1
- export type SkeletonVariant = 'rectangle' | 'circle' | 'text';
2
- export interface SkeletonProps {
3
- /** Shape type. @default 'rectangle' */
4
- variant?: SkeletonVariant;
5
- /** Width. @default '100%' */
6
- width?: number | string;
7
- /** Height. @default 16 */
8
- height?: number;
9
- }
10
- export declare function Skeleton({ variant, width, height, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
11
- //# sourceMappingURL=Skeleton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAQA,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE9D,MAAM,WAAW,aAAa;IAC5B,uCAAuC;IACvC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,wBAAgB,QAAQ,CAAC,EACvB,OAAqB,EACrB,KAAc,EACd,MAAW,GACZ,EAAE,aAAa,2CAuBf"}
@@ -1,27 +0,0 @@
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 Skeleton({ variant = 'rectangle', width = '100%', height = 16, }) {
8
- const theme = useTheme();
9
- const sk = theme.component.skeleton;
10
- const baseStyle = {
11
- backgroundColor: sk.background,
12
- overflow: 'hidden',
13
- };
14
- const variantStyle = variant === 'circle'
15
- ? {
16
- width: sk.circleSize,
17
- height: sk.circleSize,
18
- borderRadius: sk.circleSize / 2,
19
- }
20
- : {
21
- width: width,
22
- height,
23
- borderRadius: variant === 'text' ? sk.cornerRadius / 2 : sk.cornerRadius,
24
- };
25
- return _jsx(View, { style: [baseStyle, variantStyle], accessibilityRole: "none" });
26
- }
27
- //# sourceMappingURL=Skeleton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiBvC,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,GAAG,WAAW,EACrB,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,EAAE,GACG;IACd,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEpC,MAAM,SAAS,GAAc;QAC3B,eAAe,EAAE,EAAE,CAAC,UAAU;QAC9B,QAAQ,EAAE,QAAQ;KACnB,CAAC;IAEF,MAAM,YAAY,GAChB,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC;YACE,KAAK,EAAE,EAAE,CAAC,UAAU;YACpB,MAAM,EAAE,EAAE,CAAC,UAAU;YACrB,YAAY,EAAE,EAAE,CAAC,UAAU,GAAG,CAAC;SAChC;QACH,CAAC,CAAC;YACE,KAAK,EAAE,KAAe;YACtB,MAAM;YACN,YAAY,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,YAAY;SACzE,CAAC;IAER,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,iBAAiB,EAAC,MAAM,GAAG,CAAC;AAC7E,CAAC"}
@@ -1,14 +0,0 @@
1
- export interface SnackbarProps {
2
- /** Snackbar text. */
3
- message: string;
4
- /** Action label. */
5
- action?: string;
6
- /** Action handler. */
7
- onAction?: () => void;
8
- /** Show/hide. @default false */
9
- visible?: boolean;
10
- /** Auto-dismiss ms. @default 4000 */
11
- duration?: number;
12
- }
13
- export declare function Snackbar({ message, action, onAction, visible, }: SnackbarProps): import("react/jsx-runtime").JSX.Element | null;
14
- //# sourceMappingURL=Snackbar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAcA,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,gCAAgC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAMD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,OAAe,GAChB,EAAE,aAAa,kDA6Cf"}
@@ -1,40 +0,0 @@
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
- // Component
6
- // ---------------------------------------------------------------------------
7
- export function Snackbar({ message, action, onAction, visible = false, }) {
8
- const theme = useTheme();
9
- const sn = theme.component.snackbar;
10
- const sem = theme.semantic;
11
- if (!visible)
12
- return null;
13
- const containerStyle = {
14
- flexDirection: 'row',
15
- alignItems: 'center',
16
- padding: sn.padding,
17
- gap: sn.gap,
18
- borderRadius: sn.cornerRadius,
19
- backgroundColor: sn.background,
20
- elevation: sn.elevation,
21
- ...(sn.elevation > 0
22
- ? { boxShadow: `0 ${sn.elevation}px ${sn.elevation * 2}px rgba(0,0,0,0.15)` }
23
- : {}),
24
- };
25
- const messageStyle = {
26
- flex: 1,
27
- fontSize: sn.textSize,
28
- lineHeight: sn.lineHeight,
29
- color: sn.contentColour,
30
- ...resolveFont(sn.fontFamily, sn.fontWeight),
31
- };
32
- const actionStyle = {
33
- fontSize: sem.fontSize.button,
34
- lineHeight: sem.lineHeight.button,
35
- color: sn.actionColour,
36
- ...resolveFont(sn.fontFamily, sem.fontWeight.button),
37
- };
38
- return (_jsxs(View, { style: containerStyle, accessibilityRole: "alert", children: [_jsx(Text, { style: messageStyle, children: message }), action ? (_jsx(Pressable, { onPress: onAction, accessibilityRole: "button", children: _jsx(Text, { style: actionStyle, children: action }) })) : null] }));
39
- }
40
- //# sourceMappingURL=Snackbar.js.map