@dxos/react-ui 0.1.1 → 0.1.3

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 (143) hide show
  1. package/dist/src/components/AlertDialog/AlertDialog.d.ts +17 -0
  2. package/dist/src/components/AlertDialog/AlertDialog.d.ts.map +1 -0
  3. package/dist/src/components/AlertDialog/AlertDialog.js +65 -0
  4. package/dist/src/components/AlertDialog/AlertDialog.js.map +1 -0
  5. package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts +9 -0
  6. package/dist/src/components/AlertDialog/AlertDialog.stories.d.ts.map +1 -0
  7. package/dist/src/components/AlertDialog/AlertDialog.stories.js +37 -0
  8. package/dist/src/components/AlertDialog/AlertDialog.stories.js.map +1 -0
  9. package/dist/src/components/AlertDialog/index.d.ts +2 -0
  10. package/dist/src/components/AlertDialog/index.d.ts.map +1 -0
  11. package/dist/src/components/AlertDialog/index.js +21 -0
  12. package/dist/src/components/AlertDialog/index.js.map +1 -0
  13. package/dist/src/components/Avatar/Avatar.d.ts +1 -1
  14. package/dist/src/components/Avatar/Avatar.js +1 -1
  15. package/dist/src/components/Avatar/Avatar.js.map +1 -1
  16. package/dist/src/components/Avatar/Avatar.stories.d.ts +1 -1
  17. package/dist/src/components/Button/Button.d.ts +1 -1
  18. package/dist/src/components/Button/Button.d.ts.map +1 -1
  19. package/dist/src/components/Button/Button.js +1 -1
  20. package/dist/src/components/Button/Button.js.map +1 -1
  21. package/dist/src/components/Button/Button.stories.d.ts +1 -1
  22. package/dist/src/components/Button/ButtonProps.d.ts +2 -0
  23. package/dist/src/components/Button/ButtonProps.d.ts.map +1 -1
  24. package/dist/src/components/Button/buttonStyles.d.ts.map +1 -1
  25. package/dist/src/components/Button/buttonStyles.js +3 -2
  26. package/dist/src/components/Button/buttonStyles.js.map +1 -1
  27. package/dist/src/components/Group/Group.d.ts.map +1 -1
  28. package/dist/src/components/Group/Group.js +3 -13
  29. package/dist/src/components/Group/Group.js.map +1 -1
  30. package/dist/src/components/Heading/Heading.d.ts +1 -1
  31. package/dist/src/components/Heading/Heading.stories.d.ts +1 -1
  32. package/dist/src/components/Input/BarePinInput.d.ts +310 -0
  33. package/dist/src/components/Input/BarePinInput.d.ts.map +1 -0
  34. package/dist/src/components/Input/BarePinInput.js +62 -0
  35. package/dist/src/components/Input/BarePinInput.js.map +1 -0
  36. package/dist/src/components/Input/BareTextInput.d.ts +5 -0
  37. package/dist/src/components/Input/BareTextInput.d.ts.map +1 -0
  38. package/dist/src/components/Input/BareTextInput.js +22 -0
  39. package/dist/src/components/Input/BareTextInput.js.map +1 -0
  40. package/dist/src/components/Input/Input.d.ts +3 -16
  41. package/dist/src/components/Input/Input.d.ts.map +1 -1
  42. package/dist/src/components/Input/Input.js +22 -10
  43. package/dist/src/components/Input/Input.js.map +1 -1
  44. package/dist/src/components/Input/Input.stories.d.ts +7 -3
  45. package/dist/src/components/Input/Input.stories.d.ts.map +1 -1
  46. package/dist/src/components/Input/Input.stories.js +15 -2
  47. package/dist/src/components/Input/Input.stories.js.map +1 -1
  48. package/dist/src/components/Input/InputProps.d.ts +17 -0
  49. package/dist/src/components/Input/InputProps.d.ts.map +1 -0
  50. package/dist/src/components/Input/InputProps.js +6 -0
  51. package/dist/src/components/Input/InputProps.js.map +1 -0
  52. package/dist/src/components/NavMenu/NavMenu.js +4 -4
  53. package/dist/src/components/NavMenu/NavMenu.js.map +1 -1
  54. package/dist/src/components/QrCode/QrCode.d.ts.map +1 -1
  55. package/dist/src/components/QrCode/QrCode.js +1 -1
  56. package/dist/src/components/QrCode/QrCode.js.map +1 -1
  57. package/dist/src/components/Tag/Tag.d.ts +8 -0
  58. package/dist/src/components/Tag/Tag.d.ts.map +1 -0
  59. package/dist/src/components/Tag/Tag.js +23 -0
  60. package/dist/src/components/Tag/Tag.js.map +1 -0
  61. package/dist/src/components/Tag/Tag.stories.d.ts +10 -0
  62. package/dist/src/components/Tag/Tag.stories.d.ts.map +1 -0
  63. package/dist/src/components/Tag/Tag.stories.js +24 -0
  64. package/dist/src/components/Tag/Tag.stories.js.map +1 -0
  65. package/dist/src/components/Tag/index.d.ts +2 -0
  66. package/dist/src/components/Tag/index.d.ts.map +1 -0
  67. package/dist/src/components/{Main → Tag}/index.js +1 -1
  68. package/dist/src/components/Tag/index.js.map +1 -0
  69. package/dist/src/components/index.d.ts +2 -1
  70. package/dist/src/components/index.d.ts.map +1 -1
  71. package/dist/src/components/index.js +2 -1
  72. package/dist/src/components/index.js.map +1 -1
  73. package/dist/src/hooks/index.d.ts +2 -0
  74. package/dist/src/hooks/index.d.ts.map +1 -1
  75. package/dist/src/hooks/index.js +2 -0
  76. package/dist/src/hooks/index.js.map +1 -1
  77. package/dist/src/hooks/useForwardedRef.d.ts +2 -0
  78. package/dist/src/hooks/useForwardedRef.d.ts.map +1 -0
  79. package/dist/src/hooks/useForwardedRef.js +24 -0
  80. package/dist/src/hooks/useForwardedRef.js.map +1 -0
  81. package/dist/src/hooks/useIsFocused.d.ts +3 -0
  82. package/dist/src/hooks/useIsFocused.d.ts.map +1 -0
  83. package/dist/src/hooks/useIsFocused.js +34 -0
  84. package/dist/src/hooks/useIsFocused.js.map +1 -0
  85. package/dist/src/plugin.d.ts.map +1 -1
  86. package/dist/src/plugin.js +11 -2
  87. package/dist/src/plugin.js.map +1 -1
  88. package/dist/src/props/Elevation.d.ts +2 -0
  89. package/dist/src/props/Elevation.d.ts.map +1 -0
  90. package/dist/src/props/Elevation.js +6 -0
  91. package/dist/src/props/Elevation.js.map +1 -0
  92. package/dist/src/props/MessageValence.d.ts +1 -1
  93. package/dist/src/props/MessageValence.d.ts.map +1 -1
  94. package/dist/src/props/index.d.ts +1 -0
  95. package/dist/src/props/index.d.ts.map +1 -1
  96. package/dist/src/props/index.js +1 -0
  97. package/dist/src/props/index.js.map +1 -1
  98. package/dist/src/styles/focus.d.ts +1 -0
  99. package/dist/src/styles/focus.d.ts.map +1 -1
  100. package/dist/src/styles/focus.js +2 -1
  101. package/dist/src/styles/focus.js.map +1 -1
  102. package/dist/src/styles/group.d.ts +5 -0
  103. package/dist/src/styles/group.d.ts.map +1 -0
  104. package/dist/src/styles/group.js +26 -0
  105. package/dist/src/styles/group.js.map +1 -0
  106. package/dist/src/styles/index.d.ts +3 -0
  107. package/dist/src/styles/index.d.ts.map +1 -1
  108. package/dist/src/styles/index.js +3 -0
  109. package/dist/src/styles/index.js.map +1 -1
  110. package/dist/src/styles/input.d.ts +11 -0
  111. package/dist/src/styles/input.d.ts.map +1 -0
  112. package/dist/src/styles/input.js +24 -0
  113. package/dist/src/styles/input.js.map +1 -0
  114. package/dist/src/styles/ornament.d.ts +3 -0
  115. package/dist/src/styles/ornament.d.ts.map +1 -0
  116. package/dist/src/styles/ornament.js +9 -0
  117. package/dist/src/styles/ornament.js.map +1 -0
  118. package/dist/src/styles/shimmer.d.ts +2 -0
  119. package/dist/src/styles/shimmer.d.ts.map +1 -0
  120. package/dist/src/styles/shimmer.js +8 -0
  121. package/dist/src/styles/shimmer.js.map +1 -0
  122. package/package.json +3 -2
  123. package/src/components/AlertDialog/AlertDialog.tsx +1 -1
  124. package/src/components/Input/BarePinInput.tsx +62 -0
  125. package/src/components/Input/BareTextInput.tsx +31 -0
  126. package/src/components/Input/Input.stories.tsx +18 -1
  127. package/src/components/Input/Input.tsx +33 -54
  128. package/src/components/Input/InputProps.ts +23 -0
  129. package/src/hooks/index.ts +2 -0
  130. package/src/hooks/useForwardedRef.ts +22 -0
  131. package/src/hooks/useIsFocused.ts +38 -0
  132. package/src/plugin.ts +9 -1
  133. package/src/styles/focus.ts +3 -0
  134. package/src/styles/index.ts +1 -0
  135. package/src/styles/input.ts +47 -0
  136. package/src/styles/shimmer.ts +6 -0
  137. package/dist/src/components/Main/Main.d.ts +0 -3
  138. package/dist/src/components/Main/Main.d.ts.map +0 -1
  139. package/dist/src/components/Main/Main.js +0 -16
  140. package/dist/src/components/Main/Main.js.map +0 -1
  141. package/dist/src/components/Main/index.d.ts +0 -2
  142. package/dist/src/components/Main/index.d.ts.map +0 -1
  143. package/dist/src/components/Main/index.js.map +0 -1
