@zango-core/components 0.2.0-rc.2 → 0.2.1

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 (76) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE +29 -0
  3. package/README.md +56 -376
  4. package/dist/components/Accordion/Accordion.d.ts +3 -1
  5. package/dist/components/Accordion/index.d.ts +1 -1
  6. package/dist/components/Alert/Alert.d.ts +14 -0
  7. package/dist/components/Alert/index.d.ts +1 -1
  8. package/dist/components/Avatar/Avatar.d.ts +13 -0
  9. package/dist/components/Avatar/index.d.ts +1 -1
  10. package/dist/components/Badge/Badge.d.ts +8 -1
  11. package/dist/components/Badge/index.d.ts +1 -1
  12. package/dist/components/Button/Button.d.ts +24 -1
  13. package/dist/components/Button/index.d.ts +1 -1
  14. package/dist/components/Card/Card.d.ts +34 -0
  15. package/dist/components/Card/index.d.ts +1 -1
  16. package/dist/components/Checkbox/Checkbox.d.ts +6 -0
  17. package/dist/components/ContextMenu/ContextMenu.d.ts +33 -1
  18. package/dist/components/ContextMenu/index.d.ts +1 -1
  19. package/dist/components/Dialog/index.d.ts +1 -1
  20. package/dist/components/Divider/Divider.d.ts +12 -0
  21. package/dist/components/Divider/index.d.ts +1 -1
  22. package/dist/components/Drawer/Drawer.d.ts +2 -0
  23. package/dist/components/Drawer/index.d.ts +1 -1
  24. package/dist/components/Empty/Empty.d.ts +9 -0
  25. package/dist/components/Empty/index.d.ts +1 -1
  26. package/dist/components/Form/Form.d.ts +34 -0
  27. package/dist/components/Form/index.d.ts +1 -1
  28. package/dist/components/FormWidgets/index.d.ts +4 -4
  29. package/dist/components/InfoSection/InfoSection.d.ts +35 -0
  30. package/dist/components/InfoSection/index.d.ts +1 -1
  31. package/dist/components/Input/Input.d.ts +12 -1
  32. package/dist/components/Layout/Layout.d.ts +36 -0
  33. package/dist/components/Layout/index.d.ts +1 -1
  34. package/dist/components/Loader/Loader.d.ts +0 -1
  35. package/dist/components/Loader/index.d.ts +1 -0
  36. package/dist/components/MobileInput/MobileInput.d.ts +9 -0
  37. package/dist/components/PasswordInput/PasswordInput.d.ts +6 -1
  38. package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts +45 -0
  39. package/dist/components/PhoneNumberInput/PhoneNumberInput.example.d.ts +7 -5
  40. package/dist/components/PhoneNumberInput/index.d.ts +1 -1
  41. package/dist/components/Progress/Progress.d.ts +18 -0
  42. package/dist/components/Progress/index.d.ts +1 -1
  43. package/dist/components/Result/Result.d.ts +11 -0
  44. package/dist/components/Result/index.d.ts +1 -1
  45. package/dist/components/Segmented/Segmented.d.ts +16 -0
  46. package/dist/components/Segmented/index.d.ts +1 -1
  47. package/dist/components/Select/Select.d.ts +30 -2
  48. package/dist/components/Select/index.d.ts +1 -1
  49. package/dist/components/Space/Space.d.ts +11 -0
  50. package/dist/components/Space/index.d.ts +1 -1
  51. package/dist/components/Spin/Spin.d.ts +10 -0
  52. package/dist/components/Spin/index.d.ts +1 -1
  53. package/dist/components/Tabs/Tabs.d.ts +18 -0
  54. package/dist/components/Tabs/index.d.ts +1 -1
  55. package/dist/components/Tag/Tag.d.ts +11 -0
  56. package/dist/components/Tag/index.d.ts +1 -1
  57. package/dist/components/Textarea/Textarea.d.ts +7 -0
  58. package/dist/components/Timeline/Timeline.d.ts +31 -6
  59. package/dist/components/Timeline/index.d.ts +1 -1
  60. package/dist/components/Toast/Toast.d.ts +29 -0
  61. package/dist/components/Toast/index.d.ts +1 -1
  62. package/dist/components/Typography/Typography.d.ts +26 -1
  63. package/dist/components/Typography/index.d.ts +1 -1
  64. package/dist/demo/App.d.ts +1 -1
  65. package/dist/index.d.ts +45 -46
  66. package/dist/test/axe.d.ts +1 -0
  67. package/dist/test/setup.d.ts +1 -0
  68. package/dist/utils/cn.d.ts +6 -0
  69. package/dist/utils/gradient.d.ts +30 -0
  70. package/dist/zango-components.js +5897 -4263
  71. package/dist/zango-components.js.map +1 -1
  72. package/dist/zango-components.umd.cjs +37 -98
  73. package/dist/zango-components.umd.cjs.map +1 -1
  74. package/package.json +70 -28
  75. package/dist/components/Message/Message.d.ts +0 -35
  76. package/dist/components/Message/index.d.ts +0 -2
