@alpic-ai/ui 1.153.0 → 1.154.1

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 (84) hide show
  1. package/dist/components/accordion-card.d.mts +4 -25
  2. package/dist/components/accordion.d.mts +4 -18
  3. package/dist/components/alert.d.mts +5 -24
  4. package/dist/components/area-chart.d.mts +1 -22
  5. package/dist/components/area-chart.mjs +20 -109
  6. package/dist/components/attachment-tile.d.mts +1 -8
  7. package/dist/components/avatar.d.mts +4 -27
  8. package/dist/components/badge.d.mts +1 -8
  9. package/dist/components/bar-chart.d.mts +1 -21
  10. package/dist/components/bar-chart.mjs +10 -68
  11. package/dist/components/bar-list.d.mts +1 -13
  12. package/dist/components/breadcrumb.d.mts +8 -35
  13. package/dist/components/button.d.mts +1 -14
  14. package/dist/components/card.d.mts +7 -30
  15. package/dist/components/chart-card.d.mts +1 -12
  16. package/dist/components/chart-container.d.mts +1 -6
  17. package/dist/components/chart-legend.d.mts +1 -8
  18. package/dist/components/chart-primitives.d.mts +69 -0
  19. package/dist/components/chart-primitives.mjs +134 -0
  20. package/dist/components/chart-tooltip.d.mts +1 -11
  21. package/dist/components/checkbox.d.mts +1 -5
  22. package/dist/components/collapsible.d.mts +3 -10
  23. package/dist/components/combobox.d.mts +9 -45
  24. package/dist/components/command.d.mts +8 -32
  25. package/dist/components/copyable.d.mts +2 -9
  26. package/dist/components/description-list.d.mts +4 -17
  27. package/dist/components/dialog.d.mts +10 -42
  28. package/dist/components/donut-chart.d.mts +1 -16
  29. package/dist/components/dropdown-menu.d.mts +13 -55
  30. package/dist/components/field.d.mts +14 -0
  31. package/dist/components/field.mjs +41 -0
  32. package/dist/components/form.d.mts +15 -115
  33. package/dist/components/github-button.d.mts +1 -6
  34. package/dist/components/heatmap-chart.d.mts +1 -23
  35. package/dist/components/input-group.d.mts +3 -15
  36. package/dist/components/input.d.mts +1 -14
  37. package/dist/components/input.mjs +25 -49
  38. package/dist/components/label.d.mts +1 -5
  39. package/dist/components/line-chart.d.mts +1 -21
  40. package/dist/components/line-chart.mjs +20 -102
  41. package/dist/components/page-loader.d.mts +1 -3
  42. package/dist/components/pagination.d.mts +1 -8
  43. package/dist/components/popover.d.mts +4 -16
  44. package/dist/components/radio-group.d.mts +2 -9
  45. package/dist/components/scroll-area.d.mts +2 -11
  46. package/dist/components/select.d.mts +8 -35
  47. package/dist/components/separator.d.mts +1 -7
  48. package/dist/components/sheet.d.mts +9 -35
  49. package/dist/components/shimmer-text.d.mts +1 -5
  50. package/dist/components/sidebar.d.mts +22 -113
  51. package/dist/components/skeleton.d.mts +1 -6
  52. package/dist/components/sonner.d.mts +1 -8
  53. package/dist/components/spinner.d.mts +2 -14
  54. package/dist/components/stat.d.mts +1 -10
  55. package/dist/components/status-dot.d.mts +1 -7
  56. package/dist/components/switch.d.mts +1 -5
  57. package/dist/components/table.d.mts +8 -35
  58. package/dist/components/tabs.d.mts +7 -36
  59. package/dist/components/tag.d.mts +3 -20
  60. package/dist/components/task-progress.d.mts +1 -7
  61. package/dist/components/textarea.d.mts +1 -11
  62. package/dist/components/textarea.mjs +17 -41
  63. package/dist/components/toggle-group.d.mts +2 -15
  64. package/dist/components/tooltip-icon-button.d.mts +0 -1
  65. package/dist/components/tooltip.d.mts +4 -17
  66. package/dist/components/typography.d.mts +4 -17
  67. package/dist/components/wizard.d.mts +1 -7
  68. package/dist/hooks/use-copy-to-clipboard.d.mts +1 -3
  69. package/dist/lib/chart-palette.mjs +39 -21
  70. package/dist/lib/chart.d.mts +6 -1
  71. package/dist/lib/cn.d.mts +0 -1
  72. package/package.json +19 -19
  73. package/src/components/area-chart.tsx +21 -142
  74. package/src/components/bar-chart.tsx +12 -81
  75. package/src/components/chart-primitives.tsx +188 -0
  76. package/src/components/field.tsx +57 -0
  77. package/src/components/input.tsx +3 -33
  78. package/src/components/line-chart.tsx +21 -133
  79. package/src/components/textarea.tsx +3 -33
  80. package/src/stories/area-chart.stories.tsx +8 -6
  81. package/src/stories/bar-chart.stories.tsx +8 -6
  82. package/src/stories/donut-chart.stories.tsx +8 -6
  83. package/src/stories/line-chart.stories.tsx +8 -6
  84. package/src/stories/stat.stories.tsx +8 -6
