florixui 1.0.0
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/README.md +919 -0
- package/dist/components/custom/actions-menu.d.ts +41 -0
- package/dist/components/custom/advanced-input.d.ts +39 -0
- package/dist/components/custom/advanced-select.d.ts +67 -0
- package/dist/components/custom/data-table.d.ts +38 -0
- package/dist/components/custom/date-time-range-picker-utils.d.ts +32 -0
- package/dist/components/custom/date-time-range-picker.d.ts +15 -0
- package/dist/components/ui/alert-dialog.d.ts +18 -0
- package/dist/components/ui/alert.d.ts +10 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/button-group.d.ts +11 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/calendar.d.ts +10 -0
- package/dist/components/ui/card.d.ts +11 -0
- package/dist/components/ui/chart.d.ts +44 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/command.d.ts +18 -0
- package/dist/components/ui/dialog.d.ts +17 -0
- package/dist/components/ui/dropdown-menu.d.ts +29 -0
- package/dist/components/ui/field.d.ts +24 -0
- package/dist/components/ui/hover-card.d.ts +6 -0
- package/dist/components/ui/input-group.d.ts +16 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/item.d.ts +23 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/map.d.ts +278 -0
- package/dist/components/ui/popover.d.ts +10 -0
- package/dist/components/ui/progress.d.ts +4 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/select.d.ts +15 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/sheet.d.ts +14 -0
- package/dist/components/ui/slider.d.ts +4 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/spinner.d.ts +2 -0
- package/dist/components/ui/stepper.d.ts +27 -0
- package/dist/components/ui/switch.d.ts +6 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/tabs.d.ts +11 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/timeline.d.ts +25 -0
- package/dist/components/ui/toggle-group.d.ts +10 -0
- package/dist/components/ui/toggle.d.ts +9 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/index.d.ts +44 -0
- package/dist/index.js +3638 -0
- package/dist/index.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/styles.css +2 -0
- package/package.json +104 -0
|
@@ -0,0 +1,278 @@
|
|
|
1
|
+
import { default as MapLibreGL, PopupOptions, MarkerOptions } from 'maplibre-gl';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
/** Selectable basemap tiles. The first is the default; the second is Voyager. */
|
|
4
|
+
export type MapTile = {
|
|
5
|
+
label: string;
|
|
6
|
+
url: string;
|
|
7
|
+
};
|
|
8
|
+
type Theme = "light" | "dark";
|
|
9
|
+
type MapContextValue = {
|
|
10
|
+
map: MapLibreGL.Map | null;
|
|
11
|
+
isLoaded: boolean;
|
|
12
|
+
};
|
|
13
|
+
declare function useMap(): MapContextValue;
|
|
14
|
+
/** Map viewport state */
|
|
15
|
+
type MapViewport = {
|
|
16
|
+
/** Center coordinates [longitude, latitude] */
|
|
17
|
+
center: [number, number];
|
|
18
|
+
/** Zoom level */
|
|
19
|
+
zoom: number;
|
|
20
|
+
/** Bearing (rotation) in degrees */
|
|
21
|
+
bearing: number;
|
|
22
|
+
/** Pitch (tilt) in degrees */
|
|
23
|
+
pitch: number;
|
|
24
|
+
};
|
|
25
|
+
type MapStyleOption = string | MapLibreGL.StyleSpecification;
|
|
26
|
+
type MapRef = MapLibreGL.Map;
|
|
27
|
+
declare const Map: import('react').ForwardRefExoticComponent<{
|
|
28
|
+
children?: ReactNode;
|
|
29
|
+
/** Additional CSS classes for the map container */
|
|
30
|
+
className?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Theme for the map. If not provided, automatically detects system preference.
|
|
33
|
+
* Pass your theme value here.
|
|
34
|
+
*/
|
|
35
|
+
theme?: Theme;
|
|
36
|
+
/** Custom map styles for light and dark themes. Overrides the default Carto styles. */
|
|
37
|
+
styles?: {
|
|
38
|
+
light?: MapStyleOption;
|
|
39
|
+
dark?: MapStyleOption;
|
|
40
|
+
};
|
|
41
|
+
/** Map projection type. Use `{ type: "globe" }` for 3D globe view. */
|
|
42
|
+
projection?: MapLibreGL.ProjectionSpecification;
|
|
43
|
+
/**
|
|
44
|
+
* Controlled viewport. When provided with onViewportChange,
|
|
45
|
+
* the map becomes controlled and viewport is driven by this prop.
|
|
46
|
+
*/
|
|
47
|
+
viewport?: Partial<MapViewport>;
|
|
48
|
+
/**
|
|
49
|
+
* Callback fired continuously as the viewport changes (pan, zoom, rotate, pitch).
|
|
50
|
+
* Can be used standalone to observe changes, or with `viewport` prop
|
|
51
|
+
* to enable controlled mode where the map viewport is driven by your state.
|
|
52
|
+
*/
|
|
53
|
+
onViewportChange?: (viewport: MapViewport) => void;
|
|
54
|
+
/** Show a loading indicator on the map */
|
|
55
|
+
loading?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Render default zoom controls (bottom-right). Defaults to true.
|
|
58
|
+
* Set to false to omit them or to supply your own <MapControls />.
|
|
59
|
+
*/
|
|
60
|
+
controls?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Selectable basemap tiles, shown as a picker (top-left). Defaults to
|
|
63
|
+
* Light / Voyager / Dark. Set to false to hide the tile picker.
|
|
64
|
+
*/
|
|
65
|
+
tiles?: MapTile[] | false;
|
|
66
|
+
} & Omit<MapLibreGL.MapOptions, "style" | "container"> & import('react').RefAttributes<MapLibreGL.Map>>;
|
|
67
|
+
type MapMarkerProps = {
|
|
68
|
+
/** Longitude coordinate for marker position */
|
|
69
|
+
longitude: number;
|
|
70
|
+
/** Latitude coordinate for marker position */
|
|
71
|
+
latitude: number;
|
|
72
|
+
/** Marker subcomponents (MarkerContent, MarkerPopup, MarkerTooltip, MarkerLabel) */
|
|
73
|
+
children: ReactNode;
|
|
74
|
+
/** Callback when marker is clicked */
|
|
75
|
+
onClick?: (e: MouseEvent) => void;
|
|
76
|
+
/** Callback when mouse enters marker */
|
|
77
|
+
onMouseEnter?: (e: MouseEvent) => void;
|
|
78
|
+
/** Callback when mouse leaves marker */
|
|
79
|
+
onMouseLeave?: (e: MouseEvent) => void;
|
|
80
|
+
/** Callback when marker drag starts (requires draggable: true) */
|
|
81
|
+
onDragStart?: (lngLat: {
|
|
82
|
+
lng: number;
|
|
83
|
+
lat: number;
|
|
84
|
+
}) => void;
|
|
85
|
+
/** Callback during marker drag (requires draggable: true) */
|
|
86
|
+
onDrag?: (lngLat: {
|
|
87
|
+
lng: number;
|
|
88
|
+
lat: number;
|
|
89
|
+
}) => void;
|
|
90
|
+
/** Callback when marker drag ends (requires draggable: true) */
|
|
91
|
+
onDragEnd?: (lngLat: {
|
|
92
|
+
lng: number;
|
|
93
|
+
lat: number;
|
|
94
|
+
}) => void;
|
|
95
|
+
} & Omit<MarkerOptions, "element">;
|
|
96
|
+
declare function MapMarker({ longitude, latitude, children, onClick, onMouseEnter, onMouseLeave, onDragStart, onDrag, onDragEnd, draggable, ...markerOptions }: MapMarkerProps): import("react/jsx-runtime").JSX.Element;
|
|
97
|
+
type MarkerContentProps = {
|
|
98
|
+
/** Custom marker content. Defaults to a blue dot if not provided */
|
|
99
|
+
children?: ReactNode;
|
|
100
|
+
/** Additional CSS classes for the marker container */
|
|
101
|
+
className?: string;
|
|
102
|
+
};
|
|
103
|
+
declare function MarkerContent({ children, className }: MarkerContentProps): import('react').ReactPortal;
|
|
104
|
+
type MarkerPopupProps = {
|
|
105
|
+
/** Popup content */
|
|
106
|
+
children: ReactNode;
|
|
107
|
+
/** Additional CSS classes for the popup container */
|
|
108
|
+
className?: string;
|
|
109
|
+
/** Show a close button in the popup (default: false) */
|
|
110
|
+
closeButton?: boolean;
|
|
111
|
+
} & Omit<PopupOptions, "className" | "closeButton">;
|
|
112
|
+
declare function MarkerPopup({ children, className, closeButton, ...popupOptions }: MarkerPopupProps): import('react').ReactPortal;
|
|
113
|
+
type MarkerTooltipProps = {
|
|
114
|
+
/** Tooltip content */
|
|
115
|
+
children: ReactNode;
|
|
116
|
+
/** Additional CSS classes for the tooltip container */
|
|
117
|
+
className?: string;
|
|
118
|
+
} & Omit<PopupOptions, "className" | "closeButton" | "closeOnClick">;
|
|
119
|
+
declare function MarkerTooltip({ children, className, ...popupOptions }: MarkerTooltipProps): import('react').ReactPortal;
|
|
120
|
+
type MarkerLabelProps = {
|
|
121
|
+
/** Label text content */
|
|
122
|
+
children: ReactNode;
|
|
123
|
+
/** Additional CSS classes for the label */
|
|
124
|
+
className?: string;
|
|
125
|
+
/** Position of the label relative to the marker (default: "top") */
|
|
126
|
+
position?: "top" | "bottom";
|
|
127
|
+
};
|
|
128
|
+
declare function MarkerLabel({ children, className, position, }: MarkerLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
129
|
+
type MapControlsProps = {
|
|
130
|
+
/** Position of the controls on the map (default: "bottom-right") */
|
|
131
|
+
position?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
132
|
+
/** Show zoom in/out buttons (default: true) */
|
|
133
|
+
showZoom?: boolean;
|
|
134
|
+
/** Show compass button to reset bearing (default: false) */
|
|
135
|
+
showCompass?: boolean;
|
|
136
|
+
/** Show locate button to find user's location (default: false) */
|
|
137
|
+
showLocate?: boolean;
|
|
138
|
+
/** Show fullscreen toggle button (default: false) */
|
|
139
|
+
showFullscreen?: boolean;
|
|
140
|
+
/** Additional CSS classes for the controls container */
|
|
141
|
+
className?: string;
|
|
142
|
+
/** Callback with user coordinates when located */
|
|
143
|
+
onLocate?: (coords: {
|
|
144
|
+
longitude: number;
|
|
145
|
+
latitude: number;
|
|
146
|
+
}) => void;
|
|
147
|
+
/** Basemap tiles for the tile-cycle button. Hidden when fewer than 2. */
|
|
148
|
+
tiles?: MapTile[];
|
|
149
|
+
/** Index of the active tile. */
|
|
150
|
+
tileIndex?: number;
|
|
151
|
+
/** Called with the next tile index when the tile button is clicked. */
|
|
152
|
+
onTileChange?: (index: number) => void;
|
|
153
|
+
};
|
|
154
|
+
declare function MapControls({ position, showZoom, showCompass, showLocate, showFullscreen, className, onLocate, tiles, tileIndex, onTileChange, }: MapControlsProps): import("react/jsx-runtime").JSX.Element;
|
|
155
|
+
type MapPopupProps = {
|
|
156
|
+
/** Longitude coordinate for popup position */
|
|
157
|
+
longitude: number;
|
|
158
|
+
/** Latitude coordinate for popup position */
|
|
159
|
+
latitude: number;
|
|
160
|
+
/** Callback when popup is closed */
|
|
161
|
+
onClose?: () => void;
|
|
162
|
+
/** Popup content */
|
|
163
|
+
children: ReactNode;
|
|
164
|
+
/** Additional CSS classes for the popup container */
|
|
165
|
+
className?: string;
|
|
166
|
+
/** Show a close button in the popup (default: false) */
|
|
167
|
+
closeButton?: boolean;
|
|
168
|
+
} & Omit<PopupOptions, "className" | "closeButton">;
|
|
169
|
+
declare function MapPopup({ longitude, latitude, onClose, children, className, closeButton, ...popupOptions }: MapPopupProps): import('react').ReactPortal;
|
|
170
|
+
type MapRouteProps = {
|
|
171
|
+
/** Optional unique identifier for the route layer */
|
|
172
|
+
id?: string;
|
|
173
|
+
/** Array of [longitude, latitude] coordinate pairs defining the route */
|
|
174
|
+
coordinates: [number, number][];
|
|
175
|
+
/** Line color as CSS color value (default: "#4285F4") */
|
|
176
|
+
color?: string;
|
|
177
|
+
/** Line width in pixels (default: 3) */
|
|
178
|
+
width?: number;
|
|
179
|
+
/** Line opacity from 0 to 1 (default: 0.8) */
|
|
180
|
+
opacity?: number;
|
|
181
|
+
/** Dash pattern [dash length, gap length] for dashed lines */
|
|
182
|
+
dashArray?: [number, number];
|
|
183
|
+
/** Callback when the route line is clicked */
|
|
184
|
+
onClick?: () => void;
|
|
185
|
+
/** Callback when mouse enters the route line */
|
|
186
|
+
onMouseEnter?: () => void;
|
|
187
|
+
/** Callback when mouse leaves the route line */
|
|
188
|
+
onMouseLeave?: () => void;
|
|
189
|
+
/** Whether the route is interactive - shows pointer cursor on hover (default: true) */
|
|
190
|
+
interactive?: boolean;
|
|
191
|
+
};
|
|
192
|
+
declare function MapRoute({ id: propId, coordinates, color, width, opacity, dashArray, onClick, onMouseEnter, onMouseLeave, interactive, }: MapRouteProps): null;
|
|
193
|
+
/** A single arc to render inside <MapArc data={...}>. */
|
|
194
|
+
type MapArcDatum = {
|
|
195
|
+
/** Unique identifier for this arc. Required for hover state tracking and event payloads. */
|
|
196
|
+
id: string | number;
|
|
197
|
+
/** Start coordinate as [longitude, latitude]. */
|
|
198
|
+
from: [number, number];
|
|
199
|
+
/** End coordinate as [longitude, latitude]. */
|
|
200
|
+
to: [number, number];
|
|
201
|
+
};
|
|
202
|
+
/** Event payload passed to MapArc interaction callbacks. */
|
|
203
|
+
type MapArcEvent<T extends MapArcDatum = MapArcDatum> = {
|
|
204
|
+
/** The arc datum that was hovered or clicked. */
|
|
205
|
+
arc: T;
|
|
206
|
+
/** Longitude of the cursor at the time of the event. */
|
|
207
|
+
longitude: number;
|
|
208
|
+
/** Latitude of the cursor at the time of the event. */
|
|
209
|
+
latitude: number;
|
|
210
|
+
/** The underlying MapLibre mouse event for advanced use cases. */
|
|
211
|
+
originalEvent: MapLibreGL.MapMouseEvent;
|
|
212
|
+
};
|
|
213
|
+
type MapArcLinePaint = NonNullable<MapLibreGL.LineLayerSpecification["paint"]>;
|
|
214
|
+
type MapArcLineLayout = NonNullable<MapLibreGL.LineLayerSpecification["layout"]>;
|
|
215
|
+
type MapArcProps<T extends MapArcDatum = MapArcDatum> = {
|
|
216
|
+
/** Array of arcs to render. Each arc must have a unique `id`. */
|
|
217
|
+
data: T[];
|
|
218
|
+
/** Optional unique identifier prefix for the arc source/layers. Auto-generated if not provided. */
|
|
219
|
+
id?: string;
|
|
220
|
+
/**
|
|
221
|
+
* How far each arc bows away from a straight line. `0` renders straight
|
|
222
|
+
* lines; higher values bend further. Negative values bend to the opposite
|
|
223
|
+
* side. Arcs are computed as a quadratic Bézier in lng/lat space and do not
|
|
224
|
+
* account for the antimeridian. (default: 0.2)
|
|
225
|
+
*/
|
|
226
|
+
curvature?: number;
|
|
227
|
+
/** Number of samples used to render each curve. Higher = smoother. (default: 64) */
|
|
228
|
+
samples?: number;
|
|
229
|
+
/**
|
|
230
|
+
* MapLibre paint properties for the arc layer. Merged on top of sensible
|
|
231
|
+
* defaults (`line-color: #4285F4`, `line-width: 2`, `line-opacity: 0.85`).
|
|
232
|
+
* Any value can be a MapLibre expression for per-feature styling, every
|
|
233
|
+
* field on each arc datum (besides `from`/`to`) is exposed via `["get", ...]`.
|
|
234
|
+
*/
|
|
235
|
+
paint?: MapArcLinePaint;
|
|
236
|
+
/** MapLibre layout properties for the arc layer. Defaults to rounded joins/caps. */
|
|
237
|
+
layout?: MapArcLineLayout;
|
|
238
|
+
/**
|
|
239
|
+
* Paint properties applied to the arc currently under the cursor. Each key
|
|
240
|
+
* is merged into `paint` as a `case` expression keyed on per-feature hover
|
|
241
|
+
* state, so only the hovered arc changes appearance.
|
|
242
|
+
*/
|
|
243
|
+
hoverPaint?: MapArcLinePaint;
|
|
244
|
+
/** Callback when an arc is clicked. */
|
|
245
|
+
onClick?: (e: MapArcEvent<T>) => void;
|
|
246
|
+
/**
|
|
247
|
+
* Callback fired when the hovered arc changes. Receives the cursor's
|
|
248
|
+
* lng/lat at the moment of entry, and `null` when the cursor leaves the
|
|
249
|
+
* last hovered arc.
|
|
250
|
+
*/
|
|
251
|
+
onHover?: (e: MapArcEvent<T> | null) => void;
|
|
252
|
+
/** Whether arcs respond to mouse events (default: true). */
|
|
253
|
+
interactive?: boolean;
|
|
254
|
+
/** Optional MapLibre layer id to insert the arc layers before (z-order control). */
|
|
255
|
+
beforeId?: string;
|
|
256
|
+
};
|
|
257
|
+
declare function MapArc<T extends MapArcDatum = MapArcDatum>({ data, id: propId, curvature, samples, paint, layout, hoverPaint, onClick, onHover, interactive, beforeId, }: MapArcProps<T>): null;
|
|
258
|
+
type MapClusterLayerProps<P extends GeoJSON.GeoJsonProperties = GeoJSON.GeoJsonProperties> = {
|
|
259
|
+
/** GeoJSON FeatureCollection data or URL to fetch GeoJSON from */
|
|
260
|
+
data: string | GeoJSON.FeatureCollection<GeoJSON.Point, P>;
|
|
261
|
+
/** Maximum zoom level to cluster points on (default: 14) */
|
|
262
|
+
clusterMaxZoom?: number;
|
|
263
|
+
/** Radius of each cluster when clustering points in pixels (default: 50) */
|
|
264
|
+
clusterRadius?: number;
|
|
265
|
+
/** Colors for cluster circles: [small, medium, large] based on point count (default: ["#22c55e", "#eab308", "#ef4444"]) */
|
|
266
|
+
clusterColors?: [string, string, string];
|
|
267
|
+
/** Point count thresholds for color/size steps: [medium, large] (default: [100, 750]) */
|
|
268
|
+
clusterThresholds?: [number, number];
|
|
269
|
+
/** Color for unclustered individual points (default: "#3b82f6") */
|
|
270
|
+
pointColor?: string;
|
|
271
|
+
/** Callback when an unclustered point is clicked */
|
|
272
|
+
onPointClick?: (feature: GeoJSON.Feature<GeoJSON.Point, P>, coordinates: [number, number]) => void;
|
|
273
|
+
/** Callback when a cluster is clicked. If not provided, zooms into the cluster */
|
|
274
|
+
onClusterClick?: (clusterId: number, coordinates: [number, number], pointCount: number) => void;
|
|
275
|
+
};
|
|
276
|
+
declare function MapClusterLayer<P extends GeoJSON.GeoJsonProperties = GeoJSON.GeoJsonProperties>({ data, clusterMaxZoom, clusterRadius, clusterColors, clusterThresholds, pointColor, onPointClick, onClusterClick, }: MapClusterLayerProps<P>): null;
|
|
277
|
+
export { Map, useMap, MapMarker, MarkerContent, MarkerPopup, MarkerTooltip, MarkerLabel, MapPopup, MapControls, MapRoute, MapArc, MapClusterLayer, };
|
|
278
|
+
export type { MapRef, MapViewport, MapArcDatum, MapArcEvent };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Popover as PopoverPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export { RadioGroup, RadioGroupItem };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Select as SelectPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function SelectGroup({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
|
7
|
+
size?: "sm" | "default";
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Separator as SeparatorPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Separator };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Dialog as SheetPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
7
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
8
|
+
showCloseButton?: boolean;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { Slider as SliderPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Slider };
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
defaultValue?: number;
|
|
4
|
+
value?: number;
|
|
5
|
+
onValueChange?: (value: number) => void;
|
|
6
|
+
orientation?: "horizontal" | "vertical";
|
|
7
|
+
}
|
|
8
|
+
declare function Stepper({ defaultValue, value, onValueChange, orientation, className, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
interface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
step: number;
|
|
11
|
+
completed?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare function StepperItem({ step, completed, disabled, loading, className, children, ...props }: StepperItemProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
interface StepperTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
17
|
+
asChild?: boolean;
|
|
18
|
+
}
|
|
19
|
+
declare function StepperTrigger({ asChild, className, children, ...props }: StepperTriggerProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
interface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
asChild?: boolean;
|
|
22
|
+
}
|
|
23
|
+
declare function StepperIndicator({ asChild, className, children, ...props }: StepperIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function StepperTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare function StepperDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function StepperSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Switch as SwitchPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function Switch({ className, size, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
|
|
4
|
+
size?: "sm" | "default";
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export { Switch };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Tabs as TabsPrimitive } from 'radix-ui';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare function Tabs({ className, orientation, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const tabsListVariants: (props?: ({
|
|
6
|
+
variant?: "default" | "line" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
defaultValue?: number;
|
|
4
|
+
value?: number;
|
|
5
|
+
onValueChange?: (value: number) => void;
|
|
6
|
+
orientation?: "horizontal" | "vertical";
|
|
7
|
+
}
|
|
8
|
+
declare function Timeline({ defaultValue, value, onValueChange, orientation, className, ...props }: TimelineProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function TimelineContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
interface TimelineDateProps extends React.HTMLAttributes<HTMLTimeElement> {
|
|
11
|
+
asChild?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare function TimelineDate({ asChild, className, ...props }: TimelineDateProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare function TimelineHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
interface TimelineIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
16
|
+
asChild?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare function TimelineIndicator({ className, children, ...props }: TimelineIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
interface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
20
|
+
step: number;
|
|
21
|
+
}
|
|
22
|
+
declare function TimelineItem({ step, className, ...props }: TimelineItemProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare function TimelineSeparator({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare function TimelineTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export { Timeline, TimelineContent, TimelineDate, TimelineHeader, TimelineIndicator, TimelineItem, TimelineSeparator, TimelineTitle, };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
|
|
3
|
+
import { toggleVariants } from './toggle';
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
declare function ToggleGroup({ className, variant, size, spacing, orientation, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
|
|
6
|
+
spacing?: number;
|
|
7
|
+
orientation?: "horizontal" | "vertical";
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { Toggle as TogglePrimitive } from 'radix-ui';
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
declare const toggleVariants: (props?: ({
|
|
5
|
+
variant?: "default" | "outline" | null | undefined;
|
|
6
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
|
+
declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export { Toggle, toggleVariants };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Tooltip as TooltipPrimitive } from 'radix-ui';
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export { cn } from './lib/utils';
|
|
2
|
+
export * from './components/custom/actions-menu';
|
|
3
|
+
export * from './components/custom/advanced-input';
|
|
4
|
+
export * from './components/custom/advanced-select';
|
|
5
|
+
export * from './components/custom/data-table';
|
|
6
|
+
export * from './components/custom/date-time-range-picker';
|
|
7
|
+
export { presetToRange, navigateRange, } from './components/custom/date-time-range-picker-utils';
|
|
8
|
+
export * from './components/ui/alert';
|
|
9
|
+
export * from './components/ui/alert-dialog';
|
|
10
|
+
export * from './components/ui/badge';
|
|
11
|
+
export * from './components/ui/button';
|
|
12
|
+
export * from './components/ui/button-group';
|
|
13
|
+
export * from './components/ui/calendar';
|
|
14
|
+
export * from './components/ui/card';
|
|
15
|
+
export * from './components/ui/chart';
|
|
16
|
+
export * from './components/ui/checkbox';
|
|
17
|
+
export * from './components/ui/command';
|
|
18
|
+
export * from './components/ui/dialog';
|
|
19
|
+
export * from './components/ui/dropdown-menu';
|
|
20
|
+
export * from './components/ui/field';
|
|
21
|
+
export * from './components/ui/hover-card';
|
|
22
|
+
export * from './components/ui/input';
|
|
23
|
+
export * from './components/ui/input-group';
|
|
24
|
+
export * from './components/ui/item';
|
|
25
|
+
export * from './components/ui/label';
|
|
26
|
+
export * from './components/ui/map';
|
|
27
|
+
export * from './components/ui/popover';
|
|
28
|
+
export * from './components/ui/progress';
|
|
29
|
+
export * from './components/ui/radio-group';
|
|
30
|
+
export * from './components/ui/select';
|
|
31
|
+
export * from './components/ui/separator';
|
|
32
|
+
export * from './components/ui/sheet';
|
|
33
|
+
export * from './components/ui/slider';
|
|
34
|
+
export * from './components/ui/sonner';
|
|
35
|
+
export * from './components/ui/spinner';
|
|
36
|
+
export * from './components/ui/stepper';
|
|
37
|
+
export * from './components/ui/switch';
|
|
38
|
+
export * from './components/ui/table';
|
|
39
|
+
export * from './components/ui/tabs';
|
|
40
|
+
export * from './components/ui/textarea';
|
|
41
|
+
export * from './components/ui/timeline';
|
|
42
|
+
export * from './components/ui/toggle';
|
|
43
|
+
export * from './components/ui/toggle-group';
|
|
44
|
+
export * from './components/ui/tooltip';
|