@makolabs/ripple 0.0.1-dev.7 → 0.0.1-dev.8

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 (114) hide show
  1. package/README.md +393 -53
  2. package/dist/button/Button.svelte +5 -3
  3. package/dist/button/Button.svelte.d.ts +1 -1
  4. package/dist/button/button.d.ts +40 -63
  5. package/dist/button/button.js +15 -14
  6. package/dist/charts/Chart.svelte +533 -0
  7. package/dist/charts/Chart.svelte.d.ts +4 -0
  8. package/dist/drawer/Drawer.svelte +13 -2
  9. package/dist/drawer/Drawer.svelte.d.ts +1 -1
  10. package/dist/drawer/drawer.d.ts +0 -17
  11. package/dist/elements/alert/Alert.svelte +53 -0
  12. package/dist/elements/alert/Alert.svelte.d.ts +4 -0
  13. package/dist/elements/badge/Badge.svelte +13 -5
  14. package/dist/elements/badge/Badge.svelte.d.ts +1 -1
  15. package/dist/elements/badge/badge.d.ts +0 -12
  16. package/dist/elements/dropdown/Dropdown.svelte +32 -37
  17. package/dist/elements/dropdown/Dropdown.svelte.d.ts +1 -1
  18. package/dist/elements/dropdown/Select.svelte +143 -59
  19. package/dist/elements/dropdown/Select.svelte.d.ts +1 -1
  20. package/dist/elements/dropdown/dropdown.d.ts +34 -57
  21. package/dist/elements/dropdown/dropdown.js +10 -4
  22. package/dist/elements/dropdown/select.d.ts +34 -54
  23. package/dist/elements/dropdown/select.js +22 -14
  24. package/dist/elements/file-upload/FileUpload.svelte +213 -0
  25. package/dist/elements/file-upload/FileUpload.svelte.d.ts +4 -0
  26. package/dist/elements/progress/Progress.svelte +87 -0
  27. package/dist/elements/progress/Progress.svelte.d.ts +4 -0
  28. package/dist/elements/timeline/Timeline.svelte +92 -0
  29. package/dist/elements/timeline/Timeline.svelte.d.ts +7 -0
  30. package/dist/forms/Checkbox.svelte +54 -0
  31. package/dist/forms/Checkbox.svelte.d.ts +4 -0
  32. package/dist/forms/DateRange.svelte +493 -0
  33. package/dist/forms/DateRange.svelte.d.ts +4 -0
  34. package/dist/forms/Form.svelte +39 -0
  35. package/dist/forms/Form.svelte.d.ts +4 -0
  36. package/dist/forms/Input.svelte +86 -0
  37. package/dist/forms/Input.svelte.d.ts +4 -0
  38. package/dist/forms/NumberInput.svelte +159 -0
  39. package/dist/forms/NumberInput.svelte.d.ts +4 -0
  40. package/dist/forms/RadioInputs.svelte +64 -0
  41. package/dist/forms/RadioInputs.svelte.d.ts +4 -0
  42. package/dist/forms/RadioPill.svelte +66 -0
  43. package/dist/forms/RadioPill.svelte.d.ts +4 -0
  44. package/dist/forms/Slider.svelte +342 -0
  45. package/dist/forms/Slider.svelte.d.ts +4 -0
  46. package/dist/forms/Tags.svelte +181 -0
  47. package/dist/forms/Tags.svelte.d.ts +4 -0
  48. package/dist/forms/Toggle.svelte +132 -0
  49. package/dist/forms/Toggle.svelte.d.ts +4 -0
  50. package/dist/forms/slider.d.ts +143 -0
  51. package/dist/forms/slider.js +62 -0
  52. package/dist/header/Breadcrumbs.svelte +2 -1
  53. package/dist/header/Breadcrumbs.svelte.d.ts +1 -1
  54. package/dist/header/PageHeader.svelte +2 -2
  55. package/dist/header/PageHeader.svelte.d.ts +1 -1
  56. package/dist/header/breadcrumbs.d.ts +20 -14
  57. package/dist/header/breadcrumbs.js +6 -0
  58. package/dist/header/pageheaders.d.ts +1 -1
  59. package/dist/helper/date.d.ts +7 -0
  60. package/dist/helper/date.js +15 -0
  61. package/dist/index.d.ts +742 -9
  62. package/dist/index.js +59 -16
  63. package/dist/layout/card/Card.svelte +5 -8
  64. package/dist/layout/card/Card.svelte.d.ts +1 -1
  65. package/dist/layout/card/StatsCard.svelte +116 -87
  66. package/dist/layout/card/card.d.ts +22 -33
  67. package/dist/layout/card/card.js +9 -8
  68. package/dist/layout/card/stats-card.d.ts +23 -25
  69. package/dist/layout/card/stats-card.js +13 -13
  70. package/dist/layout/navbar/navbar.d.ts +0 -23
  71. package/dist/layout/sidebar/NavGroup.svelte +20 -44
  72. package/dist/layout/sidebar/NavGroup.svelte.d.ts +1 -1
  73. package/dist/layout/sidebar/NavItem.svelte +1 -1
  74. package/dist/layout/sidebar/NavItem.svelte.d.ts +1 -1
  75. package/dist/layout/sidebar/Sidebar.svelte +19 -25
  76. package/dist/layout/sidebar/Sidebar.svelte.d.ts +1 -1
  77. package/dist/layout/table/table.d.ts +1 -1
  78. package/dist/layout/tabs/tabs.d.ts +1 -1
  79. package/dist/modal/Modal.svelte +2 -1
  80. package/dist/modal/Modal.svelte.d.ts +1 -1
  81. package/dist/modal/modal.d.ts +0 -23
  82. package/dist/sonner/sonner.svelte +13 -0
  83. package/dist/sonner/sonner.svelte.d.ts +4 -0
  84. package/dist/types/variants.d.ts +1 -21
  85. package/dist/types/variants.js +1 -19
  86. package/dist/variants.d.ts +20 -0
  87. package/dist/variants.js +19 -0
  88. package/package.json +6 -2
  89. package/dist/button/index.d.ts +0 -1
  90. package/dist/button/index.js +0 -1
  91. package/dist/drawer/index.d.ts +0 -2
  92. package/dist/drawer/index.js +0 -1
  93. package/dist/elements/badge/index.d.ts +0 -2
  94. package/dist/elements/badge/index.js +0 -2
  95. package/dist/elements/dropdown/index.d.ts +0 -3
  96. package/dist/elements/dropdown/index.js +0 -2
  97. package/dist/header/index.d.ts +0 -4
  98. package/dist/header/index.js +0 -2
  99. package/dist/layout/card/index.d.ts +0 -4
  100. package/dist/layout/card/index.js +0 -2
  101. package/dist/layout/index.d.ts +0 -5
  102. package/dist/layout/index.js +0 -5
  103. package/dist/layout/navbar/index.d.ts +0 -2
  104. package/dist/layout/navbar/index.js +0 -2
  105. package/dist/layout/sidebar/index.d.ts +0 -2
  106. package/dist/layout/sidebar/index.js +0 -1
  107. package/dist/layout/sidebar/sidebar.d.ts +0 -46
  108. package/dist/layout/sidebar/sidebar.js +0 -1
  109. package/dist/layout/table/index.d.ts +0 -3
  110. package/dist/layout/table/index.js +0 -2
  111. package/dist/layout/tabs/index.d.ts +0 -3
  112. package/dist/layout/tabs/index.js +0 -3
  113. package/dist/modal/index.d.ts +0 -1
  114. package/dist/modal/index.js +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@makolabs/ripple",