@@ -3,11 +3,12 @@ import { cn } from "../lib/cn.mjs";
3
3
  import { makeXAxisTick, resolveSeries } from "../lib/chart.mjs";
4
4
  import { useChartContext } from "./chart-container.mjs";
5
5
  import { ChartLegend } from "./chart-legend.mjs";
6
+ import { computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine } from "./chart-primitives.mjs";
6
7
  import { ChartTooltipContent } from "./chart-tooltip.mjs";
7
8
  import { Skeleton } from "./skeleton.mjs";
8
9
  import { jsx, jsxs } from "react/jsx-runtime";
9
10
  import * as React$1 from "react";
10
- import { CartesianGrid, LabelList, Line, LineChart as LineChart$1, ReferenceArea, ReferenceDot, ReferenceLine, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
11
+ import { CartesianGrid, LabelList, Line, LineChart as LineChart$1, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
11
12
  //#region src/components/line-chart.tsx
12
13
  const CURVE_TYPE = {
13
14
  monotone: "monotone",
@@ -17,14 +18,7 @@ const CURVE_TYPE = {
17
18
  function LineChart({ data, index, series, curve = "monotone", legend = false, legendAlign = "left", valueFlags = false, dots = false, height = 200, yAxisWidth = 48, palette, referenceLine, markers, lastValueLabel = false, loading = false, valueFormatter = (value) => value.toLocaleString("en-US"), labelFormatter, className }) {
18
19
  const { palette: paletteColors, theme } = useChartContext(palette);
19
20
  const resolved = resolveSeries(series, paletteColors, theme);
20
- const numericMax = React$1.useMemo(() => {
21
- let max = 0;
22
- for (const row of data) for (const entry of series) {
23
- const value = Number(row[entry.key]);
24
- if (Number.isFinite(value) && value > max) max = value;
25
- }
26
- return max;
27
- }, [data, series]);
21
+ const numericMax = React$1.useMemo(() => computeNumericMax(data, series, false), [data, series]);
28
22
  const curveType = CURVE_TYPE[curve];
29
23
  const margin = {
30
24
  top: markers?.length ? 18 : 8,
@@ -32,63 +26,8 @@ function LineChart({ data, index, series, curve = "monotone", legend = false, le
32
26
  bottom: 2,
33
27
  left: 0
34
28
  };
35
- const axis = {
36
- stroke: theme.border,
37
- tick: {
38
- fill: theme.axisForeground,
39
- fontSize: 10,
40
- fontFamily: theme.fontMono
41
- },
42
- tickLine: false,
43
- axisLine: {
44
- stroke: theme.border,
45
- strokeOpacity: .6
46
- }
47
- };
48
- const legendItems = resolved.map((entry) => ({
49
- name: entry.name,
50
- color: entry.color,
51
- dashed: entry.dashed
52
- }));
53
- const activeDotFor = (entry) => valueFlags ? (dotProps) => {
54
- if (dotProps.cx == null || dotProps.cy == null) return /* @__PURE__ */ jsx("g", {});
55
- return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("circle", {
56
- cx: dotProps.cx,
57
- cy: dotProps.cy,
58
- r: 3.5,
59
- fill: entry.color,
60
- stroke: theme.card,
61
- strokeWidth: 2
62
- }), /* @__PURE__ */ jsx("text", {
63
- x: dotProps.cx,
64
- y: dotProps.cy - 8,
65
- textAnchor: "middle",
66
- fill: entry.color,
67
- fontFamily: theme.fontMono,
68
- fontSize: 10,
69
- style: { fontVariantNumeric: "tabular-nums" },
70
- children: valueFormatter(Number(dotProps.value ?? 0))
71
- })] });
72
- } : {
73
- r: 3.5,
74
- fill: entry.color,
75
- stroke: theme.card,
76
- strokeWidth: 2
77
- };
78
- const renderLastLabel = (color) => (props) => {
79
- if (props.index !== data.length - 1 || props.x == null || props.y == null) return null;
80
- return /* @__PURE__ */ jsx("text", {
81
- x: Number(props.x) + 6,
82
- y: Number(props.y),
83
- dy: 3,
84
- fill: color,
85
- fontFamily: theme.fontMono,
86
- fontSize: 10,
87
- textAnchor: "start",
88
- style: { fontVariantNumeric: "tabular-nums" },
89
- children: valueFormatter(Number(props.value ?? 0))
90
- });
91
- };
29
+ const axis = makeChartAxis(theme);
30
+ const legendItems = makeLegendItems(resolved);
92
31
  const isEmpty = data.length === 0 || resolved.length === 0;
93
32
  return /* @__PURE__ */ jsxs("div", {
94
33
  "data-slot": "line-chart",
@@ -144,25 +83,10 @@ function LineChart({ data, index, series, curve = "monotone", legend = false, le
144
83
  labelFormatter
145
84
  })
146
85
  }),
147
- referenceLine?.band && /* @__PURE__ */ jsx(ReferenceArea, {
148
- y1: referenceLine.y,
149
- y2: numericMax,
150
- fill: theme.warning,
151
- fillOpacity: .06,
152
- ifOverflow: "extendDomain"
153
- }),
154
- referenceLine && /* @__PURE__ */ jsx(ReferenceLine, {
155
- y: referenceLine.y,
156
- stroke: theme.warning,
157
- strokeDasharray: "4 4",
158
- strokeOpacity: .6,
159
- label: referenceLine.label ? {
160
- value: referenceLine.label,
161
- fill: theme.warning,
162
- fontSize: 9,
163
- fontFamily: theme.fontMono,
164
- position: "insideBottomRight"
165
- } : void 0
86
+ renderReferenceLine({
87
+ referenceLine,
88
+ numericMax,
89
+ theme
166
90
  }),
167
91
  resolved.map((entry) => /* @__PURE__ */ jsx(Line, {
168
92
  type: curveType,
@@ -176,30 +100,24 @@ function LineChart({ data, index, series, curve = "monotone", legend = false, le
176
100
  fill: entry.color,
177
101
  strokeWidth: 0
178
102
  } : false,
179
- activeDot: activeDotFor(entry),
103
+ activeDot: makeActiveDot(entry, {
104
+ valueFlags,
105
+ theme,
106
+ valueFormatter
107
+ }),
180
108
  isAnimationActive: false,
181
109
  animationDuration: 650,
182
110
  animationEasing: "ease-out",
183
111
  children: lastValueLabel && /* @__PURE__ */ jsx(LabelList, {
184
112
  dataKey: entry.key,
185
- content: renderLastLabel(entry.color)
113
+ content: makeLastValueLabel(entry.color, {
114
+ dataLength: data.length,
115
+ theme,
116
+ valueFormatter
117
+ })
186
118
  })
187
119
  }, entry.key)),
188
- markers?.map((marker) => /* @__PURE__ */ jsx(ReferenceDot, {
189
- x: marker.x,
190
- y: marker.y,
191
- r: 3.5,
192
- fill: marker.color ?? theme.foreground,
193
- stroke: theme.card,
194
- strokeWidth: 2,
195
- label: marker.label ? {
196
- value: marker.label,
197
- fill: marker.color ?? theme.foreground,
198
- fontSize: 9,
199
- fontFamily: theme.fontMono,
200
- position: "top"
201
- } : void 0
202
- }, `${marker.x}-${marker.y}`))
120
+ renderMarkers(markers, theme)
203
121
  ]
204
122
  })
205
123
  })
@@ -2,8 +2,6 @@
2
2
  interface PageLoaderProps {
3
3
  className?: string;
4
4
  }
5
- declare function PageLoader({
6
- className
7
- }: PageLoaderProps): import("react").JSX.Element;
5
+ declare function PageLoader({ className }: PageLoaderProps): import("react").JSX.Element;
8
6
  //#endregion
9
7
  export { PageLoader, type PageLoaderProps };
@@ -1,17 +1,10 @@
1
1
  import * as React$1 from "react";
2
-
3
2
  //#region src/components/pagination.d.ts
4
3
  interface PaginationProps extends React$1.ComponentProps<"nav"> {
5
4
  currentPage: number;
6
5
  totalPages: number;
7
6
  onPageChange: (page: number) => void;
8
7
  }
9
- declare function Pagination({
10
- currentPage,
11
- totalPages,
12
- onPageChange,
13
- className,
14
- ...props
15
- }: PaginationProps): React$1.JSX.Element | null;
8
+ declare function Pagination({ currentPage, totalPages, onPageChange, className, ...props }: PaginationProps): React$1.JSX.Element | null;
16
9
  //#endregion
17
10
  export { Pagination, type PaginationProps };
@@ -1,21 +1,9 @@
1
1
  import * as React$1 from "react";
2
2
  import * as PopoverPrimitive from "@radix-ui/react-popover";
3
-
4
3
  //#region src/components/popover.d.ts
5
- declare function Popover({
6
- ...props
7
- }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): React$1.JSX.Element;
8
- declare function PopoverTrigger({
9
- ...props
10
- }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): React$1.JSX.Element;
11
- declare function PopoverAnchor({
12
- ...props
13
- }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): React$1.JSX.Element;
14
- declare function PopoverContent({
15
- className,
16
- align,
17
- sideOffset,
18
- ...props
19
- }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): React$1.JSX.Element;
4
+ declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): React$1.JSX.Element;
5
+ declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): React$1.JSX.Element;
6
+ declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): React$1.JSX.Element;
7
+ declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): React$1.JSX.Element;
20
8
  //#endregion
