@flikk/ui 1.0.0-beta.13 → 1.0.0-beta.15

package/dist/hooks/useMediaQuery.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Hook to detect if a media query matches.
+ * Returns false during SSR and on first render (safe default).
+ */
+export declare const useMediaQuery: (query: string) => boolean;

package/dist/hooks/useMediaQuery.js

@@ -0,0 +1,21 @@
+import { useState, useEffect } from 'react';
+
+/**
+ * Hook to detect if a media query matches.
+ * Returns false during SSR and on first render (safe default).
+ */
+const useMediaQuery = (query) => {
+    const [matches, setMatches] = useState(false);
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        const mql = window.matchMedia(query);
+        setMatches(mql.matches);
+        const handler = (e) => setMatches(e.matches);
+        mql.addEventListener("change", handler);
+        return () => mql.removeEventListener("change", handler);
+    }, [query]);
+    return matches;
+};
+
+export { useMediaQuery };

package/dist/index.js

@@ -66,10 +66,15 @@ export { ContextMenu } from './components/core/ContextMenu/ContextMenu.js';
 export { CronInput } from './components/forms/CronInput/CronInput.js';
 export { CustomCursor } from './components/effects/CustomCursor/CustomCursor.js';
 export { DEFAULT_CHART_COLORS, EXTENDED_CHART_COLORS, MINIMAL_CHART_COLORS, colorClassToVariable, combineClasses, createColorClass, extractFillClass, extractStrokeClass, generateColorPalette, generateSeriesColors, getContrastColor } from './components/charts/utils/color-utils.js';
+export { DEFAULT_DATE_RANGE_PRESETS } from './components/forms/DateRangePicker/dateRangePresets.js';
 export { DatePicker } from './components/forms/DatePicker/DatePicker.js';
 export { DatePickerBody } from './components/forms/DatePicker/DatePickerBody.js';
 export { DatePickerPresets } from './components/forms/DatePicker/DatePickerPresets.js';
 export { DatePickerTrigger } from './components/forms/DatePicker/DatePickerTrigger.js';
+export { DateRangePicker } from './components/forms/DateRangePicker/DateRangePicker.js';
+export { DateRangePickerBody } from './components/forms/DateRangePicker/DateRangePickerBody.js';
+export { DateRangePickerPresets } from './components/forms/DateRangePicker/DateRangePickerPresets.js';
+export { DateRangePickerTrigger } from './components/forms/DateRangePicker/DateRangePickerTrigger.js';
 export { DescriptionList } from './components/data-display/DescriptionList/DescriptionList.js';
 export { DonutChart } from './components/charts/DonutChart/DonutChart.js';
 export { DotPattern } from './components/effects/DotPattern/DotPattern.js';
@@ -86,6 +91,7 @@ export { Empty } from './components/core/Empty/Empty.js';
 export { Feed } from './components/data-display/Feed/Feed.js';
 export { FileTypeIcon } from './components/core/FileTypeIcon/FileTypeIcon.js';
 export { FileUpload } from './components/forms/FileUpload/FileUpload.js';
+export { FileUploadProgress } from './components/forms/FileUpload/FileUploadProgress.js';
 export { FormLabel } from './components/forms/FormLabel/FormLabel.js';
 export { FunnelChart } from './components/charts/FunnelChart/FunnelChart.js';
 export { GanttChart } from './components/data-display/GanttChart/GanttChart.js';
@@ -101,6 +107,9 @@ export { InputCreditCard } from './components/forms/InputCreditCard/InputCreditC
 export { InputDate } from './components/forms/InputDate/InputDate.js';
 export { InputOTP } from './components/forms/InputOTP/InputOTP.js';
 export { InputTag } from './components/forms/InputTag/InputTag.js';
+export { InsetCircleButton } from './components/effects/Neumorphic/InsetCircleButton.js';
+export { InsetPill } from './components/effects/Neumorphic/InsetPill.js';
+export { InteractiveCharacters } from './components/effects/InteractiveCharacters/InteractiveCharacters.js';
 export { KPI } from './components/data-display/KPI/KPI.js';
 export { Kbd } from './components/core/Kbd/Kbd.js';
 export { LINE_CHART_DEFAULTS } from './components/charts/LineChart/LineChart.types.js';
