@tetrascience-npm/tetrascience-react-ui 0.6.0 → 0.7.0-beta.103.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.
- package/README.md +55 -0
- package/dist/components/ai/chain-of-thought.cjs +1 -1
- package/dist/components/ai/chain-of-thought.cjs.map +1 -1
- package/dist/components/ai/chain-of-thought.js +5 -5
- package/dist/components/ai/chain-of-thought.js.map +1 -1
- package/dist/components/ai/conversation.cjs +2 -2
- package/dist/components/ai/conversation.cjs.map +1 -1
- package/dist/components/ai/conversation.js +2 -2
- package/dist/components/ai/conversation.js.map +1 -1
- package/dist/components/ai/queue.cjs +1 -1
- package/dist/components/ai/queue.cjs.map +1 -1
- package/dist/components/ai/queue.js +9 -9
- package/dist/components/ai/queue.js.map +1 -1
- package/dist/components/charts/AreaGraph/AreaGraph.cjs +1 -1
- package/dist/components/charts/AreaGraph/AreaGraph.cjs.map +1 -1
- package/dist/components/charts/AreaGraph/AreaGraph.js +165 -103
- package/dist/components/charts/AreaGraph/AreaGraph.js.map +1 -1
- package/dist/components/charts/BarGraph/BarGraph.cjs +1 -1
- package/dist/components/charts/BarGraph/BarGraph.cjs.map +1 -1
- package/dist/components/charts/BarGraph/BarGraph.js +135 -90
- package/dist/components/charts/BarGraph/BarGraph.js.map +1 -1
- package/dist/components/charts/Boxplot/Boxplot.cjs +1 -1
- package/dist/components/charts/Boxplot/Boxplot.cjs.map +1 -1
- package/dist/components/charts/Boxplot/Boxplot.js +130 -92
- package/dist/components/charts/Boxplot/Boxplot.js.map +1 -1
- package/dist/components/charts/ChartTooltip/ChartTooltip.cjs +2 -0
- package/dist/components/charts/ChartTooltip/ChartTooltip.cjs.map +1 -0
- package/dist/components/charts/ChartTooltip/ChartTooltip.js +163 -0
- package/dist/components/charts/ChartTooltip/ChartTooltip.js.map +1 -0
- package/dist/components/charts/ChartTooltip/lines.cjs +2 -0
- package/dist/components/charts/ChartTooltip/lines.cjs.map +1 -0
- package/dist/components/charts/ChartTooltip/lines.js +29 -0
- package/dist/components/charts/ChartTooltip/lines.js.map +1 -0
- package/dist/components/charts/Chromatogram/Chromatogram.cjs +1 -1
- package/dist/components/charts/Chromatogram/Chromatogram.cjs.map +1 -1
- package/dist/components/charts/Chromatogram/Chromatogram.js +75 -61
- package/dist/components/charts/Chromatogram/Chromatogram.js.map +1 -1
- package/dist/components/charts/ChromatogramChart/ChromatogramChart.cjs +1 -1
- package/dist/components/charts/ChromatogramChart/ChromatogramChart.cjs.map +1 -1
- package/dist/components/charts/ChromatogramChart/ChromatogramChart.js +116 -108
- package/dist/components/charts/ChromatogramChart/ChromatogramChart.js.map +1 -1
- package/dist/components/charts/ChromatogramChart/annotations.cjs +1 -1
- package/dist/components/charts/ChromatogramChart/annotations.cjs.map +1 -1
- package/dist/components/charts/ChromatogramChart/annotations.js +32 -32
- package/dist/components/charts/ChromatogramChart/annotations.js.map +1 -1
- package/dist/components/charts/ChromatogramChart/boundaryMarkers.cjs +1 -1
- package/dist/components/charts/ChromatogramChart/boundaryMarkers.cjs.map +1 -1
- package/dist/components/charts/ChromatogramChart/boundaryMarkers.js +6 -6
- package/dist/components/charts/ChromatogramChart/boundaryMarkers.js.map +1 -1
- package/dist/components/charts/ChromatogramChart/constants.cjs +1 -1
- package/dist/components/charts/ChromatogramChart/constants.cjs.map +1 -1
- package/dist/components/charts/ChromatogramChart/constants.js +11 -5
- package/dist/components/charts/ChromatogramChart/constants.js.map +1 -1
- package/dist/components/charts/ChromatogramChart/dataProcessing.cjs +1 -1
- package/dist/components/charts/ChromatogramChart/dataProcessing.cjs.map +1 -1
- package/dist/components/charts/ChromatogramChart/dataProcessing.js +38 -49
- package/dist/components/charts/ChromatogramChart/dataProcessing.js.map +1 -1
- package/dist/components/charts/DotPlot/DotPlot.cjs +1 -1
- package/dist/components/charts/DotPlot/DotPlot.cjs.map +1 -1
- package/dist/components/charts/DotPlot/DotPlot.js +112 -88
- package/dist/components/charts/DotPlot/DotPlot.js.map +1 -1
- package/dist/components/charts/Histogram/Histogram.cjs +1 -1
- package/dist/components/charts/Histogram/Histogram.cjs.map +1 -1
- package/dist/components/charts/Histogram/Histogram.js +132 -115
- package/dist/components/charts/Histogram/Histogram.js.map +1 -1
- package/dist/components/charts/LineGraph/LineGraph.cjs +1 -1
- package/dist/components/charts/LineGraph/LineGraph.cjs.map +1 -1
- package/dist/components/charts/LineGraph/LineGraph.js +151 -111
- package/dist/components/charts/LineGraph/LineGraph.js.map +1 -1
- package/dist/components/charts/PieChart/PieChart.cjs +1 -1
- package/dist/components/charts/PieChart/PieChart.cjs.map +1 -1
- package/dist/components/charts/PieChart/PieChart.js +81 -70
- package/dist/components/charts/PieChart/PieChart.js.map +1 -1
- package/dist/components/charts/PlateMap/PlateMap.cjs +1 -1
- package/dist/components/charts/PlateMap/PlateMap.cjs.map +1 -1
- package/dist/components/charts/PlateMap/PlateMap.js +271 -256
- package/dist/components/charts/PlateMap/PlateMap.js.map +1 -1
- package/dist/components/charts/PlateMap/constants.cjs +1 -1
- package/dist/components/charts/PlateMap/constants.cjs.map +1 -1
- package/dist/components/charts/PlateMap/constants.js +20 -29
- package/dist/components/charts/PlateMap/constants.js.map +1 -1
- package/dist/components/charts/ScatterGraph/ScatterGraph.cjs +1 -1
- package/dist/components/charts/ScatterGraph/ScatterGraph.cjs.map +1 -1
- package/dist/components/charts/ScatterGraph/ScatterGraph.js +154 -106
- package/dist/components/charts/ScatterGraph/ScatterGraph.js.map +1 -1
- package/dist/components/composed/DataAppShell/DataAppShell.cjs +1 -1
- package/dist/components/composed/DataAppShell/DataAppShell.cjs.map +1 -1
- package/dist/components/composed/DataAppShell/DataAppShell.js +118 -111
- package/dist/components/composed/DataAppShell/DataAppShell.js.map +1 -1
- package/dist/components/composed/PlateMapEditor/PlateMapGrid.cjs +1 -1
- package/dist/components/composed/PlateMapEditor/PlateMapGrid.cjs.map +1 -1
- package/dist/components/composed/PlateMapEditor/PlateMapGrid.js +1 -1
- package/dist/components/composed/PlateMapEditor/PlateMapGrid.js.map +1 -1
- package/dist/components/composed/PlateMapEditor/WellLegend.cjs +1 -1
- package/dist/components/composed/PlateMapEditor/WellLegend.cjs.map +1 -1
- package/dist/components/composed/PlateMapEditor/WellLegend.js +8 -8
- package/dist/components/composed/PlateMapEditor/WellLegend.js.map +1 -1
- package/dist/components/composed/RichListItem/RichListItem.cjs +1 -1
- package/dist/components/composed/RichListItem/RichListItem.cjs.map +1 -1
- package/dist/components/composed/RichListItem/RichListItem.js +16 -16
- package/dist/components/composed/RichListItem/RichListItem.js.map +1 -1
- package/dist/components/ui/accordion.cjs +1 -1
- package/dist/components/ui/accordion.cjs.map +1 -1
- package/dist/components/ui/accordion.js +1 -1
- package/dist/components/ui/accordion.js.map +1 -1
- package/dist/components/ui/badge.cjs +1 -1
- package/dist/components/ui/badge.cjs.map +1 -1
- package/dist/components/ui/badge.js +8 -8
- package/dist/components/ui/badge.js.map +1 -1
- package/dist/components/ui/button.cjs +1 -1
- package/dist/components/ui/button.cjs.map +1 -1
- package/dist/components/ui/button.js +11 -11
- package/dist/components/ui/button.js.map +1 -1
- package/dist/components/ui/checkbox.cjs +1 -1
- package/dist/components/ui/checkbox.cjs.map +1 -1
- package/dist/components/ui/checkbox.js +1 -1
- package/dist/components/ui/checkbox.js.map +1 -1
- package/dist/components/ui/combobox.cjs +1 -1
- package/dist/components/ui/combobox.cjs.map +1 -1
- package/dist/components/ui/combobox.js +12 -12
- package/dist/components/ui/combobox.js.map +1 -1
- package/dist/components/ui/input-group.cjs +1 -1
- package/dist/components/ui/input-group.cjs.map +1 -1
- package/dist/components/ui/input-group.js +19 -19
- package/dist/components/ui/input-group.js.map +1 -1
- package/dist/components/ui/item.cjs +1 -1
- package/dist/components/ui/item.cjs.map +1 -1
- package/dist/components/ui/item.js +1 -1
- package/dist/components/ui/item.js.map +1 -1
- package/dist/components/ui/menubar.cjs +1 -1
- package/dist/components/ui/menubar.cjs.map +1 -1
- package/dist/components/ui/menubar.js +1 -1
- package/dist/components/ui/menubar.js.map +1 -1
- package/dist/components/ui/navigation-menu.cjs +1 -1
- package/dist/components/ui/navigation-menu.cjs.map +1 -1
- package/dist/components/ui/navigation-menu.js +54 -54
- package/dist/components/ui/navigation-menu.js.map +1 -1
- package/dist/components/ui/radio-group.cjs +1 -1
- package/dist/components/ui/radio-group.cjs.map +1 -1
- package/dist/components/ui/radio-group.js +1 -1
- package/dist/components/ui/radio-group.js.map +1 -1
- package/dist/components/ui/resizable.cjs +1 -1
- package/dist/components/ui/resizable.cjs.map +1 -1
- package/dist/components/ui/resizable.js +27 -15
- package/dist/components/ui/resizable.js.map +1 -1
- package/dist/components/ui/select.cjs +1 -1
- package/dist/components/ui/select.cjs.map +1 -1
- package/dist/components/ui/select.js +1 -1
- package/dist/components/ui/select.js.map +1 -1
- package/dist/components/ui/slider.cjs +1 -1
- package/dist/components/ui/slider.cjs.map +1 -1
- package/dist/components/ui/slider.js +9 -9
- package/dist/components/ui/slider.js.map +1 -1
- package/dist/components/ui/table.cjs +1 -1
- package/dist/components/ui/table.cjs.map +1 -1
- package/dist/components/ui/table.js +13 -13
- package/dist/components/ui/table.js.map +1 -1
- package/dist/components/ui/tabs.cjs +1 -1
- package/dist/components/ui/tabs.cjs.map +1 -1
- package/dist/components/ui/tabs.js +7 -7
- package/dist/components/ui/tabs.js.map +1 -1
- package/dist/components/ui/toggle.cjs +1 -1
- package/dist/components/ui/toggle.cjs.map +1 -1
- package/dist/components/ui/toggle.js +12 -12
- package/dist/components/ui/toggle.js.map +1 -1
- package/dist/hooks/use-element-size.cjs +2 -0
- package/dist/hooks/use-element-size.cjs.map +1 -0
- package/dist/hooks/use-element-size.js +21 -0
- package/dist/hooks/use-element-size.js.map +1 -0
- package/dist/hooks/use-plotly-theme.cjs +1 -1
- package/dist/hooks/use-plotly-theme.cjs.map +1 -1
- package/dist/hooks/use-plotly-theme.js +4 -2
- package/dist/hooks/use-plotly-theme.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +254 -77
- package/dist/index.js +587 -581
- package/dist/index.js.map +1 -1
- package/dist/index.tailwind.css +1 -1
- package/dist/utils/colors.cjs +1 -1
- package/dist/utils/colors.cjs.map +1 -1
- package/dist/utils/colors.js +38 -93
- package/dist/utils/colors.js.map +1 -1
- package/package.json +18 -12
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.cjs","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2
|
|
1
|
+
{"version":3,"file":"slider.cjs","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n />\n ))}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"],"names":["Slider","className","defaultValue","value","min","max","props","_values","React","jsxs","SliderPrimitive","cn","jsx","_","index"],"mappings":"ydAKA,SAASA,EAAO,CACd,UAAAC,EACA,aAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,GAAGC,CACL,EAAsD,CACpD,MAAMC,EAAUC,EAAM,QACpB,IACE,MAAM,QAAQL,CAAK,EACfA,EACA,MAAM,QAAQD,CAAY,EACxBA,EACA,CAACE,EAAKC,CAAG,EACjB,CAACF,EAAOD,EAAcE,EAAKC,CAAG,CAAA,EAGhC,OACEI,EAAAA,KAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,aAAAR,EACA,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,UAAWM,EAAAA,GACT,4KACAV,CAAA,EAED,GAAGK,EAEJ,SAAA,CAAAM,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,wIAEV,SAAAE,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,6EAAA,CAAA,CACZ,CAAA,EAED,MAAM,KAAK,CAAE,OAAQH,EAAQ,QAAU,CAACM,EAAGC,IAC1CF,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eAEV,UAAU,0PAAA,EADLI,CAAA,CAGR,CAAA,CAAA,CAAA,CAGP"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as c, jsx as
|
|
1
|
+
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { Slider as r } from "radix-ui";
|
|
3
3
|
import * as h from "react";
|
|
4
4
|
import { cn as f } from "../../lib/utils.js";
|
|
@@ -7,12 +7,12 @@ function w({
|
|
|
7
7
|
defaultValue: a,
|
|
8
8
|
value: e,
|
|
9
9
|
min: t = 0,
|
|
10
|
-
max:
|
|
10
|
+
max: l = 100,
|
|
11
11
|
...s
|
|
12
12
|
}) {
|
|
13
13
|
const d = h.useMemo(
|
|
14
|
-
() => Array.isArray(e) ? e : Array.isArray(a) ? a : [t,
|
|
15
|
-
[e, a, t,
|
|
14
|
+
() => Array.isArray(e) ? e : Array.isArray(a) ? a : [t, l],
|
|
15
|
+
[e, a, t, l]
|
|
16
16
|
);
|
|
17
17
|
return /* @__PURE__ */ c(
|
|
18
18
|
r.Root,
|
|
@@ -21,19 +21,19 @@ function w({
|
|
|
21
21
|
defaultValue: a,
|
|
22
22
|
value: e,
|
|
23
23
|
min: t,
|
|
24
|
-
max:
|
|
24
|
+
max: l,
|
|
25
25
|
className: f(
|
|
26
26
|
"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
|
|
27
27
|
i
|
|
28
28
|
),
|
|
29
29
|
...s,
|
|
30
30
|
children: [
|
|
31
|
-
/* @__PURE__ */
|
|
31
|
+
/* @__PURE__ */ o(
|
|
32
32
|
r.Track,
|
|
33
33
|
{
|
|
34
34
|
"data-slot": "slider-track",
|
|
35
35
|
className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
|
|
36
|
-
children: /* @__PURE__ */
|
|
36
|
+
children: /* @__PURE__ */ o(
|
|
37
37
|
r.Range,
|
|
38
38
|
{
|
|
39
39
|
"data-slot": "slider-range",
|
|
@@ -42,11 +42,11 @@ function w({
|
|
|
42
42
|
)
|
|
43
43
|
}
|
|
44
44
|
),
|
|
45
|
-
Array.from({ length: d.length }, (
|
|
45
|
+
Array.from({ length: d.length }, (b, n) => /* @__PURE__ */ o(
|
|
46
46
|
r.Thumb,
|
|
47
47
|
{
|
|
48
48
|
"data-slot": "slider-thumb",
|
|
49
|
-
className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2
|
|
49
|
+
className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
|
|
50
50
|
},
|
|
51
51
|
n
|
|
52
52
|
))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2
|
|
1
|
+
{"version":3,"file":"slider.js","sources":["../../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n <SliderPrimitive.Root\n data-slot=\"slider\"\n defaultValue={defaultValue}\n value={value}\n min={min}\n max={max}\n className={cn(\n \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n className\n )}\n {...props}\n >\n <SliderPrimitive.Track\n data-slot=\"slider-track\"\n className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n >\n <SliderPrimitive.Range\n data-slot=\"slider-range\"\n className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n />\n </SliderPrimitive.Track>\n {Array.from({ length: _values.length }, (_, index) => (\n <SliderPrimitive.Thumb\n data-slot=\"slider-thumb\"\n key={index}\n className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n />\n ))}\n </SliderPrimitive.Root>\n )\n}\n\nexport { Slider }\n"],"names":["Slider","className","defaultValue","value","min","max","props","_values","React","jsxs","SliderPrimitive","cn","jsx","_","index"],"mappings":";;;;AAKA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,GAAsD;AACpD,QAAMC,IAAUC,EAAM;AAAA,IACpB,MACE,MAAM,QAAQL,CAAK,IACfA,IACA,MAAM,QAAQD,CAAY,IACxBA,IACA,CAACE,GAAKC,CAAG;AAAA,IACjB,CAACF,GAAOD,GAAcE,GAAKC,CAAG;AAAA,EAAA;AAGhC,SACE,gBAAAI;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,cAAAR;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAWM;AAAA,QACT;AAAA,QACAV;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA,gBAAAE;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAED,MAAM,KAAK,EAAE,QAAQH,EAAQ,UAAU,CAACM,GAAGC,MAC1C,gBAAAF;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YAEV,WAAU;AAAA,UAAA;AAAA,UADLI;AAAA,QAAA,CAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../lib/utils.cjs");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../lib/utils.cjs");function c({className:e,containerClassName:t,variant:r,layout:n="auto",...l}){return a.jsx("div",{"data-slot":"table-container","data-variant":r,className:o.cn("relative w-full overflow-auto bg-card",r==="card"&&"rounded-lg border",t),children:a.jsx("table",{"data-slot":"table",className:o.cn("w-full caption-bottom text-sm",n==="fixed"&&"table-fixed",e),...l})})}function d({className:e,variant:t,...r}){return a.jsx("thead",{"data-slot":"table-header",className:o.cn("bg-muted/50 [&_tr]:border-b",t==="sticky"&&"sticky top-0 z-10 bg-background",e),...r})}function i({className:e,...t}){return a.jsx("tbody",{"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",e),...t})}function s({className:e,...t}){return a.jsx("tfoot",{"data-slot":"table-footer",className:o.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t})}function b({className:e,...t}){return a.jsx("tr",{"data-slot":"table-row",className:o.cn("group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50",e),...t})}function u({className:e,variant:t,truncate:r,...n}){return a.jsx("th",{"data-slot":"table-head",className:o.cn("h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",t==="numeric"&&"text-right",t==="action"&&"w-10",r&&"truncate",e),...n})}function m({className:e,variant:t,truncate:r,...n}){return a.jsx("td",{"data-slot":"table-cell",className:o.cn("p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",t==="numeric"&&"text-right tabular-nums",t==="action"&&"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",r&&"truncate",e),...n})}function p({className:e,...t}){return a.jsx("caption",{"data-slot":"table-caption",className:o.cn("mt-4 text-sm text-muted-foreground",e),...t})}exports.Table=c;exports.TableBody=i;exports.TableCaption=p;exports.TableCell=m;exports.TableFooter=s;exports.TableHead=u;exports.TableHeader=d;exports.TableRow=b;
|
|
2
2
|
//# sourceMappingURL=table.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.cjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n className,\n containerClassName,\n variant,\n layout = \"auto\",\n ...props\n}: React.ComponentProps<\"table\"> & {\n containerClassName?: string\n variant?: \"default\" | \"card\"\n layout?: \"auto\" | \"fixed\"\n}) {\n return (\n <div\n data-slot=\"table-container\"\n data-variant={variant}\n className={cn(\n \"relative w-full overflow-auto bg-card\",\n variant === \"card\" && \"rounded-lg border\",\n containerClassName,\n )}\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", layout === \"fixed\" && \"table-fixed\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"thead\"> & {\n variant?: \"default\" | \"sticky\"\n}) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n \"bg-muted/50 [&_tr]:border-b\",\n variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"group/row border-b transition-colors hover:bg-
|
|
1
|
+
{"version":3,"file":"table.cjs","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n className,\n containerClassName,\n variant,\n layout = \"auto\",\n ...props\n}: React.ComponentProps<\"table\"> & {\n containerClassName?: string\n variant?: \"default\" | \"card\"\n layout?: \"auto\" | \"fixed\"\n}) {\n return (\n <div\n data-slot=\"table-container\"\n data-variant={variant}\n className={cn(\n \"relative w-full overflow-auto bg-card\",\n variant === \"card\" && \"rounded-lg border\",\n containerClassName,\n )}\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", layout === \"fixed\" && \"table-fixed\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"thead\"> & {\n variant?: \"default\" | \"sticky\"\n}) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n \"bg-muted/50 [&_tr]:border-b\",\n variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n variant,\n truncate,\n ...props\n}: React.ComponentProps<\"th\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n truncate?: boolean\n}) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n variant === \"numeric\" && \"text-right\",\n variant === \"action\" && \"w-10\",\n truncate && \"truncate\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({\n className,\n variant,\n truncate,\n ...props\n}: React.ComponentProps<\"td\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n truncate?: boolean\n}) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n variant === \"numeric\" && \"text-right tabular-nums\",\n variant === \"action\" &&\n \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n truncate && \"truncate\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","layout","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","truncate","TableCell","TableCaption"],"mappings":"sJAIA,SAASA,EAAM,CACb,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,OACT,GAAGC,CACL,EAIG,CACD,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,eAAcH,EACd,UAAWI,EAAAA,GACT,wCACAJ,IAAY,QAAU,oBACtBD,CAAA,EAGF,SAAAI,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,gCAAiCH,IAAW,SAAW,cAAeH,CAAS,EAC5F,GAAGI,CAAA,CAAA,CACN,CAAA,CAGN,CAEA,SAASG,EAAY,CACnB,UAAAP,EACA,QAAAE,EACA,GAAGE,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,8BACAJ,IAAY,UAAY,kCACxBF,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAR,EAAW,GAAGI,GAAwC,CACzE,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BN,CAAS,EACpD,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAT,EAAW,GAAGI,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0DACAN,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASM,EAAS,CAAE,UAAAV,EAAW,GAAGI,GAAqC,CACrE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,iKACAN,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASO,EAAU,CACjB,UAAAX,EACA,QAAAE,EACA,SAAAU,EACA,GAAGR,CACL,EAGG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,+GACA,+DACAJ,IAAY,WAAa,aACzBA,IAAY,UAAY,OACxBU,GAAY,WACZZ,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASS,EAAU,CACjB,UAAAb,EACA,QAAAE,EACA,SAAAU,EACA,GAAGR,CACL,EAGG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,mEACA,gEACAJ,IAAY,WAAa,0BACzBA,IAAY,UACV,uHACFU,GAAY,WACZZ,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASU,EAAa,CACpB,UAAAd,EACA,GAAGI,CACL,EAAoC,CAClC,OACEC,EAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,qCAAsCN,CAAS,EAC5D,GAAGI,CAAA,CAAA,CAGV"}
|
|
@@ -4,8 +4,8 @@ function c({
|
|
|
4
4
|
className: e,
|
|
5
5
|
containerClassName: t,
|
|
6
6
|
variant: r,
|
|
7
|
-
layout:
|
|
8
|
-
...
|
|
7
|
+
layout: n = "auto",
|
|
8
|
+
...d
|
|
9
9
|
}) {
|
|
10
10
|
return /* @__PURE__ */ a(
|
|
11
11
|
"div",
|
|
@@ -21,8 +21,8 @@ function c({
|
|
|
21
21
|
"table",
|
|
22
22
|
{
|
|
23
23
|
"data-slot": "table",
|
|
24
|
-
className: o("w-full caption-bottom text-sm",
|
|
25
|
-
...
|
|
24
|
+
className: o("w-full caption-bottom text-sm", n === "fixed" && "table-fixed", e),
|
|
25
|
+
...d
|
|
26
26
|
}
|
|
27
27
|
)
|
|
28
28
|
}
|
|
@@ -46,7 +46,7 @@ function s({
|
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
}
|
|
49
|
-
function
|
|
49
|
+
function b({ className: e, ...t }) {
|
|
50
50
|
return /* @__PURE__ */ a(
|
|
51
51
|
"tbody",
|
|
52
52
|
{
|
|
@@ -56,7 +56,7 @@ function u({ className: e, ...t }) {
|
|
|
56
56
|
}
|
|
57
57
|
);
|
|
58
58
|
}
|
|
59
|
-
function
|
|
59
|
+
function u({ className: e, ...t }) {
|
|
60
60
|
return /* @__PURE__ */ a(
|
|
61
61
|
"tfoot",
|
|
62
62
|
{
|
|
@@ -75,7 +75,7 @@ function m({ className: e, ...t }) {
|
|
|
75
75
|
{
|
|
76
76
|
"data-slot": "table-row",
|
|
77
77
|
className: o(
|
|
78
|
-
"group/row border-b transition-colors hover:bg-
|
|
78
|
+
"group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50",
|
|
79
79
|
e
|
|
80
80
|
),
|
|
81
81
|
...t
|
|
@@ -86,7 +86,7 @@ function p({
|
|
|
86
86
|
className: e,
|
|
87
87
|
variant: t,
|
|
88
88
|
truncate: r,
|
|
89
|
-
...
|
|
89
|
+
...n
|
|
90
90
|
}) {
|
|
91
91
|
return /* @__PURE__ */ a(
|
|
92
92
|
"th",
|
|
@@ -100,7 +100,7 @@ function p({
|
|
|
100
100
|
r && "truncate",
|
|
101
101
|
e
|
|
102
102
|
),
|
|
103
|
-
...
|
|
103
|
+
...n
|
|
104
104
|
}
|
|
105
105
|
);
|
|
106
106
|
}
|
|
@@ -108,7 +108,7 @@ function f({
|
|
|
108
108
|
className: e,
|
|
109
109
|
variant: t,
|
|
110
110
|
truncate: r,
|
|
111
|
-
...
|
|
111
|
+
...n
|
|
112
112
|
}) {
|
|
113
113
|
return /* @__PURE__ */ a(
|
|
114
114
|
"td",
|
|
@@ -122,7 +122,7 @@ function f({
|
|
|
122
122
|
r && "truncate",
|
|
123
123
|
e
|
|
124
124
|
),
|
|
125
|
-
...
|
|
125
|
+
...n
|
|
126
126
|
}
|
|
127
127
|
);
|
|
128
128
|
}
|
|
@@ -141,10 +141,10 @@ function h({
|
|
|
141
141
|
}
|
|
142
142
|
export {
|
|
143
143
|
c as Table,
|
|
144
|
-
|
|
144
|
+
b as TableBody,
|
|
145
145
|
h as TableCaption,
|
|
146
146
|
f as TableCell,
|
|
147
|
-
|
|
147
|
+
u as TableFooter,
|
|
148
148
|
p as TableHead,
|
|
149
149
|
s as TableHeader,
|
|
150
150
|
m as TableRow
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n className,\n containerClassName,\n variant,\n layout = \"auto\",\n ...props\n}: React.ComponentProps<\"table\"> & {\n containerClassName?: string\n variant?: \"default\" | \"card\"\n layout?: \"auto\" | \"fixed\"\n}) {\n return (\n <div\n data-slot=\"table-container\"\n data-variant={variant}\n className={cn(\n \"relative w-full overflow-auto bg-card\",\n variant === \"card\" && \"rounded-lg border\",\n containerClassName,\n )}\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", layout === \"fixed\" && \"table-fixed\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"thead\"> & {\n variant?: \"default\" | \"sticky\"\n}) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n \"bg-muted/50 [&_tr]:border-b\",\n variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"group/row border-b transition-colors hover:bg-
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n className,\n containerClassName,\n variant,\n layout = \"auto\",\n ...props\n}: React.ComponentProps<\"table\"> & {\n containerClassName?: string\n variant?: \"default\" | \"card\"\n layout?: \"auto\" | \"fixed\"\n}) {\n return (\n <div\n data-slot=\"table-container\"\n data-variant={variant}\n className={cn(\n \"relative w-full overflow-auto bg-card\",\n variant === \"card\" && \"rounded-lg border\",\n containerClassName,\n )}\n >\n <table\n data-slot=\"table\"\n className={cn(\"w-full caption-bottom text-sm\", layout === \"fixed\" && \"table-fixed\", className)}\n {...props}\n />\n </div>\n )\n}\n\nfunction TableHeader({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"thead\"> & {\n variant?: \"default\" | \"sticky\"\n}) {\n return (\n <thead\n data-slot=\"table-header\"\n className={cn(\n \"bg-muted/50 [&_tr]:border-b\",\n variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n return (\n <tbody\n data-slot=\"table-body\"\n className={cn(\"[&_tr:last-child]:border-0\", className)}\n {...props}\n />\n )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n return (\n <tfoot\n data-slot=\"table-footer\"\n className={cn(\n \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n return (\n <tr\n data-slot=\"table-row\"\n className={cn(\n \"group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TableHead({\n className,\n variant,\n truncate,\n ...props\n}: React.ComponentProps<\"th\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n truncate?: boolean\n}) {\n return (\n <th\n data-slot=\"table-head\"\n className={cn(\n \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n variant === \"numeric\" && \"text-right\",\n variant === \"action\" && \"w-10\",\n truncate && \"truncate\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCell({\n className,\n variant,\n truncate,\n ...props\n}: React.ComponentProps<\"td\"> & {\n variant?: \"default\" | \"numeric\" | \"action\"\n truncate?: boolean\n}) {\n return (\n <td\n data-slot=\"table-cell\"\n className={cn(\n \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n variant === \"numeric\" && \"text-right tabular-nums\",\n variant === \"action\" &&\n \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n truncate && \"truncate\",\n className,\n )}\n {...props}\n />\n )\n}\n\nfunction TableCaption({\n className,\n ...props\n}: React.ComponentProps<\"caption\">) {\n return (\n <caption\n data-slot=\"table-caption\"\n className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Table,\n TableHeader,\n TableBody,\n TableFooter,\n TableHead,\n TableRow,\n TableCell,\n TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","layout","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","truncate","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,GAIG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcH;AAAA,MACd,WAAWI;AAAA,QACT;AAAA,QACAJ,MAAY,UAAU;AAAA,QACtBD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,MAAW,WAAW,eAAeH,CAAS;AAAA,UAC5F,GAAGI;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,SAAAE;AAAA,EACA,GAAGE;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ,MAAY,YAAY;AAAA,QACxBF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAR,GAAW,GAAGI,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BN,CAAS;AAAA,MACpD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAT,GAAW,GAAGI,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAV,GAAW,GAAGI,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU;AAAA,EACjB,WAAAX;AAAA,EACA,SAAAE;AAAA,EACA,UAAAU;AAAA,EACA,GAAGR;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ,MAAY,aAAa;AAAA,QACzBA,MAAY,YAAY;AAAA,QACxBU,KAAY;AAAA,QACZZ;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAU;AAAA,EACjB,WAAAb;AAAA,EACA,SAAAE;AAAA,EACA,UAAAU;AAAA,EACA,GAAGR;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ,MAAY,aAAa;AAAA,QACzBA,MAAY,YACV;AAAA,QACFU,KAAY;AAAA,QACZZ;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAa;AAAA,EACpB,WAAAd;AAAA,EACA,GAAGI;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCN,CAAS;AAAA,MAC5D,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("class-variance-authority"),r=require("radix-ui"),i=require("../../lib/utils.cjs");function d({className:t,orientation:a="horizontal",...s}){return e.jsx(r.Tabs.Root,{"data-slot":"tabs","data-orientation":a,className:i.cn("group/tabs flex gap-2 data-horizontal:flex-col",t),...s})}const n=o.cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function l({className:t,variant:a="default",...s}){return e.jsx(r.Tabs.List,{"data-slot":"tabs-list","data-variant":a,className:i.cn(n({variant:a}),t),...s})}function u({className:t,...a}){return e.jsx(r.Tabs.Trigger,{"data-slot":"tabs-trigger",className:i.cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary","data-active:bg-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("class-variance-authority"),r=require("radix-ui"),i=require("../../lib/utils.cjs");function d({className:t,orientation:a="horizontal",...s}){return e.jsx(r.Tabs.Root,{"data-slot":"tabs","data-orientation":a,className:i.cn("group/tabs flex gap-2 data-horizontal:flex-col",t),...s})}const n=o.cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function l({className:t,variant:a="default",...s}){return e.jsx(r.Tabs.List,{"data-slot":"tabs-list","data-variant":a,className:i.cn(n({variant:a}),t),...s})}function u({className:t,...a}){return e.jsx(r.Tabs.Trigger,{"data-slot":"tabs-trigger",className:i.cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary","data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-card dark:data-active:text-foreground","not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground","after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",t),...a})}function c({className:t,...a}){return e.jsx(r.Tabs.Content,{"data-slot":"tabs-content",className:i.cn("flex-1 text-sm outline-none",t),...a})}exports.Tabs=d;exports.TabsContent=c;exports.TabsList=l;exports.TabsTrigger=u;exports.tabsListVariants=n;
|
|
2
2
|
//# sourceMappingURL=tabs.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.cjs","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n className,\n orientation = \"horizontal\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n \"group/tabs flex gap-2 data-horizontal:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst tabsListVariants = cva(\n \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n {\n variants: {\n variant: {\n default: \"bg-muted\",\n line: \"gap-1 bg-transparent\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction TabsList({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n \"data-active:bg-
|
|
1
|
+
{"version":3,"file":"tabs.cjs","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n className,\n orientation = \"horizontal\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n \"group/tabs flex gap-2 data-horizontal:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst tabsListVariants = cva(\n \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n {\n variants: {\n variant: {\n default: \"bg-muted\",\n line: \"gap-1 bg-transparent\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction TabsList({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n \"data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-card dark:data-active:text-foreground\",\n \"not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground\",\n \"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn(\"flex-1 text-sm outline-none\", className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive","cn","tabsListVariants","cva","TabsList","variant","TabsTrigger","TabsContent"],"mappings":"kNAQA,SAASA,EAAK,CACZ,UAAAC,EACA,YAAAC,EAAc,aACd,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAAA,KAAc,KAAd,CACC,YAAU,OACV,mBAAkBH,EAClB,UAAWI,EAAAA,GACT,iDACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,MAAMI,EAAmBC,EAAAA,IACvB,0OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,WACT,KAAM,sBAAA,CACR,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAS,CAChB,UAAAR,EACA,QAAAS,EAAU,UACV,GAAGP,CACL,EACyC,CACvC,OACEC,EAAAA,IAACC,EAAAA,KAAc,KAAd,CACC,YAAU,YACV,eAAcK,EACd,UAAWJ,EAAAA,GAAGC,EAAiB,CAAE,QAAAG,CAAA,CAAS,EAAGT,CAAS,EACrD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAY,CACnB,UAAAV,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,KAAc,QAAd,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,usBACA,+XACA,kIACA,+EACA,oYACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASS,EAAY,CACnB,UAAAX,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,KAAc,QAAd,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,8BAA+BL,CAAS,EACrD,GAAGE,CAAA,CAAA,CAGV"}
|
|
@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva as n } from "class-variance-authority";
|
|
3
3
|
import { Tabs as e } from "radix-ui";
|
|
4
4
|
import { cn as i } from "../../lib/utils.js";
|
|
5
|
-
function
|
|
5
|
+
function g({
|
|
6
6
|
className: t,
|
|
7
7
|
orientation: a = "horizontal",
|
|
8
8
|
...o
|
|
@@ -34,7 +34,7 @@ const s = n(
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
);
|
|
37
|
-
function
|
|
37
|
+
function b({
|
|
38
38
|
className: t,
|
|
39
39
|
variant: a = "default",
|
|
40
40
|
...o
|
|
@@ -49,7 +49,7 @@ function g({
|
|
|
49
49
|
}
|
|
50
50
|
);
|
|
51
51
|
}
|
|
52
|
-
function
|
|
52
|
+
function p({
|
|
53
53
|
className: t,
|
|
54
54
|
...a
|
|
55
55
|
}) {
|
|
@@ -60,7 +60,7 @@ function b({
|
|
|
60
60
|
className: i(
|
|
61
61
|
"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
62
62
|
"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary",
|
|
63
|
-
"data-active:bg-
|
|
63
|
+
"data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-card dark:data-active:text-foreground",
|
|
64
64
|
"not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground",
|
|
65
65
|
"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
|
|
66
66
|
t
|
|
@@ -83,10 +83,10 @@ function f({
|
|
|
83
83
|
);
|
|
84
84
|
}
|
|
85
85
|
export {
|
|
86
|
-
|
|
86
|
+
g as Tabs,
|
|
87
87
|
f as TabsContent,
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
b as TabsList,
|
|
89
|
+
p as TabsTrigger,
|
|
90
90
|
s as tabsListVariants
|
|
91
91
|
};
|
|
92
92
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n className,\n orientation = \"horizontal\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n \"group/tabs flex gap-2 data-horizontal:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst tabsListVariants = cva(\n \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n {\n variants: {\n variant: {\n default: \"bg-muted\",\n line: \"gap-1 bg-transparent\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction TabsList({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n \"data-active:bg-
|
|
1
|
+
{"version":3,"file":"tabs.js","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n className,\n orientation = \"horizontal\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n return (\n <TabsPrimitive.Root\n data-slot=\"tabs\"\n data-orientation={orientation}\n className={cn(\n \"group/tabs flex gap-2 data-horizontal:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nconst tabsListVariants = cva(\n \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n {\n variants: {\n variant: {\n default: \"bg-muted\",\n line: \"gap-1 bg-transparent\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n)\n\nfunction TabsList({\n className,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n VariantProps<typeof tabsListVariants>) {\n return (\n <TabsPrimitive.List\n data-slot=\"tabs-list\"\n data-variant={variant}\n className={cn(tabsListVariants({ variant }), className)}\n {...props}\n />\n )\n}\n\nfunction TabsTrigger({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n return (\n <TabsPrimitive.Trigger\n data-slot=\"tabs-trigger\"\n className={cn(\n \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n \"data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-card dark:data-active:text-foreground\",\n \"not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground\",\n \"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction TabsContent({\n className,\n ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n return (\n <TabsPrimitive.Content\n data-slot=\"tabs-content\"\n className={cn(\"flex-1 text-sm outline-none\", className)}\n {...props}\n />\n )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive","cn","tabsListVariants","cva","TabsList","variant","TabsTrigger","TabsContent"],"mappings":";;;;AAQA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,oBAAkBH;AAAA,MAClB,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,GAAGP;AACL,GACyC;AACvC,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,gBAAcK;AAAA,MACd,WAAWJ,EAAGC,EAAiB,EAAE,SAAAG,EAAA,CAAS,GAAGT,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAY;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAY;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("class-variance-authority"),s=require("radix-ui"),d=require("../../lib/utils.cjs"),e=o.cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent"},size:{default:"h-8 min-w-8 px-2",sm:"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",lg:"h-9 min-w-9 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function c({className:t,variant:a="default",size:n="default",...r}){return i.jsx(s.Toggle.Root,{"data-slot":"toggle",className:d.cn(e({variant:a,size:n,className:t})),...r})}exports.Toggle=c;exports.toggleVariants=e;
|
|
2
2
|
//# sourceMappingURL=toggle.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.cjs","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-
|
|
1
|
+
{"version":3,"file":"toggle.cjs","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border border-input bg-transparent hover:bg-accent\",\n },\n size: {\n default: \"h-8 min-w-8 px-2\",\n sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]\",\n lg: \"h-9 min-w-9 px-2.5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Toggle({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":"kNAMMA,EAAiBC,EAAAA,IACrB,qiBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,oDAAA,EAEX,KAAM,CACJ,QAAS,mBACT,GAAI,wEACJ,GAAI,oBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,GAAGC,CACL,EACuC,CACrC,OACEC,EAAAA,IAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAAA,GAAGT,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CAAA,CAGV"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { cva as
|
|
3
|
-
import { Toggle as
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { cva as o } from "class-variance-authority";
|
|
3
|
+
import { Toggle as i } from "radix-ui";
|
|
4
4
|
import { cn as s } from "../../lib/utils.js";
|
|
5
|
-
const d =
|
|
6
|
-
"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-
|
|
5
|
+
const d = o(
|
|
6
|
+
"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
7
7
|
{
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
default: "bg-transparent",
|
|
11
|
-
outline: "border border-input bg-transparent hover:bg-
|
|
11
|
+
outline: "border border-input bg-transparent hover:bg-accent"
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
default: "h-8 min-w-8 px-2",
|
|
@@ -25,15 +25,15 @@ const d = i(
|
|
|
25
25
|
function f({
|
|
26
26
|
className: e,
|
|
27
27
|
variant: t = "default",
|
|
28
|
-
size:
|
|
29
|
-
...
|
|
28
|
+
size: a = "default",
|
|
29
|
+
...n
|
|
30
30
|
}) {
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
|
|
31
|
+
return /* @__PURE__ */ r(
|
|
32
|
+
i.Root,
|
|
33
33
|
{
|
|
34
34
|
"data-slot": "toggle",
|
|
35
|
-
className: s(d({ variant: t, size:
|
|
36
|
-
...
|
|
35
|
+
className: s(d({ variant: t, size: a, className: e })),
|
|
36
|
+
...n
|
|
37
37
|
}
|
|
38
38
|
);
|
|
39
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-
|
|
1
|
+
{"version":3,"file":"toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border border-input bg-transparent hover:bg-accent\",\n },\n size: {\n default: \"h-8 min-w-8 px-2\",\n sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]\",\n lg: \"h-9 min-w-9 px-2.5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Toggle({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n VariantProps<typeof toggleVariants>) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACuC;AACrC,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGT,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function f(){const r=n.useRef(null),[u,h]=n.useState({width:0,height:0});return n.useEffect(()=>{const s=r.current;if(!s||typeof ResizeObserver>"u")return;const i=new ResizeObserver(d=>{const e=d[0];if(!e)return;const o=Math.round(e.contentRect.width),c=Math.round(e.contentRect.height);h(t=>t.width===o&&t.height===c?t:{width:o,height:c})});return i.observe(s),()=>i.disconnect()},[]),[r,u]}exports.useElementSize=f;
|
|
2
|
+
//# sourceMappingURL=use-element-size.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-element-size.cjs","sources":["../../src/hooks/use-element-size.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n/** Element dimensions in CSS pixels, rounded to whole numbers. */\nexport interface ElementSize {\n width: number;\n height: number;\n}\n\n/**\n * Observe an element's content-box size with a `ResizeObserver` and return the\n * latest rounded `{ width, height }`.\n *\n * Attach the returned `ref` to the element whose size should drive layout\n * (e.g. the flex/grid cell a chart needs to fill). The size is `{ 0, 0 }` until\n * the first measurement, and stays `{ 0, 0 }` in environments without a\n * `ResizeObserver` (e.g. SSR), so callers should treat a zero dimension as\n * \"not yet measured\" and skip work that needs real pixels.\n *\n * @example\n * ```tsx\n * const [containerRef, { width, height }] = useElementSize<HTMLDivElement>();\n * return <div ref={containerRef} className=\"size-full\">…</div>;\n * ```\n */\nexport function useElementSize<T extends HTMLElement = HTMLDivElement>(): [\n React.RefObject<T | null>,\n ElementSize,\n] {\n const ref = useRef<T>(null);\n const [size, setSize] = useState<ElementSize>({ width: 0, height: 0 });\n\n useEffect(() => {\n const element = ref.current;\n if (!element || typeof ResizeObserver === \"undefined\") return;\n\n const observer = new ResizeObserver((entries) => {\n const entry = entries[0];\n if (!entry) return;\n const width = Math.round(entry.contentRect.width);\n const height = Math.round(entry.contentRect.height);\n // Bail on identical measurements so consumers driving Plotly layout off\n // this size don't trigger a redundant relayout (and a feedback loop).\n setSize((prev) =>\n prev.width === width && prev.height === height ? prev : { width, height },\n );\n });\n\n observer.observe(element);\n return () => observer.disconnect();\n }, []);\n\n return [ref, size];\n}\n"],"names":["useElementSize","ref","useRef","size","setSize","useState","useEffect","element","observer","entries","entry","width","height","prev"],"mappings":"yGAwBO,SAASA,GAGd,CACA,MAAMC,EAAMC,EAAAA,OAAU,IAAI,EACpB,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAsB,CAAE,MAAO,EAAG,OAAQ,EAAG,EAErEC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAUN,EAAI,QACpB,GAAI,CAACM,GAAW,OAAO,eAAmB,IAAa,OAEvD,MAAMC,EAAW,IAAI,eAAgBC,GAAY,CAC/C,MAAMC,EAAQD,EAAQ,CAAC,EACvB,GAAI,CAACC,EAAO,OACZ,MAAMC,EAAQ,KAAK,MAAMD,EAAM,YAAY,KAAK,EAC1CE,EAAS,KAAK,MAAMF,EAAM,YAAY,MAAM,EAGlDN,EAASS,GACPA,EAAK,QAAUF,GAASE,EAAK,SAAWD,EAASC,EAAO,CAAE,MAAAF,EAAO,OAAAC,CAAA,CAAO,CAE5E,CAAC,EAED,OAAAJ,EAAS,QAAQD,CAAO,EACjB,IAAMC,EAAS,WAAA,CACxB,EAAG,CAAA,CAAE,EAEE,CAACP,EAAKE,CAAI,CACnB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useRef as f, useState as d, useEffect as w } from "react";
|
|
2
|
+
function R() {
|
|
3
|
+
const n = f(null), [c, h] = d({ width: 0, height: 0 });
|
|
4
|
+
return w(() => {
|
|
5
|
+
const r = n.current;
|
|
6
|
+
if (!r || typeof ResizeObserver > "u") return;
|
|
7
|
+
const s = new ResizeObserver((u) => {
|
|
8
|
+
const e = u[0];
|
|
9
|
+
if (!e) return;
|
|
10
|
+
const i = Math.round(e.contentRect.width), o = Math.round(e.contentRect.height);
|
|
11
|
+
h(
|
|
12
|
+
(t) => t.width === i && t.height === o ? t : { width: i, height: o }
|
|
13
|
+
);
|
|
14
|
+
});
|
|
15
|
+
return s.observe(r), () => s.disconnect();
|
|
16
|
+
}, []), [n, c];
|
|
17
|
+
}
|
|
18
|
+
export {
|
|
19
|
+
R as useElementSize
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=use-element-size.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-element-size.js","sources":["../../src/hooks/use-element-size.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n/** Element dimensions in CSS pixels, rounded to whole numbers. */\nexport interface ElementSize {\n width: number;\n height: number;\n}\n\n/**\n * Observe an element's content-box size with a `ResizeObserver` and return the\n * latest rounded `{ width, height }`.\n *\n * Attach the returned `ref` to the element whose size should drive layout\n * (e.g. the flex/grid cell a chart needs to fill). The size is `{ 0, 0 }` until\n * the first measurement, and stays `{ 0, 0 }` in environments without a\n * `ResizeObserver` (e.g. SSR), so callers should treat a zero dimension as\n * \"not yet measured\" and skip work that needs real pixels.\n *\n * @example\n * ```tsx\n * const [containerRef, { width, height }] = useElementSize<HTMLDivElement>();\n * return <div ref={containerRef} className=\"size-full\">…</div>;\n * ```\n */\nexport function useElementSize<T extends HTMLElement = HTMLDivElement>(): [\n React.RefObject<T | null>,\n ElementSize,\n] {\n const ref = useRef<T>(null);\n const [size, setSize] = useState<ElementSize>({ width: 0, height: 0 });\n\n useEffect(() => {\n const element = ref.current;\n if (!element || typeof ResizeObserver === \"undefined\") return;\n\n const observer = new ResizeObserver((entries) => {\n const entry = entries[0];\n if (!entry) return;\n const width = Math.round(entry.contentRect.width);\n const height = Math.round(entry.contentRect.height);\n // Bail on identical measurements so consumers driving Plotly layout off\n // this size don't trigger a redundant relayout (and a feedback loop).\n setSize((prev) =>\n prev.width === width && prev.height === height ? prev : { width, height },\n );\n });\n\n observer.observe(element);\n return () => observer.disconnect();\n }, []);\n\n return [ref, size];\n}\n"],"names":["useElementSize","ref","useRef","size","setSize","useState","useEffect","element","observer","entries","entry","width","height","prev"],"mappings":";AAwBO,SAASA,IAGd;AACA,QAAMC,IAAMC,EAAU,IAAI,GACpB,CAACC,GAAMC,CAAO,IAAIC,EAAsB,EAAE,OAAO,GAAG,QAAQ,GAAG;AAErE,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAUN,EAAI;AACpB,QAAI,CAACM,KAAW,OAAO,iBAAmB,IAAa;AAEvD,UAAMC,IAAW,IAAI,eAAe,CAACC,MAAY;AAC/C,YAAMC,IAAQD,EAAQ,CAAC;AACvB,UAAI,CAACC,EAAO;AACZ,YAAMC,IAAQ,KAAK,MAAMD,EAAM,YAAY,KAAK,GAC1CE,IAAS,KAAK,MAAMF,EAAM,YAAY,MAAM;AAGlD,MAAAN;AAAA,QAAQ,CAACS,MACPA,EAAK,UAAUF,KAASE,EAAK,WAAWD,IAASC,IAAO,EAAE,OAAAF,GAAO,QAAAC,EAAA;AAAA,MAAO;AAAA,IAE5E,CAAC;AAED,WAAAJ,EAAS,QAAQD,CAAO,GACjB,MAAMC,EAAS,WAAA;AAAA,EACxB,GAAG,CAAA,CAAE,GAEE,CAACP,GAAKE,CAAI;AACnB;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./use-is-dark.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./use-is-dark.cjs"),a={paperBg:"transparent",plotBg:"transparent",textColor:"rgba(26, 26, 26, 1)",textSecondary:"rgba(26, 26, 26, 0.6)",gridColor:"rgba(158, 172, 192, 0.55)",lineColor:"rgba(26, 26, 26, 1)",tickColor:"rgba(225, 231, 239, 1)",legendColor:"rgba(4, 38, 63, 1)",spikeColor:"rgba(100, 116, 139, 1)",markerOutline:"rgba(26, 26, 26, 0.45)",isDark:!1},t={paperBg:"transparent",plotBg:"transparent",textColor:"rgba(255, 255, 255, 0.9)",textSecondary:"rgba(255, 255, 255, 0.6)",gridColor:"rgba(100, 116, 139, 0.55)",lineColor:"rgba(158, 172, 192, 1)",tickColor:"rgba(51, 65, 86, 1)",legendColor:"rgba(200, 214, 229, 1)",spikeColor:"rgba(158, 172, 192, 1)",markerOutline:"rgba(255, 255, 255, 0.55)",isDark:!0};function l(){const r=o.useIsDark();return e.useMemo(()=>r?t:a,[r])}exports.usePlotlyTheme=l;
|
|
2
2
|
//# sourceMappingURL=use-plotly-theme.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-plotly-theme.cjs","sources":["../../src/hooks/use-plotly-theme.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n/**\n * Plotly theme configuration returned by usePlotlyTheme.\n * Spread into a Plotly layout to apply dark/light mode colors.\n */\nexport interface PlotlyThemeColors {\n /** Background color for the paper area */\n paperBg: string;\n /** Background color for the plot area */\n plotBg: string;\n /** Primary text color (titles, ticks) */\n textColor: string;\n /** Secondary text color (axis titles, subtitles) */\n textSecondary: string;\n /** Grid line color */\n gridColor: string;\n /** Axis line color */\n lineColor: string;\n /** Tick mark color */\n tickColor: string;\n /** Legend text color */\n legendColor: string;\n /** Spike/crosshair line color */\n spikeColor: string;\n /** Whether dark mode is active */\n isDark: boolean;\n}\n\nconst LIGHT_THEME: PlotlyThemeColors = {\n paperBg: \"transparent\",\n plotBg: \"transparent\",\n textColor: \"rgba(26, 26, 26, 1)\",\n textSecondary: \"rgba(26, 26, 26, 0.6)\",\n gridColor: \"rgba(
|
|
1
|
+
{"version":3,"file":"use-plotly-theme.cjs","sources":["../../src/hooks/use-plotly-theme.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n/**\n * Plotly theme configuration returned by usePlotlyTheme.\n * Spread into a Plotly layout to apply dark/light mode colors.\n */\nexport interface PlotlyThemeColors {\n /** Background color for the paper area */\n paperBg: string;\n /** Background color for the plot area */\n plotBg: string;\n /** Primary text color (titles, ticks) */\n textColor: string;\n /** Secondary text color (axis titles, subtitles) */\n textSecondary: string;\n /** Grid line color */\n gridColor: string;\n /** Axis line color */\n lineColor: string;\n /** Tick mark color */\n tickColor: string;\n /** Legend text color */\n legendColor: string;\n /** Spike/crosshair line color */\n spikeColor: string;\n /** Outline color for scatter/dot markers — contrasts with the background */\n markerOutline: string;\n /** Whether dark mode is active */\n isDark: boolean;\n}\n\nconst LIGHT_THEME: PlotlyThemeColors = {\n paperBg: \"transparent\",\n plotBg: \"transparent\",\n textColor: \"rgba(26, 26, 26, 1)\",\n textSecondary: \"rgba(26, 26, 26, 0.6)\",\n gridColor: \"rgba(158, 172, 192, 0.55)\",\n lineColor: \"rgba(26, 26, 26, 1)\",\n tickColor: \"rgba(225, 231, 239, 1)\",\n legendColor: \"rgba(4, 38, 63, 1)\",\n spikeColor: \"rgba(100, 116, 139, 1)\",\n markerOutline: \"rgba(26, 26, 26, 0.45)\",\n isDark: false,\n};\n\nconst DARK_THEME: PlotlyThemeColors = {\n paperBg: \"transparent\",\n plotBg: \"transparent\",\n textColor: \"rgba(255, 255, 255, 0.9)\",\n textSecondary: \"rgba(255, 255, 255, 0.6)\",\n gridColor: \"rgba(100, 116, 139, 0.55)\",\n lineColor: \"rgba(158, 172, 192, 1)\",\n tickColor: \"rgba(51, 65, 86, 1)\",\n legendColor: \"rgba(200, 214, 229, 1)\",\n spikeColor: \"rgba(158, 172, 192, 1)\",\n markerOutline: \"rgba(255, 255, 255, 0.55)\",\n isDark: true,\n};\n\n/**\n * Hook that returns Plotly color tokens for the current light/dark theme.\n *\n * @example\n * ```tsx\n * const theme = usePlotlyTheme();\n * const layout = {\n * paper_bgcolor: theme.paperBg,\n * plot_bgcolor: theme.plotBg,\n * font: { color: theme.textColor },\n * };\n * ```\n */\nexport function usePlotlyTheme(): PlotlyThemeColors {\n const isDark = useIsDark();\n return useMemo(() => (isDark ? DARK_THEME : LIGHT_THEME), [isDark]);\n}\n"],"names":["LIGHT_THEME","DARK_THEME","usePlotlyTheme","isDark","useIsDark","useMemo"],"mappings":"wIAiCMA,EAAiC,CACrC,QAAS,cACT,OAAQ,cACR,UAAW,sBACX,cAAe,wBACf,UAAW,4BACX,UAAW,sBACX,UAAW,yBACX,YAAa,qBACb,WAAY,yBACZ,cAAe,yBACf,OAAQ,EACV,EAEMC,EAAgC,CACpC,QAAS,cACT,OAAQ,cACR,UAAW,2BACX,cAAe,2BACf,UAAW,4BACX,UAAW,yBACX,UAAW,sBACX,YAAa,yBACb,WAAY,yBACZ,cAAe,4BACf,OAAQ,EACV,EAeO,SAASC,GAAoC,CAClD,MAAMC,EAASC,EAAAA,UAAA,EACf,OAAOC,EAAAA,QAAQ,IAAOF,EAASF,EAAaD,EAAc,CAACG,CAAM,CAAC,CACpE"}
|
|
@@ -5,22 +5,24 @@ const e = {
|
|
|
5
5
|
plotBg: "transparent",
|
|
6
6
|
textColor: "rgba(26, 26, 26, 1)",
|
|
7
7
|
textSecondary: "rgba(26, 26, 26, 0.6)",
|
|
8
|
-
gridColor: "rgba(
|
|
8
|
+
gridColor: "rgba(158, 172, 192, 0.55)",
|
|
9
9
|
lineColor: "rgba(26, 26, 26, 1)",
|
|
10
10
|
tickColor: "rgba(225, 231, 239, 1)",
|
|
11
11
|
legendColor: "rgba(4, 38, 63, 1)",
|
|
12
12
|
spikeColor: "rgba(100, 116, 139, 1)",
|
|
13
|
+
markerOutline: "rgba(26, 26, 26, 0.45)",
|
|
13
14
|
isDark: !1
|
|
14
15
|
}, t = {
|
|
15
16
|
paperBg: "transparent",
|
|
16
17
|
plotBg: "transparent",
|
|
17
18
|
textColor: "rgba(255, 255, 255, 0.9)",
|
|
18
19
|
textSecondary: "rgba(255, 255, 255, 0.6)",
|
|
19
|
-
gridColor: "rgba(
|
|
20
|
+
gridColor: "rgba(100, 116, 139, 0.55)",
|
|
20
21
|
lineColor: "rgba(158, 172, 192, 1)",
|
|
21
22
|
tickColor: "rgba(51, 65, 86, 1)",
|
|
22
23
|
legendColor: "rgba(200, 214, 229, 1)",
|
|
23
24
|
spikeColor: "rgba(158, 172, 192, 1)",
|
|
25
|
+
markerOutline: "rgba(255, 255, 255, 0.55)",
|
|
24
26
|
isDark: !0
|
|
25
27
|
};
|
|
26
28
|
function n() {
|