@cryptlex/web-components 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +39 -0
- package/dist/components/ui/badge.es.js +27 -0
- package/dist/components/ui/badge.es.js.map +1 -0
- package/dist/components/ui/breadcrumb.es.js +91 -0
- package/dist/components/ui/breadcrumb.es.js.map +1 -0
- package/dist/components/ui/button.es.js +64 -0
- package/dist/components/ui/button.es.js.map +1 -0
- package/dist/components/ui/calendar.es.js +63 -0
- package/dist/components/ui/calendar.es.js.map +1 -0
- package/dist/components/ui/card.es.js +68 -0
- package/dist/components/ui/card.es.js.map +1 -0
- package/dist/components/ui/chart.es.js +211 -0
- package/dist/components/ui/chart.es.js.map +1 -0
- package/dist/components/ui/checkbox.es.js +28 -0
- package/dist/components/ui/checkbox.es.js.map +1 -0
- package/dist/components/ui/collapsible.es.js +8 -0
- package/dist/components/ui/collapsible.es.js.map +1 -0
- package/dist/components/ui/command.es.js +110 -0
- package/dist/components/ui/command.es.js.map +1 -0
- package/dist/components/ui/dialog.es.js +101 -0
- package/dist/components/ui/dialog.es.js.map +1 -0
- package/dist/components/ui/dropdown-menu.es.js +145 -0
- package/dist/components/ui/dropdown-menu.es.js.map +1 -0
- package/dist/components/ui/form.es.js +95 -0
- package/dist/components/ui/form.es.js.map +1 -0
- package/dist/components/ui/input.es.js +23 -0
- package/dist/components/ui/input.es.js.map +1 -0
- package/dist/components/ui/label.es.js +20 -0
- package/dist/components/ui/label.es.js.map +1 -0
- package/dist/components/ui/loader.es.js +10 -0
- package/dist/components/ui/loader.es.js.map +1 -0
- package/dist/components/ui/pagination.es.js +106 -0
- package/dist/components/ui/pagination.es.js.map +1 -0
- package/dist/components/ui/password-input.es.js +27 -0
- package/dist/components/ui/password-input.es.js.map +1 -0
- package/dist/components/ui/popover.es.js +25 -0
- package/dist/components/ui/popover.es.js.map +1 -0
- package/dist/components/ui/radio-group.es.js +32 -0
- package/dist/components/ui/radio-group.es.js.map +1 -0
- package/dist/components/ui/select.es.js +122 -0
- package/dist/components/ui/select.es.js.map +1 -0
- package/dist/components/ui/separator.es.js +25 -0
- package/dist/components/ui/separator.es.js.map +1 -0
- package/dist/components/ui/sheet.es.js +111 -0
- package/dist/components/ui/sheet.es.js.map +1 -0
- package/dist/components/ui/sidebar.es.js +534 -0
- package/dist/components/ui/sidebar.es.js.map +1 -0
- package/dist/components/ui/skeleton.es.js +18 -0
- package/dist/components/ui/skeleton.es.js.map +1 -0
- package/dist/components/ui/table.es.js +91 -0
- package/dist/components/ui/table.es.js.map +1 -0
- package/dist/components/ui/tooltip.es.js +24 -0
- package/dist/components/ui/tooltip.es.js.map +1 -0
- package/dist/hooks/use-mobile.es.js +15 -0
- package/dist/hooks/use-mobile.es.js.map +1 -0
- package/dist/index.es.d.ts +600 -0
- package/dist/index.es.js +178 -0
- package/dist/index.es.js.map +1 -0
- package/dist/utils/index.es.js +9 -0
- package/dist/utils/index.es.js.map +1 -0
- package/lib/index.css +24 -0
- package/lib/tokens.css +143 -0
- package/package.json +107 -0
- package/tailwind.preset.ts +77 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart.es.js","sources":["../../../lib/components/ui/chart.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\n\nimport { cn } from \"@/utils\"\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const\n\nexport type ChartConfig = {\n [k in string]: {\n label?: React.ReactNode\n icon?: React.ComponentType\n } & (\n | { color?: string; theme?: never }\n | { color?: never; theme: Record<keyof typeof THEMES, string> }\n )\n}\n\ntype ChartContextProps = {\n config: ChartConfig\n}\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null)\n\nfunction useChart() {\n const context = React.useContext(ChartContext)\n\n if (!context) {\n throw new Error(\"useChart must be used within a <ChartContainer />\")\n }\n\n return context\n}\n\nconst ChartContainer = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> & {\n config: ChartConfig\n children: React.ComponentProps<\n typeof RechartsPrimitive.ResponsiveContainer\n >[\"children\"]\n }\n>(({ id, className, children, config, ...props }, ref) => {\n const uniqueId = React.useId()\n const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`\n\n return (\n <ChartContext.Provider value={{ config }}>\n <div\n data-chart={chartId}\n ref={ref}\n className={cn(\n \"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n className\n )}\n {...props}\n >\n <ChartStyle id={chartId} config={config} />\n <RechartsPrimitive.ResponsiveContainer>\n {children}\n </RechartsPrimitive.ResponsiveContainer>\n </div>\n </ChartContext.Provider>\n )\n})\nChartContainer.displayName = \"Chart\"\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n const colorConfig = Object.entries(config).filter(\n ([_, config]) => config.theme || config.color\n )\n\n if (!colorConfig.length) {\n return null\n }\n\n return (\n <style\n dangerouslySetInnerHTML={{\n __html: Object.entries(THEMES)\n .map(\n ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n .map(([key, itemConfig]) => {\n const color =\n itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n itemConfig.color\n return color ? ` --color-${key}: ${color};` : null\n })\n .join(\"\\n\")}\n}\n`\n )\n .join(\"\\n\"),\n }}\n />\n )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\nconst ChartTooltipContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n React.ComponentProps<\"div\"> & {\n hideLabel?: boolean\n hideIndicator?: boolean\n indicator?: \"line\" | \"dot\" | \"dashed\"\n nameKey?: string\n labelKey?: string\n }\n>(\n (\n {\n active,\n payload,\n className,\n indicator = \"dot\",\n hideLabel = false,\n hideIndicator = false,\n label,\n labelFormatter,\n labelClassName,\n formatter,\n color,\n nameKey,\n labelKey,\n },\n ref\n ) => {\n const { config } = useChart()\n\n const tooltipLabel = React.useMemo(() => {\n if (hideLabel || !payload?.length) {\n return null\n }\n\n const [item] = payload\n const key = `${labelKey || item.dataKey || item.name || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const value =\n !labelKey && typeof label === \"string\"\n ? config[label as keyof typeof config]?.label || label\n : itemConfig?.label\n\n if (labelFormatter) {\n return (\n <div className={cn(\"font-medium\", labelClassName)}>\n {labelFormatter(value, payload)}\n </div>\n )\n }\n\n if (!value) {\n return null\n }\n\n return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>\n }, [\n label,\n labelFormatter,\n payload,\n hideLabel,\n labelClassName,\n config,\n labelKey,\n ])\n\n if (!active || !payload?.length) {\n return null\n }\n\n const nestLabel = payload.length === 1 && indicator !== \"dot\"\n\n return (\n <div\n ref={ref}\n className={cn(\n \"grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl\",\n className\n )}\n >\n {!nestLabel ? tooltipLabel : null}\n <div className=\"grid gap-1.5\">\n {payload.map((item, index) => {\n const key = `${nameKey || item.name || item.dataKey || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n const indicatorColor = color || item.payload.fill || item.color\n\n return (\n <div\n key={item.dataKey}\n className={cn(\n \"flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground\",\n indicator === \"dot\" && \"items-center\"\n )}\n >\n {formatter && item?.value !== undefined && item.name ? (\n formatter(item.value, item.name, item, index, item.payload)\n ) : (\n <>\n {itemConfig?.icon ? (\n <itemConfig.icon />\n ) : (\n !hideIndicator && (\n <div\n className={cn(\n \"shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]\",\n {\n \"h-2.5 w-2.5\": indicator === \"dot\",\n \"w-1\": indicator === \"line\",\n \"w-0 border-[1.5px] border-dashed bg-transparent\":\n indicator === \"dashed\",\n \"my-0.5\": nestLabel && indicator === \"dashed\",\n }\n )}\n style={\n {\n \"--color-bg\": indicatorColor,\n \"--color-border\": indicatorColor,\n } as React.CSSProperties\n }\n />\n )\n )}\n <div\n className={cn(\n \"flex flex-1 justify-between leading-none\",\n nestLabel ? \"items-end\" : \"items-center\"\n )}\n >\n <div className=\"grid gap-1.5\">\n {nestLabel ? tooltipLabel : null}\n <span className=\"text-muted-foreground\">\n {itemConfig?.label || item.name}\n </span>\n </div>\n {item.value && (\n <span className=\"font-mono font-medium tabular-nums text-foreground\">\n {item.value.toLocaleString()}\n </span>\n )}\n </div>\n </>\n )}\n </div>\n )\n })}\n </div>\n </div>\n )\n }\n)\nChartTooltipContent.displayName = \"ChartTooltip\"\n\nconst ChartLegend = RechartsPrimitive.Legend\n\nconst ChartLegendContent = React.forwardRef<\n HTMLDivElement,\n React.ComponentProps<\"div\"> &\n Pick<RechartsPrimitive.LegendProps, \"payload\" | \"verticalAlign\"> & {\n hideIcon?: boolean\n nameKey?: string\n }\n>(\n (\n { className, hideIcon = false, payload, verticalAlign = \"bottom\", nameKey },\n ref\n ) => {\n const { config } = useChart()\n\n if (!payload?.length) {\n return null\n }\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex items-center justify-center gap-4\",\n verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n className\n )}\n >\n {payload.map((item) => {\n const key = `${nameKey || item.dataKey || \"value\"}`\n const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n return (\n <div\n key={item.value}\n className={cn(\n \"flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground\"\n )}\n >\n {itemConfig?.icon && !hideIcon ? (\n <itemConfig.icon />\n ) : (\n <div\n className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n style={{\n backgroundColor: item.color,\n }}\n />\n )}\n {itemConfig?.label}\n </div>\n )\n })}\n </div>\n )\n }\n)\nChartLegendContent.displayName = \"ChartLegend\"\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n config: ChartConfig,\n payload: unknown,\n key: string\n) {\n if (typeof payload !== \"object\" || payload === null) {\n return undefined\n }\n\n const payloadPayload =\n \"payload\" in payload &&\n typeof payload.payload === \"object\" &&\n payload.payload !== null\n ? payload.payload\n : undefined\n\n let configLabelKey: string = key\n\n if (\n key in payload &&\n typeof payload[key as keyof typeof payload] === \"string\"\n ) {\n configLabelKey = payload[key as keyof typeof payload] as string\n } else if (\n payloadPayload &&\n key in payloadPayload &&\n typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n ) {\n configLabelKey = payloadPayload[\n key as keyof typeof payloadPayload\n ] as string\n }\n\n return configLabelKey in config\n ? config[configLabelKey]\n : config[key as keyof typeof config]\n}\n\nexport {\n ChartContainer, ChartLegend,\n ChartLegendContent,\n ChartStyle, ChartTooltip,\n ChartTooltipContent\n}\n"],"names":["THEMES","ChartContext","React","useChart","context","ChartContainer","id","className","children","config","props","ref","uniqueId","chartId","jsxs","cn","jsx","ChartStyle","RechartsPrimitive","colorConfig","_","theme","prefix","key","itemConfig","color","_a","ChartTooltip","ChartTooltipContent","active","payload","indicator","hideLabel","hideIndicator","label","labelFormatter","labelClassName","formatter","nameKey","labelKey","tooltipLabel","item","getPayloadConfigFromPayload","value","nestLabel","index","indicatorColor","Fragment","ChartLegend","ChartLegendContent","hideIcon","verticalAlign","payloadPayload","configLabelKey"],"mappings":"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"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import * as r from "@radix-ui/react-checkbox";
|
|
4
|
+
import { CheckIcon as c } from "@radix-ui/react-icons";
|
|
5
|
+
import { cn as o } from "../../utils/index.es.js";
|
|
6
|
+
const d = s.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
|
|
7
|
+
r.Root,
|
|
8
|
+
{
|
|
9
|
+
ref: a,
|
|
10
|
+
className: o(
|
|
11
|
+
"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
|
|
12
|
+
i
|
|
13
|
+
),
|
|
14
|
+
...t,
|
|
15
|
+
children: /* @__PURE__ */ e(
|
|
16
|
+
r.Indicator,
|
|
17
|
+
{
|
|
18
|
+
className: o("flex items-center justify-center text-current"),
|
|
19
|
+
children: /* @__PURE__ */ e(c, { className: "h-4 w-4" })
|
|
20
|
+
}
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
));
|
|
24
|
+
d.displayName = r.Root.displayName;
|
|
25
|
+
export {
|
|
26
|
+
d as Checkbox
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=checkbox.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.es.js","sources":["../../../lib/components/ui/checkbox.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\"\nimport { CheckIcon } from \"@radix-ui/react-icons\"\n\nimport { cn } from \"@/utils\"\n\nconst Checkbox = React.forwardRef<\n React.ElementRef<typeof CheckboxPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n <CheckboxPrimitive.Root\n ref={ref}\n className={cn(\n \"peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n className\n )}\n {...props}\n >\n <CheckboxPrimitive.Indicator\n className={cn(\"flex items-center justify-center text-current\")}\n >\n <CheckIcon className=\"h-4 w-4\" />\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n))\nCheckbox.displayName = CheckboxPrimitive.Root.displayName\n\nexport { Checkbox }\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;;AAMM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,IAEJ,UAAA,gBAAAE;AAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAWC,EAAG,+CAA+C;AAAA,QAE7D,UAAA,gBAAAF,EAACG,GAAU,EAAA,WAAU,UAAU,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjC;AACF,CACD;AACDR,EAAS,cAAcM,EAAkB,KAAK;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collapsible.es.js","sources":["../../../lib/components/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\"\n\nconst Collapsible = CollapsiblePrimitive.Root\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent }\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAEA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { jsx as d, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import * as m from "react";
|
|
3
|
+
import { MagnifyingGlassIcon as p } from "@radix-ui/react-icons";
|
|
4
|
+
import { Command as o } from "cmdk";
|
|
5
|
+
import { cn as r } from "../../utils/index.es.js";
|
|
6
|
+
import { Dialog as i, DialogContent as l } from "./dialog.es.js";
|
|
7
|
+
const n = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ d(
|
|
8
|
+
o,
|
|
9
|
+
{
|
|
10
|
+
ref: t,
|
|
11
|
+
className: r(
|
|
12
|
+
"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
|
|
13
|
+
e
|
|
14
|
+
),
|
|
15
|
+
...a
|
|
16
|
+
}
|
|
17
|
+
));
|
|
18
|
+
n.displayName = o.displayName;
|
|
19
|
+
const C = ({ children: e, ...a }) => /* @__PURE__ */ d(i, { ...a, children: /* @__PURE__ */ d(l, { className: "overflow-hidden p-0", children: /* @__PURE__ */ d(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), c = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
|
|
20
|
+
/* @__PURE__ */ d(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
|
|
21
|
+
/* @__PURE__ */ d(
|
|
22
|
+
o.Input,
|
|
23
|
+
{
|
|
24
|
+
ref: t,
|
|
25
|
+
className: r(
|
|
26
|
+
"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
|
|
27
|
+
e
|
|
28
|
+
),
|
|
29
|
+
...a
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
] }));
|
|
33
|
+
c.displayName = o.Input.displayName;
|
|
34
|
+
const u = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ d(
|
|
35
|
+
o.List,
|
|
36
|
+
{
|
|
37
|
+
ref: t,
|
|
38
|
+
className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
|
|
39
|
+
...a
|
|
40
|
+
}
|
|
41
|
+
));
|
|
42
|
+
u.displayName = o.List.displayName;
|
|
43
|
+
const f = m.forwardRef((e, a) => /* @__PURE__ */ d(
|
|
44
|
+
o.Empty,
|
|
45
|
+
{
|
|
46
|
+
ref: a,
|
|
47
|
+
className: "py-6 text-center text-sm",
|
|
48
|
+
...e
|
|
49
|
+
}
|
|
50
|
+
));
|
|
51
|
+
f.displayName = o.Empty.displayName;
|
|
52
|
+
const g = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ d(
|
|
53
|
+
o.Group,
|
|
54
|
+
{
|
|
55
|
+
ref: t,
|
|
56
|
+
className: r(
|
|
57
|
+
"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
|
|
58
|
+
e
|
|
59
|
+
),
|
|
60
|
+
...a
|
|
61
|
+
}
|
|
62
|
+
));
|
|
63
|
+
g.displayName = o.Group.displayName;
|
|
64
|
+
const x = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ d(
|
|
65
|
+
o.Separator,
|
|
66
|
+
{
|
|
67
|
+
ref: t,
|
|
68
|
+
className: r("-mx-1 h-px bg-border", e),
|
|
69
|
+
...a
|
|
70
|
+
}
|
|
71
|
+
));
|
|
72
|
+
x.displayName = o.Separator.displayName;
|
|
73
|
+
const h = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ d(
|
|
74
|
+
o.Item,
|
|
75
|
+
{
|
|
76
|
+
ref: t,
|
|
77
|
+
className: r(
|
|
78
|
+
"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
|
|
79
|
+
e
|
|
80
|
+
),
|
|
81
|
+
...a
|
|
82
|
+
}
|
|
83
|
+
));
|
|
84
|
+
h.displayName = o.Item.displayName;
|
|
85
|
+
const y = ({
|
|
86
|
+
className: e,
|
|
87
|
+
...a
|
|
88
|
+
}) => /* @__PURE__ */ d(
|
|
89
|
+
"span",
|
|
90
|
+
{
|
|
91
|
+
className: r(
|
|
92
|
+
"ml-auto text-xs tracking-widest text-muted-foreground",
|
|
93
|
+
e
|
|
94
|
+
),
|
|
95
|
+
...a
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
y.displayName = "CommandShortcut";
|
|
99
|
+
export {
|
|
100
|
+
n as Command,
|
|
101
|
+
C as CommandDialog,
|
|
102
|
+
f as CommandEmpty,
|
|
103
|
+
g as CommandGroup,
|
|
104
|
+
c as CommandInput,
|
|
105
|
+
h as CommandItem,
|
|
106
|
+
u as CommandList,
|
|
107
|
+
x as CommandSeparator,
|
|
108
|
+
y as CommandShortcut
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=command.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"command.es.js","sources":["../../../lib/components/ui/command.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { type DialogProps } from \"@radix-ui/react-dialog\"\nimport { MagnifyingGlassIcon } from \"@radix-ui/react-icons\"\nimport { Command as CommandPrimitive } from \"cmdk\"\n\nimport { cn } from \"@/utils\"\nimport { Dialog, DialogContent } from \"@/components/ui/dialog\"\n\nconst Command = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive\n ref={ref}\n className={cn(\n \"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground\",\n className\n )}\n {...props}\n />\n))\nCommand.displayName = CommandPrimitive.displayName\n\ninterface CommandDialogProps extends DialogProps {}\n\nconst CommandDialog = ({ children, ...props }: CommandDialogProps) => {\n return (\n <Dialog {...props}>\n <DialogContent className=\"overflow-hidden p-0\">\n <Command className=\"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n {children}\n </Command>\n </DialogContent>\n </Dialog>\n )\n}\n\nconst CommandInput = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Input>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>\n>(({ className, ...props }, ref) => (\n <div className=\"flex items-center border-b px-3\" cmdk-input-wrapper=\"\">\n <MagnifyingGlassIcon className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n <CommandPrimitive.Input\n ref={ref}\n className={cn(\n \"flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50\",\n className\n )}\n {...props}\n />\n </div>\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.List>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.List\n ref={ref}\n className={cn(\"max-h-[300px] overflow-y-auto overflow-x-hidden\", className)}\n {...props}\n />\n))\n\nCommandList.displayName = CommandPrimitive.List.displayName\n\nconst CommandEmpty = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Empty>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty>\n>((props, ref) => (\n <CommandPrimitive.Empty\n ref={ref}\n className=\"py-6 text-center text-sm\"\n {...props}\n />\n))\n\nCommandEmpty.displayName = CommandPrimitive.Empty.displayName\n\nconst CommandGroup = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Group>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Group>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Group\n ref={ref}\n className={cn(\n \"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground\",\n className\n )}\n {...props}\n />\n))\n\nCommandGroup.displayName = CommandPrimitive.Group.displayName\n\nconst CommandSeparator = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 h-px bg-border\", className)}\n {...props}\n />\n))\nCommandSeparator.displayName = CommandPrimitive.Separator.displayName\n\nconst CommandItem = React.forwardRef<\n React.ElementRef<typeof CommandPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof CommandPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <CommandPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50\",\n className\n )}\n {...props}\n />\n))\n\nCommandItem.displayName = CommandPrimitive.Item.displayName\n\nconst CommandShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\n \"ml-auto text-xs tracking-widest text-muted-foreground\",\n className\n )}\n {...props}\n />\n )\n}\nCommandShortcut.displayName = \"CommandShortcut\"\n\nexport {\n Command,\n CommandDialog,\n CommandInput,\n CommandList,\n CommandEmpty,\n CommandGroup,\n CommandItem,\n CommandShortcut,\n CommandSeparator,\n}\n"],"names":["Command","React","className","props","ref","jsx","CommandPrimitive","cn","CommandDialog","children","Dialog","DialogContent","CommandInput","jsxs","MagnifyingGlassIcon","CommandList","CommandEmpty","CommandGroup","CommandSeparator","CommandItem","CommandShortcut"],"mappings":"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"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as o, jsxs as n } from "react/jsx-runtime";
|
|
2
|
+
import * as l from "react";
|
|
3
|
+
import * as a from "@radix-ui/react-dialog";
|
|
4
|
+
import { Cross2Icon as c } from "@radix-ui/react-icons";
|
|
5
|
+
import { cn as i } from "../../utils/index.es.js";
|
|
6
|
+
const b = a.Root, h = a.Trigger, m = a.Portal, v = a.Close, d = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
|
|
7
|
+
a.Overlay,
|
|
8
|
+
{
|
|
9
|
+
ref: s,
|
|
10
|
+
className: i(
|
|
11
|
+
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
12
|
+
e
|
|
13
|
+
),
|
|
14
|
+
...t
|
|
15
|
+
}
|
|
16
|
+
));
|
|
17
|
+
d.displayName = a.Overlay.displayName;
|
|
18
|
+
const f = l.forwardRef(({ className: e, children: t, ...s }, r) => /* @__PURE__ */ n(m, { children: [
|
|
19
|
+
/* @__PURE__ */ o(d, {}),
|
|
20
|
+
/* @__PURE__ */ n(
|
|
21
|
+
a.Content,
|
|
22
|
+
{
|
|
23
|
+
ref: r,
|
|
24
|
+
className: i(
|
|
25
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
|
|
26
|
+
e
|
|
27
|
+
),
|
|
28
|
+
...s,
|
|
29
|
+
children: [
|
|
30
|
+
t,
|
|
31
|
+
/* @__PURE__ */ n(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
|
|
32
|
+
/* @__PURE__ */ o(c, { className: "h-4 w-4" }),
|
|
33
|
+
/* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
|
|
34
|
+
] })
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
)
|
|
38
|
+
] }));
|
|
39
|
+
f.displayName = a.Content.displayName;
|
|
40
|
+
const p = ({
|
|
41
|
+
className: e,
|
|
42
|
+
...t
|
|
43
|
+
}) => /* @__PURE__ */ o(
|
|
44
|
+
"div",
|
|
45
|
+
{
|
|
46
|
+
className: i(
|
|
47
|
+
"flex flex-col space-y-1.5 text-center sm:text-left",
|
|
48
|
+
e
|
|
49
|
+
),
|
|
50
|
+
...t
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
p.displayName = "DialogHeader";
|
|
54
|
+
const g = ({
|
|
55
|
+
className: e,
|
|
56
|
+
...t
|
|
57
|
+
}) => /* @__PURE__ */ o(
|
|
58
|
+
"div",
|
|
59
|
+
{
|
|
60
|
+
className: i(
|
|
61
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
62
|
+
e
|
|
63
|
+
),
|
|
64
|
+
...t
|
|
65
|
+
}
|
|
66
|
+
);
|
|
67
|
+
g.displayName = "DialogFooter";
|
|
68
|
+
const u = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
|
|
69
|
+
a.Title,
|
|
70
|
+
{
|
|
71
|
+
ref: s,
|
|
72
|
+
className: i(
|
|
73
|
+
"text-lg font-semibold leading-none tracking-tight",
|
|
74
|
+
e
|
|
75
|
+
),
|
|
76
|
+
...t
|
|
77
|
+
}
|
|
78
|
+
));
|
|
79
|
+
u.displayName = a.Title.displayName;
|
|
80
|
+
const y = l.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ o(
|
|
81
|
+
a.Description,
|
|
82
|
+
{
|
|
83
|
+
ref: s,
|
|
84
|
+
className: i("text-sm text-muted-foreground", e),
|
|
85
|
+
...t
|
|
86
|
+
}
|
|
87
|
+
));
|
|
88
|
+
y.displayName = a.Description.displayName;
|
|
89
|
+
export {
|
|
90
|
+
b as Dialog,
|
|
91
|
+
v as DialogClose,
|
|
92
|
+
f as DialogContent,
|
|
93
|
+
y as DialogDescription,
|
|
94
|
+
g as DialogFooter,
|
|
95
|
+
p as DialogHeader,
|
|
96
|
+
d as DialogOverlay,
|
|
97
|
+
m as DialogPortal,
|
|
98
|
+
u as DialogTitle,
|
|
99
|
+
h as DialogTrigger
|
|
100
|
+
};
|
|
101
|
+
//# sourceMappingURL=dialog.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog.es.js","sources":["../../../lib/components/ui/dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { Cross2Icon } from \"@radix-ui/react-icons\"\n\nimport { cn } from \"@/utils\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={cn(\n \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n className\n )}\n {...props}\n />\n))\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName\n\nconst DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <DialogPortal>\n <DialogOverlay />\n <DialogPrimitive.Content\n ref={ref}\n className={cn(\n \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n className\n )}\n {...props}\n >\n {children}\n <DialogPrimitive.Close className=\"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n <Cross2Icon className=\"h-4 w-4\" />\n <span className=\"sr-only\">Close</span>\n </DialogPrimitive.Close>\n </DialogPrimitive.Content>\n </DialogPortal>\n))\nDialogContent.displayName = DialogPrimitive.Content.displayName\n\nconst DialogHeader = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col space-y-1.5 text-center sm:text-left\",\n className\n )}\n {...props}\n />\n)\nDialogHeader.displayName = \"DialogHeader\"\n\nconst DialogFooter = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n <div\n className={cn(\n \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n className\n )}\n {...props}\n />\n)\nDialogFooter.displayName = \"DialogFooter\"\n\nconst DialogTitle = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Title>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Title\n ref={ref}\n className={cn(\n \"text-lg font-semibold leading-none tracking-tight\",\n className\n )}\n {...props}\n />\n))\nDialogTitle.displayName = DialogPrimitive.Title.displayName\n\nconst DialogDescription = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Description>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Description\n ref={ref}\n className={cn(\"text-sm text-muted-foreground\", className)}\n {...props}\n />\n))\nDialogDescription.displayName = DialogPrimitive.Description.displayName\n\nexport {\n Dialog,\n DialogPortal,\n DialogOverlay,\n DialogTrigger,\n DialogClose,\n DialogContent,\n DialogHeader,\n DialogFooter,\n DialogTitle,\n DialogDescription,\n}\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","jsxs","Cross2Icon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAQA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMW,IAAgBN,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAM,GAAGC,MACpC,gBAAAK,EAACX,GACC,EAAA,UAAA;AAAA,EAAA,gBAAAO,EAACL,GAAc,EAAA;AAAA,EACf,gBAAAS;AAAA,IAACb,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACA,gBAAAC,EAAAb,EAAgB,OAAhB,EAAsB,WAAU,iRAC/B,UAAA;AAAA,UAAC,gBAAAS,EAAAK,GAAA,EAAW,WAAU,UAAU,CAAA;AAAA,UAC/B,gBAAAL,EAAA,QAAA,EAAK,WAAU,WAAU,UAAK,QAAA,CAAA;AAAA,QAAA,EACjC,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AACF,GACF,CACD;AACDE,EAAc,cAAcX,EAAgB,QAAQ;AAEpD,MAAMe,IAAe,CAAC;AAAA,EACpB,WAAAT;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFQ,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAV;AAAA,EACA,GAAGC;AACL,MACE,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN;AAEFS,EAAa,cAAc;AAErB,MAAAC,IAAcZ,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDU,EAAY,cAAcjB,EAAgB,MAAM;AAE1C,MAAAkB,IAAoBb,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAC;AAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDW,EAAkB,cAAclB,EAAgB,YAAY;"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import * as r from "react";
|
|
3
|
+
import * as e from "@radix-ui/react-dropdown-menu";
|
|
4
|
+
import { ChevronRightIcon as c, CheckIcon as m, DotFilledIcon as p } from "@radix-ui/react-icons";
|
|
5
|
+
import { cn as d } from "../../utils/index.es.js";
|
|
6
|
+
const I = e.Root, R = e.Trigger, S = e.Group, C = e.Portal, z = e.Sub, k = e.RadioGroup, u = r.forwardRef(({ className: t, inset: o, children: a, ...s }, i) => /* @__PURE__ */ l(
|
|
7
|
+
e.SubTrigger,
|
|
8
|
+
{
|
|
9
|
+
ref: i,
|
|
10
|
+
className: d(
|
|
11
|
+
"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
|
|
12
|
+
o && "pl-8",
|
|
13
|
+
t
|
|
14
|
+
),
|
|
15
|
+
...s,
|
|
16
|
+
children: [
|
|
17
|
+
a,
|
|
18
|
+
/* @__PURE__ */ n(c, { className: "ml-auto h-4 w-4" })
|
|
19
|
+
]
|
|
20
|
+
}
|
|
21
|
+
));
|
|
22
|
+
u.displayName = e.SubTrigger.displayName;
|
|
23
|
+
const f = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ n(
|
|
24
|
+
e.SubContent,
|
|
25
|
+
{
|
|
26
|
+
ref: a,
|
|
27
|
+
className: d(
|
|
28
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
29
|
+
t
|
|
30
|
+
),
|
|
31
|
+
...o
|
|
32
|
+
}
|
|
33
|
+
));
|
|
34
|
+
f.displayName = e.SubContent.displayName;
|
|
35
|
+
const b = r.forwardRef(({ className: t, sideOffset: o = 4, ...a }, s) => /* @__PURE__ */ n(e.Portal, { children: /* @__PURE__ */ n(
|
|
36
|
+
e.Content,
|
|
37
|
+
{
|
|
38
|
+
ref: s,
|
|
39
|
+
sideOffset: o,
|
|
40
|
+
className: d(
|
|
41
|
+
"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
|
|
42
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
43
|
+
t
|
|
44
|
+
),
|
|
45
|
+
...a
|
|
46
|
+
}
|
|
47
|
+
) }));
|
|
48
|
+
b.displayName = e.Content.displayName;
|
|
49
|
+
const w = r.forwardRef(({ className: t, inset: o, ...a }, s) => /* @__PURE__ */ n(
|
|
50
|
+
e.Item,
|
|
51
|
+
{
|
|
52
|
+
ref: s,
|
|
53
|
+
className: d(
|
|
54
|
+
"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
|
|
55
|
+
o && "pl-8",
|
|
56
|
+
t
|
|
57
|
+
),
|
|
58
|
+
...a
|
|
59
|
+
}
|
|
60
|
+
));
|
|
61
|
+
w.displayName = e.Item.displayName;
|
|
62
|
+
const g = r.forwardRef(({ className: t, children: o, checked: a, ...s }, i) => /* @__PURE__ */ l(
|
|
63
|
+
e.CheckboxItem,
|
|
64
|
+
{
|
|
65
|
+
ref: i,
|
|
66
|
+
className: d(
|
|
67
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
68
|
+
t
|
|
69
|
+
),
|
|
70
|
+
checked: a,
|
|
71
|
+
...s,
|
|
72
|
+
children: [
|
|
73
|
+
/* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(m, { className: "h-4 w-4" }) }) }),
|
|
74
|
+
o
|
|
75
|
+
]
|
|
76
|
+
}
|
|
77
|
+
));
|
|
78
|
+
g.displayName = e.CheckboxItem.displayName;
|
|
79
|
+
const h = r.forwardRef(({ className: t, children: o, ...a }, s) => /* @__PURE__ */ l(
|
|
80
|
+
e.RadioItem,
|
|
81
|
+
{
|
|
82
|
+
ref: s,
|
|
83
|
+
className: d(
|
|
84
|
+
"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
85
|
+
t
|
|
86
|
+
),
|
|
87
|
+
...a,
|
|
88
|
+
children: [
|
|
89
|
+
/* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(e.ItemIndicator, { children: /* @__PURE__ */ n(p, { className: "h-4 w-4 fill-current" }) }) }),
|
|
90
|
+
o
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
));
|
|
94
|
+
h.displayName = e.RadioItem.displayName;
|
|
95
|
+
const N = r.forwardRef(({ className: t, inset: o, ...a }, s) => /* @__PURE__ */ n(
|
|
96
|
+
e.Label,
|
|
97
|
+
{
|
|
98
|
+
ref: s,
|
|
99
|
+
className: d(
|
|
100
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
101
|
+
o && "pl-8",
|
|
102
|
+
t
|
|
103
|
+
),
|
|
104
|
+
...a
|
|
105
|
+
}
|
|
106
|
+
));
|
|
107
|
+
N.displayName = e.Label.displayName;
|
|
108
|
+
const x = r.forwardRef(({ className: t, ...o }, a) => /* @__PURE__ */ n(
|
|
109
|
+
e.Separator,
|
|
110
|
+
{
|
|
111
|
+
ref: a,
|
|
112
|
+
className: d("-mx-1 my-1 h-px bg-muted", t),
|
|
113
|
+
...o
|
|
114
|
+
}
|
|
115
|
+
));
|
|
116
|
+
x.displayName = e.Separator.displayName;
|
|
117
|
+
const y = ({
|
|
118
|
+
className: t,
|
|
119
|
+
...o
|
|
120
|
+
}) => /* @__PURE__ */ n(
|
|
121
|
+
"span",
|
|
122
|
+
{
|
|
123
|
+
className: d("ml-auto text-xs tracking-widest opacity-60", t),
|
|
124
|
+
...o
|
|
125
|
+
}
|
|
126
|
+
);
|
|
127
|
+
y.displayName = "DropdownMenuShortcut";
|
|
128
|
+
export {
|
|
129
|
+
I as DropdownMenu,
|
|
130
|
+
g as DropdownMenuCheckboxItem,
|
|
131
|
+
b as DropdownMenuContent,
|
|
132
|
+
S as DropdownMenuGroup,
|
|
133
|
+
w as DropdownMenuItem,
|
|
134
|
+
N as DropdownMenuLabel,
|
|
135
|
+
C as DropdownMenuPortal,
|
|
136
|
+
k as DropdownMenuRadioGroup,
|
|
137
|
+
h as DropdownMenuRadioItem,
|
|
138
|
+
x as DropdownMenuSeparator,
|
|
139
|
+
y as DropdownMenuShortcut,
|
|
140
|
+
z as DropdownMenuSub,
|
|
141
|
+
f as DropdownMenuSubContent,
|
|
142
|
+
u as DropdownMenuSubTrigger,
|
|
143
|
+
R as DropdownMenuTrigger
|
|
144
|
+
};
|
|
145
|
+
//# sourceMappingURL=dropdown-menu.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.es.js","sources":["../../../lib/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport {\n CheckIcon,\n ChevronRightIcon,\n DotFilledIcon,\n} from \"@radix-ui/react-icons\"\n\nimport { cn } from \"@/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n <DropdownMenuPrimitive.SubTrigger\n ref={ref}\n className={cn(\n \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.SubContent\n ref={ref}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n <DropdownMenuPrimitive.Portal>\n <DropdownMenuPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={cn(\n \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n className\n )}\n {...props}\n />\n </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Item\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n <DropdownMenuPrimitive.CheckboxItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <CheckIcon className=\"h-4 w-4\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n <DropdownMenuPrimitive.RadioItem\n ref={ref}\n className={cn(\n \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n className\n )}\n {...props}\n >\n <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuPrimitive.ItemIndicator>\n <DotFilledIcon className=\"h-4 w-4 fill-current\" />\n </DropdownMenuPrimitive.ItemIndicator>\n </span>\n {children}\n </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n <DropdownMenuPrimitive.Label\n ref={ref}\n className={cn(\n \"px-2 py-1.5 text-sm font-semibold\",\n inset && \"pl-8\",\n className\n )}\n {...props}\n />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n <DropdownMenuPrimitive.Separator\n ref={ref}\n className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n {...props}\n />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n return (\n <span\n className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n {...props}\n />\n )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n}\n"],"names":["DropdownMenu","DropdownMenuPrimitive","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","cn","jsx","ChevronRightIcon","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","CheckIcon","DropdownMenuRadioItem","DotFilledIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import * as s from "react";
|
|
3
|
+
import { Slot as F } from "@radix-ui/react-slot";
|
|
4
|
+
import { FormProvider as u, Controller as p, useFormContext as x } from "react-hook-form";
|
|
5
|
+
import { cn as a } from "../../utils/index.es.js";
|
|
6
|
+
import { Label as I } from "./label.es.js";
|
|
7
|
+
const D = u, f = s.createContext(
|
|
8
|
+
{}
|
|
9
|
+
), M = ({
|
|
10
|
+
...e
|
|
11
|
+
}) => /* @__PURE__ */ i(f.Provider, { value: { name: e.name }, children: /* @__PURE__ */ i(p, { ...e }) }), d = () => {
|
|
12
|
+
const e = s.useContext(f), o = s.useContext(l), { getFieldState: r, formState: t } = x(), m = r(e.name, t);
|
|
13
|
+
if (!e)
|
|
14
|
+
throw new Error("useFormField should be used within <FormField>");
|
|
15
|
+
const { id: n } = o;
|
|
16
|
+
return {
|
|
17
|
+
id: n,
|
|
18
|
+
name: e.name,
|
|
19
|
+
formItemId: `${n}-form-item`,
|
|
20
|
+
formDescriptionId: `${n}-form-item-description`,
|
|
21
|
+
formMessageId: `${n}-form-item-message`,
|
|
22
|
+
...m
|
|
23
|
+
};
|
|
24
|
+
}, l = s.createContext(
|
|
25
|
+
{}
|
|
26
|
+
), C = s.forwardRef(({ className: e, ...o }, r) => {
|
|
27
|
+
const t = s.useId();
|
|
28
|
+
return /* @__PURE__ */ i(l.Provider, { value: { id: t }, children: /* @__PURE__ */ i("div", { ref: r, className: a("space-y-2", e), ...o }) });
|
|
29
|
+
});
|
|
30
|
+
C.displayName = "FormItem";
|
|
31
|
+
const g = s.forwardRef(({ className: e, ...o }, r) => {
|
|
32
|
+
const { error: t, formItemId: m } = d();
|
|
33
|
+
return /* @__PURE__ */ i(
|
|
34
|
+
I,
|
|
35
|
+
{
|
|
36
|
+
ref: r,
|
|
37
|
+
className: a(t && "text-destructive", e),
|
|
38
|
+
htmlFor: m,
|
|
39
|
+
...o
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
});
|
|
43
|
+
g.displayName = "FormLabel";
|
|
44
|
+
const v = s.forwardRef(({ ...e }, o) => {
|
|
45
|
+
const { error: r, formItemId: t, formDescriptionId: m, formMessageId: n } = d();
|
|
46
|
+
return /* @__PURE__ */ i(
|
|
47
|
+
F,
|
|
48
|
+
{
|
|
49
|
+
ref: o,
|
|
50
|
+
id: t,
|
|
51
|
+
"aria-describedby": r ? `${m} ${n}` : `${m}`,
|
|
52
|
+
"aria-invalid": !!r,
|
|
53
|
+
...e
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
});
|
|
57
|
+
v.displayName = "FormControl";
|
|
58
|
+
const N = s.forwardRef(({ className: e, ...o }, r) => {
|
|
59
|
+
const { formDescriptionId: t } = d();
|
|
60
|
+
return /* @__PURE__ */ i(
|
|
61
|
+
"p",
|
|
62
|
+
{
|
|
63
|
+
ref: r,
|
|
64
|
+
id: t,
|
|
65
|
+
className: a("text-[0.8rem] text-muted-foreground", e),
|
|
66
|
+
...o
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
});
|
|
70
|
+
N.displayName = "FormDescription";
|
|
71
|
+
const w = s.forwardRef(({ className: e, children: o, ...r }, t) => {
|
|
72
|
+
const { error: m, formMessageId: n } = d(), c = m ? String(m == null ? void 0 : m.message) : o;
|
|
73
|
+
return c ? /* @__PURE__ */ i(
|
|
74
|
+
"p",
|
|
75
|
+
{
|
|
76
|
+
ref: t,
|
|
77
|
+
id: n,
|
|
78
|
+
className: a("text-[0.8rem] font-medium text-destructive", e),
|
|
79
|
+
...r,
|
|
80
|
+
children: c
|
|
81
|
+
}
|
|
82
|
+
) : null;
|
|
83
|
+
});
|
|
84
|
+
w.displayName = "FormMessage";
|
|
85
|
+
export {
|
|
86
|
+
D as Form,
|
|
87
|
+
v as FormControl,
|
|
88
|
+
N as FormDescription,
|
|
89
|
+
M as FormField,
|
|
90
|
+
C as FormItem,
|
|
91
|
+
g as FormLabel,
|
|
92
|
+
w as FormMessage,
|
|
93
|
+
d as useFormField
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=form.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.es.js","sources":["../../../lib/components/ui/form.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as LabelPrimitive from \"@radix-ui/react-label\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport {\n Controller,\n ControllerProps,\n FieldPath,\n FieldValues,\n FormProvider,\n useFormContext,\n} from \"react-hook-form\"\n\nimport { cn } from \"@/utils\"\nimport { Label } from \"@/components/ui/label\"\n\nconst Form = FormProvider\n\ntype FormFieldContextValue<\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n {} as FormFieldContextValue\n)\n\nconst FormField = <\n TFieldValues extends FieldValues = FieldValues,\n TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n ...props\n}: ControllerProps<TFieldValues, TName>) => {\n return (\n <FormFieldContext.Provider value={{ name: props.name }}>\n <Controller {...props} />\n </FormFieldContext.Provider>\n )\n}\n\nconst useFormField = () => {\n const fieldContext = React.useContext(FormFieldContext)\n const itemContext = React.useContext(FormItemContext)\n const { getFieldState, formState } = useFormContext()\n\n const fieldState = getFieldState(fieldContext.name, formState)\n\n if (!fieldContext) {\n throw new Error(\"useFormField should be used within <FormField>\")\n }\n\n const { id } = itemContext\n\n return {\n id,\n name: fieldContext.name,\n formItemId: `${id}-form-item`,\n formDescriptionId: `${id}-form-item-description`,\n formMessageId: `${id}-form-item-message`,\n ...fieldState,\n }\n}\n\ntype FormItemContextValue = {\n id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n {} as FormItemContextValue\n)\n\nconst FormItem = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n const id = React.useId()\n\n return (\n <FormItemContext.Provider value={{ id }}>\n <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n </FormItemContext.Provider>\n )\n})\nFormItem.displayName = \"FormItem\"\n\nconst FormLabel = React.forwardRef<\n React.ElementRef<typeof LabelPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n const { error, formItemId } = useFormField()\n\n return (\n <Label\n ref={ref}\n className={cn(error && \"text-destructive\", className)}\n htmlFor={formItemId}\n {...props}\n />\n )\n})\nFormLabel.displayName = \"FormLabel\"\n\nconst FormControl = React.forwardRef<\n React.ElementRef<typeof Slot>,\n React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n return (\n <Slot\n ref={ref}\n id={formItemId}\n aria-describedby={\n !error\n ? `${formDescriptionId}`\n : `${formDescriptionId} ${formMessageId}`\n }\n aria-invalid={!!error}\n {...props}\n />\n )\n})\nFormControl.displayName = \"FormControl\"\n\nconst FormDescription = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n const { formDescriptionId } = useFormField()\n\n return (\n <p\n ref={ref}\n id={formDescriptionId}\n className={cn(\"text-[0.8rem] text-muted-foreground\", className)}\n {...props}\n />\n )\n})\nFormDescription.displayName = \"FormDescription\"\n\nconst FormMessage = React.forwardRef<\n HTMLParagraphElement,\n React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n const { error, formMessageId } = useFormField()\n const body = error ? String(error?.message) : children\n\n if (!body) {\n return null\n }\n\n return (\n <p\n ref={ref}\n id={formMessageId}\n className={cn(\"text-[0.8rem] font-medium text-destructive\", className)}\n {...props}\n >\n {body}\n </p>\n )\n})\nFormMessage.displayName = \"FormMessage\"\n\nexport {\n useFormField,\n Form,\n FormItem,\n FormLabel,\n FormControl,\n FormDescription,\n FormMessage,\n FormField,\n}\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
import { cn as s } from "../../utils/index.es.js";
|
|
4
|
+
const f = n.forwardRef(
|
|
5
|
+
({ className: e, type: r, ...o }, i) => /* @__PURE__ */ t(
|
|
6
|
+
"input",
|
|
7
|
+
{
|
|
8
|
+
type: r,
|
|
9
|
+
className: s(
|
|
10
|
+
"flex h-10 w-full rounded-lg border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50",
|
|
11
|
+
// Change 'ring' class to 'ring-primary'
|
|
12
|
+
e
|
|
13
|
+
),
|
|
14
|
+
ref: i,
|
|
15
|
+
...o
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
);
|
|
19
|
+
f.displayName = "Input";
|
|
20
|
+
export {
|
|
21
|
+
f as Input
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=input.es.js.map
|