package/dist/index.d.ts CHANGED
@@ -1,58 +1,57 @@
1
1
 
2
- export { Button } from './components/Button';
3
- export type { ButtonProps } from './components/Button';
4
- export { Accordion, AccordionItem } from './components/Accordion';
5
2
  export type { AccordionItemData } from './components/Accordion';
6
- export { Badge } from './components/Badge';
3
+ export { Accordion, AccordionItem } from './components/Accordion';
4
+ export type { AlertProps } from './components/Alert';
5
+ export { Alert } from './components/Alert';
6
+ export type { AvatarProps } from './components/Avatar';
7
+ export { Avatar } from './components/Avatar';
7
8
  export type { BadgeProps, BadgeVariant } from './components/Badge';
8
- export { ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuLabel } from './components/ContextMenu';
9
- export { InfoSection, InfoItem, InfoGrid } from './components/InfoSection';
10
- export { Timeline, TimelineSection, TimelineEventItem, formatTimelineDate, formatTimelineTime } from './components/Timeline';
11
- export type { TimelineEvent, TimelineSectionType } from './components/Timeline';
12
- export { Drawer } from './components/Drawer';
13
- export type { DrawerProps } from './components/Drawer';
14
- export { Dialog, DialogHeader, DialogBody, DialogFooter } from './components/Dialog';
15
- export type { DialogProps } from './components/Dialog';
16
- export { default as Input, type InputProps } from './components/Input';
17
- export { default as Textarea } from './components/Textarea';
9
+ export { Badge } from './components/Badge';
10
+ export type { ButtonProps } from './components/Button';
11
+ export { Button } from './components/Button';
12
+ export type { CardProps } from './components/Card';
13
+ export { Card } from './components/Card';
18
14
  export { default as Checkbox } from './components/Checkbox';
19
- export { default as PasswordInput } from './components/PasswordInput';
20
- export { default as MobileInput } from './components/MobileInput';
21
- export { default as PhoneNumberInput, type PhoneNumberInputProps, type Country } from './components/PhoneNumberInput';
15
+ export { ContextMenu, ContextMenuItem, ContextMenuLabel, ContextMenuSeparator, } from './components/ContextMenu';
16
+ export type { DialogProps } from './components/Dialog';
17
+ export { Dialog, DialogBody, DialogFooter, DialogHeader } from './components/Dialog';
18
+ export type { DividerProps } from './components/Divider';
19
+ export { Divider } from './components/Divider';
20
+ export type { DrawerProps } from './components/Drawer';
21
+ export { Drawer } from './components/Drawer';
22
+ export type { EmptyProps } from './components/Empty';
23
+ export { Empty } from './components/Empty';
24
+ export type { FormItemProps, FormProps, FormRule } from './components/Form';
22
25
  export { Form, FormItem, useForm } from './components/Form';
23
- export type { FormProps, FormItemProps, FormRule } from './components/Form';
26
+ export { InfoGrid, InfoItem, InfoSection } from './components/InfoSection';
27
+ export { default as Input, type InputProps } from './components/Input';
28
+ export type { ContentProps, FooterProps, HeaderProps, LayoutProps, SiderProps, } from './components/Layout';
24
29
  export { Layout } from './components/Layout';
25
- export type { LayoutProps, HeaderProps, ContentProps, FooterProps, SiderProps } from './components/Layout';
26
- export { Card } from './components/Card';
27
- export type { CardProps } from './components/Card';
28
- export { Typography } from './components/Typography';
29
- export type { TypographyProps, TitleProps, TextProps, ParagraphProps } from './components/Typography';
30
- export { MessageProvider, message, useMessage } from './components/Message';
31
- export type { MessageProviderProps } from './components/Message';
32
- export { Space } from './components/Space';
30
+ export { Loader, type LoaderProps } from './components/Loader';
31
+ export { default as MobileInput } from './components/MobileInput';
32
+ export { default as PasswordInput } from './components/PasswordInput';
33
+ export { type Country, default as PhoneNumberInput, type PhoneNumberInputProps, } from './components/PhoneNumberInput';
34
+ export type { ProgressProps } from './components/Progress';
35
+ export { Progress } from './components/Progress';
36
+ export type { ResultProps } from './components/Result';
37
+ export { Result } from './components/Result';
38
+ export type { SegmentedOption, SegmentedProps } from './components/Segmented';
39
+ export { Segmented } from './components/Segmented';
40
+ export type { SelectOption, SelectProps } from './components/Select';
41
+ export { Select } from './components/Select';
33
42
  export type { SpaceProps } from './components/Space';