@@ -0,0 +1,17 @@
1
+ import { ReactHTMLElement, ReactNode } from 'react';
2
+ import { InputProps } from '../Input';
3
+ export interface AlertDialogProps {
4
+ title: ReactNode;
5
+ openTrigger?: ReactNode;
6
+ cancelTrigger?: ReactNode;
7
+ confirmTrigger: Omit<ReactHTMLElement<HTMLElement>, 'ref'>;
8
+ destructiveConfirmString?: string;
9
+ destructiveConfirmInputProps?: Omit<InputProps, 'onChange' | 'initialValue'>;
10
+ titleVisuallyHidden?: boolean;
11
+ description?: ReactNode;
12
+ children?: ReactNode;
13
+ initiallyOpen?: boolean;
14
+ mountAsSibling?: boolean;
15
+ }
16
+ export declare const AlertDialog: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
17
+ //# sourceMappingURL=AlertDialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAOA,OAAc,EAA0B,gBAAgB,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAGxG,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,EAAE,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;IAC3D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,4BAA4B,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,cAAc,CAAC,CAAC;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,WAAW,6LAYrB,gBAAgB,gBAwFlB,CAAC"}
@@ -0,0 +1,65 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
+ desc = { enumerable: true, get: function() { return m[k]; } };
10
+ }
11
+ Object.defineProperty(o, k2, desc);
12
+ }) : (function(o, m, k, k2) {
13
+ if (k2 === undefined) k2 = k;
14
+ o[k2] = m[k];
15
+ }));
16
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
17
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
18
+ }) : function(o, v) {
19
+ o["default"] = v;
20
+ });
21
+ var __importStar = (this && this.__importStar) || function (mod) {
22
+ if (mod && mod.__esModule) return mod;
23
+ var result = {};
24
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
25
+ __setModuleDefault(result, mod);
26
+ return result;
27
+ };
28
+ var __importDefault = (this && this.__importDefault) || function (mod) {
29
+ return (mod && mod.__esModule) ? mod : { "default": mod };
30
+ };
31
+ Object.defineProperty(exports, "__esModule", { value: true });
32
+ exports.AlertDialog = void 0;
33
+ const react_1 = require("@headlessui/react");
34
+ const AlertDialogPrimitive = __importStar(require("@radix-ui/react-alert-dialog"));
35
+ const classnames_1 = __importDefault(require("classnames"));
36
+ const react_2 = __importStar(require("react"));
37
+ const styles_1 = require("../../styles");
38
+ const Input_1 = require("../Input");
39
+ const AlertDialog = ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }) => {
40
+ const [isOpen, setIsOpen] = (0, react_2.useState)(!!initiallyOpen);
41
+ const [confirmDisabled, setConfirmDisabled] = (0, react_2.useState)(!!destructiveConfirmString);
42
+ const [confirmStringValue, setConfirmStringValue] = (0, react_2.useState)('');
43
+ (0, react_2.useEffect)(() => {
44
+ if (destructiveConfirmString) {
45
+ setConfirmDisabled(confirmStringValue !== destructiveConfirmString);
46
+ }
47
+ }, [confirmStringValue]);
48
+ const dialogOverlayAndContent = (react_2.default.createElement(react_1.Transition.Root, { show: isOpen },
49
+ react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0', enterTo: 'opacity-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100', leaveTo: 'opacity-0' },
50
+ react_2.default.createElement(AlertDialogPrimitive.Overlay, { forceMount: true, className: 'fixed inset-0 z-20 bg-black/50' })),
51
+ react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: 'ease-out duration-300', enterFrom: 'opacity-0 scale-95', enterTo: 'opacity-100 scale-100', leave: 'ease-in duration-200', leaveFrom: 'opacity-100 scale-100', leaveTo: 'opacity-0 scale-95' },
52
+ react_2.default.createElement(AlertDialogPrimitive.Content, { forceMount: true, className: (0, classnames_1.default)('fixed z-50', 'w-[95vw] max-w-md rounded-xl p-4 md:w-full', 'top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]', 'shadow-2xl bg-white dark:bg-neutral-800 elevated-buttons', styles_1.defaultFocus) },
53
+ react_2.default.createElement(AlertDialogPrimitive.Title, { className: (0, classnames_1.default)('text-2xl font-display font-medium text-neutral-900 dark:text-neutral-100 rounded-md', titleVisuallyHidden && 'sr-only', styles_1.defaultFocus), tabIndex: 0 }, title),
54
+ description && (react_2.default.createElement(AlertDialogPrimitive.Description, { className: (0, classnames_1.default)('my-2', styles_1.defaultDescription) }, description)),
55
+ children,
56
+ destructiveConfirmInputProps && react_2.default.createElement(Input_1.Input, { ...destructiveConfirmInputProps, onChange: setConfirmStringValue }),
57
+ react_2.default.createElement("div", { className: 'flex flex-wrap justify-end gap-4' },
58
+ cancelTrigger && (react_2.default.createElement(AlertDialogPrimitive.Cancel, { asChild: typeof cancelTrigger !== 'string' }, cancelTrigger)),
59
+ react_2.default.createElement(AlertDialogPrimitive.Action, { asChild: true }, (0, react_2.cloneElement)(confirmTrigger, { disabled: confirmDisabled })))))));
60
+ return (react_2.default.createElement(AlertDialogPrimitive.Root, { open: isOpen, onOpenChange: setIsOpen },
61
+ openTrigger && react_2.default.createElement(AlertDialogPrimitive.Trigger, { asChild: true }, openTrigger),
62
+ mountAsSibling ? (dialogOverlayAndContent) : (react_2.default.createElement(AlertDialogPrimitive.Portal, null, dialogOverlayAndContent))));
63
+ };
64
+ exports.AlertDialog = AlertDialog;
65
+ //# sourceMappingURL=AlertDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,6CAA+C;AAC/C,mFAAqE;AACrE,4DAA4B;AAC5B,+CAAwG;AAExG,yCAAgE;AAChE,oCAA6C;AAgBtC,MAAM,WAAW,GAAG,CAAC,EAC1B,KAAK,EACL,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,4BAA4B,EAC5B,QAAQ,EACR,aAAa,EACb,cAAc,EACG,EAAE,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC;IACnF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,wBAAwB,EAAE;YAC5B,kBAAkB,CAAC,kBAAkB,KAAK,wBAAwB,CAAC,CAAC;SACrE;IACH,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,uBAAuB,GAAG,CAC9B,8BAAC,kBAAU,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM;QAC3B,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;YAEnB,8BAAC,oBAAoB,CAAC,OAAO,IAAC,UAAU,QAAC,SAAS,EAAC,gCAAgC,GAAG,CACrE;QACnB,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB;YAE5B,8BAAC,oBAAoB,CAAC,OAAO,IAC3B,UAAU,QACV,SAAS,EAAE,IAAA,oBAAE,EACX,YAAY,EACZ,4CAA4C,EAC5C,4DAA4D,EAC5D,0DAA0D,EAC1D,qBAAY,CACb;gBAED,8BAAC,oBAAoB,CAAC,KAAK,IACzB,SAAS,EAAE,IAAA,oBAAE,EACX,qFAAqF,EACrF,mBAAmB,IAAI,SAAS,EAChC,qBAAY,CACb,EACD,QAAQ,EAAE,CAAC,IAEV,KAAK,CACqB;gBAC5B,WAAW,IAAI,CACd,8BAAC,oBAAoB,CAAC,WAAW,IAAC,SAAS,EAAE,IAAA,oBAAE,EAAC,MAAM,EAAE,2BAAkB,CAAC,IACxE,WAAW,CACqB,CACpC;gBAEA,QAAQ;gBAER,4BAA4B,IAAI,8BAAC,aAAK,OAAK,4BAA4B,EAAE,QAAQ,EAAE,qBAAqB,GAAI;gBAE7G,uCAAK,SAAS,EAAC,kCAAkC;oBAC9C,aAAa,IAAI,CAChB,8BAAC,oBAAoB,CAAC,MAAM,IAAC,OAAO,EAAE,OAAO,aAAa,KAAK,QAAQ,IACpE,aAAa,CACc,CAC/B;oBACD,8BAAC,oBAAoB,CAAC,MAAM,IAAC,OAAO,UACjC,IAAA,oBAAY,EAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,CAChC,CAC1B,CACuB,CACd,CACH,CACnB,CAAC;IAEF,OAAO,CACL,8BAAC,oBAAoB,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS;QAC7D,WAAW,IAAI,8BAAC,oBAAoB,CAAC,OAAO,IAAC,OAAO,UAAE,WAAW,CAAgC;QACjG,cAAc,CAAC,CAAC,CAAC,CAChB,uBAAuB,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,oBAAoB,CAAC,MAAM,QAAE,uBAAuB,CAA+B,CACrF,CACyB,CAC7B,CAAC;AACJ,CAAC,CAAC;AApGW,QAAA,WAAW,eAoGtB"}
@@ -0,0 +1,9 @@
1
+ import '@dxosTheme';
2
+ import { AlertDialogProps } from './AlertDialog';
3
+ declare const _default: {
4
+ title: string;
5
+ component: ({ title, titleVisuallyHidden, description, openTrigger, cancelTrigger, confirmTrigger, destructiveConfirmString, destructiveConfirmInputProps, children, initiallyOpen, mountAsSibling }: AlertDialogProps) => JSX.Element;
6
+ };
7
+ export default _default;
8
+ export declare const Default: import("@storybook/react").Story<AlertDialogProps>;
9
+ //# sourceMappingURL=AlertDialog.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,YAAY,CAAC;AAKpB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;;;AAE9D,wBAGE;AAMF,eAAO,MAAM,OAAO,oDAIlB,CAAC"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __importDefault = (this && this.__importDefault) || function (mod) {
6
+ return (mod && mod.__esModule) ? mod : { "default": mod };
7
+ };
8
+ Object.defineProperty(exports, "__esModule", { value: true });
9
+ exports.Default = void 0;
10
+ require("@dxosTheme");
11
+ const react_1 = __importDefault(require("react"));
12
+ const testing_1 = require("../../testing");
13
+ const Button_1 = require("../Button");
14
+ const AlertDialog_1 = require("./AlertDialog");
15
+ exports.default = {
16
+ title: 'react-ui/AlertDialog',
17
+ component: AlertDialog_1.AlertDialog
18
+ };
19
+ const Template = ({ children, ...props }) => {
20
+ return react_1.default.createElement(AlertDialog_1.AlertDialog, { ...props }, children);
21
+ };
22
+ exports.Default = (0, testing_1.templateForComponent)(Template)({
23
+ openTrigger: '',
24
+ title: '',
25
+ confirmTrigger: react_1.default.createElement("span", null)
26
+ });
27
+ exports.Default.args = {
28
+ openTrigger: react_1.default.createElement(Button_1.Button, null, "Reset device"),
29
+ cancelTrigger: react_1.default.createElement(Button_1.Button, null, "Cancel"),
30
+ confirmTrigger: react_1.default.createElement(Button_1.Button, { variant: 'primary' }, "GO"),
31
+ destructiveConfirmString: "I've definitely had my coffee",
32
+ destructiveConfirmInputProps: {
33
+ label: "Type “I've definitely had my coffee” to confirm"
34
+ },
35
+ title: 'Reset your device'
36
+ };
37
+ //# sourceMappingURL=AlertDialog.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertDialog.stories.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/AlertDialog.stories.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,sBAAoB;AACpB,kDAA0B;AAE1B,2CAAqD;AACrD,sCAAmC;AACnC,+CAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,yBAAW;CACvB,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC5D,OAAO,8BAAC,yBAAW,OAAK,KAAK,IAAG,QAAQ,CAAe,CAAC;AAC1D,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,IAAA,8BAAoB,EAAC,QAAQ,CAAC,CAAC;IACpD,WAAW,EAAE,EAAE;IACf,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,2CAAQ;CACzB,CAAC,CAAC;AACH,eAAO,CAAC,IAAI,GAAG;IACb,WAAW,EAAE,8BAAC,eAAM,uBAAsB;IAC1C,aAAa,EAAE,8BAAC,eAAM,iBAAgB;IACtC,cAAc,EAAE,8BAAC,eAAM,IAAC,OAAO,EAAC,SAAS,SAAY;IACrD,wBAAwB,EAAE,+BAA+B;IACzD,4BAA4B,EAAE;QAC5B,KAAK,EAAE,iDAAiD;KACzD;IACD,KAAK,EAAE,mBAAmB;CAC3B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './AlertDialog';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAIA,cAAc,eAAe,CAAC"}
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ //
3
+ // Copyright 2022 DXOS.org
4
+ //
5
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ var desc = Object.getOwnPropertyDescriptor(m, k);
8
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
9
+ desc = { enumerable: true, get: function() { return m[k]; } };
10
+ }
11
+ Object.defineProperty(o, k2, desc);
12
+ }) : (function(o, m, k, k2) {
13
+ if (k2 === undefined) k2 = k;
14
+ o[k2] = m[k];
15
+ }));
16
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
17
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
18
+ };
19
+ Object.defineProperty(exports, "__esModule", { value: true });
20
+ __exportStar(require("./AlertDialog"), exports);
21
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;AAEF,gDAA8B"}
@@ -9,5 +9,5 @@ export interface AvatarProps extends ComponentProps<typeof AvatarPrimitive.Root>
9
9
  mediaSrc?: string;