3
- "version": "0.0.1-dev.7",
3
+ "version": "0.0.1-dev.8",
4
4
  "description": "Simple Svelte 5 powered component library ✨",
5
5
  "repository": {
6
6
  "type": "git",
@@ -63,11 +63,13 @@
63
63
  "publint": "^0.3.2",
64
64
  "svelte": "^5.0.0",
65
65
  "svelte-check": "^4.0.0",
66
+ "sveltekit-superforms": "^2.24.0",
66
67
  "tailwindcss": "^4.0.0",
67
68
  "typescript": "^5.0.0",
68
69
  "typescript-eslint": "^8.20.0",
69
70
  "vite": "^6.0.0",
70
- "vitest": "^3.0.0"
71
+ "vitest": "^3.0.0",
72
+ "zod": "^3.24.2"
71
73
  },
72
74
  "keywords": [
73
75
  "svelte",
@@ -95,7 +97,9 @@
95
97
  "toast"
96
98
  ],
97
99
  "dependencies": {
100
+ "dayjs": "^1.11.13",
98
101
  "echarts": "^5.6.0",
102
+ "svelte-sonner": "^0.3.28",
99
103
  "tailwind-merge": "^3.0.2",
100
104
  "tailwind-variants": "^1.0.0"
101
105
  }