@@ -111,7 +120,16 @@ export { Masonry } from './components/core/Masonry/Masonry.js';
 export { Mention } from './components/forms/Mention/Mention.js';
 export { MenuItem } from './components/core/MenuItem/MenuItem.js';
 export { Message } from './components/core/Message/Message.js';
+export { MessageAudio } from './components/core/Message/MessageAudio.js';
 export { MessageBody } from './components/core/Message/MessageBody.js';
+export { MessageDateDivider } from './components/core/Message/MessageDateDivider.js';
+export { MessageFile } from './components/core/Message/MessageFile.js';
+export { MessageImage } from './components/core/Message/MessageImage.js';
+export { MessageLink } from './components/core/Message/MessageLink.js';
+export { MessageReactions } from './components/core/Message/MessageReactions.js';
+export { MessageReply } from './components/core/Message/MessageReply.js';
+export { MessageSenderName } from './components/core/Message/MessageSenderName.js';
+export { MessageStatusIndicator } from './components/core/Message/MessageStatusIndicator.js';
 export { Metric } from './components/data-display/Metric/Metric.js';
 export { Modal } from './components/core/Modal/Modal.js';
 export { ModalStack } from './components/core/ModalStack/ModalStack.js';
@@ -127,6 +145,7 @@ export { PageHeadingBackButton } from './components/core/PageHeading/PageHeading
 export { PageHeadingIcon } from './components/core/PageHeading/PageHeadingIcon.js';
 export { PageHeadingSubtitle } from './components/core/PageHeading/PageHeadingSubtitle.js';
 export { PageHeadingTitle } from './components/core/PageHeading/PageHeadingTitle.js';
+export { PageTransition } from './components/effects/PageTransition/PageTransition.js';
 export { Pagination } from './components/core/Pagination/Pagination.js';
 export { ParallaxSection } from './components/effects/ParallaxSection/ParallaxSection.js';
 export { Pill } from './components/core/Pill/Pill.js';
@@ -152,10 +171,12 @@ export { Sidebar } from './components/core/Sidebar/Sidebar.js';
 export { SidebarContent } from './components/core/Sidebar/SidebarContent.js';
 export { SidebarFooter } from './components/core/Sidebar/SidebarFooter.js';
 export { SidebarHeader } from './components/core/Sidebar/SidebarHeader.js';
+export { SidebarMobileTrigger } from './components/core/Sidebar/SidebarMobileTrigger.js';
 export { SidebarNav } from './components/core/Sidebar/SidebarNav.js';
 export { SidebarNavGroup } from './components/core/Sidebar/SidebarNavGroup.js';
 export { SidebarSubmenu } from './components/core/Sidebar/SidebarSubmenu.js';
 export { SidebarToggle } from './components/core/Sidebar/SidebarToggle.js';
+export { SidebarUserProfile } from './components/core/Sidebar/SidebarUserProfile.js';
 export { Signature } from './components/forms/Signature/Signature.js';
 export { Skeleton } from './components/core/Skeleton/Skeleton.js';
 export { Slider } from './components/forms/Slider/Slider.js';
@@ -202,8 +223,10 @@ export { commandPaletteTheme } from './components/core/CommandPalette/CommandPal
 export { contextMenuTheme } from './components/core/ContextMenu/ContextMenu.theme.js';
 export { cronInputTheme } from './components/forms/CronInput/CronInput.theme.js';
 export { datePickerTheme } from './components/forms/DatePicker/DatePicker.theme.js';
+export { dateRangePickerTheme } from './components/forms/DateRangePicker/DateRangePicker.theme.js';
 export { dropdownTheme } from './components/core/Dropdown/Dropdown.theme.js';
 export { emptyTheme } from './components/core/Empty/Empty.theme.js';
+export { fileUploadProgressTheme } from './components/forms/FileUpload/FileUploadProgress.theme.js';
 export { fileUploadTheme } from './components/forms/FileUpload/FileUpload.theme.js';
 export { filterData, getDefaultOperator, getOperatorsForFilterType, inferFilterType, isBetweenOperator, isUnaryOperator, operatorLabels } from './components/data-display/Table/Table.filterUtils.js';
 export { formLabelTheme } from './components/forms/FormLabel/FormLabel.theme.js';