10
10
  children?: ReactNode;
11
11
  }
12
- export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "fallbackValue" | "size" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
12
+ export declare const Avatar: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
13
13
  //# sourceMappingURL=Avatar.d.ts.map
@@ -46,7 +46,7 @@ exports.Avatar = (0, react_1.forwardRef)(({ mediaSrc, fallbackValue, label, vari
46
46
  return (react_1.default.createElement(react_1.default.Fragment, null,
47
47
  react_1.default.createElement(AvatarPrimitive.Root, { ...rootProps, className: (0, classnames_1.default)('relative inline-flex', (0, styles_1.getSize)(size), rootProps.className), "aria-labelledby": labelId, ref: ref },
48
48
  mediaSrc && (react_1.default.createElement(AvatarPrimitive.Image, { src: mediaSrc, alt: 'Avatar', className: (0, classnames_1.default)('h-full w-full object-cover overflow-hidden', shapeStyles[variant]) })),
49
- react_1.default.createElement(AvatarPrimitive.Fallback, { className: (0, classnames_1.default)('flex h-full w-full items-center justify-center bg-white dark:bg-neutral-800 overflow-hidden', shapeStyles[variant]), delayMs: 0 },
49
+ react_1.default.createElement(AvatarPrimitive.Fallback, { className: (0, classnames_1.default)('shrink-0 flex h-full w-full items-center justify-center bg-white dark:bg-neutral-800 overflow-hidden', shapeStyles[variant]), delayMs: 0 },
50
50
  react_1.default.createElement("img", { role: 'none', alt: fallbackValue, src: imgSrc, className: 'h-full w-full' }))),
51
51
  typeof label === 'string' ? (react_1.default.createElement("span", { id: labelId, className: 'sr-only' }, label)) : ((0, react_1.cloneElement)(label, { id: labelId }))));
52
52
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wEAA0D;AAC1D,4DAA4B;AAC5B,yCAAkC;AAClC,+CASe;AAEf,uCAAoC;AAEpC,yCAAuC;AAWvC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAkC,EAC/G,GAAkC,EAClC,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,IAAA,iBAAK,EAAC,aAAa,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACzG,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAe,CAAC,IAAI,OACf,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,qBACxD,OAAO,EACxB,GAAG,EAAE,GAAG;YAEP,QAAQ,IAAI,CACX,8BAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,4CAA4C,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GACjF,CACH;YACD,8BAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAE,EACX,6FAA6F,EAC7F,WAAW,CAAC,OAAO,CAAC,CACrB,EACD,OAAO,EAAE,CAAC;gBAEV,uCAAK,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,eAAe,GAAG,CACrD,CACN;QACtB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CACrC,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,wEAA0D;AAC1D,4DAA4B;AAC5B,yCAAkC;AAClC,+CASe;AAEf,uCAAoC;AAEpC,yCAAuC;AAWvC,MAAM,WAAW,GAAG;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;CAClB,CAAC;AAEW,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,SAAS,EAAkC,EAC/G,GAAkC,EAClC,EAAE;IACF,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,aAAa,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,2BAA2B,kBAAkB,CAAC,IAAA,iBAAK,EAAC,aAAa,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,EACzG,CAAC,aAAa,CAAC,CAChB,CAAC;IACF,OAAO,CACL;QACE,8BAAC,eAAe,CAAC,IAAI,OACf,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE,IAAA,gBAAO,EAAC,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,qBACxD,OAAO,EACxB,GAAG,EAAE,GAAG;YAEP,QAAQ,IAAI,CACX,8BAAC,eAAe,CAAC,KAAK,IACpB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,QAAQ,EACZ,SAAS,EAAE,IAAA,oBAAE,EAAC,4CAA4C,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GACjF,CACH;YACD,8BAAC,eAAe,CAAC,QAAQ,IACvB,SAAS,EAAE,IAAA,oBAAE,EACX,sGAAsG,EACtG,WAAW,CAAC,OAAO,CAAC,CACrB,EACD,OAAO,EAAE,CAAC;gBAEV,uCAAK,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,eAAe,GAAG,CACrD,CACN;QACtB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,wCAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,IACnC,KAAK,CACD,CACR,CAAC,CAAC,CAAC,CACF,IAAA,oBAAY,EAAC,KAAK,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CACrC,CACA,CACJ,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { AvatarProps } from './Avatar';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "asChild" | "fallbackValue" | "size" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
6
+ component: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<AvatarProps>, "label" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "size" | "asChild" | "fallbackValue" | "variant" | "mediaSrc"> & React.RefAttributes<HTMLSpanElement>>;
7
7
  };
8
8
  export default _default;
9
9
  export declare const Default: import("@storybook/react").Story<AvatarProps>;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
2
  import { ButtonProps } from './ButtonProps';
3
- export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value"> & React.RefAttributes<HTMLButtonElement>>;
3
+ export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact" | "rounding"> & React.RefAttributes<HTMLButtonElement>>;
4
4
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,+uJASjB,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,eAAO,MAAM,MAAM,wwJAWlB,CAAC"}
@@ -33,5 +33,5 @@ exports.Button = void 0;
33
33
  const classnames_1 = __importDefault(require("classnames"));
34
34
  const react_1 = __importStar(require("react"));
35
35
  const buttonStyles_1 = require("./buttonStyles");
36
- exports.Button = (0, react_1.forwardRef)(({ children, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)(props), props.className), ...(props.disabled && { disabled: true }) }, children)));
36
+ exports.Button = (0, react_1.forwardRef)(({ children, compact, variant, rounding, ...props }, ref) => (react_1.default.createElement("button", { ref: ref, ...props, className: (0, classnames_1.default)((0, buttonStyles_1.buttonStyles)({ compact, variant, rounding, disabled: props.disabled }), props.className), ...(props.disabled && { disabled: true }) }, children)));
37
37
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAiC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChG,0CACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,2BAAY,EAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAC/C,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAEzC,QAAQ,CACF,CACV,CAAC,CAAC"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEF,4DAA4B;AAC5B,+CAA0C;AAG1C,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3D,0CACE,GAAG,EAAE,GAAG,KACJ,KAAK,EACT,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,2BAAY,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAClG,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAEzC,QAAQ,CACF,CACV,CACF,CAAC"}
@@ -3,7 +3,7 @@ import React from 'react';
3
3
  import { ButtonProps } from './ButtonProps';