@@ -1 +0,0 @@
1
- export { default as Button } from './Button.svelte';
@@ -1 +0,0 @@
1
- export { default as Button } from './Button.svelte';
@@ -1,2 +0,0 @@
1
- export { default as Drawer } from './Drawer.svelte';
2
- export type { DrawerProps } from './drawer.js';
@@ -1 +0,0 @@
1
- export { default as Drawer } from './Drawer.svelte';
@@ -1,2 +0,0 @@
1
- export { default as Badge } from './Badge.svelte';
2
- export { badge, type BadgeProps } from './badge.js';
@@ -1,2 +0,0 @@
1
- export { default as Badge } from './Badge.svelte';
2
- export { badge } from './badge.js';
@@ -1,3 +0,0 @@
1
- export { default as Select } from './Select.svelte';
2
- export { default as Dropdown } from './Dropdown.svelte';
3
- export type { SelectItem, SelectProps } from './select.js';
@@ -1,2 +0,0 @@
1
- export { default as Select } from './Select.svelte';
2
- export { default as Dropdown } from './Dropdown.svelte';
@@ -1,4 +0,0 @@
1
- export { default as PageHeader } from './PageHeader.svelte';
2
- export type { PageHeaderProps } from './pageheaders.js';
3
- export { default as Breadcrumbs } from './Breadcrumbs.svelte';
4
- export type { BreadcrumbsProps } from './breadcrumbs.js';
@@ -1,2 +0,0 @@
1
- export { default as PageHeader } from './PageHeader.svelte';
2
- export { default as Breadcrumbs } from './Breadcrumbs.svelte';
@@ -1,4 +0,0 @@
1
- export { default as Card } from './Card.svelte';
2
- export type { CardProps } from './card.js';
3
- export { default as StatsCard } from './StatsCard.svelte';
4
- export type { StatsCardProps } from './stats-card.js';
@@ -1,2 +0,0 @@
1
- export { default as Card } from './Card.svelte';
2
- export { default as StatsCard } from './StatsCard.svelte';
@@ -1,5 +0,0 @@
1
- export * from './card/index.js';
2
- export * from './navbar/index.js';
3
- export * from './sidebar/index.js';
4
- export * from './table/index.js';
5
- export * from './tabs/index.js';
@@ -1,5 +0,0 @@
1
- export * from './card/index.js';
2
- export * from './navbar/index.js';
3
- export * from './sidebar/index.js';
4
- export * from './table/index.js';
5
- export * from './tabs/index.js';
@@ -1,2 +0,0 @@
1
- export { default as Navbar } from './Navbar.svelte';
2
- export { navbar, type NavbarProps, type NavbarLinkItem } from './navbar.js';
@@ -1,2 +0,0 @@
1
- export { default as Navbar } from './Navbar.svelte';
2
- export { navbar } from './navbar.js';
@@ -1,2 +0,0 @@
1
- export { default as Sidebar } from './Sidebar.svelte';
2
- export type { SidebarProps } from './sidebar.js';
@@ -1 +0,0 @@
1
- export { default as Sidebar } from './Sidebar.svelte';
@@ -1,46 +0,0 @@
1
- import type { Component } from 'svelte';
2
- import type { ClassValue } from 'tailwind-variants';
3
- import type { Snippet } from 'svelte';
4
- export type MenuBar = {
5
- collapsed: boolean;
6
- };
7
- export interface BaseNavigationItem {
8
- label: string;
9
- }
10
- export interface WithIcon {
11
- Icon?: Component;
12
- }
13
- export interface Activatable {
14
- active?: boolean;
15
- }
16
- export interface LinkItem extends BaseNavigationItem, WithIcon, Activatable {
17
- href: string;
18
- meta?: string;
19
- }
20
- export interface ParentItem extends BaseNavigationItem, WithIcon, Activatable {
21
- children: LinkItem[];
22
- }
23
- export interface DividerItem {
24
- type: 'horizontal-divider';
25
- }
26
- export type NavigationItem = LinkItem | ParentItem | DividerItem;
27
- export type LogoType = {
28
- src?: string;
29
- title: string;
30
- };
31
- export interface NavGroupProps {
32
- labelArea: Snippet<[ClassValue]>;
33
- active?: boolean;
34
- children?: Snippet;
35
- class?: ClassValue;
36
- }
37
- export interface NavItemProps {
38
- href: string;
39
- active?: boolean;
40
- children: Snippet<[ClassValue]>;
41
- class?: ClassValue;
42
- }
43
- export interface SidebarProps {
44
- items?: NavigationItem[];
45
- logo: LogoType;
46
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,3 +0,0 @@
1
- export { default as Table } from './Table.svelte';
2
- export type { TableProps, KeyType, DataRow, StatusType, TableColumn, SortState, SortDirection } from './table.js';
3
- export { default as Cells } from './Cells.svelte';
@@ -1,2 +0,0 @@
1
- export { default as Table } from './Table.svelte';
2
- export { default as Cells } from './Cells.svelte';
@@ -1,3 +0,0 @@
1
- export { default as Tab } from './Tab.svelte';
2
- export { default as TabContent } from './TabContent.svelte';
3
- export { default as TabGroup } from './TabGroup.svelte';
@@ -1,3 +0,0 @@
1
- export { default as Tab } from './Tab.svelte';
2
- export { default as TabContent } from './TabContent.svelte';
3
- export { default as TabGroup } from './TabGroup.svelte';
@@ -1 +0,0 @@
1
- export { default as Modal } from './Modal.svelte';
@@ -1 +0,0 @@
1
- export { default as Modal } from './Modal.svelte';