@mdigital_ui/ui 0.4.7 → 0.5.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/dist/alert/index.d.ts.map +1 -1
- package/dist/alert/index.js +1 -1
- package/dist/autocomplete/index.d.ts.map +1 -1
- package/dist/autocomplete/index.js +3 -2
- package/dist/avatar/index.d.ts.map +1 -1
- package/dist/avatar/index.js +1 -1
- package/dist/breadcrumbs/index.js +4 -4
- package/dist/button/index.js +2 -2
- package/dist/calendar/index.d.ts.map +1 -1
- package/dist/calendar/index.js +2 -1
- package/dist/cascader/index.d.ts.map +1 -1
- package/dist/cascader/index.js +1 -1
- package/dist/checkbox/index.d.ts.map +1 -1
- package/dist/checkbox/index.js +1 -1
- package/dist/checkbox/types.d.ts +2 -0
- package/dist/checkbox/types.d.ts.map +1 -1
- package/dist/{chunk-Z3DIBMBQ.js → chunk-3K4GIXFA.js} +178 -118
- package/dist/chunk-3K4GIXFA.js.map +1 -0
- package/dist/{chunk-SJLH5ZDW.js → chunk-4QLYRAW2.js} +3 -3
- package/dist/{chunk-SJLH5ZDW.js.map → chunk-4QLYRAW2.js.map} +1 -1
- package/dist/{chunk-4TEZWGX7.js → chunk-64OCJYSH.js} +17 -8
- package/dist/chunk-64OCJYSH.js.map +1 -0
- package/dist/{chunk-5YEC6FDN.js → chunk-6CMHCCDO.js} +14 -7
- package/dist/chunk-6CMHCCDO.js.map +1 -0
- package/dist/{chunk-7RT65ZGV.js → chunk-6H2Y3QKP.js} +75 -23
- package/dist/chunk-6H2Y3QKP.js.map +1 -0
- package/dist/{chunk-UFYG3HKL.js → chunk-6K6RGQNL.js} +193 -94
- package/dist/chunk-6K6RGQNL.js.map +1 -0
- package/dist/{chunk-ROQGBDET.js → chunk-6XXAZ6P2.js} +15 -7
- package/dist/chunk-6XXAZ6P2.js.map +1 -0
- package/dist/{chunk-3Z7RLVWD.js → chunk-75T5BISG.js} +7 -13
- package/dist/chunk-75T5BISG.js.map +1 -0
- package/dist/{chunk-XAM5EKOS.js → chunk-7SKAAKBC.js} +13 -12
- package/dist/chunk-7SKAAKBC.js.map +1 -0
- package/dist/{chunk-6RZEJRTC.js → chunk-7ZUIX4NK.js} +3 -3
- package/dist/{chunk-6RZEJRTC.js.map → chunk-7ZUIX4NK.js.map} +1 -1
- package/dist/{chunk-NPK4ESMA.js → chunk-B75ICJCX.js} +9 -16
- package/dist/chunk-B75ICJCX.js.map +1 -0
- package/dist/chunk-CB7YOZWV.js +50 -0
- package/dist/chunk-CB7YOZWV.js.map +1 -0
- package/dist/{chunk-UFC3RGIN.js → chunk-DXAOZB6J.js} +4 -4
- package/dist/chunk-DXAOZB6J.js.map +1 -0
- package/dist/{chunk-75N6T3IS.js → chunk-ECBTSKES.js} +13 -10
- package/dist/chunk-ECBTSKES.js.map +1 -0
- package/dist/{chunk-J2WIZULN.js → chunk-FCIK35OY.js} +3 -3
- package/dist/{chunk-J2WIZULN.js.map → chunk-FCIK35OY.js.map} +1 -1
- package/dist/{chunk-FY2TZ2NT.js → chunk-GP7R3AFC.js} +58 -30
- package/dist/chunk-GP7R3AFC.js.map +1 -0
- package/dist/{chunk-ED4CQZ72.js → chunk-GQM5WLP5.js} +4 -4
- package/dist/{chunk-ED4CQZ72.js.map → chunk-GQM5WLP5.js.map} +1 -1
- package/dist/{chunk-TBKPQOXF.js → chunk-GSLNACUF.js} +3 -3
- package/dist/{chunk-TBKPQOXF.js.map → chunk-GSLNACUF.js.map} +1 -1
- package/dist/{chunk-OJAHIPPP.js → chunk-HGWD63IR.js} +3 -3
- package/dist/{chunk-OJAHIPPP.js.map → chunk-HGWD63IR.js.map} +1 -1
- package/dist/chunk-HKQOAEFY.js +1 -1
- package/dist/{chunk-PD3O6ZH4.js → chunk-JXOLZBXF.js} +19 -8
- package/dist/chunk-JXOLZBXF.js.map +1 -0
- package/dist/{chunk-CUXQZRDI.js → chunk-JZCONCJS.js} +13 -3
- package/dist/chunk-JZCONCJS.js.map +1 -0
- package/dist/{chunk-TDPJYCNI.js → chunk-KBT6UQNA.js} +14 -35
- package/dist/chunk-KBT6UQNA.js.map +1 -0
- package/dist/{chunk-VNH6R5EU.js → chunk-KR3GBSVA.js} +4 -6
- package/dist/chunk-KR3GBSVA.js.map +1 -0
- package/dist/{chunk-JWYBDNC6.js → chunk-KTK7LSKX.js} +7 -8
- package/dist/chunk-KTK7LSKX.js.map +1 -0
- package/dist/{chunk-X3VT5SSK.js → chunk-L3ZFNHVX.js} +153 -171
- package/dist/chunk-L3ZFNHVX.js.map +1 -0
- package/dist/{chunk-PB5VGXS5.js → chunk-LBOQJHFH.js} +3 -3
- package/dist/{chunk-PB5VGXS5.js.map → chunk-LBOQJHFH.js.map} +1 -1
- package/dist/{chunk-XCK62GVU.js → chunk-LZ2MHSYF.js} +8 -5
- package/dist/chunk-LZ2MHSYF.js.map +1 -0
- package/dist/{chunk-LHZJ2GJU.js → chunk-MHRSK2QC.js} +8 -6
- package/dist/chunk-MHRSK2QC.js.map +1 -0
- package/dist/{chunk-JIXINKUJ.js → chunk-N742SARE.js} +8 -7
- package/dist/chunk-N742SARE.js.map +1 -0
- package/dist/{chunk-3XOHSE3X.js → chunk-NA6EVQ6T.js} +3 -3
- package/dist/{chunk-3XOHSE3X.js.map → chunk-NA6EVQ6T.js.map} +1 -1
- package/dist/{chunk-6ROGWFQ2.js → chunk-NKLKTAUP.js} +3 -3
- package/dist/{chunk-6ROGWFQ2.js.map → chunk-NKLKTAUP.js.map} +1 -1
- package/dist/{chunk-S6HO7HUY.js → chunk-OSD63E6O.js} +15 -19
- package/dist/chunk-OSD63E6O.js.map +1 -0
- package/dist/{chunk-QDJ5PZPP.js → chunk-PHA7SLBY.js} +3 -3
- package/dist/chunk-PHA7SLBY.js.map +1 -0
- package/dist/{chunk-6NXZWLSM.js → chunk-S4BF3Z6O.js} +4 -4
- package/dist/{chunk-6NXZWLSM.js.map → chunk-S4BF3Z6O.js.map} +1 -1
- package/dist/{chunk-C65SCJD6.js → chunk-SK6YMTMA.js} +5 -12
- package/dist/chunk-SK6YMTMA.js.map +1 -0
- package/dist/{chunk-DBPLQZJ2.js → chunk-SSISBOLO.js} +75 -22
- package/dist/chunk-SSISBOLO.js.map +1 -0
- package/dist/{chunk-LWYZCSX4.js → chunk-UBJK5623.js} +12 -11
- package/dist/chunk-UBJK5623.js.map +1 -0
- package/dist/{chunk-74AF6PO2.js → chunk-UEQ3NEVL.js} +48 -12
- package/dist/chunk-UEQ3NEVL.js.map +1 -0
- package/dist/{chunk-A4MYCEGM.js → chunk-UHHCUCEE.js} +19 -8
- package/dist/chunk-UHHCUCEE.js.map +1 -0
- package/dist/{chunk-X7JN7WPF.js → chunk-UIPDAD62.js} +3 -3
- package/dist/chunk-UIPDAD62.js.map +1 -0
- package/dist/{chunk-YUACN5GJ.js → chunk-UPBKLI62.js} +20 -13
- package/dist/chunk-UPBKLI62.js.map +1 -0
- package/dist/{chunk-DIUOGEL3.js → chunk-UUXSTLOY.js} +171 -190
- package/dist/chunk-UUXSTLOY.js.map +1 -0
- package/dist/{chunk-HSMO2BR4.js → chunk-VNB7ZHCZ.js} +4 -13
- package/dist/chunk-VNB7ZHCZ.js.map +1 -0
- package/dist/{chunk-TQEMGWZ2.js → chunk-W4RYNHAG.js} +3 -3
- package/dist/{chunk-TQEMGWZ2.js.map → chunk-W4RYNHAG.js.map} +1 -1
- package/dist/{chunk-PRDJLQLB.js → chunk-XNV3YAJK.js} +5 -5
- package/dist/chunk-XNV3YAJK.js.map +1 -0
- package/dist/{chunk-I7HJBHQU.js → chunk-Y3PVWMUN.js} +7 -7
- package/dist/chunk-Y3PVWMUN.js.map +1 -0
- package/dist/clipboard/index.js +2 -2
- package/dist/collapse/index.js +2 -2
- package/dist/color-picker/index.d.ts +3 -3
- package/dist/color-picker/index.d.ts.map +1 -1
- package/dist/color-picker/index.js +3 -2
- package/dist/context-menu/index.d.ts +4 -6
- package/dist/context-menu/index.d.ts.map +1 -1
- package/dist/context-menu/index.js +2 -2
- package/dist/date-picker/PickerWrapper.d.ts +3 -3
- package/dist/date-picker/PickerWrapper.d.ts.map +1 -1
- package/dist/date-picker/index.d.ts.map +1 -1
- package/dist/date-picker/index.js +3 -2
- package/dist/descriptions/index.js +1 -1
- package/dist/dropdown/index.js +3 -3
- package/dist/hooks/useControllable.d.ts +9 -2
- package/dist/hooks/useControllable.d.ts.map +1 -1
- package/dist/hooks/useRipple.d.ts +0 -6
- package/dist/hooks/useRipple.d.ts.map +1 -1
- package/dist/index.js +47 -47
- package/dist/input/index.js +1 -1
- package/dist/input-password/index.js +2 -2
- package/dist/mentions/index.d.ts.map +1 -1
- package/dist/mentions/index.js +2 -1
- package/dist/menubar/index.js +2 -2
- package/dist/multi-select/index.d.ts.map +1 -1
- package/dist/multi-select/index.js +4 -4
- package/dist/navigation-menu/index.d.ts.map +1 -1
- package/dist/navigation-menu/index.js +1 -1
- package/dist/number-input/index.d.ts.map +1 -1
- package/dist/number-input/index.js +3 -3
- package/dist/pagination/index.js +2 -2
- package/dist/popover/index.d.ts +16 -1
- package/dist/popover/index.d.ts.map +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/qr-code/index.d.ts +3 -3
- package/dist/qr-code/index.d.ts.map +1 -1
- package/dist/qr-code/index.js +1 -1
- package/dist/radio/index.d.ts.map +1 -1
- package/dist/radio/index.js +1 -1
- package/dist/rating/index.js +2 -2
- package/dist/resizable/index.d.ts +4 -3
- package/dist/resizable/index.d.ts.map +1 -1
- package/dist/resizable/index.js +1 -1
- package/dist/result/index.d.ts.map +1 -1
- package/dist/result/index.js +1 -1
- package/dist/select/index.d.ts.map +1 -1
- package/dist/select/index.js +4 -4
- package/dist/skeleton/index.d.ts +3 -3
- package/dist/skeleton/index.d.ts.map +1 -1
- package/dist/skeleton/index.js +1 -1
- package/dist/table/index.d.ts.map +1 -1
- package/dist/table/index.js +8 -8
- package/dist/table/types.d.ts +16 -2
- package/dist/table/types.d.ts.map +1 -1
- package/dist/tags-input/index.d.ts.map +1 -1
- package/dist/tags-input/index.js +2 -1
- package/dist/textarea/index.d.ts +3 -3
- package/dist/textarea/index.d.ts.map +1 -1
- package/dist/textarea/index.js +1 -1
- package/dist/theme/ThemeProvider.d.ts +18 -2
- package/dist/theme/ThemeProvider.d.ts.map +1 -1
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/timeline/index.d.ts.map +1 -1
- package/dist/timeline/index.js +1 -1
- package/dist/toggle/index.d.ts.map +1 -1
- package/dist/toggle/index.js +2 -2
- package/dist/toggle-group/index.d.ts.map +1 -1
- package/dist/toggle-group/index.js +2 -2
- package/dist/tour/index.d.ts.map +1 -1
- package/dist/tour/index.js +1 -1
- package/dist/transfer/index.js +2 -2
- package/dist/tree-select/index.js +2 -2
- package/dist/typography/index.d.ts.map +1 -1
- package/dist/typography/index.js +1 -1
- package/dist/upload/index.d.ts.map +1 -1
- package/dist/upload/index.js +2 -2
- package/package.json +4 -3
- package/styles/datepicker.css +126 -0
- package/styles/global.css +1 -113
- package/dist/chunk-3Z7RLVWD.js.map +0 -1
- package/dist/chunk-4TEZWGX7.js.map +0 -1
- package/dist/chunk-5YEC6FDN.js.map +0 -1
- package/dist/chunk-74AF6PO2.js.map +0 -1
- package/dist/chunk-75N6T3IS.js.map +0 -1
- package/dist/chunk-7RT65ZGV.js.map +0 -1
- package/dist/chunk-A4MYCEGM.js.map +0 -1
- package/dist/chunk-C65SCJD6.js.map +0 -1
- package/dist/chunk-CUXQZRDI.js.map +0 -1
- package/dist/chunk-DBPLQZJ2.js.map +0 -1
- package/dist/chunk-DIUOGEL3.js.map +0 -1
- package/dist/chunk-FY2TZ2NT.js.map +0 -1
- package/dist/chunk-HSMO2BR4.js.map +0 -1
- package/dist/chunk-I7HJBHQU.js.map +0 -1
- package/dist/chunk-JIXINKUJ.js.map +0 -1
- package/dist/chunk-JWYBDNC6.js.map +0 -1
- package/dist/chunk-LHZJ2GJU.js.map +0 -1
- package/dist/chunk-LWYZCSX4.js.map +0 -1
- package/dist/chunk-NPK4ESMA.js.map +0 -1
- package/dist/chunk-PD3O6ZH4.js.map +0 -1
- package/dist/chunk-PQOIW5CM.js +0 -27
- package/dist/chunk-PQOIW5CM.js.map +0 -1
- package/dist/chunk-PRDJLQLB.js.map +0 -1
- package/dist/chunk-QDJ5PZPP.js.map +0 -1
- package/dist/chunk-ROQGBDET.js.map +0 -1
- package/dist/chunk-S6HO7HUY.js.map +0 -1
- package/dist/chunk-TDPJYCNI.js.map +0 -1
- package/dist/chunk-UFC3RGIN.js.map +0 -1
- package/dist/chunk-UFYG3HKL.js.map +0 -1
- package/dist/chunk-VNH6R5EU.js.map +0 -1
- package/dist/chunk-X3VT5SSK.js.map +0 -1
- package/dist/chunk-X7JN7WPF.js.map +0 -1
- package/dist/chunk-XAM5EKOS.js.map +0 -1
- package/dist/chunk-XCK62GVU.js.map +0 -1
- package/dist/chunk-YUACN5GJ.js.map +0 -1
- package/dist/chunk-Z3DIBMBQ.js.map +0 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { cn } from './chunk-RAS6HUEI.js';
|
|
2
|
+
import { CircleX, SearchX, TriangleAlert, Info, CircleCheck } from 'lucide-react';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
5
|
|
|
@@ -17,40 +18,18 @@ var sizeMap = {
|
|
|
17
18
|
md: { icon: "w-16 h-16", title: "text-xl font-semibold", subtitle: "text-sm", padding: "py-12 px-6", maxW: "max-w-md" },
|
|
18
19
|
lg: { icon: "w-20 h-20", title: "text-2xl font-bold", subtitle: "text-base", padding: "py-16 px-8", maxW: "max-w-lg" }
|
|
19
20
|
};
|
|
21
|
+
var statusIcons = {
|
|
22
|
+
success: CircleCheck,
|
|
23
|
+
error: CircleX,
|
|
24
|
+
info: Info,
|
|
25
|
+
warning: TriangleAlert,
|
|
26
|
+
"403": TriangleAlert,
|
|
27
|
+
"404": SearchX,
|
|
28
|
+
"500": CircleX
|
|
29
|
+
};
|
|
20
30
|
function StatusIcon({ status, sizeClass }) {
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
24
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
25
|
-
/* @__PURE__ */ jsx("path", { d: "M9 12l2 2 4-4" })
|
|
26
|
-
] });
|
|
27
|
-
}
|
|
28
|
-
if (status === "error" || status === "500") {
|
|
29
|
-
return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
30
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
31
|
-
/* @__PURE__ */ jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
|
|
32
|
-
/* @__PURE__ */ jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
|
|
33
|
-
] });
|
|
34
|
-
}
|
|
35
|
-
if (status === "warning" || status === "403") {
|
|
36
|
-
return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
37
|
-
/* @__PURE__ */ jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }),
|
|
38
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
|
|
39
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
|
|
40
|
-
] });
|
|
41
|
-
}
|
|
42
|
-
if (status === "404") {
|
|
43
|
-
return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
44
|
-
/* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
|
|
45
|
-
/* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
|
|
46
|
-
/* @__PURE__ */ jsx("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
|
|
47
|
-
] });
|
|
48
|
-
}
|
|
49
|
-
return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
50
|
-
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
|
|
51
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
|
|
52
|
-
/* @__PURE__ */ jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
|
|
53
|
-
] });
|
|
31
|
+
const Icon = statusIcons[status];
|
|
32
|
+
return /* @__PURE__ */ jsx(Icon, { className: cn(sizeClass, statusConfig[status].color), strokeWidth: 1.5 });
|
|
54
33
|
}
|
|
55
34
|
var Result = React.memo(
|
|
56
35
|
({
|
|
@@ -92,5 +71,5 @@ Result.displayName = "Result";
|
|
|
92
71
|
var result_default = Result;
|
|
93
72
|
|
|
94
73
|
export { result_default };
|
|
95
|
-
//# sourceMappingURL=chunk-
|
|
96
|
-
//# sourceMappingURL=chunk-
|
|
74
|
+
//# sourceMappingURL=chunk-KBT6UQNA.js.map
|
|
75
|
+
//# sourceMappingURL=chunk-KBT6UQNA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/result/index.tsx"],"names":[],"mappings":"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","file":"chunk-KBT6UQNA.js","sourcesContent":["'use client'\n\nimport { CircleCheck, CircleX, Info, SearchX, TriangleAlert } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport type { ResultProps, ResultStatus } from './types'\n\nconst statusConfig: Record<ResultStatus, { color: string; defaultTitle: string }> = {\n success: { color: 'text-success', defaultTitle: 'Successfully Done' },\n error: { color: 'text-error', defaultTitle: 'Something Went Wrong' },\n info: { color: 'text-info', defaultTitle: 'Information' },\n warning: { color: 'text-warning', defaultTitle: 'Warning' },\n '403': { color: 'text-warning', defaultTitle: '403 — Access Denied' },\n '404': { color: 'text-info', defaultTitle: '404 — Page Not Found' },\n '500': { color: 'text-error', defaultTitle: '500 — Server Error' },\n}\n\nconst sizeMap = {\n xs: { icon: 'w-10 h-10', title: 'text-base font-semibold', subtitle: 'text-xs', padding: 'py-6 px-4', maxW: 'max-w-xs' },\n sm: { icon: 'w-12 h-12', title: 'text-lg font-semibold', subtitle: 'text-sm', padding: 'py-8 px-4', maxW: 'max-w-sm' },\n md: { icon: 'w-16 h-16', title: 'text-xl font-semibold', subtitle: 'text-sm', padding: 'py-12 px-6', maxW: 'max-w-md' },\n lg: { icon: 'w-20 h-20', title: 'text-2xl font-bold', subtitle: 'text-base', padding: 'py-16 px-8', maxW: 'max-w-lg' },\n}\n\nconst statusIcons: Record<ResultStatus, React.ElementType> = {\n success: CircleCheck,\n error: CircleX,\n info: Info,\n warning: TriangleAlert,\n '403': TriangleAlert,\n '404': SearchX,\n '500': CircleX,\n}\n\nfunction StatusIcon({ status, sizeClass }: { status: ResultStatus; sizeClass: string }) {\n const Icon = statusIcons[status]\n return <Icon className={cn(sizeClass, statusConfig[status].color)} strokeWidth={1.5} />\n}\n\nconst Result = React.memo<ResultProps>(\n ({\n status = 'info',\n icon,\n title,\n subtitle,\n extra,\n children,\n size = 'md',\n className,\n classNames,\n }) => {\n const config = statusConfig[status]\n const s = sizeMap[size]\n\n return (\n <div\n data-slot=\"root\"\n className={cn(\n 'result_root',\n 'flex flex-col items-center text-center',\n s.padding,\n classNames?.root,\n className,\n )}\n >\n <div data-slot=\"icon\" className={cn('result_icon', 'mb-6', classNames?.icon)}>\n {icon ?? <StatusIcon status={status} sizeClass={s.icon} />}\n </div>\n\n <h3 data-slot=\"title\" className={cn('result_title', s.title, 'text-text-primary mb-2', classNames?.title)}>\n {title ?? config.defaultTitle}\n </h3>\n\n {subtitle && (\n <p data-slot=\"subtitle\" className={cn('result_subtitle', s.subtitle, 'text-text-secondary', s.maxW, 'mb-6', classNames?.subtitle)}>\n {subtitle}\n </p>\n )}\n\n {extra && (\n <div data-slot=\"extra\" className={cn('result_extra', 'flex items-center gap-3 mb-6', classNames?.extra)}>\n {extra}\n </div>\n )}\n\n {children && (\n <div data-slot=\"content\" className={cn('result_content', 'w-full', s.maxW, classNames?.content)}>\n {children}\n </div>\n )}\n </div>\n )\n },\n)\n\nResult.displayName = 'Result'\n\nexport type * from './types'\nexport default Result\n"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { cn } from './chunk-RAS6HUEI.js';
|
|
2
|
+
import { Check, Copy } from 'lucide-react';
|
|
2
3
|
import React, { useRef, useState, useCallback, useEffect } from 'react';
|
|
3
4
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
4
5
|
|
|
@@ -62,10 +63,7 @@ function CopyButton({ text }) {
|
|
|
62
63
|
onClick: handleCopy,
|
|
63
64
|
className: "inline-flex items-center ml-1 text-text-secondary hover:text-text-primary transition-colors cursor-pointer",
|
|
64
65
|
"aria-label": "Copy to clipboard",
|
|
65
|
-
children: copied ? /* @__PURE__ */ jsx(
|
|
66
|
-
/* @__PURE__ */ jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
|
|
67
|
-
/* @__PURE__ */ jsx("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
|
|
68
|
-
] })
|
|
66
|
+
children: copied ? /* @__PURE__ */ jsx(Check, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "w-3.5 h-3.5" })
|
|
69
67
|
}
|
|
70
68
|
);
|
|
71
69
|
}
|
|
@@ -207,5 +205,5 @@ var Paragraph = React.memo(
|
|
|
207
205
|
Paragraph.displayName = "Paragraph";
|
|
208
206
|
|
|
209
207
|
export { Paragraph, Text, Title };
|
|
210
|
-
//# sourceMappingURL=chunk-
|
|
211
|
-
//# sourceMappingURL=chunk-
|
|
208
|
+
//# sourceMappingURL=chunk-KR3GBSVA.js.map
|
|
209
|
+
//# sourceMappingURL=chunk-KR3GBSVA.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/typography/index.tsx"],"names":[],"mappings":"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","file":"chunk-KR3GBSVA.js","sourcesContent":["'use client'\n\nimport { Check, Copy } from 'lucide-react'\nimport React, { useState, useCallback, useRef, useEffect } from 'react'\n\nimport { cn } from '../utils'\nimport type { TitleProps, TextProps, ParagraphProps, TypographyLevel, TextSize } from './types'\n\nconst levelElements: Record<TypographyLevel, string> = {\n h1: 'h1', h2: 'h2', h3: 'h3', h4: 'h4', h5: 'h5', h6: 'h6',\n}\n\nconst levelClasses: Record<TypographyLevel, string> = {\n h1: 'text-4xl font-bold tracking-tight',\n h2: 'text-3xl font-semibold tracking-tight',\n h3: 'text-2xl font-semibold',\n h4: 'text-xl font-semibold',\n h5: 'text-lg font-medium',\n h6: 'text-base font-medium',\n}\n\nconst sizeClasses: Record<TextSize, string> = {\n xs: 'text-xs',\n sm: 'text-sm',\n md: 'text-base',\n lg: 'text-lg',\n xl: 'text-xl',\n '2xl': 'text-2xl',\n}\n\nconst weightClasses = {\n light: 'font-light',\n normal: 'font-normal',\n medium: 'font-medium',\n semibold: 'font-semibold',\n bold: 'font-bold',\n}\n\nconst textColorClasses = {\n default: 'text-text-primary',\n primary: 'text-primary',\n secondary: 'text-text-secondary',\n tertiary: 'text-text-secondary/60',\n accent: 'text-accent',\n success: 'text-success',\n error: 'text-error',\n warning: 'text-warning',\n info: 'text-info',\n inherit: '',\n}\n\nfunction CopyButton({ text }: { text: string }) {\n const [copied, setCopied] = useState(false)\n\n const handleCopy = useCallback(async () => {\n try {\n await navigator.clipboard.writeText(text)\n setCopied(true)\n setTimeout(() => setCopied(false), 2000)\n } catch { /* noop */ }\n }, [text])\n\n return (\n <button\n type=\"button\"\n onClick={handleCopy}\n className=\"inline-flex items-center ml-1 text-text-secondary hover:text-text-primary transition-colors cursor-pointer\"\n aria-label=\"Copy to clipboard\"\n >\n {copied ? (\n <Check className=\"w-3.5 h-3.5\" />\n ) : (\n <Copy className=\"w-3.5 h-3.5\" />\n )}\n </button>\n )\n}\n\nfunction useTruncation(truncate: boolean | number | undefined, ref: React.RefObject<HTMLElement | null>) {\n const [expanded, setExpanded] = useState(false)\n const [isTruncated, setIsTruncated] = useState(false)\n\n useEffect(() => {\n if (!truncate || expanded || !ref.current) return\n const el = ref.current\n setIsTruncated(el.scrollHeight > el.clientHeight || el.scrollWidth > el.clientWidth)\n }, [truncate, expanded, ref])\n\n return { expanded, setExpanded, isTruncated }\n}\n\n// ── Title ────────────────────────────────────────────────────\nconst Title = React.memo<TitleProps>(\n ({ level = 'h1', color = 'default', copyable = false, className, children, ...props }) => {\n const Tag = levelElements[level]\n const textContent = typeof children === 'string' ? children : ''\n\n return React.createElement(\n Tag as any,\n {\n 'data-slot': 'title',\n className: cn('typography_title', levelClasses[level], textColorClasses[color] || '', className),\n ...props,\n },\n <>\n {children}\n {copyable && textContent && <CopyButton text={textContent} />}\n </>,\n )\n },\n)\n\nTitle.displayName = 'Title'\n\n// ── Text ─────────────────────────────────────────────────────\nconst Text = React.memo<TextProps>(\n ({\n size = 'md',\n weight,\n color = 'default',\n truncate,\n copyable = false,\n code = false,\n mark = false,\n del: deleted = false,\n underline = false,\n strong = false,\n italic = false,\n as: Component = 'span',\n className,\n children,\n ...props\n }) => {\n const ref = useRef<HTMLElement>(null)\n const { expanded, setExpanded, isTruncated } = useTruncation(truncate, ref)\n const textContent = typeof children === 'string' ? children : ''\n\n const truncateClass = !expanded && truncate\n ? typeof truncate === 'number'\n ? `line-clamp-${truncate}`\n : 'truncate'\n : ''\n\n let content: React.ReactNode = children\n if (code) content = <code className=\"px-1 py-0.5 rounded bg-surface text-sm font-mono\">{content}</code>\n if (mark) content = <mark className=\"bg-warning/20 px-0.5 rounded-sm\">{content}</mark>\n if (deleted) content = <del>{content}</del>\n if (underline) content = <u>{content}</u>\n if (strong) content = <strong>{content}</strong>\n if (italic) content = <em>{content}</em>\n\n return React.createElement(\n Component,\n {\n ref: ref as any,\n 'data-slot': 'text',\n className: cn(\n 'typography_text',\n sizeClasses[size],\n weight && weightClasses[weight],\n textColorClasses[color] || '',\n truncateClass,\n className,\n ),\n ...props,\n },\n <>\n {content}\n {copyable && textContent && <CopyButton text={textContent} />}\n {isTruncated && !expanded && (\n <button\n type=\"button\"\n onClick={() => setExpanded(true)}\n className=\"text-primary hover:text-primary/80 ml-1 text-inherit cursor-pointer\"\n >\n more\n </button>\n )}\n </>,\n )\n },\n)\n\nText.displayName = 'Text'\n\n// ── Paragraph ────────────────────────────────────────────────\nconst Paragraph = React.memo<ParagraphProps>(\n ({\n size = 'md',\n color = 'default',\n truncate,\n copyable = false,\n className,\n children,\n ...props\n }) => {\n const ref = useRef<HTMLParagraphElement>(null)\n const { expanded, setExpanded, isTruncated } = useTruncation(truncate, ref)\n const textContent = typeof children === 'string' ? children : ''\n\n const truncateClass = !expanded && truncate\n ? typeof truncate === 'number'\n ? `line-clamp-${truncate}`\n : 'truncate'\n : ''\n\n return (\n <p\n ref={ref}\n data-slot=\"paragraph\"\n className={cn(\n 'typography_paragraph',\n sizeClasses[size],\n textColorClasses[color] || '',\n truncateClass,\n 'leading-relaxed',\n className,\n )}\n {...props}\n >\n {children}\n {copyable && textContent && <CopyButton text={textContent} />}\n {isTruncated && !expanded && (\n <button\n type=\"button\"\n onClick={() => setExpanded(true)}\n className=\"text-primary hover:text-primary/80 ml-1 text-inherit cursor-pointer\"\n >\n more\n </button>\n )}\n </p>\n )\n },\n)\n\nParagraph.displayName = 'Paragraph'\n\nexport type * from './types'\nexport { Title, Text, Paragraph }\n"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { useControllable } from './chunk-CB7YOZWV.js';
|
|
2
|
+
import { Popover, PopoverAnchor, PopoverContent } from './chunk-6XXAZ6P2.js';
|
|
2
3
|
import { colorVars } from './chunk-G6QIIWKU.js';
|
|
3
4
|
import { cn, iconSizes, statusMessageVariants } from './chunk-RAS6HUEI.js';
|
|
4
5
|
import { cva } from 'class-variance-authority';
|
|
@@ -70,14 +71,13 @@ var Autocomplete = React.memo(
|
|
|
70
71
|
className,
|
|
71
72
|
classNames
|
|
72
73
|
}) => {
|
|
73
|
-
const [
|
|
74
|
+
const [currentValue, setCurrentValue] = useControllable({ value, defaultValue, onChange });
|
|
74
75
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
75
76
|
const [highlightIdx, setHighlightIdx] = React.useState(-1);
|
|
76
77
|
const inputRef = React.useRef(null);
|
|
77
78
|
const listRef = React.useRef(null);
|
|
78
79
|
const labelId = React.useId();
|
|
79
80
|
const selectingRef = React.useRef(false);
|
|
80
|
-
const currentValue = value !== void 0 ? value : internalValue;
|
|
81
81
|
const status = error ? "error" : statusProp || "default";
|
|
82
82
|
const options = React.useMemo(
|
|
83
83
|
() => rawOptions.map(normalizeOption),
|
|
@@ -91,8 +91,7 @@ var Autocomplete = React.memo(
|
|
|
91
91
|
setHighlightIdx(-1);
|
|
92
92
|
}, [filtered.length]);
|
|
93
93
|
const updateValue = (v) => {
|
|
94
|
-
|
|
95
|
-
onChange?.(v);
|
|
94
|
+
setCurrentValue(v);
|
|
96
95
|
};
|
|
97
96
|
const open = () => {
|
|
98
97
|
if (!disabled) setIsOpen(true);
|
|
@@ -131,7 +130,7 @@ var Autocomplete = React.memo(
|
|
|
131
130
|
return;
|
|
132
131
|
}
|
|
133
132
|
setHighlightIdx((i) => Math.max(i - 1, 0));
|
|
134
|
-
} else if (e.key === "Enter" && highlightIdx >= 0 && isOpen) {
|
|
133
|
+
} else if (e.key === "Enter" && highlightIdx >= 0 && isOpen && filtered[highlightIdx]) {
|
|
135
134
|
e.preventDefault();
|
|
136
135
|
handleSelect(filtered[highlightIdx]);
|
|
137
136
|
} else if (e.key === "Escape") {
|
|
@@ -303,5 +302,5 @@ Autocomplete.displayName = "Autocomplete";
|
|
|
303
302
|
var autocomplete_default = Autocomplete;
|
|
304
303
|
|
|
305
304
|
export { autocomplete_default };
|
|
306
|
-
//# sourceMappingURL=chunk-
|
|
307
|
-
//# sourceMappingURL=chunk-
|
|
305
|
+
//# sourceMappingURL=chunk-KTK7LSKX.js.map
|
|
306
|
+
//# sourceMappingURL=chunk-KTK7LSKX.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/autocomplete/index.tsx"],"names":[],"mappings":"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","file":"chunk-KTK7LSKX.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { Loader2, X, ChevronDown } from 'lucide-react'\nimport { useControllable } from '../hooks/useControllable'\nimport { Popover, PopoverAnchor, PopoverContent } from '../popover'\nimport { cn, iconSizes, statusMessageVariants } from '../utils'\nimport { colorVars } from '../variants'\nimport type { AutocompleteOption, AutocompleteProps } from './types'\n\nconst inputVariants = cva(\n 'w-full flex items-center rounded-md bg-background text-text-primary border outline-none transition-colors',\n {\n variants: {\n status: {\n default: 'border-border focus-within:border-slot hover:border-slot-50',\n primary: 'border-slot', secondary: 'border-slot', accent: 'border-slot',\n success: 'border-slot', error: 'border-slot', warning: 'border-slot', info: 'border-slot',\n },\n size: {\n xs: 'h-(--input-height-xs) px-2 text-xs gap-1.5',\n sm: 'h-(--input-height-sm) px-2.5 text-sm gap-2',\n md: 'h-(--input-height-md) px-3 text-base gap-2',\n lg: 'h-(--input-height-lg) px-3.5 text-lg gap-2.5',\n },\n fullWidth: {\n true: 'w-full',\n false: '',\n },\n disabled: {\n true: 'opacity-50 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n status: 'default',\n size: 'md',\n fullWidth: true,\n disabled: false,\n },\n },\n)\n\nfunction normalizeOption(opt: string | AutocompleteOption): AutocompleteOption {\n return typeof opt === 'string' ? { label: opt, value: opt } : opt\n}\n\nconst defaultFilter = (query: string, option: AutocompleteOption) =>\n option.label.toLowerCase().includes(query.toLowerCase())\n\nconst Autocomplete = React.memo<AutocompleteProps>(\n ({\n value,\n defaultValue = '',\n onChange,\n onSelect,\n options: rawOptions,\n placeholder,\n label,\n helperText,\n error,\n size = 'md',\n status: statusProp,\n disabled = false,\n loading = false,\n clearable = false,\n filter = defaultFilter,\n limit = 10,\n emptyMessage = 'No results',\n fullWidth = true,\n className,\n classNames,\n }) => {\n const [currentValue, setCurrentValue] = useControllable({ value, defaultValue, onChange })\n const [isOpen, setIsOpen] = React.useState(false)\n const [highlightIdx, setHighlightIdx] = React.useState(-1)\n const inputRef = React.useRef<HTMLInputElement>(null)\n const listRef = React.useRef<HTMLDivElement>(null)\n const labelId = React.useId()\n // Guard against blur closing the dropdown while clicking an option\n const selectingRef = React.useRef(false)\n const status = error ? 'error' : statusProp || 'default'\n\n const options = React.useMemo(\n () => rawOptions.map(normalizeOption),\n [rawOptions],\n )\n\n const filtered = React.useMemo(() => {\n if (!currentValue) return options.slice(0, limit)\n return options.filter((o) => filter(currentValue, o)).slice(0, limit)\n }, [currentValue, options, filter, limit])\n\n // Reset highlight when filtered list changes\n React.useEffect(() => {\n setHighlightIdx(-1)\n }, [filtered.length])\n\n const updateValue = (v: string) => {\n setCurrentValue(v)\n }\n\n const open = () => {\n if (!disabled) setIsOpen(true)\n }\n\n const close = () => {\n setIsOpen(false)\n setHighlightIdx(-1)\n }\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n updateValue(e.target.value)\n open()\n }\n\n const handleSelect = (option: AutocompleteOption) => {\n if (option.disabled) return\n updateValue(option.label)\n onSelect?.(option)\n close()\n // Refocus input after selection\n requestAnimationFrame(() => inputRef.current?.focus())\n }\n\n const handleClear = () => {\n updateValue('')\n inputRef.current?.focus()\n }\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'ArrowDown') {\n e.preventDefault()\n if (!isOpen) { open(); return }\n setHighlightIdx((i) => Math.min(i + 1, filtered.length - 1))\n } else if (e.key === 'ArrowUp') {\n e.preventDefault()\n if (!isOpen) { open(); return }\n setHighlightIdx((i) => Math.max(i - 1, 0))\n } else if (e.key === 'Enter' && highlightIdx >= 0 && isOpen && filtered[highlightIdx]) {\n e.preventDefault()\n handleSelect(filtered[highlightIdx])\n } else if (e.key === 'Escape') {\n close()\n } else if (e.key === 'Tab') {\n close()\n }\n }\n\n const handleFocus = () => {\n open()\n }\n\n const handleBlur = () => {\n // Delay close so option mousedown/click can fire first\n setTimeout(() => {\n if (!selectingRef.current) close()\n selectingRef.current = false\n }, 150)\n }\n\n React.useEffect(() => {\n if (highlightIdx >= 0 && listRef.current) {\n const el = listRef.current.children[highlightIdx] as HTMLElement\n el?.scrollIntoView?.({ block: 'nearest' })\n }\n }, [highlightIdx])\n\n return (\n <div\n data-slot=\"root\"\n className={cn(\n 'autocomplete_root',\n 'flex flex-col gap-1.5',\n colorVars[status === 'default' ? 'primary' : status],\n fullWidth ? 'w-full' : 'inline-flex',\n classNames?.root,\n className,\n )}\n >\n {label && (\n <label\n id={labelId}\n className=\"text-sm font-medium text-text-primary\"\n >\n {label}\n </label>\n )}\n\n <Popover open={isOpen && !disabled} onOpenChange={(v) => { if (!v) close() }}>\n <PopoverAnchor asChild>\n <div\n className={inputVariants({ status, size, fullWidth, disabled })}\n onClick={() => { if (!isOpen) open(); inputRef.current?.focus() }}\n >\n <input\n ref={inputRef}\n type=\"text\"\n role=\"combobox\"\n aria-expanded={isOpen}\n aria-autocomplete=\"list\"\n aria-labelledby={label ? labelId : undefined}\n className=\"flex-1 min-w-0 bg-transparent outline-none placeholder:text-text-secondary/50\"\n placeholder={placeholder}\n value={currentValue}\n onChange={handleInputChange}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n />\n {loading && (\n <Loader2 className={cn('animate-spin text-text-secondary', iconSizes[size])} />\n )}\n {clearable && currentValue && !disabled && !loading && (\n <button\n type=\"button\"\n onMouseDown={(e) => e.preventDefault()}\n onClick={(e) => { e.stopPropagation(); handleClear() }}\n className=\"text-text-secondary hover:text-text-primary transition-colors cursor-pointer\"\n tabIndex={-1}\n aria-label=\"Clear\"\n >\n <X className={iconSizes[size]} />\n </button>\n )}\n {!loading && !clearable && (\n <ChevronDown\n className={cn(\n 'text-text-secondary transition-transform duration-200',\n iconSizes[size],\n isOpen && 'rotate-180',\n )}\n />\n )}\n </div>\n </PopoverAnchor>\n\n <PopoverContent\n className={cn(\n 'autocomplete_dropdown',\n 'p-1 w-[var(--radix-popover-trigger-width)] max-h-60 overflow-y-auto',\n classNames?.dropdown,\n )}\n align=\"start\"\n onOpenAutoFocus={(e) => e.preventDefault()}\n onCloseAutoFocus={(e) => e.preventDefault()}\n onInteractOutside={(e) => {\n // Don't close if clicking the anchor/input area\n const target = e.target as HTMLElement\n if (inputRef.current?.contains(target)) {\n e.preventDefault()\n }\n }}\n >\n <div ref={listRef} role=\"listbox\">\n {filtered.length === 0 ? (\n <div\n className={cn(\n 'autocomplete_empty',\n 'px-3 py-2 text-sm text-text-secondary text-center',\n classNames?.empty,\n )}\n >\n {emptyMessage}\n </div>\n ) : (\n filtered.map((option, idx) => (\n <div\n key={option.value}\n role=\"option\"\n aria-selected={idx === highlightIdx}\n aria-disabled={option.disabled}\n onMouseDown={(e) => {\n // Prevent blur from firing before select\n e.preventDefault()\n selectingRef.current = true\n }}\n onClick={() => handleSelect(option)}\n onMouseEnter={() => setHighlightIdx(idx)}\n className={cn(\n 'autocomplete_option',\n 'px-3 py-2 text-sm rounded-md cursor-pointer transition-colors',\n idx === highlightIdx && 'bg-surface',\n option.disabled && 'opacity-50 cursor-not-allowed',\n !option.disabled && 'hover:bg-surface',\n classNames?.option,\n )}\n >\n {option.label}\n </div>\n ))\n )}\n </div>\n </PopoverContent>\n </Popover>\n\n {(error || helperText) && (\n <p className={cn(\n 'text-xs',\n error ? statusMessageVariants({ status: 'error' }) : 'text-text-secondary',\n )}>\n {error || helperText}\n </p>\n )}\n </div>\n )\n },\n)\n\nAutocomplete.displayName = 'Autocomplete'\n\nexport type * from './types'\nexport default Autocomplete\n"]}
|