21
9
  export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
@@ -1,14 +1,7 @@
1
1
  import * as React$1 from "react";
2
2
  import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
3
-
4
3
  //#region src/components/radio-group.d.ts
5
- declare function RadioGroup({
6
- className,
7
- ...props
8
- }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
9
- declare function RadioGroupItem({
10
- className,
11
- ...props
12
- }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): React$1.JSX.Element;
4
+ declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
5
+ declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): React$1.JSX.Element;
13
6
  //#endregion
14
7
  export { RadioGroup, RadioGroupItem };
@@ -1,16 +1,7 @@
1
1
  import * as React$1 from "react";
2
2
  import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
3
-
4
3
  //#region src/components/scroll-area.d.ts
5
- declare function ScrollArea({
6
- className,
7
- children,
8
- ...props
9
- }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): React$1.JSX.Element;
10
- declare function ScrollBar({
11
- className,
12
- orientation,
13
- ...props
14
- }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React$1.JSX.Element;
4
+ declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): React$1.JSX.Element;
5
+ declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React$1.JSX.Element;
15
6
  //#endregion
16
7
  export { ScrollArea, ScrollBar };
@@ -2,41 +2,14 @@ import { selectTriggerVariants } from "./select-trigger-variants.mjs";
2
2
  import { VariantProps } from "class-variance-authority";