4
4
  declare const _default: {
5
5
  title: string;
6
- component: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "variant" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value"> & React.RefAttributes<HTMLButtonElement>>;
6
+ component: React.ForwardRefExoticComponent<Pick<ButtonProps, "disabled" | "form" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "variant" | "compact" | "rounding"> & React.RefAttributes<HTMLButtonElement>>;
7
7
  };
8
8
  export default _default;
9
9
  export declare const Default: import("@storybook/react").Story<Omit<ButtonProps, "ref">>;
@@ -1,6 +1,8 @@
1
1
  import { ComponentProps } from 'react';
2
2
  export interface ButtonProps extends ComponentProps<'button'> {
3
3
  variant?: 'default' | 'primary' | 'outline';
4
+ compact?: boolean;
5
+ rounding?: string;
4
6
  disabled?: boolean;
5
7
  }
6
8
  //# sourceMappingURL=ButtonProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
1
+ {"version":3,"file":"ButtonProps.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/ButtonProps.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,QAAQ,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AAExG,eAAO,MAAM,YAAY,UAAW,WAAW,WAmB9C,CAAC"}
1
+ {"version":3,"file":"buttonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,eAAO,MAAM,mBAAmB,mDAAmD,CAAC;AACpF,eAAO,MAAM,mBAAmB,uEAAuE,CAAC;AAExG,eAAO,MAAM,YAAY,UAAW,WAAW,WAqB9C,CAAC"}
@@ -12,10 +12,11 @@ const styles_1 = require("../../styles");
12
12
  exports.primaryButtonColors = 'bg-primary-600 text-white hover:bg-primary-650';
