flikkui 0.1.0-beta.4 → 0.1.0-beta.5

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 (146) hide show
  1. package/dist/components/charts/AreaChart/AreaChart.js +434 -0
  2. package/dist/components/charts/AreaChart/AreaChart.types.js +7 -0
  3. package/dist/components/charts/BarChart/BarChart.js +402 -0
  4. package/dist/components/charts/BarChart/BarChart.types.js +7 -0
  5. package/dist/components/charts/ChartContainer.js +38 -0
  6. package/dist/components/charts/Heatmap/Heatmap.js +153 -0
  7. package/dist/components/charts/Heatmap/HeatmapCell.js +100 -0
  8. package/dist/components/charts/Heatmap/HeatmapLegend.js +20 -0
  9. package/dist/components/charts/Heatmap/utils/heatmapUtils.js +174 -0
  10. package/dist/components/charts/LineChart/LineChart.js +396 -0
  11. package/dist/components/charts/LineChart/LineChart.types.js +7 -0
  12. package/dist/components/charts/hooks/useChartAccessibility.js +127 -0
  13. package/dist/components/charts/hooks/useChartTheme.js +86 -0
  14. package/dist/components/charts/hooks/useChartValidation.js +59 -0
  15. package/dist/components/charts/hooks/useTooltipPosition.js +292 -0
  16. package/dist/components/charts/shared/ChartAxis/XAxis.js +30 -0
  17. package/dist/components/charts/shared/ChartAxis/YAxis.js +97 -0
  18. package/dist/components/charts/shared/ChartCrosshair/ChartCrosshair.js +35 -0
  19. package/dist/components/charts/shared/ChartCrosshair/ChartCrosshair.theme.js +11 -0
  20. package/dist/components/charts/shared/ChartErrorBoundary/ChartErrorBoundary.js +66 -0
  21. package/dist/components/charts/shared/ChartGrid/HorizontalGrid.js +22 -0
  22. package/dist/components/charts/shared/ChartLegend/ChartLegend.js +30 -0
  23. package/dist/components/charts/shared/ChartLegend/ChartLegendContent.js +22 -0
  24. package/dist/components/charts/shared/ChartMarker/ChartMarker.js +25 -0
  25. package/dist/components/charts/shared/ChartMarker/ChartMarker.theme.js +9 -0
  26. package/dist/components/charts/shared/ChartText/ChartText.js +33 -0
  27. package/dist/components/charts/shared/ChartText/ChartText.theme.js +9 -0
  28. package/dist/components/charts/shared/ChartTooltip/ChartTooltip.js +62 -0
  29. package/dist/components/charts/theme/chart.theme.js +73 -0
  30. package/dist/components/charts/types/chart.types.js +29 -0
  31. package/dist/components/charts/utils/chart-validation.js +292 -0
  32. package/dist/components/charts/utils/color-utils.js +175 -0
  33. package/dist/components/core/Accordion/Accordion.animations.js +45 -0
  34. package/dist/components/core/Accordion/Accordion.js +52 -0
  35. package/dist/components/core/Accordion/Accordion.theme.js +8 -0
  36. package/dist/components/core/Accordion/AccordionContent.js +25 -0
  37. package/dist/components/core/Accordion/AccordionItem.js +56 -0
  38. package/dist/components/core/Accordion/AccordionTrigger.js +32 -0
  39. package/dist/components/core/Accordion/index.js +5 -0
  40. package/dist/components/core/Avatar/Avatar.js +94 -0
  41. package/dist/components/core/Avatar/Avatar.theme.js +25 -0
  42. package/dist/components/core/AvatarGroup/AvatarGroup.animations.js +79 -0
  43. package/dist/components/core/AvatarGroup/AvatarGroup.js +67 -0
  44. package/dist/components/core/AvatarGroup/AvatarGroup.theme.js +23 -0
  45. package/dist/components/core/Badge/Badge.animations.js +109 -0
  46. package/dist/components/core/Badge/Badge.js +101 -0
  47. package/dist/components/core/Badge/Badge.theme.js +41 -0
  48. package/dist/components/core/Breadcrumbs/Breadcrumbs.theme.js +8 -8
  49. package/dist/components/core/Button/Button.theme.js +5 -5
  50. package/dist/components/core/Card/Card.js +46 -0
  51. package/dist/components/core/Card/Card.theme.js +5 -0
  52. package/dist/components/core/Divider/Divider.js +21 -0
  53. package/dist/components/core/Divider/Divider.theme.js +19 -0
  54. package/dist/components/core/Pagination/Pagination.js +113 -0
  55. package/dist/components/core/Pagination/Pagination.theme.js +27 -0
  56. package/dist/components/core/Segmented/Segmented.js +69 -0
  57. package/dist/components/core/Segmented/Segmented.theme.js +40 -0
  58. package/dist/components/core/Segmented/SegmentedContext.js +8 -0
  59. package/dist/components/core/Segmented/SegmentedItem.js +30 -0
  60. package/dist/components/core/Stepper/Stepper.js +57 -0
  61. package/dist/components/core/Stepper/Stepper.theme.js +9 -0
  62. package/dist/components/core/Stepper/components/ConnectorLine.js +42 -0
  63. package/dist/components/core/Stepper/components/IconCircle.js +44 -0
  64. package/dist/components/core/Stepper/components/ProgressIndicator.js +12 -0
  65. package/dist/components/core/Stepper/components/StepContent.js +36 -0
  66. package/dist/components/core/Stepper/components/StepperItem.js +22 -0
  67. package/dist/components/core/Tabs/Tabs.theme.js +2 -2
  68. package/dist/components/core/Tooltip/Tooltip.animations.js +46 -0
  69. package/dist/components/core/Tooltip/Tooltip.js +85 -0
  70. package/dist/components/core/Tooltip/Tooltip.theme.js +11 -0
  71. package/dist/components/core/Tooltip/useTooltipPositioning.js +59 -0
  72. package/dist/components/core/Tree/Tree.animations.js +38 -0
  73. package/dist/components/core/Tree/Tree.js +177 -0
  74. package/dist/components/core/Tree/Tree.theme.js +11 -0
  75. package/dist/components/data-display/Table/Table.js +177 -0
  76. package/dist/components/data-display/Table/Table.theme.js +28 -0
  77. package/dist/components/data-display/Table/Table.utils.js +28 -0
  78. package/dist/components/data-display/Table/components/DeclarativeComponents.js +123 -0
  79. package/dist/components/data-display/Table/components/TableActions/TableActions.js +56 -0
  80. package/dist/components/data-display/Table/components/TableActions/TableActionsMenu.js +29 -0
  81. package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.js +85 -0
  82. package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.theme.js +21 -0
  83. package/dist/components/data-display/Table/components/TablePagination/TablePagination.js +51 -0
  84. package/dist/components/data-display/Table/components/TableSelectionHeader/TableSelectionHeader.js +29 -0
  85. package/dist/components/data-display/Table/components/core/TableBody.js +32 -0
  86. package/dist/components/data-display/Table/components/core/TableCell.js +47 -0
  87. package/dist/components/data-display/Table/components/core/TableHeader.js +77 -0
  88. package/dist/components/data-display/Table/components/core/TableRow.js +46 -0
  89. package/dist/components/data-display/Table/index.js +20 -0
  90. package/dist/components/feedback/Alert/Alert.js +36 -0
  91. package/dist/components/feedback/Alert/Alert.theme.js +17 -0
  92. package/dist/components/feedback/ChatMessage/ChatMessage.js +26 -0
  93. package/dist/components/feedback/ChatMessage/ChatMessage.theme.js +16 -0
  94. package/dist/components/feedback/Empty/Empty.js +26 -0
  95. package/dist/components/feedback/Empty/Empty.theme.js +13 -0
  96. package/dist/components/feedback/Notification/Notification.js +41 -0
  97. package/dist/components/feedback/Notification/Notification.theme.js +49 -0
  98. package/dist/components/feedback/Spinner/Spinner.theme.js +3 -3
  99. package/dist/components/feedback/Toast/Toast.animations.js +58 -0
  100. package/dist/components/feedback/Toast/Toast.js +67 -0
  101. package/dist/components/feedback/Toast/Toast.theme.js +18 -0
  102. package/dist/components/feedback/Toast/ToastProvider.js +73 -0
  103. package/dist/components/feedback/Toast/useToast.js +91 -0
  104. package/dist/components/forms/Checkbox/Checkbox.theme.js +1 -1
  105. package/dist/components/forms/FormLabel/FormLabel.theme.js +2 -2
  106. package/dist/components/forms/Input/Input.theme.js +4 -4
  107. package/dist/components/forms/Radio/Radio.theme.js +2 -2
  108. package/dist/components/forms/Select/Select.js +1 -1
  109. package/dist/components/forms/Select/Select.theme.js +5 -5
  110. package/dist/components/forms/Switch/Switch.theme.js +1 -1
  111. package/dist/components/forms/TimePicker/TimePicker.theme.js +19 -19
  112. package/dist/components/forms/forms.theme.js +8 -8
  113. package/dist/components/navigation/NavItem/NavItem.js +93 -0
  114. package/dist/components/navigation/NavItem/NavItem.theme.js +27 -0
  115. package/dist/components/navigation/Sidebar/Sidebar.js +28 -0
  116. package/dist/components/navigation/Sidebar/Sidebar.theme.js +16 -0
  117. package/dist/components/navigation/Sidebar/SidebarContent.js +12 -0
  118. package/dist/components/navigation/Sidebar/SidebarContext.js +38 -0
  119. package/dist/components/navigation/Sidebar/SidebarFooter.js +11 -0
  120. package/dist/components/navigation/Sidebar/SidebarHeader.js +22 -0
  121. package/dist/components/navigation/Sidebar/SidebarNav.js +11 -0
  122. package/dist/components/navigation/Sidebar/SidebarNavGroup.js +19 -0
  123. package/dist/components/navigation/Sidebar/SidebarToggle.js +26 -0
  124. package/dist/icons/core/TickIcon.js +3 -1
  125. package/dist/index.d.ts +29 -4
  126. package/dist/index.js +64 -4
  127. package/dist/node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js +26 -0
  128. package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronDoubleLeftIcon.js +28 -0
  129. package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronDoubleRightIcon.js +28 -0
  130. package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronLeftIcon.js +28 -0
  131. package/dist/node_modules/@heroicons/react/24/outline/esm/Cog6ToothIcon.js +32 -0
  132. package/dist/node_modules/@heroicons/react/24/outline/esm/DocumentIcon.js +28 -0
  133. package/dist/node_modules/@heroicons/react/24/outline/esm/EllipsisVerticalIcon.js +28 -0
  134. package/dist/node_modules/@heroicons/react/24/outline/esm/PlusIcon.js +28 -0
  135. package/dist/node_modules/@heroicons/react/24/solid/esm/ArrowPathIcon.js +26 -0
  136. package/dist/node_modules/@heroicons/react/24/solid/esm/BellIcon.js +26 -0
  137. package/dist/node_modules/@heroicons/react/24/solid/esm/CheckCircleIcon.js +26 -0
  138. package/dist/node_modules/@heroicons/react/24/solid/esm/ExclamationTriangleIcon.js +26 -0
  139. package/dist/node_modules/@heroicons/react/24/solid/esm/InformationCircleIcon.js +26 -0
  140. package/dist/node_modules/@heroicons/react/24/solid/esm/XCircleIcon.js +26 -0
  141. package/dist/node_modules/@heroicons/react/24/solid/esm/XMarkIcon.js +26 -0
  142. package/dist/node_modules/tslib/tslib.es6.js +15 -1
  143. package/dist/utils/dateUtils.js +32 -0
  144. package/dist/utils/debounce.js +21 -0
  145. package/package.json +1 -1
  146. package/dist/styles.css +0 -2
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+
3
+ function DocumentIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ fill: "none",
11
+ viewBox: "0 0 24 24",
12
+ strokeWidth: 1.5,
13
+ stroke: "currentColor",
14
+ "aria-hidden": "true",
15
+ "data-slot": "icon",
16
+ ref: svgRef,
17
+ "aria-labelledby": titleId
18
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
19
+ id: titleId
20
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
21
+ strokeLinecap: "round",
22
+ strokeLinejoin: "round",
23
+ d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z"
24
+ }));
25
+ }
26
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(DocumentIcon);
27
+
28
+ export { ForwardRef as default };
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+
3
+ function EllipsisVerticalIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ fill: "none",
11
+ viewBox: "0 0 24 24",
12
+ strokeWidth: 1.5,
13
+ stroke: "currentColor",
14
+ "aria-hidden": "true",
15
+ "data-slot": "icon",
16
+ ref: svgRef,
17
+ "aria-labelledby": titleId
18
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
19
+ id: titleId
20
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
21
+ strokeLinecap: "round",
22
+ strokeLinejoin: "round",
23
+ d: "M12 6.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 12.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5ZM12 18.75a.75.75 0 1 1 0-1.5.75.75 0 0 1 0 1.5Z"
24
+ }));
25
+ }
26
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(EllipsisVerticalIcon);
27
+
28
+ export { ForwardRef as default };
@@ -0,0 +1,28 @@
1
+ import * as React from 'react';
2
+
3
+ function PlusIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ fill: "none",
11
+ viewBox: "0 0 24 24",
12
+ strokeWidth: 1.5,
13
+ stroke: "currentColor",
14
+ "aria-hidden": "true",
15
+ "data-slot": "icon",
16
+ ref: svgRef,
17
+ "aria-labelledby": titleId
18
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
19
+ id: titleId
20
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
21
+ strokeLinecap: "round",
22
+ strokeLinejoin: "round",
23
+ d: "M12 4.5v15m7.5-7.5h-15"
24
+ }));
25
+ }
26
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(PlusIcon);
27
+
28
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function ArrowPathIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M4.755 10.059a7.5 7.5 0 0 1 12.548-3.364l1.903 1.903h-3.183a.75.75 0 1 0 0 1.5h4.992a.75.75 0 0 0 .75-.75V4.356a.75.75 0 0 0-1.5 0v3.18l-1.9-1.9A9 9 0 0 0 3.306 9.67a.75.75 0 1 0 1.45.388Zm15.408 3.352a.75.75 0 0 0-.919.53 7.5 7.5 0 0 1-12.548 3.364l-1.902-1.903h3.183a.75.75 0 0 0 0-1.5H2.984a.75.75 0 0 0-.75.75v4.992a.75.75 0 0 0 1.5 0v-3.18l1.9 1.9a9 9 0 0 0 15.059-4.035.75.75 0 0 0-.53-.918Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(ArrowPathIcon);
25
+
26
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function BellIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M5.25 9a6.75 6.75 0 0 1 13.5 0v.75c0 2.123.8 4.057 2.118 5.52a.75.75 0 0 1-.297 1.206c-1.544.57-3.16.99-4.831 1.243a3.75 3.75 0 1 1-7.48 0 24.585 24.585 0 0 1-4.831-1.244.75.75 0 0 1-.298-1.205A8.217 8.217 0 0 0 5.25 9.75V9Zm4.502 8.9a2.25 2.25 0 1 0 4.496 0 25.057 25.057 0 0 1-4.496 0Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(BellIcon);
25
+
26
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function CheckCircleIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(CheckCircleIcon);
25
+
26
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function ExclamationTriangleIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(ExclamationTriangleIcon);
25
+
26
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function InformationCircleIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(InformationCircleIcon);
25
+
26
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function XCircleIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(XCircleIcon);
25
+
26
+ export { ForwardRef as default };
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+
3
+ function XMarkIcon({
4
+ title,
5
+ titleId,
6
+ ...props
7
+ }, svgRef) {
8
+ return /*#__PURE__*/React.createElement("svg", Object.assign({
9
+ xmlns: "http://www.w3.org/2000/svg",
10
+ viewBox: "0 0 24 24",
11
+ fill: "currentColor",
12
+ "aria-hidden": "true",
13
+ "data-slot": "icon",
14
+ ref: svgRef,
15
+ "aria-labelledby": titleId
16
+ }, props), title ? /*#__PURE__*/React.createElement("title", {
17
+ id: titleId
18
+ }, title) : null, /*#__PURE__*/React.createElement("path", {
19
+ fillRule: "evenodd",
20
+ d: "M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z",
21
+ clipRule: "evenodd"
22
+ }));
23
+ }
24
+ const ForwardRef = /*#__PURE__*/ React.forwardRef(XMarkIcon);
25
+
26
+ export { ForwardRef as default };
@@ -14,6 +14,20 @@ PERFORMANCE OF THIS SOFTWARE.
14
14
  ***************************************************************************** */