3
3
  import * as React$1 from "react";
4
4
  import * as SelectPrimitive from "@radix-ui/react-select";
5
-
6
5
  //#region src/components/select.d.ts
7
- declare function Select({
8
- ...props
9
- }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
10
- declare function SelectGroup({
11
- ...props
12
- }: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
13
- declare function SelectValue({
14
- ...props
15
- }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
16
- declare function SelectTrigger({
17
- className,
18
- size,
19
- children,
20
- ...props
21
- }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): React$1.JSX.Element;
22
- declare function SelectContent({
23
- className,
24
- children,
25
- position,
26
- ...props
27
- }: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
28
- declare function SelectLabel({
29
- className,
30
- ...props
31
- }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
32
- declare function SelectItem({
33
- className,
34
- children,
35
- ...props
36
- }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
37
- declare function SelectSeparator({
38
- className,
39
- ...props
40
- }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
6
+ declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
7
+ declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
8
+ declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
9
+ declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): React$1.JSX.Element;
10
+ declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
11
+ declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
12
+ declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
13
+ declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
41
14
  //#endregion
42
15
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };
@@ -1,12 +1,6 @@
1
1
  import * as React$1 from "react";
2
2
  import * as SeparatorPrimitive from "@radix-ui/react-separator";
3
-
4
3
  //#region src/components/separator.d.ts
5
- declare function Separator({
6
- className,
7
- orientation,
8
- decorative,
9
- ...props
10
- }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
4
+ declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
11
5
  //#endregion
12
6
  export { Separator };
@@ -1,42 +1,16 @@
1
1
  import * as React$1 from "react";
2
2
  import * as SheetPrimitive from "@radix-ui/react-dialog";
3
-
4
3
  //#region src/components/sheet.d.ts
5
- declare function Sheet({
6
- ...props
7
- }: React$1.ComponentProps<typeof SheetPrimitive.Root>): React$1.JSX.Element;
8
- declare function SheetTrigger({
9
- ...props
10
- }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
11
- declare function SheetClose({
12
- ...props
13
- }: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
14
- declare function SheetPortal({
15
- ...props
16
- }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): React$1.JSX.Element;
17
- declare function SheetContent({
18
- className,
19
- children,
20
- side,
21
- ...props
22
- }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
4
+ declare function Sheet({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root>): React$1.JSX.Element;
5
+ declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
6
+ declare function SheetClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
7
+ declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): React$1.JSX.Element;
8
+ declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
23
9
  side?: "top" | "right" | "bottom" | "left";
24
10
  }): React$1.JSX.Element;
25
- declare function SheetHeader({
26
- className,
27
- ...props
28
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
29
- declare function SheetFooter({
30
- className,
31
- ...props
32
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
33
- declare function SheetTitle({
34
- className,
35
- ...props
36
- }: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
37
- declare function SheetDescription({
38
- className,
39
- ...props
40
- }: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
11
+ declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
12
+ declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
13
+ declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
14
+ declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
41
15
  //#endregion
42
16
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger };
@@ -1,10 +1,6 @@
1
1
  import React from "react";
2
-
3
2
  //#region src/components/shimmer-text.d.ts
4
- declare function ShimmerText({
5
- children,
6
- className
7
- }: {
3
+ declare function ShimmerText({ children, className }: {
8
4
  children: string | number;
9
5
  className?: string;
10
6
  }): React.JSX.Element;
@@ -2,7 +2,6 @@ import { Button } from "./button.mjs";
2
2
  import { TooltipContent } from "./tooltip.mjs";
3
3
  import { VariantProps } from "class-variance-authority";
4
4
  import * as React$1 from "react";
5
-
6
5
  //#region src/components/sidebar.d.ts
7
6
  type SidebarContextProps = {
8
7
  state: "expanded" | "collapsed";
@@ -14,145 +13,55 @@ type SidebarContextProps = {
14
13
  toggleSidebar: () => void;
15
14
  };
16
15
  declare function useSidebar(): SidebarContextProps;
17
- declare function SidebarProvider({
18
- defaultOpen,
19
- open: openProp,
20
- onOpenChange: setOpenProp,
21
- className,
22
- style,
23
- children,
24
- ...props
25
- }: React$1.ComponentProps<"div"> & {
16
+ declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
26
17
  defaultOpen?: boolean;
27
18
  open?: boolean;
28
19
  onOpenChange?: (open: boolean) => void;
29
20
  }): React$1.JSX.Element;
30
- declare function Sidebar({
31
- side,
32
- variant,
33
- collapsible,
34
- className,
35
- children,
36
- ...props
37
- }: React$1.ComponentProps<"div"> & {
21
+ declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
38
22
  side?: "left" | "right";
39
23
  variant?: "sidebar" | "floating" | "inset";
40
24
  collapsible?: "offcanvas" | "icon" | "none";
41
25
  }): React$1.JSX.Element;
42
- declare function SidebarTrigger({
43
- className,
44
- onClick,
45
- ...props
46
- }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
47
- declare function SidebarRail({
48
- className,
49
- ...props
50
- }: React$1.ComponentProps<"button">): React$1.JSX.Element;
51
- declare function SidebarInset({
52
- className,
53
- ...props
54
- }: React$1.ComponentProps<"main">): React$1.JSX.Element;
26
+ declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
27
+ declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
28
+ declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
55
29
  interface SidebarHeaderProps extends React$1.ComponentProps<"div"> {
56
30
  icon?: React$1.ReactNode;
57
31
  title?: string;
58
32
  }
59
- declare function SidebarHeader({
60
- className,
61
- icon,
62
- title,
63
- children,
64
- ...props
65
- }: SidebarHeaderProps): React$1.JSX.Element;
66
- declare function SidebarFooter({
67
- className,
68
- ...props
69
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
70
- declare function SidebarSeparator({
71
- className
72
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
73
- declare function SidebarContent({
74
- className,
75
- ...props
76
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
77
- declare function SidebarGroup({
78
- className,
79
- ...props
80
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
81
- declare function SidebarGroupLabel({
82
- className,
83
- asChild,
84
- ...props
85
- }: React$1.ComponentProps<"div"> & {
33
+ declare function SidebarHeader({ className, icon, title, children, ...props }: SidebarHeaderProps): React$1.JSX.Element;
34
+ declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
35
+ declare function SidebarSeparator({ className }: React$1.ComponentProps<"div">): React$1.JSX.Element;
36
+ declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
37
+ declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
38
+ declare function SidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
86
39
  asChild?: boolean;
87
40
  }): React$1.JSX.Element;
88
- declare function SidebarGroupAction({
89
- className,
90
- asChild,
91
- ...props
92
- }: React$1.ComponentProps<"button"> & {
41
+ declare function SidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
93
42
  asChild?: boolean;
94
43
  }): React$1.JSX.Element;
95
- declare function SidebarGroupContent({
96
- className,
97
- ...props
98
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
99
- declare function SidebarMenu({
100
- className,
101
- ...props
102
- }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
103
- declare function SidebarMenuItem({
104
- className,
105
- ...props
106
- }: React$1.ComponentProps<"li">): React$1.JSX.Element;
44
+ declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
45
+ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
46
+ declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
107
47
  declare const sidebarMenuButtonVariants: (props?: ({
108
48
  variant?: "default" | "outline" | null | undefined;
109
49
  size?: "default" | "sm" | "lg" | null | undefined;
110
50
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
111
- declare function SidebarMenuButton({
112
- asChild,
113
- isActive,
114
- variant,
115
- size,
116
- tooltip,
117
- className,
118
- ...props
119
- }: React$1.ComponentProps<"button"> & {
51
+ declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
120
52
  asChild?: boolean;
121
53
  isActive?: boolean;
122
54
  tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
123
55
  } & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
124
- declare function SidebarMenuAction({
125
- className,
126
- asChild,
127
- showOnHover,
128
- ...props
129
- }: React$1.ComponentProps<"button"> & {
56
+ declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React$1.ComponentProps<"button"> & {
130
57
  asChild?: boolean;
131
58
  showOnHover?: boolean;
132
59
  }): React$1.JSX.Element;
133
- declare function SidebarMenuBadge({
134
- className,
135
- ...props
136
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
137
- declare function SidebarMenuSkeleton({
138
- className,
139
- ...props
140
- }: React$1.ComponentProps<"div">): React$1.JSX.Element;
141
- declare function SidebarMenuSub({
142
- className,
143
- ...props
144
- }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
145
- declare function SidebarMenuSubItem({
146
- className,
147
- ...props
148
- }: React$1.ComponentProps<"li">): React$1.JSX.Element;
149
- declare function SidebarMenuSubButton({
150
- asChild,
151
- size,
152
- isActive,
153
- className,
154
- ...props
155
- }: React$1.ComponentProps<"a"> & {
60
+ declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
61
+ declare function SidebarMenuSkeleton({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
62
+ declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
63
+ declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
64
+ declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React$1.ComponentProps<"a"> & {
156
65
  asChild?: boolean;
157
66
  size?: "sm" | "md";
158
67
  isActive?: boolean;
@@ -1,14 +1,9 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
-
3
2
  //#region src/components/skeleton.d.ts
4
3
  declare const skeletonVariants: (props?: ({
5
4
  shape?: "rectangle" | "circle" | null | undefined;
6
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
6
  interface SkeletonProps extends React.ComponentProps<"div">, VariantProps<typeof skeletonVariants> {}
8
- declare function Skeleton({
9
- className,
10
- shape,
11
- ...props
12
- }: SkeletonProps): import("react").JSX.Element;
7
+ declare function Skeleton({ className, shape, ...props }: SkeletonProps): import("react").JSX.Element;
13
8
  //#endregion
14
9
  export { Skeleton, skeletonVariants };
@@ -1,6 +1,5 @@
1
1
  import * as React$1 from "react";
2
2
  import { Toaster as Toaster$1, toast } from "sonner";
3
-
4
3
  //#region src/components/sonner.d.ts
5
4
  type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
6
5
  declare function Toaster(props: ToasterProps): React$1.JSX.Element;
@@ -17,12 +16,6 @@ interface ActionToastProps {
17
16
  disabled?: boolean;
18
17
  };
19
18
  }
20
- declare function ActionToast({
21
- toastId,
22
- title,
23
- description,
24
- onDismiss,
25
- confirm
26
- }: ActionToastProps): React$1.JSX.Element;
19
+ declare function ActionToast({ toastId, title, description, onDismiss, confirm }: ActionToastProps): React$1.JSX.Element;
27
20
  //#endregion
28
21
  export { ActionToast, type ActionToastProps, Toaster, type ToasterProps, toast };
@@ -1,28 +1,16 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
-
3
2
  //#region src/components/spinner.d.ts
4
3
  declare const spinnerVariants: (props?: ({
5
4
  variant?: "secondary" | "primary" | null | undefined;
6
5
  size?: "sm" | "md" | "lg" | "xl" | null | undefined;
7
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
7
  interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
9
- declare function Spinner({
10
- className,
11
- variant,
12
- size,
13
- ...props
14
- }: SpinnerProps): import("react").JSX.Element;
8
+ declare function Spinner({ className, variant, size, ...props }: SpinnerProps): import("react").JSX.Element;
15
9
  interface SpinnerBlockProps extends VariantProps<typeof spinnerVariants> {
16
10
  className?: string;
17
11
  fullscreen?: boolean;
18
12
  withLabel?: boolean;
19
13
  }
20
- declare function SpinnerBlock({
21
- className,
22
- variant,
23
- size,
24
- fullscreen,
25
- withLabel
26
- }: SpinnerBlockProps): import("react").JSX.Element;
14
+ declare function SpinnerBlock({ className, variant, size, fullscreen, withLabel }: SpinnerBlockProps): import("react").JSX.Element;
27
15
  //#endregion
28
16
  export { Spinner, SpinnerBlock, type SpinnerBlockProps, type SpinnerProps, spinnerVariants };
@@ -1,5 +1,4 @@
1
1
  import * as React$1 from "react";
2
-
3
2
  //#region src/components/stat.d.ts
4
3
  declare const statDeltaVariants: (props?: ({
5
4
  sentiment?: "positive" | "negative" | null | undefined;
@@ -19,14 +18,6 @@ interface StatProps extends React$1.ComponentProps<"div"> {
19
18
  }>;
20
19
  semantic?: "error" | "warning" | "success";
21
20
  }
22
- declare function Stat({
23
- value,
24
- unit,
25
- delta,
26
- sparkline,
27
- semantic,
28
- className,
29
- ...props
30
- }: StatProps): React$1.JSX.Element;
21
+ declare function Stat({ value, unit, delta, sparkline, semantic, className, ...props }: StatProps): React$1.JSX.Element;
31
22
  //#endregion
32
23
  export { Stat, StatDelta, StatProps, statDeltaVariants };