13
13
  exports.defaultButtonColors = 'bg-white text-neutral-900 dark:bg-neutral-750 dark:text-neutral-50';
14
14
  const buttonStyles = (props) => {
15
+ var _a;
15
16
  const resolvedVariant = props.variant || 'default';
16
- return (0, classnames_1.default)('inline-flex select-none items-center justify-center rounded-md px-4 py-2 text-sm font-medium', 'transition-color duration-100', (0, styles_1.defaultHover)(props), resolvedVariant === 'default' &&
17
+ return (0, classnames_1.default)('inline-flex select-none items-center justify-center text-sm font-medium', (_a = props.rounding) !== null && _a !== void 0 ? _a : 'rounded-md', props.compact ? 'p-1.5' : 'pli-4 plb-2', 'transition-color duration-100', (0, styles_1.defaultHover)(props), resolvedVariant === 'default' &&
17
18
  'border border-neutral-100 dark:border-neutral-650 hover:focus:border-neutral-100 hover:border-transparent', resolvedVariant === 'default' && exports.defaultButtonColors, resolvedVariant === 'primary' && 'border border-primary-550 hover:border-transparent', resolvedVariant === 'primary' && exports.primaryButtonColors, resolvedVariant === 'outline' &&
18
- 'text-neutral-700 border border-neutral-600 font-medium rounded-lg text-sm text-center dark:border-neutral-300 dark:text-neutral-150', styles_1.defaultFocus, props.disabled ? styles_1.defaultDisabled : resolvedVariant !== 'outline' && 'button-elevation',
19
+ 'text-neutral-700 border border-neutral-600 dark:border-neutral-300 dark:text-neutral-150', styles_1.defaultFocus, props.disabled ? styles_1.defaultDisabled : resolvedVariant !== 'outline' && 'button-elevation',
19
20
  // Register all radix states
20
21
  'group', styles_1.defaultActive);
21
22
  };
@@ -1 +1 @@
1
- {"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAEjG,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACnD,OAAO,IAAA,oBAAE,EACP,8FAA8F,EAC9F,+BAA+B,EAC/B,IAAA,qBAAY,EAAC,KAAK,CAAC,EACnB,eAAe,KAAK,SAAS;QAC3B,2GAA2G,EAC7G,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS,IAAI,oDAAoD,EACrF,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS;QAC3B,qIAAqI,EACvI,qBAAY,EACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAe,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,IAAI,kBAAkB;IACtF,4BAA4B;IAC5B,OAAO,EACP,sBAAa,CACd,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,YAAY,gBAmBvB"}
1
+ {"version":3,"file":"buttonStyles.js","sourceRoot":"","sources":["../../../../src/components/Button/buttonStyles.ts"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAE5B,yCAA0F;AAG7E,QAAA,mBAAmB,GAAG,gDAAgD,CAAC;AACvE,QAAA,mBAAmB,GAAG,oEAAoE,CAAC;AAEjG,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE;;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,CAAC;IACnD,OAAO,IAAA,oBAAE,EACP,yEAAyE,EACzE,MAAA,KAAK,CAAC,QAAQ,mCAAI,YAAY,EAC9B,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,EACvC,+BAA+B,EAC/B,IAAA,qBAAY,EAAC,KAAK,CAAC,EACnB,eAAe,KAAK,SAAS;QAC3B,2GAA2G,EAC7G,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS,IAAI,oDAAoD,EACrF,eAAe,KAAK,SAAS,IAAI,2BAAmB,EACpD,eAAe,KAAK,SAAS;QAC3B,0FAA0F,EAC5F,qBAAY,EACZ,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,wBAAe,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,IAAI,kBAAkB;IACtF,4BAA4B;IAC5B,OAAO,EACP,sBAAa,CACd,CAAC;AACJ,CAAC,CAAC;AArBW,QAAA,YAAY,gBAqBvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC7D,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAYD,eAAO,MAAM,KAAK,6EAA8E,UAAU,gBAoBzG,CAAC"}
1
+ {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC7D,KAAK,EAAE,YAAY,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,KAAK,6EAAkF,UAAU,gBAQ7G,CAAC"}
@@ -10,21 +10,11 @@ exports.Group = void 0;
10
10
  const classnames_1 = __importDefault(require("classnames"));
11
11
  const react_1 = __importDefault(require("react"));
12
12
  const hooks_1 = require("../../hooks");
13
+ const group_1 = require("../../styles/group");
13
14
  const Heading_1 = require("../Heading");
14
- const elevationClassNameMap = new Map([
15
- [0, 'shadow-none'],
16
- [1, 'shadow-sm'],
17
- [2, 'shadow'],
18
- [3, 'shadow-md'],
19
- [4, 'shadow-lg'],
20
- [5, 'shadow-xl'],
21
- [6, 'shadow-2xl']
22
- ]);
23
- const Group = ({ elevation, children, label, labelVisuallyHidden, className, ...props }) => {
15
+ const Group = ({ elevation = 3, children, label, labelVisuallyHidden, className, ...props }) => {
24
16
  const labelId = (0, hooks_1.useId)('groupLabel');
25
- return (react_1.default.createElement("div", { role: 'group', "aria-labelledby": labelId, className: (0, classnames_1.default)('rounded-lg p-4', elevation === 0
26
- ? 'bg-transparent border border-neutral-200 dark:border-neutral-700'
27
- : 'bg-white dark:bg-neutral-800 elevated-buttons', elevationClassNameMap.get(typeof elevation === 'undefined' ? 3 : elevation), className), ...props },
17
+ return (react_1.default.createElement("div", { role: 'group', "aria-labelledby": labelId, className: (0, classnames_1.default)((0, group_1.defaultGroup)({ elevation }), className), ...props },
28
18
  react_1.default.createElement(Heading_1.Heading, { ...label, id: labelId, className: (0, classnames_1.default)(labelVisuallyHidden && 'sr-only', 'mb-2', label === null || label === void 0 ? void 0 : label.className) }),
29
19
  children));
30
20
  };
@@ -1 +1 @@
1
- {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyC;AAEzC,uCAAoC;AACpC,wCAAmD;AASnD,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAiB;IACpD,CAAC,CAAC,EAAE,aAAa,CAAC;IAClB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,WAAW,CAAC;IAChB,CAAC,CAAC,EAAE,YAAY,CAAC;CAClB,CAAC,CAAC;AAEI,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IAC5G,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,uCACE,IAAI,EAAC,OAAO,qBACK,OAAO,EACxB,SAAS,EAAE,IAAA,oBAAE,EACX,gBAAgB,EAChB,SAAS,KAAK,CAAC;YACb,CAAC,CAAC,kEAAkE;YACpE,CAAC,CAAC,+CAA+C,EACnD,qBAAqB,CAAC,GAAG,CAAC,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAC3E,SAAS,CACV,KACG,KAAK;QAET,8BAAC,iBAAO,OAAK,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,mBAAmB,IAAI,SAAS,EAAE,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,GAAI;QAC7G,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,KAAK,SAoBhB"}
1
+ {"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../src/components/Group/Group.tsx"],"names":[],"mappings":";AAAA,EAAE;AACF,0BAA0B;AAC1B,EAAE;;;;;;AAEF,4DAA4B;AAC5B,kDAAyC;AAEzC,uCAAoC;AACpC,8CAAkD;AAClD,wCAAmD;AAS5C,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IAChH,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CACL,uCAAK,IAAI,EAAC,OAAO,qBAAkB,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,IAAA,oBAAY,EAAC,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK;QAC1G,8BAAC,iBAAO,OAAK,KAAK,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAA,oBAAE,EAAC,mBAAmB,IAAI,SAAS,EAAE,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,GAAI;QAC7G,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,KAAK,SAQhB"}
@@ -64,7 +64,7 @@ export declare const Heading: ({ level, ...props }: PropsWithChildren<HeadingPro
64
64
  'aria-describedby'?: string | undefined;
65
65
  'aria-details'?: string | undefined;
66
66
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
67
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
67
+ 'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
68
68
  'aria-errormessage'?: string | undefined;
69
69
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
70
70
  'aria-flowto'?: string | undefined;
@@ -64,7 +64,7 @@ declare const _default: {
64
64
  'aria-describedby'?: string | undefined;
65
65
  'aria-details'?: string | undefined;
66
66
  'aria-disabled'?: (boolean | "true" | "false") | undefined;
67
- 'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
67
+ 'aria-dropeffect'?: "copy" | "link" | "none" | "execute" | "move" | "popup" | undefined;
68
68
  'aria-errormessage'?: string | undefined;
69
69
  'aria-expanded'?: (boolean | "true" | "false") | undefined;
70
70
  'aria-flowto'?: string | undefined;