15
15
  /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
16
16
 
17
+ var extendStatics = function(d, b) {
18
+ extendStatics = Object.setPrototypeOf ||
19
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
20
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
21
+ return extendStatics(d, b);
22
+ };
23
+
24
+ function __extends(d, b) {
25
+ if (typeof b !== "function" && b !== null)
26
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
27
+ extendStatics(d, b);
28
+ function __() { this.constructor = d; }
29
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
30
+ }
17
31
 
18
32
  var __assign = function() {
19
33
  __assign = Object.assign || function __assign(t) {
@@ -53,4 +67,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
53
67
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
54
68
  };
55
69
 
56
- export { __assign, __rest, __spreadArray };
70
+ export { __assign, __extends, __rest, __spreadArray };
@@ -0,0 +1,32 @@
1
+ import { __assign } from '../node_modules/tslib/tslib.es6.js';
2
+
3
+ /**
4
+ * Date and time utility functions for consistent formatting across the component library
5
+ */
6
+ /**
7
+ * Formats a timestamp for display in chat messages, notifications, etc.
8
+ * Shows time only for today, date + time for other days.
9
+ */
10
+ var formatTimestamp = function (input, options) {
11
+ if (options === void 0) { options = {}; }
12
+ var _a = options.alwaysShowDate, alwaysShowDate = _a === void 0 ? false : _a, _b = options.includeSeconds, includeSeconds = _b === void 0 ? false : _b, _c = options.use12Hour, use12Hour = _c === void 0 ? false : _c, locale = options.locale;
13
+ var date = new Date(input);
14
+ // Check if date is valid
15
+ if (isNaN(date.getTime())) {
16
+ return 'Invalid date';
17
+ }
18
+ // Check if date is today
19
+ var now = new Date();
20
+ var isToday = date.toDateString() === now.toDateString();
21
+ var timeOptions = __assign(__assign({ hour: '2-digit', minute: '2-digit' }, (includeSeconds && { second: '2-digit' })), (use12Hour && { hour12: true }));
22
+ if (isToday && !alwaysShowDate) {
23
+ // Show time only if today
24
+ return date.toLocaleTimeString(locale ? [locale] : [], timeOptions);
25
+ }
26
+ else {
27
+ // Show date and time if not today or if alwaysShowDate is true
28
+ return date.toLocaleDateString(locale ? [locale] : [], __assign({ month: 'short', day: 'numeric' }, timeOptions));
29
+ }
30
+ };
31
+
32
+ export { formatTimestamp };
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Creates a debounced function that delays invoking the provided function until after
3
+ * wait milliseconds have elapsed since the last time the debounced function was invoked.
4
+ *
5
+ * @param func - The function to debounce
6
+ * @param wait - The number of milliseconds to delay
7
+ * @returns A debounced version of the function
8
+ */
9
+ function debounce(func, wait) {
10
+ var timeoutId;
11
+ return function () {
12
+ var args = [];
13
+ for (var _i = 0; _i < arguments.length; _i++) {
14
+ args[_i] = arguments[_i];
15
+ }
16
+ clearTimeout(timeoutId);
17
+ timeoutId = setTimeout(function () { return func.apply(void 0, args); }, wait);
18
+ };
19
+ }
20
+
21
+ export { debounce };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "flikkui",
3
- "version": "0.1.0-beta.4",
3
+ "version": "0.1.0-beta.5",
4
4
  "description": "A modern React component library built with TypeScript, Tailwind CSS v4, and Framer Motion. Follows the shadcn philosophy with complete className override support.",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",