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.
- package/dist/components/charts/AreaChart/AreaChart.js +434 -0
- package/dist/components/charts/AreaChart/AreaChart.types.js +7 -0
- package/dist/components/charts/BarChart/BarChart.js +402 -0
- package/dist/components/charts/BarChart/BarChart.types.js +7 -0
- package/dist/components/charts/ChartContainer.js +38 -0
- package/dist/components/charts/Heatmap/Heatmap.js +153 -0
- package/dist/components/charts/Heatmap/HeatmapCell.js +100 -0
- package/dist/components/charts/Heatmap/HeatmapLegend.js +20 -0
- package/dist/components/charts/Heatmap/utils/heatmapUtils.js +174 -0
- package/dist/components/charts/LineChart/LineChart.js +396 -0
- package/dist/components/charts/LineChart/LineChart.types.js +7 -0
- package/dist/components/charts/hooks/useChartAccessibility.js +127 -0
- package/dist/components/charts/hooks/useChartTheme.js +86 -0
- package/dist/components/charts/hooks/useChartValidation.js +59 -0
- package/dist/components/charts/hooks/useTooltipPosition.js +292 -0
- package/dist/components/charts/shared/ChartAxis/XAxis.js +30 -0
- package/dist/components/charts/shared/ChartAxis/YAxis.js +97 -0
- package/dist/components/charts/shared/ChartCrosshair/ChartCrosshair.js +35 -0
- package/dist/components/charts/shared/ChartCrosshair/ChartCrosshair.theme.js +11 -0
- package/dist/components/charts/shared/ChartErrorBoundary/ChartErrorBoundary.js +66 -0
- package/dist/components/charts/shared/ChartGrid/HorizontalGrid.js +22 -0
- package/dist/components/charts/shared/ChartLegend/ChartLegend.js +30 -0
- package/dist/components/charts/shared/ChartLegend/ChartLegendContent.js +22 -0
- package/dist/components/charts/shared/ChartMarker/ChartMarker.js +25 -0
- package/dist/components/charts/shared/ChartMarker/ChartMarker.theme.js +9 -0
- package/dist/components/charts/shared/ChartText/ChartText.js +33 -0
- package/dist/components/charts/shared/ChartText/ChartText.theme.js +9 -0
- package/dist/components/charts/shared/ChartTooltip/ChartTooltip.js +62 -0
- package/dist/components/charts/theme/chart.theme.js +73 -0
- package/dist/components/charts/types/chart.types.js +29 -0
- package/dist/components/charts/utils/chart-validation.js +292 -0
- package/dist/components/charts/utils/color-utils.js +175 -0
- package/dist/components/core/Accordion/Accordion.animations.js +45 -0
- package/dist/components/core/Accordion/Accordion.js +52 -0
- package/dist/components/core/Accordion/Accordion.theme.js +8 -0
- package/dist/components/core/Accordion/AccordionContent.js +25 -0
- package/dist/components/core/Accordion/AccordionItem.js +56 -0
- package/dist/components/core/Accordion/AccordionTrigger.js +32 -0
- package/dist/components/core/Accordion/index.js +5 -0
- package/dist/components/core/Avatar/Avatar.js +94 -0
- package/dist/components/core/Avatar/Avatar.theme.js +25 -0
- package/dist/components/core/AvatarGroup/AvatarGroup.animations.js +79 -0
- package/dist/components/core/AvatarGroup/AvatarGroup.js +67 -0
- package/dist/components/core/AvatarGroup/AvatarGroup.theme.js +23 -0
- package/dist/components/core/Badge/Badge.animations.js +109 -0
- package/dist/components/core/Badge/Badge.js +101 -0
- package/dist/components/core/Badge/Badge.theme.js +41 -0
- package/dist/components/core/Breadcrumbs/Breadcrumbs.theme.js +8 -8
- package/dist/components/core/Button/Button.theme.js +5 -5
- package/dist/components/core/Card/Card.js +46 -0
- package/dist/components/core/Card/Card.theme.js +5 -0
- package/dist/components/core/Divider/Divider.js +21 -0
- package/dist/components/core/Divider/Divider.theme.js +19 -0
- package/dist/components/core/Pagination/Pagination.js +113 -0
- package/dist/components/core/Pagination/Pagination.theme.js +27 -0
- package/dist/components/core/Segmented/Segmented.js +69 -0
- package/dist/components/core/Segmented/Segmented.theme.js +40 -0
- package/dist/components/core/Segmented/SegmentedContext.js +8 -0
- package/dist/components/core/Segmented/SegmentedItem.js +30 -0
- package/dist/components/core/Stepper/Stepper.js +57 -0
- package/dist/components/core/Stepper/Stepper.theme.js +9 -0
- package/dist/components/core/Stepper/components/ConnectorLine.js +42 -0
- package/dist/components/core/Stepper/components/IconCircle.js +44 -0
- package/dist/components/core/Stepper/components/ProgressIndicator.js +12 -0
- package/dist/components/core/Stepper/components/StepContent.js +36 -0
- package/dist/components/core/Stepper/components/StepperItem.js +22 -0
- package/dist/components/core/Tabs/Tabs.theme.js +2 -2
- package/dist/components/core/Tooltip/Tooltip.animations.js +46 -0
- package/dist/components/core/Tooltip/Tooltip.js +85 -0
- package/dist/components/core/Tooltip/Tooltip.theme.js +11 -0
- package/dist/components/core/Tooltip/useTooltipPositioning.js +59 -0
- package/dist/components/core/Tree/Tree.animations.js +38 -0
- package/dist/components/core/Tree/Tree.js +177 -0
- package/dist/components/core/Tree/Tree.theme.js +11 -0
- package/dist/components/data-display/Table/Table.js +177 -0
- package/dist/components/data-display/Table/Table.theme.js +28 -0
- package/dist/components/data-display/Table/Table.utils.js +28 -0
- package/dist/components/data-display/Table/components/DeclarativeComponents.js +123 -0
- package/dist/components/data-display/Table/components/TableActions/TableActions.js +56 -0
- package/dist/components/data-display/Table/components/TableActions/TableActionsMenu.js +29 -0
- package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.js +85 -0
- package/dist/components/data-display/Table/components/TableColumnManager/TableColumnManager.theme.js +21 -0
- package/dist/components/data-display/Table/components/TablePagination/TablePagination.js +51 -0
- package/dist/components/data-display/Table/components/TableSelectionHeader/TableSelectionHeader.js +29 -0
- package/dist/components/data-display/Table/components/core/TableBody.js +32 -0
- package/dist/components/data-display/Table/components/core/TableCell.js +47 -0
- package/dist/components/data-display/Table/components/core/TableHeader.js +77 -0
- package/dist/components/data-display/Table/components/core/TableRow.js +46 -0
- package/dist/components/data-display/Table/index.js +20 -0
- package/dist/components/feedback/Alert/Alert.js +36 -0
- package/dist/components/feedback/Alert/Alert.theme.js +17 -0
- package/dist/components/feedback/ChatMessage/ChatMessage.js +26 -0
- package/dist/components/feedback/ChatMessage/ChatMessage.theme.js +16 -0
- package/dist/components/feedback/Empty/Empty.js +26 -0
- package/dist/components/feedback/Empty/Empty.theme.js +13 -0
- package/dist/components/feedback/Notification/Notification.js +41 -0
- package/dist/components/feedback/Notification/Notification.theme.js +49 -0
- package/dist/components/feedback/Spinner/Spinner.theme.js +3 -3
- package/dist/components/feedback/Toast/Toast.animations.js +58 -0
- package/dist/components/feedback/Toast/Toast.js +67 -0
- package/dist/components/feedback/Toast/Toast.theme.js +18 -0
- package/dist/components/feedback/Toast/ToastProvider.js +73 -0
- package/dist/components/feedback/Toast/useToast.js +91 -0
- package/dist/components/forms/Checkbox/Checkbox.theme.js +1 -1
- package/dist/components/forms/FormLabel/FormLabel.theme.js +2 -2
- package/dist/components/forms/Input/Input.theme.js +4 -4
- package/dist/components/forms/Radio/Radio.theme.js +2 -2
- package/dist/components/forms/Select/Select.js +1 -1
- package/dist/components/forms/Select/Select.theme.js +5 -5
- package/dist/components/forms/Switch/Switch.theme.js +1 -1
- package/dist/components/forms/TimePicker/TimePicker.theme.js +19 -19
- package/dist/components/forms/forms.theme.js +8 -8
- package/dist/components/navigation/NavItem/NavItem.js +93 -0
- package/dist/components/navigation/NavItem/NavItem.theme.js +27 -0
- package/dist/components/navigation/Sidebar/Sidebar.js +28 -0
- package/dist/components/navigation/Sidebar/Sidebar.theme.js +16 -0
- package/dist/components/navigation/Sidebar/SidebarContent.js +12 -0
- package/dist/components/navigation/Sidebar/SidebarContext.js +38 -0
- package/dist/components/navigation/Sidebar/SidebarFooter.js +11 -0
- package/dist/components/navigation/Sidebar/SidebarHeader.js +22 -0
- package/dist/components/navigation/Sidebar/SidebarNav.js +11 -0
- package/dist/components/navigation/Sidebar/SidebarNavGroup.js +19 -0
- package/dist/components/navigation/Sidebar/SidebarToggle.js +26 -0
- package/dist/icons/core/TickIcon.js +3 -1
- package/dist/index.d.ts +29 -4
- package/dist/index.js +64 -4
- package/dist/node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronDoubleLeftIcon.js +28 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronDoubleRightIcon.js +28 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronLeftIcon.js +28 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/Cog6ToothIcon.js +32 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/DocumentIcon.js +28 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/EllipsisVerticalIcon.js +28 -0
- package/dist/node_modules/@heroicons/react/24/outline/esm/PlusIcon.js +28 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/ArrowPathIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/BellIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/CheckCircleIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/ExclamationTriangleIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/InformationCircleIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/XCircleIcon.js +26 -0
- package/dist/node_modules/@heroicons/react/24/solid/esm/XMarkIcon.js +26 -0
- package/dist/node_modules/tslib/tslib.es6.js +15 -1
- package/dist/utils/dateUtils.js +32 -0
- package/dist/utils/debounce.js +21 -0
- package/package.json +1 -1
- 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.
|
|
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",
|