34
- export { Spin } from './components/Spin';
43
+ export { Space } from './components/Space';
35
44
  export type { SpinProps } from './components/Spin';
36
- export { Alert } from './components/Alert';
37
- export type { AlertProps } from './components/Alert';
45
+ export { Spin } from './components/Spin';
46
+ export type { TabItem, TabsProps } from './components/Tabs';
38
47
  export { Tabs } from './components/Tabs';
39
- export type { TabsProps, TabItem } from './components/Tabs';
40
- export { Select } from './components/Select';
41
- export type { SelectProps, SelectOption } from './components/Select';
42
- export { Divider } from './components/Divider';
43
- export type { DividerProps } from './components/Divider';
44
- export { Tag } from './components/Tag';
45
48
  export type { TagProps } from './components/Tag';
46
- export { Empty } from './components/Empty';
47
- export type { EmptyProps } from './components/Empty';
48
- export { Avatar } from './components/Avatar';
49
- export type { AvatarProps } from './components/Avatar';
50
- export { Segmented } from './components/Segmented';
51
- export type { SegmentedProps, SegmentedOption } from './components/Segmented';
52
- export { Result } from './components/Result';
53
- export type { ResultProps } from './components/Result';
54
- export { Progress } from './components/Progress';
55
- export type { ProgressProps } from './components/Progress';
49
+ export { Tag } from './components/Tag';
50
+ export { default as Textarea } from './components/Textarea';
51
+ export type { TimelineEvent, TimelineSectionType } from './components/Timeline';
52
+ export { formatTimelineDate, formatTimelineTime, Timeline, TimelineEventItem, TimelineSection, } from './components/Timeline';
53
+ export type { ToastAction, ToasterProps, ToastOptions, ToastPosition, ToastVariant, } from './components/Toast';
56
54
  export { Toaster, toast } from './components/Toast';
57
55
  export { useToast } from './components/Toast/useToast';
58
- export type { ToastVariant, ToastPosition, ToastAction, ToastOptions, ToasterProps } from './components/Toast';
56
+ export type { ParagraphProps, TextProps, TitleProps, TypographyProps, } from './components/Typography';
57
+ export { Typography } from './components/Typography';
@@ -0,0 +1 @@
1
+ export declare const axe: (html: Element | string, additionalOptions?: import('axe-core').RunOptions) => Promise<import('axe-core').AxeResults>;
@@ -0,0 +1 @@
1
+
@@ -1 +1,7 @@
1
+ /**
2
+ * Joins class names and resolves conflicting Tailwind utilities so that classes
3
+ * appearing later win. This lets a consumer's `className` prop override a
4
+ * component's default utilities (e.g. `border-brand-100` beats a default
5
+ * `border-gray-300`).
6
+ */
1
7
  export declare function cn(...classes: (string | undefined | false | null)[]): string;
@@ -0,0 +1,30 @@
1
+ import { default as React } from 'react';
2
+
3
+ /** Preset gradient color stops. 'soft' is light, 'solid' is bold. */
4
+ export type GradientType = 'soft' | 'solid';
5
+ /** Gradient direction, mirroring Tailwind's `bg-gradient-to-*` set. */
6
+ export type GradientDirection = 'to-r' | 'to-l' | 'to-t' | 'to-b' | 'to-tr' | 'to-br' | 'to-tl' | 'to-bl';
7
+ export interface GradientOptions {
8
+ /** Preset gradient. 'soft' = brand-50→white, 'solid' = brand-500→brand-700. */
9
+ gradientType?: GradientType;
10
+ /** Custom start color (any CSS color). Requires gradientTo; overrides gradientType. */
11
+ gradientFrom?: string;
12
+ /** Custom end color (any CSS color). Requires gradientFrom; overrides gradientType. */
13
+ gradientTo?: string;
14
+ /** Gradient direction (default 'to-r'). */
15
+ gradientDirection?: GradientDirection;
16
+ }
17
+ export interface ResolvedGradient {
18
+ /** Tailwind classes for a preset gradient, or the direction class only for custom. */
19
+ className: string;
20
+ /** Inline style for a custom-color gradient; undefined for presets. */
21
+ style?: React.CSSProperties;
22
+ /** True when custom colors are in effect. */
23
+ isCustom: boolean;
24
+ }
25
+ /**
26
+ * Resolves gradient options into a Tailwind class string (presets) or an inline
27
+ * `linear-gradient()` style (custom colors). Custom colors require BOTH
28
+ * `gradientFrom` and `gradientTo`; if only one is provided the preset is used.
29
+ */
30
+ export declare function resolveGradient({ gradientType, gradientFrom, gradientTo, gradientDirection, }: GradientOptions): ResolvedGradient;