7240 lines
373 KiB
JavaScript
7240 lines
373 KiB
JavaScript
(globalThis.TURBOPACK || (globalThis.TURBOPACK = [])).push([typeof document === "object" ? document.currentScript : undefined,
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/router/utils/querystring.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
0 && (module.exports = {
|
||
assign: null,
|
||
searchParamsToUrlQuery: null,
|
||
urlQueryToSearchParams: null
|
||
});
|
||
function _export(target, all) {
|
||
for(var name in all)Object.defineProperty(target, name, {
|
||
enumerable: true,
|
||
get: all[name]
|
||
});
|
||
}
|
||
_export(exports, {
|
||
assign: function() {
|
||
return assign;
|
||
},
|
||
searchParamsToUrlQuery: function() {
|
||
return searchParamsToUrlQuery;
|
||
},
|
||
urlQueryToSearchParams: function() {
|
||
return urlQueryToSearchParams;
|
||
}
|
||
});
|
||
function searchParamsToUrlQuery(searchParams) {
|
||
const query = {};
|
||
for (const [key, value] of searchParams.entries()){
|
||
const existing = query[key];
|
||
if (typeof existing === 'undefined') {
|
||
query[key] = value;
|
||
} else if (Array.isArray(existing)) {
|
||
existing.push(value);
|
||
} else {
|
||
query[key] = [
|
||
existing,
|
||
value
|
||
];
|
||
}
|
||
}
|
||
return query;
|
||
}
|
||
function stringifyUrlQueryParam(param) {
|
||
if (typeof param === 'string') {
|
||
return param;
|
||
}
|
||
if (typeof param === 'number' && !isNaN(param) || typeof param === 'boolean') {
|
||
return String(param);
|
||
} else {
|
||
return '';
|
||
}
|
||
}
|
||
function urlQueryToSearchParams(query) {
|
||
const searchParams = new URLSearchParams();
|
||
for (const [key, value] of Object.entries(query)){
|
||
if (Array.isArray(value)) {
|
||
for (const item of value){
|
||
searchParams.append(key, stringifyUrlQueryParam(item));
|
||
}
|
||
} else {
|
||
searchParams.set(key, stringifyUrlQueryParam(value));
|
||
}
|
||
}
|
||
return searchParams;
|
||
}
|
||
function assign(target, ...searchParamsList) {
|
||
for (const searchParams of searchParamsList){
|
||
for (const key of searchParams.keys()){
|
||
target.delete(key);
|
||
}
|
||
for (const [key, value] of searchParams.entries()){
|
||
target.append(key, value);
|
||
}
|
||
}
|
||
return target;
|
||
} //# sourceMappingURL=querystring.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/router/utils/format-url.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
// Format function modified from nodejs
|
||
// Copyright Joyent, Inc. and other Node contributors.
|
||
//
|
||
// Permission is hereby granted, free of charge, to any person obtaining a
|
||
// copy of this software and associated documentation files (the
|
||
// "Software"), to deal in the Software without restriction, including
|
||
// without limitation the rights to use, copy, modify, merge, publish,
|
||
// distribute, sublicense, and/or sell copies of the Software, and to permit
|
||
// persons to whom the Software is furnished to do so, subject to the
|
||
// following conditions:
|
||
//
|
||
// The above copyright notice and this permission notice shall be included
|
||
// in all copies or substantial portions of the Software.
|
||
//
|
||
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
||
// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
||
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN
|
||
// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
|
||
// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR
|
||
// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE
|
||
// USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$build$2f$polyfills$2f$process$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = /*#__PURE__*/ __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/build/polyfills/process.js [app-client] (ecmascript)");
|
||
"use strict";
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
0 && (module.exports = {
|
||
formatUrl: null,
|
||
formatWithValidation: null,
|
||
urlObjectKeys: null
|
||
});
|
||
function _export(target, all) {
|
||
for(var name in all)Object.defineProperty(target, name, {
|
||
enumerable: true,
|
||
get: all[name]
|
||
});
|
||
}
|
||
_export(exports, {
|
||
formatUrl: function() {
|
||
return formatUrl;
|
||
},
|
||
formatWithValidation: function() {
|
||
return formatWithValidation;
|
||
},
|
||
urlObjectKeys: function() {
|
||
return urlObjectKeys;
|
||
}
|
||
});
|
||
const _interop_require_wildcard = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@swc+helpers@0.5.15/node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs [app-client] (ecmascript)");
|
||
const _querystring = /*#__PURE__*/ _interop_require_wildcard._(__turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/router/utils/querystring.js [app-client] (ecmascript)"));
|
||
const slashedProtocols = /https?|ftp|gopher|file/;
|
||
function formatUrl(urlObj) {
|
||
let { auth, hostname } = urlObj;
|
||
let protocol = urlObj.protocol || '';
|
||
let pathname = urlObj.pathname || '';
|
||
let hash = urlObj.hash || '';
|
||
let query = urlObj.query || '';
|
||
let host = false;
|
||
auth = auth ? encodeURIComponent(auth).replace(/%3A/i, ':') + '@' : '';
|
||
if (urlObj.host) {
|
||
host = auth + urlObj.host;
|
||
} else if (hostname) {
|
||
host = auth + (~hostname.indexOf(':') ? `[${hostname}]` : hostname);
|
||
if (urlObj.port) {
|
||
host += ':' + urlObj.port;
|
||
}
|
||
}
|
||
if (query && typeof query === 'object') {
|
||
query = String(_querystring.urlQueryToSearchParams(query));
|
||
}
|
||
let search = urlObj.search || query && `?${query}` || '';
|
||
if (protocol && !protocol.endsWith(':')) protocol += ':';
|
||
if (urlObj.slashes || (!protocol || slashedProtocols.test(protocol)) && host !== false) {
|
||
host = '//' + (host || '');
|
||
if (pathname && pathname[0] !== '/') pathname = '/' + pathname;
|
||
} else if (!host) {
|
||
host = '';
|
||
}
|
||
if (hash && hash[0] !== '#') hash = '#' + hash;
|
||
if (search && search[0] !== '?') search = '?' + search;
|
||
pathname = pathname.replace(/[?#]/g, encodeURIComponent);
|
||
search = search.replace('#', '%23');
|
||
return `${protocol}${host}${pathname}${search}${hash}`;
|
||
}
|
||
const urlObjectKeys = [
|
||
'auth',
|
||
'hash',
|
||
'host',
|
||
'hostname',
|
||
'href',
|
||
'path',
|
||
'pathname',
|
||
'port',
|
||
'protocol',
|
||
'query',
|
||
'search',
|
||
'slashes'
|
||
];
|
||
function formatWithValidation(url) {
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (url !== null && typeof url === 'object') {
|
||
Object.keys(url).forEach((key)=>{
|
||
if (!urlObjectKeys.includes(key)) {
|
||
console.warn(`Unknown key passed via urlObject into url.format: ${key}`);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
return formatUrl(url);
|
||
} //# sourceMappingURL=format-url.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/use-merged-ref.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
Object.defineProperty(exports, "useMergedRef", {
|
||
enumerable: true,
|
||
get: function() {
|
||
return useMergedRef;
|
||
}
|
||
});
|
||
const _react = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
function useMergedRef(refA, refB) {
|
||
const cleanupA = (0, _react.useRef)(null);
|
||
const cleanupB = (0, _react.useRef)(null);
|
||
// NOTE: In theory, we could skip the wrapping if only one of the refs is non-null.
|
||
// (this happens often if the user doesn't pass a ref to Link/Form/Image)
|
||
// But this can cause us to leak a cleanup-ref into user code (previously via `<Link legacyBehavior>`),
|
||
// and the user might pass that ref into ref-merging library that doesn't support cleanup refs
|
||
// (because it hasn't been updated for React 19)
|
||
// which can then cause things to blow up, because a cleanup-returning ref gets called with `null`.
|
||
// So in practice, it's safer to be defensive and always wrap the ref, even on React 19.
|
||
return (0, _react.useCallback)((current)=>{
|
||
if (current === null) {
|
||
const cleanupFnA = cleanupA.current;
|
||
if (cleanupFnA) {
|
||
cleanupA.current = null;
|
||
cleanupFnA();
|
||
}
|
||
const cleanupFnB = cleanupB.current;
|
||
if (cleanupFnB) {
|
||
cleanupB.current = null;
|
||
cleanupFnB();
|
||
}
|
||
} else {
|
||
if (refA) {
|
||
cleanupA.current = applyRef(refA, current);
|
||
}
|
||
if (refB) {
|
||
cleanupB.current = applyRef(refB, current);
|
||
}
|
||
}
|
||
}, [
|
||
refA,
|
||
refB
|
||
]);
|
||
}
|
||
function applyRef(refA, current) {
|
||
if (typeof refA === 'function') {
|
||
const cleanup = refA(current);
|
||
if (typeof cleanup === 'function') {
|
||
return cleanup;
|
||
} else {
|
||
return ()=>refA(null);
|
||
}
|
||
} else {
|
||
refA.current = current;
|
||
return ()=>{
|
||
refA.current = null;
|
||
};
|
||
}
|
||
}
|
||
if ((typeof exports.default === 'function' || typeof exports.default === 'object' && exports.default !== null) && typeof exports.default.__esModule === 'undefined') {
|
||
Object.defineProperty(exports.default, '__esModule', {
|
||
value: true
|
||
});
|
||
Object.assign(exports.default, exports);
|
||
module.exports = exports.default;
|
||
} //# sourceMappingURL=use-merged-ref.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/utils.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$build$2f$polyfills$2f$process$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = /*#__PURE__*/ __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/build/polyfills/process.js [app-client] (ecmascript)");
|
||
"use strict";
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
0 && (module.exports = {
|
||
DecodeError: null,
|
||
MiddlewareNotFoundError: null,
|
||
MissingStaticPage: null,
|
||
NormalizeError: null,
|
||
PageNotFoundError: null,
|
||
SP: null,
|
||
ST: null,
|
||
WEB_VITALS: null,
|
||
execOnce: null,
|
||
getDisplayName: null,
|
||
getLocationOrigin: null,
|
||
getURL: null,
|
||
isAbsoluteUrl: null,
|
||
isResSent: null,
|
||
loadGetInitialProps: null,
|
||
normalizeRepeatedSlashes: null,
|
||
stringifyError: null
|
||
});
|
||
function _export(target, all) {
|
||
for(var name in all)Object.defineProperty(target, name, {
|
||
enumerable: true,
|
||
get: all[name]
|
||
});
|
||
}
|
||
_export(exports, {
|
||
DecodeError: function() {
|
||
return DecodeError;
|
||
},
|
||
MiddlewareNotFoundError: function() {
|
||
return MiddlewareNotFoundError;
|
||
},
|
||
MissingStaticPage: function() {
|
||
return MissingStaticPage;
|
||
},
|
||
NormalizeError: function() {
|
||
return NormalizeError;
|
||
},
|
||
PageNotFoundError: function() {
|
||
return PageNotFoundError;
|
||
},
|
||
SP: function() {
|
||
return SP;
|
||
},
|
||
ST: function() {
|
||
return ST;
|
||
},
|
||
WEB_VITALS: function() {
|
||
return WEB_VITALS;
|
||
},
|
||
execOnce: function() {
|
||
return execOnce;
|
||
},
|
||
getDisplayName: function() {
|
||
return getDisplayName;
|
||
},
|
||
getLocationOrigin: function() {
|
||
return getLocationOrigin;
|
||
},
|
||
getURL: function() {
|
||
return getURL;
|
||
},
|
||
isAbsoluteUrl: function() {
|
||
return isAbsoluteUrl;
|
||
},
|
||
isResSent: function() {
|
||
return isResSent;
|
||
},
|
||
loadGetInitialProps: function() {
|
||
return loadGetInitialProps;
|
||
},
|
||
normalizeRepeatedSlashes: function() {
|
||
return normalizeRepeatedSlashes;
|
||
},
|
||
stringifyError: function() {
|
||
return stringifyError;
|
||
}
|
||
});
|
||
const WEB_VITALS = [
|
||
'CLS',
|
||
'FCP',
|
||
'FID',
|
||
'INP',
|
||
'LCP',
|
||
'TTFB'
|
||
];
|
||
function execOnce(fn) {
|
||
let used = false;
|
||
let result;
|
||
return (...args)=>{
|
||
if (!used) {
|
||
used = true;
|
||
result = fn(...args);
|
||
}
|
||
return result;
|
||
};
|
||
}
|
||
// Scheme: https://tools.ietf.org/html/rfc3986#section-3.1
|
||
// Absolute URL: https://tools.ietf.org/html/rfc3986#section-4.3
|
||
const ABSOLUTE_URL_REGEX = /^[a-zA-Z][a-zA-Z\d+\-.]*?:/;
|
||
const isAbsoluteUrl = (url)=>ABSOLUTE_URL_REGEX.test(url);
|
||
function getLocationOrigin() {
|
||
const { protocol, hostname, port } = window.location;
|
||
return `${protocol}//${hostname}${port ? ':' + port : ''}`;
|
||
}
|
||
function getURL() {
|
||
const { href } = window.location;
|
||
const origin = getLocationOrigin();
|
||
return href.substring(origin.length);
|
||
}
|
||
function getDisplayName(Component) {
|
||
return typeof Component === 'string' ? Component : Component.displayName || Component.name || 'Unknown';
|
||
}
|
||
function isResSent(res) {
|
||
return res.finished || res.headersSent;
|
||
}
|
||
function normalizeRepeatedSlashes(url) {
|
||
const urlParts = url.split('?');
|
||
const urlNoQuery = urlParts[0];
|
||
return urlNoQuery // first we replace any non-encoded backslashes with forward
|
||
// then normalize repeated forward slashes
|
||
.replace(/\\/g, '/').replace(/\/\/+/g, '/') + (urlParts[1] ? `?${urlParts.slice(1).join('?')}` : '');
|
||
}
|
||
async function loadGetInitialProps(App, ctx) {
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (App.prototype?.getInitialProps) {
|
||
const message = `"${getDisplayName(App)}.getInitialProps()" is defined as an instance method - visit https://nextjs.org/docs/messages/get-initial-props-as-an-instance-method for more information.`;
|
||
throw Object.defineProperty(new Error(message), "__NEXT_ERROR_CODE", {
|
||
value: "E394",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
}
|
||
// when called from _app `ctx` is nested in `ctx`
|
||
const res = ctx.res || ctx.ctx && ctx.ctx.res;
|
||
if (!App.getInitialProps) {
|
||
if (ctx.ctx && ctx.Component) {
|
||
// @ts-ignore pageProps default
|
||
return {
|
||
pageProps: await loadGetInitialProps(ctx.Component, ctx.ctx)
|
||
};
|
||
}
|
||
return {};
|
||
}
|
||
const props = await App.getInitialProps(ctx);
|
||
if (res && isResSent(res)) {
|
||
return props;
|
||
}
|
||
if (!props) {
|
||
const message = `"${getDisplayName(App)}.getInitialProps()" should resolve to an object. But found "${props}" instead.`;
|
||
throw Object.defineProperty(new Error(message), "__NEXT_ERROR_CODE", {
|
||
value: "E394",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (Object.keys(props).length === 0 && !ctx.ctx) {
|
||
console.warn(`${getDisplayName(App)} returned an empty object from \`getInitialProps\`. This de-optimizes and prevents automatic static optimization. https://nextjs.org/docs/messages/empty-object-getInitialProps`);
|
||
}
|
||
}
|
||
return props;
|
||
}
|
||
const SP = typeof performance !== 'undefined';
|
||
const ST = SP && [
|
||
'mark',
|
||
'measure',
|
||
'getEntriesByName'
|
||
].every((method)=>typeof performance[method] === 'function');
|
||
class DecodeError extends Error {
|
||
}
|
||
class NormalizeError extends Error {
|
||
}
|
||
class PageNotFoundError extends Error {
|
||
constructor(page){
|
||
super();
|
||
this.code = 'ENOENT';
|
||
this.name = 'PageNotFoundError';
|
||
this.message = `Cannot find module for page: ${page}`;
|
||
}
|
||
}
|
||
class MissingStaticPage extends Error {
|
||
constructor(page, message){
|
||
super();
|
||
this.message = `Failed to load static file for page: ${page} ${message}`;
|
||
}
|
||
}
|
||
class MiddlewareNotFoundError extends Error {
|
||
constructor(){
|
||
super();
|
||
this.code = 'ENOENT';
|
||
this.message = `Cannot find the middleware module`;
|
||
}
|
||
}
|
||
function stringifyError(error) {
|
||
return JSON.stringify({
|
||
message: error.message,
|
||
stack: error.stack
|
||
});
|
||
} //# sourceMappingURL=utils.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/router/utils/is-local-url.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
Object.defineProperty(exports, "isLocalURL", {
|
||
enumerable: true,
|
||
get: function() {
|
||
return isLocalURL;
|
||
}
|
||
});
|
||
const _utils = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/utils.js [app-client] (ecmascript)");
|
||
const _hasbasepath = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/has-base-path.js [app-client] (ecmascript)");
|
||
function isLocalURL(url) {
|
||
// prevent a hydration mismatch on href for url with anchor refs
|
||
if (!(0, _utils.isAbsoluteUrl)(url)) return true;
|
||
try {
|
||
// absolute urls can be local if they are on the same origin
|
||
const locationOrigin = (0, _utils.getLocationOrigin)();
|
||
const resolved = new URL(url, locationOrigin);
|
||
return resolved.origin === locationOrigin && (0, _hasbasepath.hasBasePath)(resolved.pathname);
|
||
} catch (_) {
|
||
return false;
|
||
}
|
||
} //# sourceMappingURL=is-local-url.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/utils/error-once.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$build$2f$polyfills$2f$process$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = /*#__PURE__*/ __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/build/polyfills/process.js [app-client] (ecmascript)");
|
||
"use strict";
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
Object.defineProperty(exports, "errorOnce", {
|
||
enumerable: true,
|
||
get: function() {
|
||
return errorOnce;
|
||
}
|
||
});
|
||
let errorOnce = (_)=>{};
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
const errors = new Set();
|
||
errorOnce = (msg)=>{
|
||
if (!errors.has(msg)) {
|
||
console.error(msg);
|
||
}
|
||
errors.add(msg);
|
||
};
|
||
} //# sourceMappingURL=error-once.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/app-dir/link.js [app-client] (ecmascript)", ((__turbopack_context__, module, exports) => {
|
||
"use strict";
|
||
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$build$2f$polyfills$2f$process$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = /*#__PURE__*/ __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/build/polyfills/process.js [app-client] (ecmascript)");
|
||
'use client';
|
||
"use strict";
|
||
Object.defineProperty(exports, "__esModule", {
|
||
value: true
|
||
});
|
||
0 && (module.exports = {
|
||
default: null,
|
||
useLinkStatus: null
|
||
});
|
||
function _export(target, all) {
|
||
for(var name in all)Object.defineProperty(target, name, {
|
||
enumerable: true,
|
||
get: all[name]
|
||
});
|
||
}
|
||
_export(exports, {
|
||
/**
|
||
* A React component that extends the HTML `<a>` element to provide
|
||
* [prefetching](https://nextjs.org/docs/app/building-your-application/routing/linking-and-navigating#2-prefetching)
|
||
* and client-side navigation. This is the primary way to navigate between routes in Next.js.
|
||
*
|
||
* @remarks
|
||
* - Prefetching is only enabled in production.
|
||
*
|
||
* @see https://nextjs.org/docs/app/api-reference/components/link
|
||
*/ default: function() {
|
||
return LinkComponent;
|
||
},
|
||
useLinkStatus: function() {
|
||
return useLinkStatus;
|
||
}
|
||
});
|
||
const _interop_require_wildcard = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@swc+helpers@0.5.15/node_modules/@swc/helpers/cjs/_interop_require_wildcard.cjs [app-client] (ecmascript)");
|
||
const _jsxruntime = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
const _react = /*#__PURE__*/ _interop_require_wildcard._(__turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)"));
|
||
const _formaturl = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/router/utils/format-url.js [app-client] (ecmascript)");
|
||
const _approutercontextsharedruntime = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/app-router-context.shared-runtime.js [app-client] (ecmascript)");
|
||
const _usemergedref = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/use-merged-ref.js [app-client] (ecmascript)");
|
||
const _utils = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/utils.js [app-client] (ecmascript)");
|
||
const _addbasepath = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/add-base-path.js [app-client] (ecmascript)");
|
||
const _warnonce = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/utils/warn-once.js [app-client] (ecmascript)");
|
||
const _links = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/components/links.js [app-client] (ecmascript)");
|
||
const _islocalurl = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/router/utils/is-local-url.js [app-client] (ecmascript)");
|
||
const _types = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/components/segment-cache/types.js [app-client] (ecmascript)");
|
||
const _erroronce = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/shared/lib/utils/error-once.js [app-client] (ecmascript)");
|
||
function isModifiedEvent(event) {
|
||
const eventTarget = event.currentTarget;
|
||
const target = eventTarget.getAttribute('target');
|
||
return target && target !== '_self' || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey || // triggers resource download
|
||
event.nativeEvent && event.nativeEvent.which === 2;
|
||
}
|
||
function linkClicked(e, href, as, linkInstanceRef, replace, scroll, onNavigate) {
|
||
if (typeof window !== 'undefined') {
|
||
const { nodeName } = e.currentTarget;
|
||
// anchors inside an svg have a lowercase nodeName
|
||
const isAnchorNodeName = nodeName.toUpperCase() === 'A';
|
||
if (isAnchorNodeName && isModifiedEvent(e) || e.currentTarget.hasAttribute('download')) {
|
||
// ignore click for browser’s default behavior
|
||
return;
|
||
}
|
||
if (!(0, _islocalurl.isLocalURL)(href)) {
|
||
if (replace) {
|
||
// browser default behavior does not replace the history state
|
||
// so we need to do it manually
|
||
e.preventDefault();
|
||
location.replace(href);
|
||
}
|
||
// ignore click for browser’s default behavior
|
||
return;
|
||
}
|
||
e.preventDefault();
|
||
if (onNavigate) {
|
||
let isDefaultPrevented = false;
|
||
onNavigate({
|
||
preventDefault: ()=>{
|
||
isDefaultPrevented = true;
|
||
}
|
||
});
|
||
if (isDefaultPrevented) {
|
||
return;
|
||
}
|
||
}
|
||
const { dispatchNavigateAction } = __turbopack_context__.r("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/client/components/app-router-instance.js [app-client] (ecmascript)");
|
||
_react.default.startTransition(()=>{
|
||
dispatchNavigateAction(as || href, replace ? 'replace' : 'push', scroll ?? true, linkInstanceRef.current);
|
||
});
|
||
}
|
||
}
|
||
function formatStringOrUrl(urlObjOrString) {
|
||
if (typeof urlObjOrString === 'string') {
|
||
return urlObjOrString;
|
||
}
|
||
return (0, _formaturl.formatUrl)(urlObjOrString);
|
||
}
|
||
function LinkComponent(props) {
|
||
const [linkStatus, setOptimisticLinkStatus] = (0, _react.useOptimistic)(_links.IDLE_LINK_STATUS);
|
||
let children;
|
||
const linkInstanceRef = (0, _react.useRef)(null);
|
||
const { href: hrefProp, as: asProp, children: childrenProp, prefetch: prefetchProp = null, passHref, replace, shallow, scroll, onClick, onMouseEnter: onMouseEnterProp, onTouchStart: onTouchStartProp, legacyBehavior = false, onNavigate, ref: forwardedRef, unstable_dynamicOnHover, ...restProps } = props;
|
||
children = childrenProp;
|
||
if (legacyBehavior && (typeof children === 'string' || typeof children === 'number')) {
|
||
children = /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
|
||
children: children
|
||
});
|
||
}
|
||
const router = _react.default.useContext(_approutercontextsharedruntime.AppRouterContext);
|
||
const prefetchEnabled = prefetchProp !== false;
|
||
const fetchStrategy = prefetchProp !== false ? getFetchStrategyFromPrefetchProp(prefetchProp) : _types.FetchStrategy.PPR;
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
function createPropError(args) {
|
||
return Object.defineProperty(new Error(`Failed prop type: The prop \`${args.key}\` expects a ${args.expected} in \`<Link>\`, but got \`${args.actual}\` instead.` + (typeof window !== 'undefined' ? "\nOpen your browser's console to view the Component stack trace." : '')), "__NEXT_ERROR_CODE", {
|
||
value: "E319",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
// TypeScript trick for type-guarding:
|
||
const requiredPropsGuard = {
|
||
href: true
|
||
};
|
||
const requiredProps = Object.keys(requiredPropsGuard);
|
||
requiredProps.forEach((key)=>{
|
||
if (key === 'href') {
|
||
if (props[key] == null || typeof props[key] !== 'string' && typeof props[key] !== 'object') {
|
||
throw createPropError({
|
||
key,
|
||
expected: '`string` or `object`',
|
||
actual: props[key] === null ? 'null' : typeof props[key]
|
||
});
|
||
}
|
||
} else {
|
||
// TypeScript trick for type-guarding:
|
||
const _ = key;
|
||
}
|
||
});
|
||
// TypeScript trick for type-guarding:
|
||
const optionalPropsGuard = {
|
||
as: true,
|
||
replace: true,
|
||
scroll: true,
|
||
shallow: true,
|
||
passHref: true,
|
||
prefetch: true,
|
||
unstable_dynamicOnHover: true,
|
||
onClick: true,
|
||
onMouseEnter: true,
|
||
onTouchStart: true,
|
||
legacyBehavior: true,
|
||
onNavigate: true
|
||
};
|
||
const optionalProps = Object.keys(optionalPropsGuard);
|
||
optionalProps.forEach((key)=>{
|
||
const valType = typeof props[key];
|
||
if (key === 'as') {
|
||
if (props[key] && valType !== 'string' && valType !== 'object') {
|
||
throw createPropError({
|
||
key,
|
||
expected: '`string` or `object`',
|
||
actual: valType
|
||
});
|
||
}
|
||
} else if (key === 'onClick' || key === 'onMouseEnter' || key === 'onTouchStart' || key === 'onNavigate') {
|
||
if (props[key] && valType !== 'function') {
|
||
throw createPropError({
|
||
key,
|
||
expected: '`function`',
|
||
actual: valType
|
||
});
|
||
}
|
||
} else if (key === 'replace' || key === 'scroll' || key === 'shallow' || key === 'passHref' || key === 'legacyBehavior' || key === 'unstable_dynamicOnHover') {
|
||
if (props[key] != null && valType !== 'boolean') {
|
||
throw createPropError({
|
||
key,
|
||
expected: '`boolean`',
|
||
actual: valType
|
||
});
|
||
}
|
||
} else if (key === 'prefetch') {
|
||
if (props[key] != null && valType !== 'boolean' && props[key] !== 'auto') {
|
||
throw createPropError({
|
||
key,
|
||
expected: '`boolean | "auto"`',
|
||
actual: valType
|
||
});
|
||
}
|
||
} else {
|
||
// TypeScript trick for type-guarding:
|
||
const _ = key;
|
||
}
|
||
});
|
||
}
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (props.locale) {
|
||
(0, _warnonce.warnOnce)('The `locale` prop is not supported in `next/link` while using the `app` router. Read more about app router internalization: https://nextjs.org/docs/app/building-your-application/routing/internationalization');
|
||
}
|
||
if (!asProp) {
|
||
let href;
|
||
if (typeof hrefProp === 'string') {
|
||
href = hrefProp;
|
||
} else if (typeof hrefProp === 'object' && typeof hrefProp.pathname === 'string') {
|
||
href = hrefProp.pathname;
|
||
}
|
||
if (href) {
|
||
const hasDynamicSegment = href.split('/').some((segment)=>segment.startsWith('[') && segment.endsWith(']'));
|
||
if (hasDynamicSegment) {
|
||
throw Object.defineProperty(new Error(`Dynamic href \`${href}\` found in <Link> while using the \`/app\` router, this is not supported. Read more: https://nextjs.org/docs/messages/app-dir-dynamic-href`), "__NEXT_ERROR_CODE", {
|
||
value: "E267",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
}
|
||
}
|
||
}
|
||
const { href, as } = _react.default.useMemo({
|
||
"LinkComponent.useMemo": ()=>{
|
||
const resolvedHref = formatStringOrUrl(hrefProp);
|
||
return {
|
||
href: resolvedHref,
|
||
as: asProp ? formatStringOrUrl(asProp) : resolvedHref
|
||
};
|
||
}
|
||
}["LinkComponent.useMemo"], [
|
||
hrefProp,
|
||
asProp
|
||
]);
|
||
// This will return the first child, if multiple are provided it will throw an error
|
||
let child;
|
||
if (legacyBehavior) {
|
||
if (children?.$$typeof === Symbol.for('react.lazy')) {
|
||
throw Object.defineProperty(new Error(`\`<Link legacyBehavior>\` received a direct child that is either a Server Component, or JSX that was loaded with React.lazy(). This is not supported. Either remove legacyBehavior, or make the direct child a Client Component that renders the Link's \`<a>\` tag.`), "__NEXT_ERROR_CODE", {
|
||
value: "E863",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (onClick) {
|
||
console.warn(`"onClick" was passed to <Link> with \`href\` of \`${hrefProp}\` but "legacyBehavior" was set. The legacy behavior requires onClick be set on the child of next/link`);
|
||
}
|
||
if (onMouseEnterProp) {
|
||
console.warn(`"onMouseEnter" was passed to <Link> with \`href\` of \`${hrefProp}\` but "legacyBehavior" was set. The legacy behavior requires onMouseEnter be set on the child of next/link`);
|
||
}
|
||
try {
|
||
child = _react.default.Children.only(children);
|
||
} catch (err) {
|
||
if (!children) {
|
||
throw Object.defineProperty(new Error(`No children were passed to <Link> with \`href\` of \`${hrefProp}\` but one child is required https://nextjs.org/docs/messages/link-no-children`), "__NEXT_ERROR_CODE", {
|
||
value: "E320",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
throw Object.defineProperty(new Error(`Multiple children were passed to <Link> with \`href\` of \`${hrefProp}\` but only one child is supported https://nextjs.org/docs/messages/link-multiple-children` + (typeof window !== 'undefined' ? " \nOpen your browser's console to view the Component stack trace." : '')), "__NEXT_ERROR_CODE", {
|
||
value: "E266",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
} else //TURBOPACK unreachable
|
||
;
|
||
} else {
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (children?.type === 'a') {
|
||
throw Object.defineProperty(new Error('Invalid <Link> with <a> child. Please remove <a> or use <Link legacyBehavior>.\nLearn more: https://nextjs.org/docs/messages/invalid-new-link-with-extra-anchor'), "__NEXT_ERROR_CODE", {
|
||
value: "E209",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
}
|
||
}
|
||
const childRef = legacyBehavior ? child && typeof child === 'object' && child.ref : forwardedRef;
|
||
// Use a callback ref to attach an IntersectionObserver to the anchor tag on
|
||
// mount. In the future we will also use this to keep track of all the
|
||
// currently mounted <Link> instances, e.g. so we can re-prefetch them after
|
||
// a revalidation or refresh.
|
||
const observeLinkVisibilityOnMount = _react.default.useCallback({
|
||
"LinkComponent.useCallback[observeLinkVisibilityOnMount]": (element)=>{
|
||
if (router !== null) {
|
||
linkInstanceRef.current = (0, _links.mountLinkInstance)(element, href, router, fetchStrategy, prefetchEnabled, setOptimisticLinkStatus);
|
||
}
|
||
return ({
|
||
"LinkComponent.useCallback[observeLinkVisibilityOnMount]": ()=>{
|
||
if (linkInstanceRef.current) {
|
||
(0, _links.unmountLinkForCurrentNavigation)(linkInstanceRef.current);
|
||
linkInstanceRef.current = null;
|
||
}
|
||
(0, _links.unmountPrefetchableInstance)(element);
|
||
}
|
||
})["LinkComponent.useCallback[observeLinkVisibilityOnMount]"];
|
||
}
|
||
}["LinkComponent.useCallback[observeLinkVisibilityOnMount]"], [
|
||
prefetchEnabled,
|
||
href,
|
||
router,
|
||
fetchStrategy,
|
||
setOptimisticLinkStatus
|
||
]);
|
||
const mergedRef = (0, _usemergedref.useMergedRef)(observeLinkVisibilityOnMount, childRef);
|
||
const childProps = {
|
||
ref: mergedRef,
|
||
onClick (e) {
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
if (!e) {
|
||
throw Object.defineProperty(new Error(`Component rendered inside next/link has to pass click event to "onClick" prop.`), "__NEXT_ERROR_CODE", {
|
||
value: "E312",
|
||
enumerable: false,
|
||
configurable: true
|
||
});
|
||
}
|
||
}
|
||
if (!legacyBehavior && typeof onClick === 'function') {
|
||
onClick(e);
|
||
}
|
||
if (legacyBehavior && child.props && typeof child.props.onClick === 'function') {
|
||
child.props.onClick(e);
|
||
}
|
||
if (!router) {
|
||
return;
|
||
}
|
||
if (e.defaultPrevented) {
|
||
return;
|
||
}
|
||
linkClicked(e, href, as, linkInstanceRef, replace, scroll, onNavigate);
|
||
},
|
||
onMouseEnter (e) {
|
||
if (!legacyBehavior && typeof onMouseEnterProp === 'function') {
|
||
onMouseEnterProp(e);
|
||
}
|
||
if (legacyBehavior && child.props && typeof child.props.onMouseEnter === 'function') {
|
||
child.props.onMouseEnter(e);
|
||
}
|
||
if (!router) {
|
||
return;
|
||
}
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
return;
|
||
}
|
||
//TURBOPACK unreachable
|
||
;
|
||
const upgradeToDynamicPrefetch = undefined;
|
||
},
|
||
onTouchStart: ("TURBOPACK compile-time falsy", 0) ? "TURBOPACK unreachable" : function onTouchStart(e) {
|
||
if (!legacyBehavior && typeof onTouchStartProp === 'function') {
|
||
onTouchStartProp(e);
|
||
}
|
||
if (legacyBehavior && child.props && typeof child.props.onTouchStart === 'function') {
|
||
child.props.onTouchStart(e);
|
||
}
|
||
if (!router) {
|
||
return;
|
||
}
|
||
if (!prefetchEnabled) {
|
||
return;
|
||
}
|
||
const upgradeToDynamicPrefetch = unstable_dynamicOnHover === true;
|
||
(0, _links.onNavigationIntent)(e.currentTarget, upgradeToDynamicPrefetch);
|
||
}
|
||
};
|
||
// If the url is absolute, we can bypass the logic to prepend the basePath.
|
||
if ((0, _utils.isAbsoluteUrl)(as)) {
|
||
childProps.href = as;
|
||
} else if (!legacyBehavior || passHref || child.type === 'a' && !('href' in child.props)) {
|
||
childProps.href = (0, _addbasepath.addBasePath)(as);
|
||
}
|
||
let link;
|
||
if (legacyBehavior) {
|
||
if ("TURBOPACK compile-time truthy", 1) {
|
||
(0, _erroronce.errorOnce)('`legacyBehavior` is deprecated and will be removed in a future ' + 'release. A codemod is available to upgrade your components:\n\n' + 'npx @next/codemod@latest new-link .\n\n' + 'Learn more: https://nextjs.org/docs/app/building-your-application/upgrading/codemods#remove-a-tags-from-link-components');
|
||
}
|
||
link = /*#__PURE__*/ _react.default.cloneElement(child, childProps);
|
||
} else {
|
||
link = /*#__PURE__*/ (0, _jsxruntime.jsx)("a", {
|
||
...restProps,
|
||
...childProps,
|
||
children: children
|
||
});
|
||
}
|
||
return /*#__PURE__*/ (0, _jsxruntime.jsx)(LinkStatusContext.Provider, {
|
||
value: linkStatus,
|
||
children: link
|
||
});
|
||
}
|
||
const LinkStatusContext = /*#__PURE__*/ (0, _react.createContext)(_links.IDLE_LINK_STATUS);
|
||
const useLinkStatus = ()=>{
|
||
return (0, _react.useContext)(LinkStatusContext);
|
||
};
|
||
function getFetchStrategyFromPrefetchProp(prefetchProp) {
|
||
if ("TURBOPACK compile-time falsy", 0) //TURBOPACK unreachable
|
||
;
|
||
else {
|
||
return prefetchProp === null || prefetchProp === 'auto' ? _types.FetchStrategy.PPR : // (although invalid values should've been filtered out by prop validation in dev)
|
||
_types.FetchStrategy.Full;
|
||
}
|
||
}
|
||
if ((typeof exports.default === 'function' || typeof exports.default === 'object' && exports.default !== null) && typeof exports.default.__esModule === 'undefined') {
|
||
Object.defineProperty(exports.default, '__esModule', {
|
||
value: true
|
||
});
|
||
Object.assign(exports.default, exports);
|
||
module.exports = exports.default;
|
||
} //# sourceMappingURL=link.js.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/context/src/createContext.tsx
|
||
__turbopack_context__.s([
|
||
"createContext",
|
||
()=>createContext2,
|
||
"createContextScope",
|
||
()=>createContextScope
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
;
|
||
;
|
||
function createContext2(rootComponentName, defaultContext) {
|
||
const Context = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContext"](defaultContext);
|
||
const Provider = (props)=>{
|
||
const { children, ...context } = props;
|
||
const value = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useMemo"]({
|
||
"createContext2.Provider.useMemo[value]": ()=>context
|
||
}["createContext2.Provider.useMemo[value]"], Object.values(context));
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(Context.Provider, {
|
||
value,
|
||
children
|
||
});
|
||
};
|
||
Provider.displayName = rootComponentName + "Provider";
|
||
function useContext2(consumerName) {
|
||
const context = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useContext"](Context);
|
||
if (context) return context;
|
||
if (defaultContext !== void 0) return defaultContext;
|
||
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
||
}
|
||
return [
|
||
Provider,
|
||
useContext2
|
||
];
|
||
}
|
||
function createContextScope(scopeName, createContextScopeDeps = []) {
|
||
let defaultContexts = [];
|
||
function createContext3(rootComponentName, defaultContext) {
|
||
const BaseContext = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContext"](defaultContext);
|
||
const index = defaultContexts.length;
|
||
defaultContexts = [
|
||
...defaultContexts,
|
||
defaultContext
|
||
];
|
||
const Provider = (props)=>{
|
||
const { scope, children, ...context } = props;
|
||
const Context = scope?.[scopeName]?.[index] || BaseContext;
|
||
const value = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useMemo"]({
|
||
"createContextScope.createContext3.Provider.useMemo[value]": ()=>context
|
||
}["createContextScope.createContext3.Provider.useMemo[value]"], Object.values(context));
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(Context.Provider, {
|
||
value,
|
||
children
|
||
});
|
||
};
|
||
Provider.displayName = rootComponentName + "Provider";
|
||
function useContext2(consumerName, scope) {
|
||
const Context = scope?.[scopeName]?.[index] || BaseContext;
|
||
const context = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useContext"](Context);
|
||
if (context) return context;
|
||
if (defaultContext !== void 0) return defaultContext;
|
||
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
||
}
|
||
return [
|
||
Provider,
|
||
useContext2
|
||
];
|
||
}
|
||
const createScope = ()=>{
|
||
const scopeContexts = defaultContexts.map((defaultContext)=>{
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContext"](defaultContext);
|
||
});
|
||
return function useScope(scope) {
|
||
const contexts = scope?.[scopeName] || scopeContexts;
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useMemo"]({
|
||
"createContextScope.createScope.useScope.useMemo": ()=>({
|
||
[`__scope${scopeName}`]: {
|
||
...scope,
|
||
[scopeName]: contexts
|
||
}
|
||
})
|
||
}["createContextScope.createScope.useScope.useMemo"], [
|
||
scope,
|
||
contexts
|
||
]);
|
||
};
|
||
};
|
||
createScope.scopeName = scopeName;
|
||
return [
|
||
createContext3,
|
||
composeContextScopes(createScope, ...createContextScopeDeps)
|
||
];
|
||
}
|
||
function composeContextScopes(...scopes) {
|
||
const baseScope = scopes[0];
|
||
if (scopes.length === 1) return baseScope;
|
||
const createScope = ()=>{
|
||
const scopeHooks = scopes.map((createScope2)=>({
|
||
useScope: createScope2(),
|
||
scopeName: createScope2.scopeName
|
||
}));
|
||
return function useComposedScopes(overrideScopes) {
|
||
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName })=>{
|
||
const scopeProps = useScope(overrideScopes);
|
||
const currentScope = scopeProps[`__scope${scopeName}`];
|
||
return {
|
||
...nextScopes2,
|
||
...currentScope
|
||
};
|
||
}, {});
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useMemo"]({
|
||
"composeContextScopes.createScope.useComposedScopes.useMemo": ()=>({
|
||
[`__scope${baseScope.scopeName}`]: nextScopes
|
||
})
|
||
}["composeContextScopes.createScope.useComposedScopes.useMemo"], [
|
||
nextScopes
|
||
]);
|
||
};
|
||
};
|
||
createScope.scopeName = baseScope.scopeName;
|
||
return createScope;
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/use-callback-ref/src/useCallbackRef.tsx
|
||
__turbopack_context__.s([
|
||
"useCallbackRef",
|
||
()=>useCallbackRef
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
;
|
||
function useCallbackRef(callback) {
|
||
const callbackRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](callback);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"useCallbackRef.useEffect": ()=>{
|
||
callbackRef.current = callback;
|
||
}
|
||
}["useCallbackRef.useEffect"]);
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useMemo"]({
|
||
"useCallbackRef.useMemo": ()=>({
|
||
"useCallbackRef.useMemo": (...args)=>callbackRef.current?.(...args)
|
||
})["useCallbackRef.useMemo"]
|
||
}["useCallbackRef.useMemo"], []);
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/use-layout-effect/src/useLayoutEffect.tsx
|
||
__turbopack_context__.s([
|
||
"useLayoutEffect",
|
||
()=>useLayoutEffect2
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
;
|
||
var useLayoutEffect2 = Boolean(globalThis?.document) ? __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"] : ()=>{};
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/compose-refs/src/composeRefs.tsx
|
||
__turbopack_context__.s([
|
||
"composeRefs",
|
||
()=>composeRefs,
|
||
"useComposedRefs",
|
||
()=>useComposedRefs
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
;
|
||
function setRef(ref, value) {
|
||
if (typeof ref === "function") {
|
||
return ref(value);
|
||
} else if (ref !== null && ref !== void 0) {
|
||
ref.current = value;
|
||
}
|
||
}
|
||
function composeRefs(...refs) {
|
||
return (node)=>{
|
||
let hasCleanup = false;
|
||
const cleanups = refs.map((ref)=>{
|
||
const cleanup = setRef(ref, node);
|
||
if (!hasCleanup && typeof cleanup == "function") {
|
||
hasCleanup = true;
|
||
}
|
||
return cleanup;
|
||
});
|
||
if (hasCleanup) {
|
||
return ()=>{
|
||
for(let i = 0; i < cleanups.length; i++){
|
||
const cleanup = cleanups[i];
|
||
if (typeof cleanup == "function") {
|
||
cleanup();
|
||
} else {
|
||
setRef(refs[i], null);
|
||
}
|
||
}
|
||
};
|
||
}
|
||
};
|
||
}
|
||
function useComposedRefs(...refs) {
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"](composeRefs(...refs), refs);
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-slot@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/slot/src/Slot.tsx
|
||
__turbopack_context__.s([
|
||
"Root",
|
||
()=>Root,
|
||
"Slot",
|
||
()=>Slot,
|
||
"Slottable",
|
||
()=>Slottable
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
;
|
||
;
|
||
;
|
||
var Slot = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { children, ...slotProps } = props;
|
||
const childrenArray = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Children"].toArray(children);
|
||
const slottable = childrenArray.find(isSlottable);
|
||
if (slottable) {
|
||
const newElement = slottable.props.children;
|
||
const newChildren = childrenArray.map((child)=>{
|
||
if (child === slottable) {
|
||
if (__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Children"].count(newElement) > 1) return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Children"].only(null);
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["isValidElement"](newElement) ? newElement.props.children : null;
|
||
} else {
|
||
return child;
|
||
}
|
||
});
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(SlotClone, {
|
||
...slotProps,
|
||
ref: forwardedRef,
|
||
children: __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["isValidElement"](newElement) ? __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["cloneElement"](newElement, void 0, newChildren) : null
|
||
});
|
||
}
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(SlotClone, {
|
||
...slotProps,
|
||
ref: forwardedRef,
|
||
children
|
||
});
|
||
});
|
||
Slot.displayName = "Slot";
|
||
var SlotClone = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { children, ...slotProps } = props;
|
||
if (__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["isValidElement"](children)) {
|
||
const childrenRef = getElementRef(children);
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["cloneElement"](children, {
|
||
...mergeProps(slotProps, children.props),
|
||
// @ts-ignore
|
||
ref: forwardedRef ? (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeRefs"])(forwardedRef, childrenRef) : childrenRef
|
||
});
|
||
}
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Children"].count(children) > 1 ? __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Children"].only(null) : null;
|
||
});
|
||
SlotClone.displayName = "SlotClone";
|
||
var Slottable = ({ children })=>{
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Fragment"], {
|
||
children
|
||
});
|
||
};
|
||
function isSlottable(child) {
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["isValidElement"](child) && child.type === Slottable;
|
||
}
|
||
function mergeProps(slotProps, childProps) {
|
||
const overrideProps = {
|
||
...childProps
|
||
};
|
||
for(const propName in childProps){
|
||
const slotPropValue = slotProps[propName];
|
||
const childPropValue = childProps[propName];
|
||
const isHandler = /^on[A-Z]/.test(propName);
|
||
if (isHandler) {
|
||
if (slotPropValue && childPropValue) {
|
||
overrideProps[propName] = (...args)=>{
|
||
childPropValue(...args);
|
||
slotPropValue(...args);
|
||
};
|
||
} else if (slotPropValue) {
|
||
overrideProps[propName] = slotPropValue;
|
||
}
|
||
} else if (propName === "style") {
|
||
overrideProps[propName] = {
|
||
...slotPropValue,
|
||
...childPropValue
|
||
};
|
||
} else if (propName === "className") {
|
||
overrideProps[propName] = [
|
||
slotPropValue,
|
||
childPropValue
|
||
].filter(Boolean).join(" ");
|
||
}
|
||
}
|
||
return {
|
||
...slotProps,
|
||
...overrideProps
|
||
};
|
||
}
|
||
function getElementRef(element) {
|
||
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
||
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
||
if (mayWarn) {
|
||
return element.ref;
|
||
}
|
||
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
||
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
||
if (mayWarn) {
|
||
return element.props.ref;
|
||
}
|
||
return element.props.ref || element.ref;
|
||
}
|
||
var Root = Slot;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-primitive@2.0.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+rea_4f53963f71a6eb8b0116fe0dd1078946/node_modules/@radix-ui/react-primitive/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/primitive/src/Primitive.tsx
|
||
__turbopack_context__.s([
|
||
"Primitive",
|
||
()=>Primitive,
|
||
"Root",
|
||
()=>Root,
|
||
"dispatchDiscreteCustomEvent",
|
||
()=>dispatchDiscreteCustomEvent
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2d$dom$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react-dom/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$slot$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$slot$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-slot@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
;
|
||
;
|
||
;
|
||
;
|
||
var NODES = [
|
||
"a",
|
||
"button",
|
||
"div",
|
||
"form",
|
||
"h2",
|
||
"h3",
|
||
"img",
|
||
"input",
|
||
"label",
|
||
"li",
|
||
"nav",
|
||
"ol",
|
||
"p",
|
||
"span",
|
||
"svg",
|
||
"ul"
|
||
];
|
||
var Primitive = NODES.reduce((primitive, node)=>{
|
||
const Node = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { asChild, ...primitiveProps } = props;
|
||
const Comp = asChild ? __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$slot$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$slot$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Slot"] : node;
|
||
if (typeof window !== "undefined") {
|
||
window[Symbol.for("radix-ui")] = true;
|
||
}
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(Comp, {
|
||
...primitiveProps,
|
||
ref: forwardedRef
|
||
});
|
||
});
|
||
Node.displayName = `Primitive.${node}`;
|
||
return {
|
||
...primitive,
|
||
[node]: Node
|
||
};
|
||
}, {});
|
||
function dispatchDiscreteCustomEvent(target, event) {
|
||
if (target) __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2d$dom$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["flushSync"](()=>target.dispatchEvent(event));
|
||
}
|
||
var Root = Primitive;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-avatar@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.6__@types+react@_3ee3dafa662d71951c1a3d5b289c96d1/node_modules/@radix-ui/react-avatar/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"Avatar",
|
||
()=>Avatar,
|
||
"AvatarFallback",
|
||
()=>AvatarFallback,
|
||
"AvatarImage",
|
||
()=>AvatarImage,
|
||
"Fallback",
|
||
()=>Fallback,
|
||
"Image",
|
||
()=>Image,
|
||
"Root",
|
||
()=>Root,
|
||
"createAvatarScope",
|
||
()=>createAvatarScope
|
||
]);
|
||
// packages/react/avatar/src/Avatar.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-primitive@2.0.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+rea_4f53963f71a6eb8b0116fe0dd1078946/node_modules/@radix-ui/react-primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
"use client";
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
var AVATAR_NAME = "Avatar";
|
||
var [createAvatarContext, createAvatarScope] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContextScope"])(AVATAR_NAME);
|
||
var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
|
||
var Avatar = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeAvatar, ...avatarProps } = props;
|
||
const [imageLoadingStatus, setImageLoadingStatus] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"]("idle");
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(AvatarProvider, {
|
||
scope: __scopeAvatar,
|
||
imageLoadingStatus,
|
||
onImageLoadingStatusChange: setImageLoadingStatus,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].span, {
|
||
...avatarProps,
|
||
ref: forwardedRef
|
||
})
|
||
});
|
||
});
|
||
Avatar.displayName = AVATAR_NAME;
|
||
var IMAGE_NAME = "AvatarImage";
|
||
var AvatarImage = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeAvatar, src, onLoadingStatusChange = ()=>{}, ...imageProps } = props;
|
||
const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
|
||
const imageLoadingStatus = useImageLoadingStatus(src, imageProps.referrerPolicy);
|
||
const handleLoadingStatusChange = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])({
|
||
"AvatarImage.useCallbackRef[handleLoadingStatusChange]": (status)=>{
|
||
onLoadingStatusChange(status);
|
||
context.onImageLoadingStatusChange(status);
|
||
}
|
||
}["AvatarImage.useCallbackRef[handleLoadingStatusChange]"]);
|
||
(0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"])({
|
||
"AvatarImage.useLayoutEffect": ()=>{
|
||
if (imageLoadingStatus !== "idle") {
|
||
handleLoadingStatusChange(imageLoadingStatus);
|
||
}
|
||
}
|
||
}["AvatarImage.useLayoutEffect"], [
|
||
imageLoadingStatus,
|
||
handleLoadingStatusChange
|
||
]);
|
||
return imageLoadingStatus === "loaded" ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].img, {
|
||
...imageProps,
|
||
ref: forwardedRef,
|
||
src
|
||
}) : null;
|
||
});
|
||
AvatarImage.displayName = IMAGE_NAME;
|
||
var FALLBACK_NAME = "AvatarFallback";
|
||
var AvatarFallback = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeAvatar, delayMs, ...fallbackProps } = props;
|
||
const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
|
||
const [canRender, setCanRender] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](delayMs === void 0);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"AvatarFallback.useEffect": ()=>{
|
||
if (delayMs !== void 0) {
|
||
const timerId = window.setTimeout({
|
||
"AvatarFallback.useEffect.timerId": ()=>setCanRender(true)
|
||
}["AvatarFallback.useEffect.timerId"], delayMs);
|
||
return ({
|
||
"AvatarFallback.useEffect": ()=>window.clearTimeout(timerId)
|
||
})["AvatarFallback.useEffect"];
|
||
}
|
||
}
|
||
}["AvatarFallback.useEffect"], [
|
||
delayMs
|
||
]);
|
||
return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].span, {
|
||
...fallbackProps,
|
||
ref: forwardedRef
|
||
}) : null;
|
||
});
|
||
AvatarFallback.displayName = FALLBACK_NAME;
|
||
function useImageLoadingStatus(src, referrerPolicy) {
|
||
const [loadingStatus, setLoadingStatus] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"]("idle");
|
||
(0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"])({
|
||
"useImageLoadingStatus.useLayoutEffect": ()=>{
|
||
if (!src) {
|
||
setLoadingStatus("error");
|
||
return;
|
||
}
|
||
let isMounted = true;
|
||
const image = new window.Image();
|
||
const updateStatus = {
|
||
"useImageLoadingStatus.useLayoutEffect.updateStatus": (status)=>({
|
||
"useImageLoadingStatus.useLayoutEffect.updateStatus": ()=>{
|
||
if (!isMounted) return;
|
||
setLoadingStatus(status);
|
||
}
|
||
})["useImageLoadingStatus.useLayoutEffect.updateStatus"]
|
||
}["useImageLoadingStatus.useLayoutEffect.updateStatus"];
|
||
setLoadingStatus("loading");
|
||
image.onload = updateStatus("loaded");
|
||
image.onerror = updateStatus("error");
|
||
image.src = src;
|
||
if (referrerPolicy) {
|
||
image.referrerPolicy = referrerPolicy;
|
||
}
|
||
return ({
|
||
"useImageLoadingStatus.useLayoutEffect": ()=>{
|
||
isMounted = false;
|
||
}
|
||
})["useImageLoadingStatus.useLayoutEffect"];
|
||
}
|
||
}["useImageLoadingStatus.useLayoutEffect"], [
|
||
src,
|
||
referrerPolicy
|
||
]);
|
||
return loadingStatus;
|
||
}
|
||
var Root = Avatar;
|
||
var Image = AvatarImage;
|
||
var Fallback = AvatarFallback;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"clsx",
|
||
()=>clsx,
|
||
"default",
|
||
()=>__TURBOPACK__default__export__
|
||
]);
|
||
function r(e) {
|
||
var t, f, n = "";
|
||
if ("string" == typeof e || "number" == typeof e) n += e;
|
||
else if ("object" == typeof e) if (Array.isArray(e)) {
|
||
var o = e.length;
|
||
for(t = 0; t < o; t++)e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
|
||
} else for(f in e)e[f] && (n && (n += " "), n += f);
|
||
return n;
|
||
}
|
||
function clsx() {
|
||
for(var e, t, f = 0, n = "", o = arguments.length; f < o; f++)(e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
|
||
return n;
|
||
}
|
||
const __TURBOPACK__default__export__ = clsx;
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"createTailwindMerge",
|
||
()=>createTailwindMerge,
|
||
"extendTailwindMerge",
|
||
()=>extendTailwindMerge,
|
||
"fromTheme",
|
||
()=>fromTheme,
|
||
"getDefaultConfig",
|
||
()=>getDefaultConfig,
|
||
"mergeConfigs",
|
||
()=>mergeConfigs,
|
||
"twJoin",
|
||
()=>twJoin,
|
||
"twMerge",
|
||
()=>twMerge,
|
||
"validators",
|
||
()=>validators
|
||
]);
|
||
const CLASS_PART_SEPARATOR = '-';
|
||
const createClassGroupUtils = (config)=>{
|
||
const classMap = createClassMap(config);
|
||
const { conflictingClassGroups, conflictingClassGroupModifiers } = config;
|
||
const getClassGroupId = (className)=>{
|
||
const classParts = className.split(CLASS_PART_SEPARATOR);
|
||
// Classes like `-inset-1` produce an empty string as first classPart. We assume that classes for negative values are used correctly and remove it from classParts.
|
||
if (classParts[0] === '' && classParts.length !== 1) {
|
||
classParts.shift();
|
||
}
|
||
return getGroupRecursive(classParts, classMap) || getGroupIdForArbitraryProperty(className);
|
||
};
|
||
const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier)=>{
|
||
const conflicts = conflictingClassGroups[classGroupId] || [];
|
||
if (hasPostfixModifier && conflictingClassGroupModifiers[classGroupId]) {
|
||
return [
|
||
...conflicts,
|
||
...conflictingClassGroupModifiers[classGroupId]
|
||
];
|
||
}
|
||
return conflicts;
|
||
};
|
||
return {
|
||
getClassGroupId,
|
||
getConflictingClassGroupIds
|
||
};
|
||
};
|
||
const getGroupRecursive = (classParts, classPartObject)=>{
|
||
if (classParts.length === 0) {
|
||
return classPartObject.classGroupId;
|
||
}
|
||
const currentClassPart = classParts[0];
|
||
const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
|
||
const classGroupFromNextClassPart = nextClassPartObject ? getGroupRecursive(classParts.slice(1), nextClassPartObject) : undefined;
|
||
if (classGroupFromNextClassPart) {
|
||
return classGroupFromNextClassPart;
|
||
}
|
||
if (classPartObject.validators.length === 0) {
|
||
return undefined;
|
||
}
|
||
const classRest = classParts.join(CLASS_PART_SEPARATOR);
|
||
return classPartObject.validators.find(({ validator })=>validator(classRest))?.classGroupId;
|
||
};
|
||
const arbitraryPropertyRegex = /^\[(.+)\]$/;
|
||
const getGroupIdForArbitraryProperty = (className)=>{
|
||
if (arbitraryPropertyRegex.test(className)) {
|
||
const arbitraryPropertyClassName = arbitraryPropertyRegex.exec(className)[1];
|
||
const property = arbitraryPropertyClassName?.substring(0, arbitraryPropertyClassName.indexOf(':'));
|
||
if (property) {
|
||
// I use two dots here because one dot is used as prefix for class groups in plugins
|
||
return 'arbitrary..' + property;
|
||
}
|
||
}
|
||
};
|
||
/**
|
||
* Exported for testing only
|
||
*/ const createClassMap = (config)=>{
|
||
const { theme, prefix } = config;
|
||
const classMap = {
|
||
nextPart: new Map(),
|
||
validators: []
|
||
};
|
||
const prefixedClassGroupEntries = getPrefixedClassGroupEntries(Object.entries(config.classGroups), prefix);
|
||
prefixedClassGroupEntries.forEach(([classGroupId, classGroup])=>{
|
||
processClassesRecursively(classGroup, classMap, classGroupId, theme);
|
||
});
|
||
return classMap;
|
||
};
|
||
const processClassesRecursively = (classGroup, classPartObject, classGroupId, theme)=>{
|
||
classGroup.forEach((classDefinition)=>{
|
||
if (typeof classDefinition === 'string') {
|
||
const classPartObjectToEdit = classDefinition === '' ? classPartObject : getPart(classPartObject, classDefinition);
|
||
classPartObjectToEdit.classGroupId = classGroupId;
|
||
return;
|
||
}
|
||
if (typeof classDefinition === 'function') {
|
||
if (isThemeGetter(classDefinition)) {
|
||
processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
|
||
return;
|
||
}
|
||
classPartObject.validators.push({
|
||
validator: classDefinition,
|
||
classGroupId
|
||
});
|
||
return;
|
||
}
|
||
Object.entries(classDefinition).forEach(([key, classGroup])=>{
|
||
processClassesRecursively(classGroup, getPart(classPartObject, key), classGroupId, theme);
|
||
});
|
||
});
|
||
};
|
||
const getPart = (classPartObject, path)=>{
|
||
let currentClassPartObject = classPartObject;
|
||
path.split(CLASS_PART_SEPARATOR).forEach((pathPart)=>{
|
||
if (!currentClassPartObject.nextPart.has(pathPart)) {
|
||
currentClassPartObject.nextPart.set(pathPart, {
|
||
nextPart: new Map(),
|
||
validators: []
|
||
});
|
||
}
|
||
currentClassPartObject = currentClassPartObject.nextPart.get(pathPart);
|
||
});
|
||
return currentClassPartObject;
|
||
};
|
||
const isThemeGetter = (func)=>func.isThemeGetter;
|
||
const getPrefixedClassGroupEntries = (classGroupEntries, prefix)=>{
|
||
if (!prefix) {
|
||
return classGroupEntries;
|
||
}
|
||
return classGroupEntries.map(([classGroupId, classGroup])=>{
|
||
const prefixedClassGroup = classGroup.map((classDefinition)=>{
|
||
if (typeof classDefinition === 'string') {
|
||
return prefix + classDefinition;
|
||
}
|
||
if (typeof classDefinition === 'object') {
|
||
return Object.fromEntries(Object.entries(classDefinition).map(([key, value])=>[
|
||
prefix + key,
|
||
value
|
||
]));
|
||
}
|
||
return classDefinition;
|
||
});
|
||
return [
|
||
classGroupId,
|
||
prefixedClassGroup
|
||
];
|
||
});
|
||
};
|
||
// LRU cache inspired from hashlru (https://github.com/dominictarr/hashlru/blob/v1.0.4/index.js) but object replaced with Map to improve performance
|
||
const createLruCache = (maxCacheSize)=>{
|
||
if (maxCacheSize < 1) {
|
||
return {
|
||
get: ()=>undefined,
|
||
set: ()=>{}
|
||
};
|
||
}
|
||
let cacheSize = 0;
|
||
let cache = new Map();
|
||
let previousCache = new Map();
|
||
const update = (key, value)=>{
|
||
cache.set(key, value);
|
||
cacheSize++;
|
||
if (cacheSize > maxCacheSize) {
|
||
cacheSize = 0;
|
||
previousCache = cache;
|
||
cache = new Map();
|
||
}
|
||
};
|
||
return {
|
||
get (key) {
|
||
let value = cache.get(key);
|
||
if (value !== undefined) {
|
||
return value;
|
||
}
|
||
if ((value = previousCache.get(key)) !== undefined) {
|
||
update(key, value);
|
||
return value;
|
||
}
|
||
},
|
||
set (key, value) {
|
||
if (cache.has(key)) {
|
||
cache.set(key, value);
|
||
} else {
|
||
update(key, value);
|
||
}
|
||
}
|
||
};
|
||
};
|
||
const IMPORTANT_MODIFIER = '!';
|
||
const createParseClassName = (config)=>{
|
||
const { separator, experimentalParseClassName } = config;
|
||
const isSeparatorSingleCharacter = separator.length === 1;
|
||
const firstSeparatorCharacter = separator[0];
|
||
const separatorLength = separator.length;
|
||
// parseClassName inspired by https://github.com/tailwindlabs/tailwindcss/blob/v3.2.2/src/util/splitAtTopLevelOnly.js
|
||
const parseClassName = (className)=>{
|
||
const modifiers = [];
|
||
let bracketDepth = 0;
|
||
let modifierStart = 0;
|
||
let postfixModifierPosition;
|
||
for(let index = 0; index < className.length; index++){
|
||
let currentCharacter = className[index];
|
||
if (bracketDepth === 0) {
|
||
if (currentCharacter === firstSeparatorCharacter && (isSeparatorSingleCharacter || className.slice(index, index + separatorLength) === separator)) {
|
||
modifiers.push(className.slice(modifierStart, index));
|
||
modifierStart = index + separatorLength;
|
||
continue;
|
||
}
|
||
if (currentCharacter === '/') {
|
||
postfixModifierPosition = index;
|
||
continue;
|
||
}
|
||
}
|
||
if (currentCharacter === '[') {
|
||
bracketDepth++;
|
||
} else if (currentCharacter === ']') {
|
||
bracketDepth--;
|
||
}
|
||
}
|
||
const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.substring(modifierStart);
|
||
const hasImportantModifier = baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER);
|
||
const baseClassName = hasImportantModifier ? baseClassNameWithImportantModifier.substring(1) : baseClassNameWithImportantModifier;
|
||
const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
|
||
return {
|
||
modifiers,
|
||
hasImportantModifier,
|
||
baseClassName,
|
||
maybePostfixModifierPosition
|
||
};
|
||
};
|
||
if (experimentalParseClassName) {
|
||
return (className)=>experimentalParseClassName({
|
||
className,
|
||
parseClassName
|
||
});
|
||
}
|
||
return parseClassName;
|
||
};
|
||
/**
|
||
* Sorts modifiers according to following schema:
|
||
* - Predefined modifiers are sorted alphabetically
|
||
* - When an arbitrary variant appears, it must be preserved which modifiers are before and after it
|
||
*/ const sortModifiers = (modifiers)=>{
|
||
if (modifiers.length <= 1) {
|
||
return modifiers;
|
||
}
|
||
const sortedModifiers = [];
|
||
let unsortedModifiers = [];
|
||
modifiers.forEach((modifier)=>{
|
||
const isArbitraryVariant = modifier[0] === '[';
|
||
if (isArbitraryVariant) {
|
||
sortedModifiers.push(...unsortedModifiers.sort(), modifier);
|
||
unsortedModifiers = [];
|
||
} else {
|
||
unsortedModifiers.push(modifier);
|
||
}
|
||
});
|
||
sortedModifiers.push(...unsortedModifiers.sort());
|
||
return sortedModifiers;
|
||
};
|
||
const createConfigUtils = (config)=>({
|
||
cache: createLruCache(config.cacheSize),
|
||
parseClassName: createParseClassName(config),
|
||
...createClassGroupUtils(config)
|
||
});
|
||
const SPLIT_CLASSES_REGEX = /\s+/;
|
||
const mergeClassList = (classList, configUtils)=>{
|
||
const { parseClassName, getClassGroupId, getConflictingClassGroupIds } = configUtils;
|
||
/**
|
||
* Set of classGroupIds in following format:
|
||
* `{importantModifier}{variantModifiers}{classGroupId}`
|
||
* @example 'float'
|
||
* @example 'hover:focus:bg-color'
|
||
* @example 'md:!pr'
|
||
*/ const classGroupsInConflict = [];
|
||
const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
|
||
let result = '';
|
||
for(let index = classNames.length - 1; index >= 0; index -= 1){
|
||
const originalClassName = classNames[index];
|
||
const { modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition } = parseClassName(originalClassName);
|
||
let hasPostfixModifier = Boolean(maybePostfixModifierPosition);
|
||
let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
|
||
if (!classGroupId) {
|
||
if (!hasPostfixModifier) {
|
||
// Not a Tailwind class
|
||
result = originalClassName + (result.length > 0 ? ' ' + result : result);
|
||
continue;
|
||
}
|
||
classGroupId = getClassGroupId(baseClassName);
|
||
if (!classGroupId) {
|
||
// Not a Tailwind class
|
||
result = originalClassName + (result.length > 0 ? ' ' + result : result);
|
||
continue;
|
||
}
|
||
hasPostfixModifier = false;
|
||
}
|
||
const variantModifier = sortModifiers(modifiers).join(':');
|
||
const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
|
||
const classId = modifierId + classGroupId;
|
||
if (classGroupsInConflict.includes(classId)) {
|
||
continue;
|
||
}
|
||
classGroupsInConflict.push(classId);
|
||
const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
|
||
for(let i = 0; i < conflictGroups.length; ++i){
|
||
const group = conflictGroups[i];
|
||
classGroupsInConflict.push(modifierId + group);
|
||
}
|
||
// Tailwind class not in conflict
|
||
result = originalClassName + (result.length > 0 ? ' ' + result : result);
|
||
}
|
||
return result;
|
||
};
|
||
/**
|
||
* The code in this file is copied from https://github.com/lukeed/clsx and modified to suit the needs of tailwind-merge better.
|
||
*
|
||
* Specifically:
|
||
* - Runtime code from https://github.com/lukeed/clsx/blob/v1.2.1/src/index.js
|
||
* - TypeScript types from https://github.com/lukeed/clsx/blob/v1.2.1/clsx.d.ts
|
||
*
|
||
* Original code has MIT license: Copyright (c) Luke Edwards <luke.edwards05@gmail.com> (lukeed.com)
|
||
*/ function twJoin() {
|
||
let index = 0;
|
||
let argument;
|
||
let resolvedValue;
|
||
let string = '';
|
||
while(index < arguments.length){
|
||
if (argument = arguments[index++]) {
|
||
if (resolvedValue = toValue(argument)) {
|
||
string && (string += ' ');
|
||
string += resolvedValue;
|
||
}
|
||
}
|
||
}
|
||
return string;
|
||
}
|
||
const toValue = (mix)=>{
|
||
if (typeof mix === 'string') {
|
||
return mix;
|
||
}
|
||
let resolvedValue;
|
||
let string = '';
|
||
for(let k = 0; k < mix.length; k++){
|
||
if (mix[k]) {
|
||
if (resolvedValue = toValue(mix[k])) {
|
||
string && (string += ' ');
|
||
string += resolvedValue;
|
||
}
|
||
}
|
||
}
|
||
return string;
|
||
};
|
||
function createTailwindMerge(createConfigFirst, ...createConfigRest) {
|
||
let configUtils;
|
||
let cacheGet;
|
||
let cacheSet;
|
||
let functionToCall = initTailwindMerge;
|
||
function initTailwindMerge(classList) {
|
||
const config = createConfigRest.reduce((previousConfig, createConfigCurrent)=>createConfigCurrent(previousConfig), createConfigFirst());
|
||
configUtils = createConfigUtils(config);
|
||
cacheGet = configUtils.cache.get;
|
||
cacheSet = configUtils.cache.set;
|
||
functionToCall = tailwindMerge;
|
||
return tailwindMerge(classList);
|
||
}
|
||
function tailwindMerge(classList) {
|
||
const cachedResult = cacheGet(classList);
|
||
if (cachedResult) {
|
||
return cachedResult;
|
||
}
|
||
const result = mergeClassList(classList, configUtils);
|
||
cacheSet(classList, result);
|
||
return result;
|
||
}
|
||
return function callTailwindMerge() {
|
||
return functionToCall(twJoin.apply(null, arguments));
|
||
};
|
||
}
|
||
const fromTheme = (key)=>{
|
||
const themeGetter = (theme)=>theme[key] || [];
|
||
themeGetter.isThemeGetter = true;
|
||
return themeGetter;
|
||
};
|
||
const arbitraryValueRegex = /^\[(?:([a-z-]+):)?(.+)\]$/i;
|
||
const fractionRegex = /^\d+\/\d+$/;
|
||
const stringLengths = /*#__PURE__*/ new Set([
|
||
'px',
|
||
'full',
|
||
'screen'
|
||
]);
|
||
const tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
|
||
const lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
|
||
const colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/;
|
||
// Shadow always begins with x and y offset separated by underscore optionally prepended by inset
|
||
const shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
|
||
const imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
|
||
const isLength = (value)=>isNumber(value) || stringLengths.has(value) || fractionRegex.test(value);
|
||
const isArbitraryLength = (value)=>getIsArbitraryValue(value, 'length', isLengthOnly);
|
||
const isNumber = (value)=>Boolean(value) && !Number.isNaN(Number(value));
|
||
const isArbitraryNumber = (value)=>getIsArbitraryValue(value, 'number', isNumber);
|
||
const isInteger = (value)=>Boolean(value) && Number.isInteger(Number(value));
|
||
const isPercent = (value)=>value.endsWith('%') && isNumber(value.slice(0, -1));
|
||
const isArbitraryValue = (value)=>arbitraryValueRegex.test(value);
|
||
const isTshirtSize = (value)=>tshirtUnitRegex.test(value);
|
||
const sizeLabels = /*#__PURE__*/ new Set([
|
||
'length',
|
||
'size',
|
||
'percentage'
|
||
]);
|
||
const isArbitrarySize = (value)=>getIsArbitraryValue(value, sizeLabels, isNever);
|
||
const isArbitraryPosition = (value)=>getIsArbitraryValue(value, 'position', isNever);
|
||
const imageLabels = /*#__PURE__*/ new Set([
|
||
'image',
|
||
'url'
|
||
]);
|
||
const isArbitraryImage = (value)=>getIsArbitraryValue(value, imageLabels, isImage);
|
||
const isArbitraryShadow = (value)=>getIsArbitraryValue(value, '', isShadow);
|
||
const isAny = ()=>true;
|
||
const getIsArbitraryValue = (value, label, testValue)=>{
|
||
const result = arbitraryValueRegex.exec(value);
|
||
if (result) {
|
||
if (result[1]) {
|
||
return typeof label === 'string' ? result[1] === label : label.has(result[1]);
|
||
}
|
||
return testValue(result[2]);
|
||
}
|
||
return false;
|
||
};
|
||
const isLengthOnly = (value)=>// `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
|
||
// For example, `hsl(0 0% 0%)` would be classified as a length without this check.
|
||
// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
|
||
lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
|
||
const isNever = ()=>false;
|
||
const isShadow = (value)=>shadowRegex.test(value);
|
||
const isImage = (value)=>imageRegex.test(value);
|
||
const validators = /*#__PURE__*/ Object.defineProperty({
|
||
__proto__: null,
|
||
isAny,
|
||
isArbitraryImage,
|
||
isArbitraryLength,
|
||
isArbitraryNumber,
|
||
isArbitraryPosition,
|
||
isArbitraryShadow,
|
||
isArbitrarySize,
|
||
isArbitraryValue,
|
||
isInteger,
|
||
isLength,
|
||
isNumber,
|
||
isPercent,
|
||
isTshirtSize
|
||
}, Symbol.toStringTag, {
|
||
value: 'Module'
|
||
});
|
||
const getDefaultConfig = ()=>{
|
||
const colors = fromTheme('colors');
|
||
const spacing = fromTheme('spacing');
|
||
const blur = fromTheme('blur');
|
||
const brightness = fromTheme('brightness');
|
||
const borderColor = fromTheme('borderColor');
|
||
const borderRadius = fromTheme('borderRadius');
|
||
const borderSpacing = fromTheme('borderSpacing');
|
||
const borderWidth = fromTheme('borderWidth');
|
||
const contrast = fromTheme('contrast');
|
||
const grayscale = fromTheme('grayscale');
|
||
const hueRotate = fromTheme('hueRotate');
|
||
const invert = fromTheme('invert');
|
||
const gap = fromTheme('gap');
|
||
const gradientColorStops = fromTheme('gradientColorStops');
|
||
const gradientColorStopPositions = fromTheme('gradientColorStopPositions');
|
||
const inset = fromTheme('inset');
|
||
const margin = fromTheme('margin');
|
||
const opacity = fromTheme('opacity');
|
||
const padding = fromTheme('padding');
|
||
const saturate = fromTheme('saturate');
|
||
const scale = fromTheme('scale');
|
||
const sepia = fromTheme('sepia');
|
||
const skew = fromTheme('skew');
|
||
const space = fromTheme('space');
|
||
const translate = fromTheme('translate');
|
||
const getOverscroll = ()=>[
|
||
'auto',
|
||
'contain',
|
||
'none'
|
||
];
|
||
const getOverflow = ()=>[
|
||
'auto',
|
||
'hidden',
|
||
'clip',
|
||
'visible',
|
||
'scroll'
|
||
];
|
||
const getSpacingWithAutoAndArbitrary = ()=>[
|
||
'auto',
|
||
isArbitraryValue,
|
||
spacing
|
||
];
|
||
const getSpacingWithArbitrary = ()=>[
|
||
isArbitraryValue,
|
||
spacing
|
||
];
|
||
const getLengthWithEmptyAndArbitrary = ()=>[
|
||
'',
|
||
isLength,
|
||
isArbitraryLength
|
||
];
|
||
const getNumberWithAutoAndArbitrary = ()=>[
|
||
'auto',
|
||
isNumber,
|
||
isArbitraryValue
|
||
];
|
||
const getPositions = ()=>[
|
||
'bottom',
|
||
'center',
|
||
'left',
|
||
'left-bottom',
|
||
'left-top',
|
||
'right',
|
||
'right-bottom',
|
||
'right-top',
|
||
'top'
|
||
];
|
||
const getLineStyles = ()=>[
|
||
'solid',
|
||
'dashed',
|
||
'dotted',
|
||
'double',
|
||
'none'
|
||
];
|
||
const getBlendModes = ()=>[
|
||
'normal',
|
||
'multiply',
|
||
'screen',
|
||
'overlay',
|
||
'darken',
|
||
'lighten',
|
||
'color-dodge',
|
||
'color-burn',
|
||
'hard-light',
|
||
'soft-light',
|
||
'difference',
|
||
'exclusion',
|
||
'hue',
|
||
'saturation',
|
||
'color',
|
||
'luminosity'
|
||
];
|
||
const getAlign = ()=>[
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'between',
|
||
'around',
|
||
'evenly',
|
||
'stretch'
|
||
];
|
||
const getZeroAndEmpty = ()=>[
|
||
'',
|
||
'0',
|
||
isArbitraryValue
|
||
];
|
||
const getBreaks = ()=>[
|
||
'auto',
|
||
'avoid',
|
||
'all',
|
||
'avoid-page',
|
||
'page',
|
||
'left',
|
||
'right',
|
||
'column'
|
||
];
|
||
const getNumberAndArbitrary = ()=>[
|
||
isNumber,
|
||
isArbitraryValue
|
||
];
|
||
return {
|
||
cacheSize: 500,
|
||
separator: ':',
|
||
theme: {
|
||
colors: [
|
||
isAny
|
||
],
|
||
spacing: [
|
||
isLength,
|
||
isArbitraryLength
|
||
],
|
||
blur: [
|
||
'none',
|
||
'',
|
||
isTshirtSize,
|
||
isArbitraryValue
|
||
],
|
||
brightness: getNumberAndArbitrary(),
|
||
borderColor: [
|
||
colors
|
||
],
|
||
borderRadius: [
|
||
'none',
|
||
'',
|
||
'full',
|
||
isTshirtSize,
|
||
isArbitraryValue
|
||
],
|
||
borderSpacing: getSpacingWithArbitrary(),
|
||
borderWidth: getLengthWithEmptyAndArbitrary(),
|
||
contrast: getNumberAndArbitrary(),
|
||
grayscale: getZeroAndEmpty(),
|
||
hueRotate: getNumberAndArbitrary(),
|
||
invert: getZeroAndEmpty(),
|
||
gap: getSpacingWithArbitrary(),
|
||
gradientColorStops: [
|
||
colors
|
||
],
|
||
gradientColorStopPositions: [
|
||
isPercent,
|
||
isArbitraryLength
|
||
],
|
||
inset: getSpacingWithAutoAndArbitrary(),
|
||
margin: getSpacingWithAutoAndArbitrary(),
|
||
opacity: getNumberAndArbitrary(),
|
||
padding: getSpacingWithArbitrary(),
|
||
saturate: getNumberAndArbitrary(),
|
||
scale: getNumberAndArbitrary(),
|
||
sepia: getZeroAndEmpty(),
|
||
skew: getNumberAndArbitrary(),
|
||
space: getSpacingWithArbitrary(),
|
||
translate: getSpacingWithArbitrary()
|
||
},
|
||
classGroups: {
|
||
// Layout
|
||
/**
|
||
* Aspect Ratio
|
||
* @see https://tailwindcss.com/docs/aspect-ratio
|
||
*/ aspect: [
|
||
{
|
||
aspect: [
|
||
'auto',
|
||
'square',
|
||
'video',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Container
|
||
* @see https://tailwindcss.com/docs/container
|
||
*/ container: [
|
||
'container'
|
||
],
|
||
/**
|
||
* Columns
|
||
* @see https://tailwindcss.com/docs/columns
|
||
*/ columns: [
|
||
{
|
||
columns: [
|
||
isTshirtSize
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Break After
|
||
* @see https://tailwindcss.com/docs/break-after
|
||
*/ 'break-after': [
|
||
{
|
||
'break-after': getBreaks()
|
||
}
|
||
],
|
||
/**
|
||
* Break Before
|
||
* @see https://tailwindcss.com/docs/break-before
|
||
*/ 'break-before': [
|
||
{
|
||
'break-before': getBreaks()
|
||
}
|
||
],
|
||
/**
|
||
* Break Inside
|
||
* @see https://tailwindcss.com/docs/break-inside
|
||
*/ 'break-inside': [
|
||
{
|
||
'break-inside': [
|
||
'auto',
|
||
'avoid',
|
||
'avoid-page',
|
||
'avoid-column'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Box Decoration Break
|
||
* @see https://tailwindcss.com/docs/box-decoration-break
|
||
*/ 'box-decoration': [
|
||
{
|
||
'box-decoration': [
|
||
'slice',
|
||
'clone'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Box Sizing
|
||
* @see https://tailwindcss.com/docs/box-sizing
|
||
*/ box: [
|
||
{
|
||
box: [
|
||
'border',
|
||
'content'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Display
|
||
* @see https://tailwindcss.com/docs/display
|
||
*/ display: [
|
||
'block',
|
||
'inline-block',
|
||
'inline',
|
||
'flex',
|
||
'inline-flex',
|
||
'table',
|
||
'inline-table',
|
||
'table-caption',
|
||
'table-cell',
|
||
'table-column',
|
||
'table-column-group',
|
||
'table-footer-group',
|
||
'table-header-group',
|
||
'table-row-group',
|
||
'table-row',
|
||
'flow-root',
|
||
'grid',
|
||
'inline-grid',
|
||
'contents',
|
||
'list-item',
|
||
'hidden'
|
||
],
|
||
/**
|
||
* Floats
|
||
* @see https://tailwindcss.com/docs/float
|
||
*/ float: [
|
||
{
|
||
float: [
|
||
'right',
|
||
'left',
|
||
'none',
|
||
'start',
|
||
'end'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Clear
|
||
* @see https://tailwindcss.com/docs/clear
|
||
*/ clear: [
|
||
{
|
||
clear: [
|
||
'left',
|
||
'right',
|
||
'both',
|
||
'none',
|
||
'start',
|
||
'end'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Isolation
|
||
* @see https://tailwindcss.com/docs/isolation
|
||
*/ isolation: [
|
||
'isolate',
|
||
'isolation-auto'
|
||
],
|
||
/**
|
||
* Object Fit
|
||
* @see https://tailwindcss.com/docs/object-fit
|
||
*/ 'object-fit': [
|
||
{
|
||
object: [
|
||
'contain',
|
||
'cover',
|
||
'fill',
|
||
'none',
|
||
'scale-down'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Object Position
|
||
* @see https://tailwindcss.com/docs/object-position
|
||
*/ 'object-position': [
|
||
{
|
||
object: [
|
||
...getPositions(),
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Overflow
|
||
* @see https://tailwindcss.com/docs/overflow
|
||
*/ overflow: [
|
||
{
|
||
overflow: getOverflow()
|
||
}
|
||
],
|
||
/**
|
||
* Overflow X
|
||
* @see https://tailwindcss.com/docs/overflow
|
||
*/ 'overflow-x': [
|
||
{
|
||
'overflow-x': getOverflow()
|
||
}
|
||
],
|
||
/**
|
||
* Overflow Y
|
||
* @see https://tailwindcss.com/docs/overflow
|
||
*/ 'overflow-y': [
|
||
{
|
||
'overflow-y': getOverflow()
|
||
}
|
||
],
|
||
/**
|
||
* Overscroll Behavior
|
||
* @see https://tailwindcss.com/docs/overscroll-behavior
|
||
*/ overscroll: [
|
||
{
|
||
overscroll: getOverscroll()
|
||
}
|
||
],
|
||
/**
|
||
* Overscroll Behavior X
|
||
* @see https://tailwindcss.com/docs/overscroll-behavior
|
||
*/ 'overscroll-x': [
|
||
{
|
||
'overscroll-x': getOverscroll()
|
||
}
|
||
],
|
||
/**
|
||
* Overscroll Behavior Y
|
||
* @see https://tailwindcss.com/docs/overscroll-behavior
|
||
*/ 'overscroll-y': [
|
||
{
|
||
'overscroll-y': getOverscroll()
|
||
}
|
||
],
|
||
/**
|
||
* Position
|
||
* @see https://tailwindcss.com/docs/position
|
||
*/ position: [
|
||
'static',
|
||
'fixed',
|
||
'absolute',
|
||
'relative',
|
||
'sticky'
|
||
],
|
||
/**
|
||
* Top / Right / Bottom / Left
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ inset: [
|
||
{
|
||
inset: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Right / Left
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ 'inset-x': [
|
||
{
|
||
'inset-x': [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Top / Bottom
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ 'inset-y': [
|
||
{
|
||
'inset-y': [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Start
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ start: [
|
||
{
|
||
start: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* End
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ end: [
|
||
{
|
||
end: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Top
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ top: [
|
||
{
|
||
top: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Right
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ right: [
|
||
{
|
||
right: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Bottom
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ bottom: [
|
||
{
|
||
bottom: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Left
|
||
* @see https://tailwindcss.com/docs/top-right-bottom-left
|
||
*/ left: [
|
||
{
|
||
left: [
|
||
inset
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Visibility
|
||
* @see https://tailwindcss.com/docs/visibility
|
||
*/ visibility: [
|
||
'visible',
|
||
'invisible',
|
||
'collapse'
|
||
],
|
||
/**
|
||
* Z-Index
|
||
* @see https://tailwindcss.com/docs/z-index
|
||
*/ z: [
|
||
{
|
||
z: [
|
||
'auto',
|
||
isInteger,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
// Flexbox and Grid
|
||
/**
|
||
* Flex Basis
|
||
* @see https://tailwindcss.com/docs/flex-basis
|
||
*/ basis: [
|
||
{
|
||
basis: getSpacingWithAutoAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Flex Direction
|
||
* @see https://tailwindcss.com/docs/flex-direction
|
||
*/ 'flex-direction': [
|
||
{
|
||
flex: [
|
||
'row',
|
||
'row-reverse',
|
||
'col',
|
||
'col-reverse'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Flex Wrap
|
||
* @see https://tailwindcss.com/docs/flex-wrap
|
||
*/ 'flex-wrap': [
|
||
{
|
||
flex: [
|
||
'wrap',
|
||
'wrap-reverse',
|
||
'nowrap'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Flex
|
||
* @see https://tailwindcss.com/docs/flex
|
||
*/ flex: [
|
||
{
|
||
flex: [
|
||
'1',
|
||
'auto',
|
||
'initial',
|
||
'none',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Flex Grow
|
||
* @see https://tailwindcss.com/docs/flex-grow
|
||
*/ grow: [
|
||
{
|
||
grow: getZeroAndEmpty()
|
||
}
|
||
],
|
||
/**
|
||
* Flex Shrink
|
||
* @see https://tailwindcss.com/docs/flex-shrink
|
||
*/ shrink: [
|
||
{
|
||
shrink: getZeroAndEmpty()
|
||
}
|
||
],
|
||
/**
|
||
* Order
|
||
* @see https://tailwindcss.com/docs/order
|
||
*/ order: [
|
||
{
|
||
order: [
|
||
'first',
|
||
'last',
|
||
'none',
|
||
isInteger,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Template Columns
|
||
* @see https://tailwindcss.com/docs/grid-template-columns
|
||
*/ 'grid-cols': [
|
||
{
|
||
'grid-cols': [
|
||
isAny
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Column Start / End
|
||
* @see https://tailwindcss.com/docs/grid-column
|
||
*/ 'col-start-end': [
|
||
{
|
||
col: [
|
||
'auto',
|
||
{
|
||
span: [
|
||
'full',
|
||
isInteger,
|
||
isArbitraryValue
|
||
]
|
||
},
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Column Start
|
||
* @see https://tailwindcss.com/docs/grid-column
|
||
*/ 'col-start': [
|
||
{
|
||
'col-start': getNumberWithAutoAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Grid Column End
|
||
* @see https://tailwindcss.com/docs/grid-column
|
||
*/ 'col-end': [
|
||
{
|
||
'col-end': getNumberWithAutoAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Grid Template Rows
|
||
* @see https://tailwindcss.com/docs/grid-template-rows
|
||
*/ 'grid-rows': [
|
||
{
|
||
'grid-rows': [
|
||
isAny
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Row Start / End
|
||
* @see https://tailwindcss.com/docs/grid-row
|
||
*/ 'row-start-end': [
|
||
{
|
||
row: [
|
||
'auto',
|
||
{
|
||
span: [
|
||
isInteger,
|
||
isArbitraryValue
|
||
]
|
||
},
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Row Start
|
||
* @see https://tailwindcss.com/docs/grid-row
|
||
*/ 'row-start': [
|
||
{
|
||
'row-start': getNumberWithAutoAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Grid Row End
|
||
* @see https://tailwindcss.com/docs/grid-row
|
||
*/ 'row-end': [
|
||
{
|
||
'row-end': getNumberWithAutoAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Grid Auto Flow
|
||
* @see https://tailwindcss.com/docs/grid-auto-flow
|
||
*/ 'grid-flow': [
|
||
{
|
||
'grid-flow': [
|
||
'row',
|
||
'col',
|
||
'dense',
|
||
'row-dense',
|
||
'col-dense'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Auto Columns
|
||
* @see https://tailwindcss.com/docs/grid-auto-columns
|
||
*/ 'auto-cols': [
|
||
{
|
||
'auto-cols': [
|
||
'auto',
|
||
'min',
|
||
'max',
|
||
'fr',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grid Auto Rows
|
||
* @see https://tailwindcss.com/docs/grid-auto-rows
|
||
*/ 'auto-rows': [
|
||
{
|
||
'auto-rows': [
|
||
'auto',
|
||
'min',
|
||
'max',
|
||
'fr',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gap
|
||
* @see https://tailwindcss.com/docs/gap
|
||
*/ gap: [
|
||
{
|
||
gap: [
|
||
gap
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gap X
|
||
* @see https://tailwindcss.com/docs/gap
|
||
*/ 'gap-x': [
|
||
{
|
||
'gap-x': [
|
||
gap
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gap Y
|
||
* @see https://tailwindcss.com/docs/gap
|
||
*/ 'gap-y': [
|
||
{
|
||
'gap-y': [
|
||
gap
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Justify Content
|
||
* @see https://tailwindcss.com/docs/justify-content
|
||
*/ 'justify-content': [
|
||
{
|
||
justify: [
|
||
'normal',
|
||
...getAlign()
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Justify Items
|
||
* @see https://tailwindcss.com/docs/justify-items
|
||
*/ 'justify-items': [
|
||
{
|
||
'justify-items': [
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'stretch'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Justify Self
|
||
* @see https://tailwindcss.com/docs/justify-self
|
||
*/ 'justify-self': [
|
||
{
|
||
'justify-self': [
|
||
'auto',
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'stretch'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Align Content
|
||
* @see https://tailwindcss.com/docs/align-content
|
||
*/ 'align-content': [
|
||
{
|
||
content: [
|
||
'normal',
|
||
...getAlign(),
|
||
'baseline'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Align Items
|
||
* @see https://tailwindcss.com/docs/align-items
|
||
*/ 'align-items': [
|
||
{
|
||
items: [
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'baseline',
|
||
'stretch'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Align Self
|
||
* @see https://tailwindcss.com/docs/align-self
|
||
*/ 'align-self': [
|
||
{
|
||
self: [
|
||
'auto',
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'stretch',
|
||
'baseline'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Place Content
|
||
* @see https://tailwindcss.com/docs/place-content
|
||
*/ 'place-content': [
|
||
{
|
||
'place-content': [
|
||
...getAlign(),
|
||
'baseline'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Place Items
|
||
* @see https://tailwindcss.com/docs/place-items
|
||
*/ 'place-items': [
|
||
{
|
||
'place-items': [
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'baseline',
|
||
'stretch'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Place Self
|
||
* @see https://tailwindcss.com/docs/place-self
|
||
*/ 'place-self': [
|
||
{
|
||
'place-self': [
|
||
'auto',
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'stretch'
|
||
]
|
||
}
|
||
],
|
||
// Spacing
|
||
/**
|
||
* Padding
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ p: [
|
||
{
|
||
p: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding X
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ px: [
|
||
{
|
||
px: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding Y
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ py: [
|
||
{
|
||
py: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding Start
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ ps: [
|
||
{
|
||
ps: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding End
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ pe: [
|
||
{
|
||
pe: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding Top
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ pt: [
|
||
{
|
||
pt: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding Right
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ pr: [
|
||
{
|
||
pr: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding Bottom
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ pb: [
|
||
{
|
||
pb: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Padding Left
|
||
* @see https://tailwindcss.com/docs/padding
|
||
*/ pl: [
|
||
{
|
||
pl: [
|
||
padding
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ m: [
|
||
{
|
||
m: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin X
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ mx: [
|
||
{
|
||
mx: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin Y
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ my: [
|
||
{
|
||
my: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin Start
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ ms: [
|
||
{
|
||
ms: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin End
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ me: [
|
||
{
|
||
me: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin Top
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ mt: [
|
||
{
|
||
mt: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin Right
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ mr: [
|
||
{
|
||
mr: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin Bottom
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ mb: [
|
||
{
|
||
mb: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Margin Left
|
||
* @see https://tailwindcss.com/docs/margin
|
||
*/ ml: [
|
||
{
|
||
ml: [
|
||
margin
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Space Between X
|
||
* @see https://tailwindcss.com/docs/space
|
||
*/ 'space-x': [
|
||
{
|
||
'space-x': [
|
||
space
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Space Between X Reverse
|
||
* @see https://tailwindcss.com/docs/space
|
||
*/ 'space-x-reverse': [
|
||
'space-x-reverse'
|
||
],
|
||
/**
|
||
* Space Between Y
|
||
* @see https://tailwindcss.com/docs/space
|
||
*/ 'space-y': [
|
||
{
|
||
'space-y': [
|
||
space
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Space Between Y Reverse
|
||
* @see https://tailwindcss.com/docs/space
|
||
*/ 'space-y-reverse': [
|
||
'space-y-reverse'
|
||
],
|
||
// Sizing
|
||
/**
|
||
* Width
|
||
* @see https://tailwindcss.com/docs/width
|
||
*/ w: [
|
||
{
|
||
w: [
|
||
'auto',
|
||
'min',
|
||
'max',
|
||
'fit',
|
||
'svw',
|
||
'lvw',
|
||
'dvw',
|
||
isArbitraryValue,
|
||
spacing
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Min-Width
|
||
* @see https://tailwindcss.com/docs/min-width
|
||
*/ 'min-w': [
|
||
{
|
||
'min-w': [
|
||
isArbitraryValue,
|
||
spacing,
|
||
'min',
|
||
'max',
|
||
'fit'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Max-Width
|
||
* @see https://tailwindcss.com/docs/max-width
|
||
*/ 'max-w': [
|
||
{
|
||
'max-w': [
|
||
isArbitraryValue,
|
||
spacing,
|
||
'none',
|
||
'full',
|
||
'min',
|
||
'max',
|
||
'fit',
|
||
'prose',
|
||
{
|
||
screen: [
|
||
isTshirtSize
|
||
]
|
||
},
|
||
isTshirtSize
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Height
|
||
* @see https://tailwindcss.com/docs/height
|
||
*/ h: [
|
||
{
|
||
h: [
|
||
isArbitraryValue,
|
||
spacing,
|
||
'auto',
|
||
'min',
|
||
'max',
|
||
'fit',
|
||
'svh',
|
||
'lvh',
|
||
'dvh'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Min-Height
|
||
* @see https://tailwindcss.com/docs/min-height
|
||
*/ 'min-h': [
|
||
{
|
||
'min-h': [
|
||
isArbitraryValue,
|
||
spacing,
|
||
'min',
|
||
'max',
|
||
'fit',
|
||
'svh',
|
||
'lvh',
|
||
'dvh'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Max-Height
|
||
* @see https://tailwindcss.com/docs/max-height
|
||
*/ 'max-h': [
|
||
{
|
||
'max-h': [
|
||
isArbitraryValue,
|
||
spacing,
|
||
'min',
|
||
'max',
|
||
'fit',
|
||
'svh',
|
||
'lvh',
|
||
'dvh'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Size
|
||
* @see https://tailwindcss.com/docs/size
|
||
*/ size: [
|
||
{
|
||
size: [
|
||
isArbitraryValue,
|
||
spacing,
|
||
'auto',
|
||
'min',
|
||
'max',
|
||
'fit'
|
||
]
|
||
}
|
||
],
|
||
// Typography
|
||
/**
|
||
* Font Size
|
||
* @see https://tailwindcss.com/docs/font-size
|
||
*/ 'font-size': [
|
||
{
|
||
text: [
|
||
'base',
|
||
isTshirtSize,
|
||
isArbitraryLength
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Font Smoothing
|
||
* @see https://tailwindcss.com/docs/font-smoothing
|
||
*/ 'font-smoothing': [
|
||
'antialiased',
|
||
'subpixel-antialiased'
|
||
],
|
||
/**
|
||
* Font Style
|
||
* @see https://tailwindcss.com/docs/font-style
|
||
*/ 'font-style': [
|
||
'italic',
|
||
'not-italic'
|
||
],
|
||
/**
|
||
* Font Weight
|
||
* @see https://tailwindcss.com/docs/font-weight
|
||
*/ 'font-weight': [
|
||
{
|
||
font: [
|
||
'thin',
|
||
'extralight',
|
||
'light',
|
||
'normal',
|
||
'medium',
|
||
'semibold',
|
||
'bold',
|
||
'extrabold',
|
||
'black',
|
||
isArbitraryNumber
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Font Family
|
||
* @see https://tailwindcss.com/docs/font-family
|
||
*/ 'font-family': [
|
||
{
|
||
font: [
|
||
isAny
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Font Variant Numeric
|
||
* @see https://tailwindcss.com/docs/font-variant-numeric
|
||
*/ 'fvn-normal': [
|
||
'normal-nums'
|
||
],
|
||
/**
|
||
* Font Variant Numeric
|
||
* @see https://tailwindcss.com/docs/font-variant-numeric
|
||
*/ 'fvn-ordinal': [
|
||
'ordinal'
|
||
],
|
||
/**
|
||
* Font Variant Numeric
|
||
* @see https://tailwindcss.com/docs/font-variant-numeric
|
||
*/ 'fvn-slashed-zero': [
|
||
'slashed-zero'
|
||
],
|
||
/**
|
||
* Font Variant Numeric
|
||
* @see https://tailwindcss.com/docs/font-variant-numeric
|
||
*/ 'fvn-figure': [
|
||
'lining-nums',
|
||
'oldstyle-nums'
|
||
],
|
||
/**
|
||
* Font Variant Numeric
|
||
* @see https://tailwindcss.com/docs/font-variant-numeric
|
||
*/ 'fvn-spacing': [
|
||
'proportional-nums',
|
||
'tabular-nums'
|
||
],
|
||
/**
|
||
* Font Variant Numeric
|
||
* @see https://tailwindcss.com/docs/font-variant-numeric
|
||
*/ 'fvn-fraction': [
|
||
'diagonal-fractions',
|
||
'stacked-fractions'
|
||
],
|
||
/**
|
||
* Letter Spacing
|
||
* @see https://tailwindcss.com/docs/letter-spacing
|
||
*/ tracking: [
|
||
{
|
||
tracking: [
|
||
'tighter',
|
||
'tight',
|
||
'normal',
|
||
'wide',
|
||
'wider',
|
||
'widest',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Line Clamp
|
||
* @see https://tailwindcss.com/docs/line-clamp
|
||
*/ 'line-clamp': [
|
||
{
|
||
'line-clamp': [
|
||
'none',
|
||
isNumber,
|
||
isArbitraryNumber
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Line Height
|
||
* @see https://tailwindcss.com/docs/line-height
|
||
*/ leading: [
|
||
{
|
||
leading: [
|
||
'none',
|
||
'tight',
|
||
'snug',
|
||
'normal',
|
||
'relaxed',
|
||
'loose',
|
||
isLength,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* List Style Image
|
||
* @see https://tailwindcss.com/docs/list-style-image
|
||
*/ 'list-image': [
|
||
{
|
||
'list-image': [
|
||
'none',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* List Style Type
|
||
* @see https://tailwindcss.com/docs/list-style-type
|
||
*/ 'list-style-type': [
|
||
{
|
||
list: [
|
||
'none',
|
||
'disc',
|
||
'decimal',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* List Style Position
|
||
* @see https://tailwindcss.com/docs/list-style-position
|
||
*/ 'list-style-position': [
|
||
{
|
||
list: [
|
||
'inside',
|
||
'outside'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Placeholder Color
|
||
* @deprecated since Tailwind CSS v3.0.0
|
||
* @see https://tailwindcss.com/docs/placeholder-color
|
||
*/ 'placeholder-color': [
|
||
{
|
||
placeholder: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Placeholder Opacity
|
||
* @see https://tailwindcss.com/docs/placeholder-opacity
|
||
*/ 'placeholder-opacity': [
|
||
{
|
||
'placeholder-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Alignment
|
||
* @see https://tailwindcss.com/docs/text-align
|
||
*/ 'text-alignment': [
|
||
{
|
||
text: [
|
||
'left',
|
||
'center',
|
||
'right',
|
||
'justify',
|
||
'start',
|
||
'end'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Color
|
||
* @see https://tailwindcss.com/docs/text-color
|
||
*/ 'text-color': [
|
||
{
|
||
text: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Opacity
|
||
* @see https://tailwindcss.com/docs/text-opacity
|
||
*/ 'text-opacity': [
|
||
{
|
||
'text-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Decoration
|
||
* @see https://tailwindcss.com/docs/text-decoration
|
||
*/ 'text-decoration': [
|
||
'underline',
|
||
'overline',
|
||
'line-through',
|
||
'no-underline'
|
||
],
|
||
/**
|
||
* Text Decoration Style
|
||
* @see https://tailwindcss.com/docs/text-decoration-style
|
||
*/ 'text-decoration-style': [
|
||
{
|
||
decoration: [
|
||
...getLineStyles(),
|
||
'wavy'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Decoration Thickness
|
||
* @see https://tailwindcss.com/docs/text-decoration-thickness
|
||
*/ 'text-decoration-thickness': [
|
||
{
|
||
decoration: [
|
||
'auto',
|
||
'from-font',
|
||
isLength,
|
||
isArbitraryLength
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Underline Offset
|
||
* @see https://tailwindcss.com/docs/text-underline-offset
|
||
*/ 'underline-offset': [
|
||
{
|
||
'underline-offset': [
|
||
'auto',
|
||
isLength,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Decoration Color
|
||
* @see https://tailwindcss.com/docs/text-decoration-color
|
||
*/ 'text-decoration-color': [
|
||
{
|
||
decoration: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Transform
|
||
* @see https://tailwindcss.com/docs/text-transform
|
||
*/ 'text-transform': [
|
||
'uppercase',
|
||
'lowercase',
|
||
'capitalize',
|
||
'normal-case'
|
||
],
|
||
/**
|
||
* Text Overflow
|
||
* @see https://tailwindcss.com/docs/text-overflow
|
||
*/ 'text-overflow': [
|
||
'truncate',
|
||
'text-ellipsis',
|
||
'text-clip'
|
||
],
|
||
/**
|
||
* Text Wrap
|
||
* @see https://tailwindcss.com/docs/text-wrap
|
||
*/ 'text-wrap': [
|
||
{
|
||
text: [
|
||
'wrap',
|
||
'nowrap',
|
||
'balance',
|
||
'pretty'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Text Indent
|
||
* @see https://tailwindcss.com/docs/text-indent
|
||
*/ indent: [
|
||
{
|
||
indent: getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Vertical Alignment
|
||
* @see https://tailwindcss.com/docs/vertical-align
|
||
*/ 'vertical-align': [
|
||
{
|
||
align: [
|
||
'baseline',
|
||
'top',
|
||
'middle',
|
||
'bottom',
|
||
'text-top',
|
||
'text-bottom',
|
||
'sub',
|
||
'super',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Whitespace
|
||
* @see https://tailwindcss.com/docs/whitespace
|
||
*/ whitespace: [
|
||
{
|
||
whitespace: [
|
||
'normal',
|
||
'nowrap',
|
||
'pre',
|
||
'pre-line',
|
||
'pre-wrap',
|
||
'break-spaces'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Word Break
|
||
* @see https://tailwindcss.com/docs/word-break
|
||
*/ break: [
|
||
{
|
||
break: [
|
||
'normal',
|
||
'words',
|
||
'all',
|
||
'keep'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Hyphens
|
||
* @see https://tailwindcss.com/docs/hyphens
|
||
*/ hyphens: [
|
||
{
|
||
hyphens: [
|
||
'none',
|
||
'manual',
|
||
'auto'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Content
|
||
* @see https://tailwindcss.com/docs/content
|
||
*/ content: [
|
||
{
|
||
content: [
|
||
'none',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
// Backgrounds
|
||
/**
|
||
* Background Attachment
|
||
* @see https://tailwindcss.com/docs/background-attachment
|
||
*/ 'bg-attachment': [
|
||
{
|
||
bg: [
|
||
'fixed',
|
||
'local',
|
||
'scroll'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Clip
|
||
* @see https://tailwindcss.com/docs/background-clip
|
||
*/ 'bg-clip': [
|
||
{
|
||
'bg-clip': [
|
||
'border',
|
||
'padding',
|
||
'content',
|
||
'text'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Opacity
|
||
* @deprecated since Tailwind CSS v3.0.0
|
||
* @see https://tailwindcss.com/docs/background-opacity
|
||
*/ 'bg-opacity': [
|
||
{
|
||
'bg-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Origin
|
||
* @see https://tailwindcss.com/docs/background-origin
|
||
*/ 'bg-origin': [
|
||
{
|
||
'bg-origin': [
|
||
'border',
|
||
'padding',
|
||
'content'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Position
|
||
* @see https://tailwindcss.com/docs/background-position
|
||
*/ 'bg-position': [
|
||
{
|
||
bg: [
|
||
...getPositions(),
|
||
isArbitraryPosition
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Repeat
|
||
* @see https://tailwindcss.com/docs/background-repeat
|
||
*/ 'bg-repeat': [
|
||
{
|
||
bg: [
|
||
'no-repeat',
|
||
{
|
||
repeat: [
|
||
'',
|
||
'x',
|
||
'y',
|
||
'round',
|
||
'space'
|
||
]
|
||
}
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Size
|
||
* @see https://tailwindcss.com/docs/background-size
|
||
*/ 'bg-size': [
|
||
{
|
||
bg: [
|
||
'auto',
|
||
'cover',
|
||
'contain',
|
||
isArbitrarySize
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Image
|
||
* @see https://tailwindcss.com/docs/background-image
|
||
*/ 'bg-image': [
|
||
{
|
||
bg: [
|
||
'none',
|
||
{
|
||
'gradient-to': [
|
||
't',
|
||
'tr',
|
||
'r',
|
||
'br',
|
||
'b',
|
||
'bl',
|
||
'l',
|
||
'tl'
|
||
]
|
||
},
|
||
isArbitraryImage
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Color
|
||
* @see https://tailwindcss.com/docs/background-color
|
||
*/ 'bg-color': [
|
||
{
|
||
bg: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gradient Color Stops From Position
|
||
* @see https://tailwindcss.com/docs/gradient-color-stops
|
||
*/ 'gradient-from-pos': [
|
||
{
|
||
from: [
|
||
gradientColorStopPositions
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gradient Color Stops Via Position
|
||
* @see https://tailwindcss.com/docs/gradient-color-stops
|
||
*/ 'gradient-via-pos': [
|
||
{
|
||
via: [
|
||
gradientColorStopPositions
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gradient Color Stops To Position
|
||
* @see https://tailwindcss.com/docs/gradient-color-stops
|
||
*/ 'gradient-to-pos': [
|
||
{
|
||
to: [
|
||
gradientColorStopPositions
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gradient Color Stops From
|
||
* @see https://tailwindcss.com/docs/gradient-color-stops
|
||
*/ 'gradient-from': [
|
||
{
|
||
from: [
|
||
gradientColorStops
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gradient Color Stops Via
|
||
* @see https://tailwindcss.com/docs/gradient-color-stops
|
||
*/ 'gradient-via': [
|
||
{
|
||
via: [
|
||
gradientColorStops
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Gradient Color Stops To
|
||
* @see https://tailwindcss.com/docs/gradient-color-stops
|
||
*/ 'gradient-to': [
|
||
{
|
||
to: [
|
||
gradientColorStops
|
||
]
|
||
}
|
||
],
|
||
// Borders
|
||
/**
|
||
* Border Radius
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ rounded: [
|
||
{
|
||
rounded: [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Start
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-s': [
|
||
{
|
||
'rounded-s': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius End
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-e': [
|
||
{
|
||
'rounded-e': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Top
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-t': [
|
||
{
|
||
'rounded-t': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Right
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-r': [
|
||
{
|
||
'rounded-r': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Bottom
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-b': [
|
||
{
|
||
'rounded-b': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Left
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-l': [
|
||
{
|
||
'rounded-l': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Start Start
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-ss': [
|
||
{
|
||
'rounded-ss': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Start End
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-se': [
|
||
{
|
||
'rounded-se': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius End End
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-ee': [
|
||
{
|
||
'rounded-ee': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius End Start
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-es': [
|
||
{
|
||
'rounded-es': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Top Left
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-tl': [
|
||
{
|
||
'rounded-tl': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Top Right
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-tr': [
|
||
{
|
||
'rounded-tr': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Bottom Right
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-br': [
|
||
{
|
||
'rounded-br': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Radius Bottom Left
|
||
* @see https://tailwindcss.com/docs/border-radius
|
||
*/ 'rounded-bl': [
|
||
{
|
||
'rounded-bl': [
|
||
borderRadius
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w': [
|
||
{
|
||
border: [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width X
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-x': [
|
||
{
|
||
'border-x': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width Y
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-y': [
|
||
{
|
||
'border-y': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width Start
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-s': [
|
||
{
|
||
'border-s': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width End
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-e': [
|
||
{
|
||
'border-e': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width Top
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-t': [
|
||
{
|
||
'border-t': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width Right
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-r': [
|
||
{
|
||
'border-r': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width Bottom
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-b': [
|
||
{
|
||
'border-b': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Width Left
|
||
* @see https://tailwindcss.com/docs/border-width
|
||
*/ 'border-w-l': [
|
||
{
|
||
'border-l': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Opacity
|
||
* @see https://tailwindcss.com/docs/border-opacity
|
||
*/ 'border-opacity': [
|
||
{
|
||
'border-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Style
|
||
* @see https://tailwindcss.com/docs/border-style
|
||
*/ 'border-style': [
|
||
{
|
||
border: [
|
||
...getLineStyles(),
|
||
'hidden'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Divide Width X
|
||
* @see https://tailwindcss.com/docs/divide-width
|
||
*/ 'divide-x': [
|
||
{
|
||
'divide-x': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Divide Width X Reverse
|
||
* @see https://tailwindcss.com/docs/divide-width
|
||
*/ 'divide-x-reverse': [
|
||
'divide-x-reverse'
|
||
],
|
||
/**
|
||
* Divide Width Y
|
||
* @see https://tailwindcss.com/docs/divide-width
|
||
*/ 'divide-y': [
|
||
{
|
||
'divide-y': [
|
||
borderWidth
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Divide Width Y Reverse
|
||
* @see https://tailwindcss.com/docs/divide-width
|
||
*/ 'divide-y-reverse': [
|
||
'divide-y-reverse'
|
||
],
|
||
/**
|
||
* Divide Opacity
|
||
* @see https://tailwindcss.com/docs/divide-opacity
|
||
*/ 'divide-opacity': [
|
||
{
|
||
'divide-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Divide Style
|
||
* @see https://tailwindcss.com/docs/divide-style
|
||
*/ 'divide-style': [
|
||
{
|
||
divide: getLineStyles()
|
||
}
|
||
],
|
||
/**
|
||
* Border Color
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color': [
|
||
{
|
||
border: [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color X
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-x': [
|
||
{
|
||
'border-x': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color Y
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-y': [
|
||
{
|
||
'border-y': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color S
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-s': [
|
||
{
|
||
'border-s': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color E
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-e': [
|
||
{
|
||
'border-e': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color Top
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-t': [
|
||
{
|
||
'border-t': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color Right
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-r': [
|
||
{
|
||
'border-r': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color Bottom
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-b': [
|
||
{
|
||
'border-b': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Color Left
|
||
* @see https://tailwindcss.com/docs/border-color
|
||
*/ 'border-color-l': [
|
||
{
|
||
'border-l': [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Divide Color
|
||
* @see https://tailwindcss.com/docs/divide-color
|
||
*/ 'divide-color': [
|
||
{
|
||
divide: [
|
||
borderColor
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Outline Style
|
||
* @see https://tailwindcss.com/docs/outline-style
|
||
*/ 'outline-style': [
|
||
{
|
||
outline: [
|
||
'',
|
||
...getLineStyles()
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Outline Offset
|
||
* @see https://tailwindcss.com/docs/outline-offset
|
||
*/ 'outline-offset': [
|
||
{
|
||
'outline-offset': [
|
||
isLength,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Outline Width
|
||
* @see https://tailwindcss.com/docs/outline-width
|
||
*/ 'outline-w': [
|
||
{
|
||
outline: [
|
||
isLength,
|
||
isArbitraryLength
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Outline Color
|
||
* @see https://tailwindcss.com/docs/outline-color
|
||
*/ 'outline-color': [
|
||
{
|
||
outline: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Ring Width
|
||
* @see https://tailwindcss.com/docs/ring-width
|
||
*/ 'ring-w': [
|
||
{
|
||
ring: getLengthWithEmptyAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Ring Width Inset
|
||
* @see https://tailwindcss.com/docs/ring-width
|
||
*/ 'ring-w-inset': [
|
||
'ring-inset'
|
||
],
|
||
/**
|
||
* Ring Color
|
||
* @see https://tailwindcss.com/docs/ring-color
|
||
*/ 'ring-color': [
|
||
{
|
||
ring: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Ring Opacity
|
||
* @see https://tailwindcss.com/docs/ring-opacity
|
||
*/ 'ring-opacity': [
|
||
{
|
||
'ring-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Ring Offset Width
|
||
* @see https://tailwindcss.com/docs/ring-offset-width
|
||
*/ 'ring-offset-w': [
|
||
{
|
||
'ring-offset': [
|
||
isLength,
|
||
isArbitraryLength
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Ring Offset Color
|
||
* @see https://tailwindcss.com/docs/ring-offset-color
|
||
*/ 'ring-offset-color': [
|
||
{
|
||
'ring-offset': [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
// Effects
|
||
/**
|
||
* Box Shadow
|
||
* @see https://tailwindcss.com/docs/box-shadow
|
||
*/ shadow: [
|
||
{
|
||
shadow: [
|
||
'',
|
||
'inner',
|
||
'none',
|
||
isTshirtSize,
|
||
isArbitraryShadow
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Box Shadow Color
|
||
* @see https://tailwindcss.com/docs/box-shadow-color
|
||
*/ 'shadow-color': [
|
||
{
|
||
shadow: [
|
||
isAny
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Opacity
|
||
* @see https://tailwindcss.com/docs/opacity
|
||
*/ opacity: [
|
||
{
|
||
opacity: [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Mix Blend Mode
|
||
* @see https://tailwindcss.com/docs/mix-blend-mode
|
||
*/ 'mix-blend': [
|
||
{
|
||
'mix-blend': [
|
||
...getBlendModes(),
|
||
'plus-lighter',
|
||
'plus-darker'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Background Blend Mode
|
||
* @see https://tailwindcss.com/docs/background-blend-mode
|
||
*/ 'bg-blend': [
|
||
{
|
||
'bg-blend': getBlendModes()
|
||
}
|
||
],
|
||
// Filters
|
||
/**
|
||
* Filter
|
||
* @deprecated since Tailwind CSS v3.0.0
|
||
* @see https://tailwindcss.com/docs/filter
|
||
*/ filter: [
|
||
{
|
||
filter: [
|
||
'',
|
||
'none'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Blur
|
||
* @see https://tailwindcss.com/docs/blur
|
||
*/ blur: [
|
||
{
|
||
blur: [
|
||
blur
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Brightness
|
||
* @see https://tailwindcss.com/docs/brightness
|
||
*/ brightness: [
|
||
{
|
||
brightness: [
|
||
brightness
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Contrast
|
||
* @see https://tailwindcss.com/docs/contrast
|
||
*/ contrast: [
|
||
{
|
||
contrast: [
|
||
contrast
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Drop Shadow
|
||
* @see https://tailwindcss.com/docs/drop-shadow
|
||
*/ 'drop-shadow': [
|
||
{
|
||
'drop-shadow': [
|
||
'',
|
||
'none',
|
||
isTshirtSize,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Grayscale
|
||
* @see https://tailwindcss.com/docs/grayscale
|
||
*/ grayscale: [
|
||
{
|
||
grayscale: [
|
||
grayscale
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Hue Rotate
|
||
* @see https://tailwindcss.com/docs/hue-rotate
|
||
*/ 'hue-rotate': [
|
||
{
|
||
'hue-rotate': [
|
||
hueRotate
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Invert
|
||
* @see https://tailwindcss.com/docs/invert
|
||
*/ invert: [
|
||
{
|
||
invert: [
|
||
invert
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Saturate
|
||
* @see https://tailwindcss.com/docs/saturate
|
||
*/ saturate: [
|
||
{
|
||
saturate: [
|
||
saturate
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Sepia
|
||
* @see https://tailwindcss.com/docs/sepia
|
||
*/ sepia: [
|
||
{
|
||
sepia: [
|
||
sepia
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Filter
|
||
* @deprecated since Tailwind CSS v3.0.0
|
||
* @see https://tailwindcss.com/docs/backdrop-filter
|
||
*/ 'backdrop-filter': [
|
||
{
|
||
'backdrop-filter': [
|
||
'',
|
||
'none'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Blur
|
||
* @see https://tailwindcss.com/docs/backdrop-blur
|
||
*/ 'backdrop-blur': [
|
||
{
|
||
'backdrop-blur': [
|
||
blur
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Brightness
|
||
* @see https://tailwindcss.com/docs/backdrop-brightness
|
||
*/ 'backdrop-brightness': [
|
||
{
|
||
'backdrop-brightness': [
|
||
brightness
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Contrast
|
||
* @see https://tailwindcss.com/docs/backdrop-contrast
|
||
*/ 'backdrop-contrast': [
|
||
{
|
||
'backdrop-contrast': [
|
||
contrast
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Grayscale
|
||
* @see https://tailwindcss.com/docs/backdrop-grayscale
|
||
*/ 'backdrop-grayscale': [
|
||
{
|
||
'backdrop-grayscale': [
|
||
grayscale
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Hue Rotate
|
||
* @see https://tailwindcss.com/docs/backdrop-hue-rotate
|
||
*/ 'backdrop-hue-rotate': [
|
||
{
|
||
'backdrop-hue-rotate': [
|
||
hueRotate
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Invert
|
||
* @see https://tailwindcss.com/docs/backdrop-invert
|
||
*/ 'backdrop-invert': [
|
||
{
|
||
'backdrop-invert': [
|
||
invert
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Opacity
|
||
* @see https://tailwindcss.com/docs/backdrop-opacity
|
||
*/ 'backdrop-opacity': [
|
||
{
|
||
'backdrop-opacity': [
|
||
opacity
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Saturate
|
||
* @see https://tailwindcss.com/docs/backdrop-saturate
|
||
*/ 'backdrop-saturate': [
|
||
{
|
||
'backdrop-saturate': [
|
||
saturate
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Backdrop Sepia
|
||
* @see https://tailwindcss.com/docs/backdrop-sepia
|
||
*/ 'backdrop-sepia': [
|
||
{
|
||
'backdrop-sepia': [
|
||
sepia
|
||
]
|
||
}
|
||
],
|
||
// Tables
|
||
/**
|
||
* Border Collapse
|
||
* @see https://tailwindcss.com/docs/border-collapse
|
||
*/ 'border-collapse': [
|
||
{
|
||
border: [
|
||
'collapse',
|
||
'separate'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Spacing
|
||
* @see https://tailwindcss.com/docs/border-spacing
|
||
*/ 'border-spacing': [
|
||
{
|
||
'border-spacing': [
|
||
borderSpacing
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Spacing X
|
||
* @see https://tailwindcss.com/docs/border-spacing
|
||
*/ 'border-spacing-x': [
|
||
{
|
||
'border-spacing-x': [
|
||
borderSpacing
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Border Spacing Y
|
||
* @see https://tailwindcss.com/docs/border-spacing
|
||
*/ 'border-spacing-y': [
|
||
{
|
||
'border-spacing-y': [
|
||
borderSpacing
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Table Layout
|
||
* @see https://tailwindcss.com/docs/table-layout
|
||
*/ 'table-layout': [
|
||
{
|
||
table: [
|
||
'auto',
|
||
'fixed'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Caption Side
|
||
* @see https://tailwindcss.com/docs/caption-side
|
||
*/ caption: [
|
||
{
|
||
caption: [
|
||
'top',
|
||
'bottom'
|
||
]
|
||
}
|
||
],
|
||
// Transitions and Animation
|
||
/**
|
||
* Tranisition Property
|
||
* @see https://tailwindcss.com/docs/transition-property
|
||
*/ transition: [
|
||
{
|
||
transition: [
|
||
'none',
|
||
'all',
|
||
'',
|
||
'colors',
|
||
'opacity',
|
||
'shadow',
|
||
'transform',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Transition Duration
|
||
* @see https://tailwindcss.com/docs/transition-duration
|
||
*/ duration: [
|
||
{
|
||
duration: getNumberAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Transition Timing Function
|
||
* @see https://tailwindcss.com/docs/transition-timing-function
|
||
*/ ease: [
|
||
{
|
||
ease: [
|
||
'linear',
|
||
'in',
|
||
'out',
|
||
'in-out',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Transition Delay
|
||
* @see https://tailwindcss.com/docs/transition-delay
|
||
*/ delay: [
|
||
{
|
||
delay: getNumberAndArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Animation
|
||
* @see https://tailwindcss.com/docs/animation
|
||
*/ animate: [
|
||
{
|
||
animate: [
|
||
'none',
|
||
'spin',
|
||
'ping',
|
||
'pulse',
|
||
'bounce',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
// Transforms
|
||
/**
|
||
* Transform
|
||
* @see https://tailwindcss.com/docs/transform
|
||
*/ transform: [
|
||
{
|
||
transform: [
|
||
'',
|
||
'gpu',
|
||
'none'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scale
|
||
* @see https://tailwindcss.com/docs/scale
|
||
*/ scale: [
|
||
{
|
||
scale: [
|
||
scale
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scale X
|
||
* @see https://tailwindcss.com/docs/scale
|
||
*/ 'scale-x': [
|
||
{
|
||
'scale-x': [
|
||
scale
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scale Y
|
||
* @see https://tailwindcss.com/docs/scale
|
||
*/ 'scale-y': [
|
||
{
|
||
'scale-y': [
|
||
scale
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Rotate
|
||
* @see https://tailwindcss.com/docs/rotate
|
||
*/ rotate: [
|
||
{
|
||
rotate: [
|
||
isInteger,
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Translate X
|
||
* @see https://tailwindcss.com/docs/translate
|
||
*/ 'translate-x': [
|
||
{
|
||
'translate-x': [
|
||
translate
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Translate Y
|
||
* @see https://tailwindcss.com/docs/translate
|
||
*/ 'translate-y': [
|
||
{
|
||
'translate-y': [
|
||
translate
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Skew X
|
||
* @see https://tailwindcss.com/docs/skew
|
||
*/ 'skew-x': [
|
||
{
|
||
'skew-x': [
|
||
skew
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Skew Y
|
||
* @see https://tailwindcss.com/docs/skew
|
||
*/ 'skew-y': [
|
||
{
|
||
'skew-y': [
|
||
skew
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Transform Origin
|
||
* @see https://tailwindcss.com/docs/transform-origin
|
||
*/ 'transform-origin': [
|
||
{
|
||
origin: [
|
||
'center',
|
||
'top',
|
||
'top-right',
|
||
'right',
|
||
'bottom-right',
|
||
'bottom',
|
||
'bottom-left',
|
||
'left',
|
||
'top-left',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
// Interactivity
|
||
/**
|
||
* Accent Color
|
||
* @see https://tailwindcss.com/docs/accent-color
|
||
*/ accent: [
|
||
{
|
||
accent: [
|
||
'auto',
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Appearance
|
||
* @see https://tailwindcss.com/docs/appearance
|
||
*/ appearance: [
|
||
{
|
||
appearance: [
|
||
'none',
|
||
'auto'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Cursor
|
||
* @see https://tailwindcss.com/docs/cursor
|
||
*/ cursor: [
|
||
{
|
||
cursor: [
|
||
'auto',
|
||
'default',
|
||
'pointer',
|
||
'wait',
|
||
'text',
|
||
'move',
|
||
'help',
|
||
'not-allowed',
|
||
'none',
|
||
'context-menu',
|
||
'progress',
|
||
'cell',
|
||
'crosshair',
|
||
'vertical-text',
|
||
'alias',
|
||
'copy',
|
||
'no-drop',
|
||
'grab',
|
||
'grabbing',
|
||
'all-scroll',
|
||
'col-resize',
|
||
'row-resize',
|
||
'n-resize',
|
||
'e-resize',
|
||
's-resize',
|
||
'w-resize',
|
||
'ne-resize',
|
||
'nw-resize',
|
||
'se-resize',
|
||
'sw-resize',
|
||
'ew-resize',
|
||
'ns-resize',
|
||
'nesw-resize',
|
||
'nwse-resize',
|
||
'zoom-in',
|
||
'zoom-out',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Caret Color
|
||
* @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
|
||
*/ 'caret-color': [
|
||
{
|
||
caret: [
|
||
colors
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Pointer Events
|
||
* @see https://tailwindcss.com/docs/pointer-events
|
||
*/ 'pointer-events': [
|
||
{
|
||
'pointer-events': [
|
||
'none',
|
||
'auto'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Resize
|
||
* @see https://tailwindcss.com/docs/resize
|
||
*/ resize: [
|
||
{
|
||
resize: [
|
||
'none',
|
||
'y',
|
||
'x',
|
||
''
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Behavior
|
||
* @see https://tailwindcss.com/docs/scroll-behavior
|
||
*/ 'scroll-behavior': [
|
||
{
|
||
scroll: [
|
||
'auto',
|
||
'smooth'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-m': [
|
||
{
|
||
'scroll-m': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin X
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-mx': [
|
||
{
|
||
'scroll-mx': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin Y
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-my': [
|
||
{
|
||
'scroll-my': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin Start
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-ms': [
|
||
{
|
||
'scroll-ms': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin End
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-me': [
|
||
{
|
||
'scroll-me': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin Top
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-mt': [
|
||
{
|
||
'scroll-mt': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin Right
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-mr': [
|
||
{
|
||
'scroll-mr': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin Bottom
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-mb': [
|
||
{
|
||
'scroll-mb': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Margin Left
|
||
* @see https://tailwindcss.com/docs/scroll-margin
|
||
*/ 'scroll-ml': [
|
||
{
|
||
'scroll-ml': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-p': [
|
||
{
|
||
'scroll-p': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding X
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-px': [
|
||
{
|
||
'scroll-px': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding Y
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-py': [
|
||
{
|
||
'scroll-py': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding Start
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-ps': [
|
||
{
|
||
'scroll-ps': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding End
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-pe': [
|
||
{
|
||
'scroll-pe': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding Top
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-pt': [
|
||
{
|
||
'scroll-pt': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding Right
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-pr': [
|
||
{
|
||
'scroll-pr': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding Bottom
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-pb': [
|
||
{
|
||
'scroll-pb': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Padding Left
|
||
* @see https://tailwindcss.com/docs/scroll-padding
|
||
*/ 'scroll-pl': [
|
||
{
|
||
'scroll-pl': getSpacingWithArbitrary()
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Snap Align
|
||
* @see https://tailwindcss.com/docs/scroll-snap-align
|
||
*/ 'snap-align': [
|
||
{
|
||
snap: [
|
||
'start',
|
||
'end',
|
||
'center',
|
||
'align-none'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Snap Stop
|
||
* @see https://tailwindcss.com/docs/scroll-snap-stop
|
||
*/ 'snap-stop': [
|
||
{
|
||
snap: [
|
||
'normal',
|
||
'always'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Snap Type
|
||
* @see https://tailwindcss.com/docs/scroll-snap-type
|
||
*/ 'snap-type': [
|
||
{
|
||
snap: [
|
||
'none',
|
||
'x',
|
||
'y',
|
||
'both'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Scroll Snap Type Strictness
|
||
* @see https://tailwindcss.com/docs/scroll-snap-type
|
||
*/ 'snap-strictness': [
|
||
{
|
||
snap: [
|
||
'mandatory',
|
||
'proximity'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Touch Action
|
||
* @see https://tailwindcss.com/docs/touch-action
|
||
*/ touch: [
|
||
{
|
||
touch: [
|
||
'auto',
|
||
'none',
|
||
'manipulation'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Touch Action X
|
||
* @see https://tailwindcss.com/docs/touch-action
|
||
*/ 'touch-x': [
|
||
{
|
||
'touch-pan': [
|
||
'x',
|
||
'left',
|
||
'right'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Touch Action Y
|
||
* @see https://tailwindcss.com/docs/touch-action
|
||
*/ 'touch-y': [
|
||
{
|
||
'touch-pan': [
|
||
'y',
|
||
'up',
|
||
'down'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Touch Action Pinch Zoom
|
||
* @see https://tailwindcss.com/docs/touch-action
|
||
*/ 'touch-pz': [
|
||
'touch-pinch-zoom'
|
||
],
|
||
/**
|
||
* User Select
|
||
* @see https://tailwindcss.com/docs/user-select
|
||
*/ select: [
|
||
{
|
||
select: [
|
||
'none',
|
||
'text',
|
||
'all',
|
||
'auto'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Will Change
|
||
* @see https://tailwindcss.com/docs/will-change
|
||
*/ 'will-change': [
|
||
{
|
||
'will-change': [
|
||
'auto',
|
||
'scroll',
|
||
'contents',
|
||
'transform',
|
||
isArbitraryValue
|
||
]
|
||
}
|
||
],
|
||
// SVG
|
||
/**
|
||
* Fill
|
||
* @see https://tailwindcss.com/docs/fill
|
||
*/ fill: [
|
||
{
|
||
fill: [
|
||
colors,
|
||
'none'
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Stroke Width
|
||
* @see https://tailwindcss.com/docs/stroke-width
|
||
*/ 'stroke-w': [
|
||
{
|
||
stroke: [
|
||
isLength,
|
||
isArbitraryLength,
|
||
isArbitraryNumber
|
||
]
|
||
}
|
||
],
|
||
/**
|
||
* Stroke
|
||
* @see https://tailwindcss.com/docs/stroke
|
||
*/ stroke: [
|
||
{
|
||
stroke: [
|
||
colors,
|
||
'none'
|
||
]
|
||
}
|
||
],
|
||
// Accessibility
|
||
/**
|
||
* Screen Readers
|
||
* @see https://tailwindcss.com/docs/screen-readers
|
||
*/ sr: [
|
||
'sr-only',
|
||
'not-sr-only'
|
||
],
|
||
/**
|
||
* Forced Color Adjust
|
||
* @see https://tailwindcss.com/docs/forced-color-adjust
|
||
*/ 'forced-color-adjust': [
|
||
{
|
||
'forced-color-adjust': [
|
||
'auto',
|
||
'none'
|
||
]
|
||
}
|
||
]
|
||
},
|
||
conflictingClassGroups: {
|
||
overflow: [
|
||
'overflow-x',
|
||
'overflow-y'
|
||
],
|
||
overscroll: [
|
||
'overscroll-x',
|
||
'overscroll-y'
|
||
],
|
||
inset: [
|
||
'inset-x',
|
||
'inset-y',
|
||
'start',
|
||
'end',
|
||
'top',
|
||
'right',
|
||
'bottom',
|
||
'left'
|
||
],
|
||
'inset-x': [
|
||
'right',
|
||
'left'
|
||
],
|
||
'inset-y': [
|
||
'top',
|
||
'bottom'
|
||
],
|
||
flex: [
|
||
'basis',
|
||
'grow',
|
||
'shrink'
|
||
],
|
||
gap: [
|
||
'gap-x',
|
||
'gap-y'
|
||
],
|
||
p: [
|
||
'px',
|
||
'py',
|
||
'ps',
|
||
'pe',
|
||
'pt',
|
||
'pr',
|
||
'pb',
|
||
'pl'
|
||
],
|
||
px: [
|
||
'pr',
|
||
'pl'
|
||
],
|
||
py: [
|
||
'pt',
|
||
'pb'
|
||
],
|
||
m: [
|
||
'mx',
|
||
'my',
|
||
'ms',
|
||
'me',
|
||
'mt',
|
||
'mr',
|
||
'mb',
|
||
'ml'
|
||
],
|
||
mx: [
|
||
'mr',
|
||
'ml'
|
||
],
|
||
my: [
|
||
'mt',
|
||
'mb'
|
||
],
|
||
size: [
|
||
'w',
|
||
'h'
|
||
],
|
||
'font-size': [
|
||
'leading'
|
||
],
|
||
'fvn-normal': [
|
||
'fvn-ordinal',
|
||
'fvn-slashed-zero',
|
||
'fvn-figure',
|
||
'fvn-spacing',
|
||
'fvn-fraction'
|
||
],
|
||
'fvn-ordinal': [
|
||
'fvn-normal'
|
||
],
|
||
'fvn-slashed-zero': [
|
||
'fvn-normal'
|
||
],
|
||
'fvn-figure': [
|
||
'fvn-normal'
|
||
],
|
||
'fvn-spacing': [
|
||
'fvn-normal'
|
||
],
|
||
'fvn-fraction': [
|
||
'fvn-normal'
|
||
],
|
||
'line-clamp': [
|
||
'display',
|
||
'overflow'
|
||
],
|
||
rounded: [
|
||
'rounded-s',
|
||
'rounded-e',
|
||
'rounded-t',
|
||
'rounded-r',
|
||
'rounded-b',
|
||
'rounded-l',
|
||
'rounded-ss',
|
||
'rounded-se',
|
||
'rounded-ee',
|
||
'rounded-es',
|
||
'rounded-tl',
|
||
'rounded-tr',
|
||
'rounded-br',
|
||
'rounded-bl'
|
||
],
|
||
'rounded-s': [
|
||
'rounded-ss',
|
||
'rounded-es'
|
||
],
|
||
'rounded-e': [
|
||
'rounded-se',
|
||
'rounded-ee'
|
||
],
|
||
'rounded-t': [
|
||
'rounded-tl',
|
||
'rounded-tr'
|
||
],
|
||
'rounded-r': [
|
||
'rounded-tr',
|
||
'rounded-br'
|
||
],
|
||
'rounded-b': [
|
||
'rounded-br',
|
||
'rounded-bl'
|
||
],
|
||
'rounded-l': [
|
||
'rounded-tl',
|
||
'rounded-bl'
|
||
],
|
||
'border-spacing': [
|
||
'border-spacing-x',
|
||
'border-spacing-y'
|
||
],
|
||
'border-w': [
|
||
'border-w-s',
|
||
'border-w-e',
|
||
'border-w-t',
|
||
'border-w-r',
|
||
'border-w-b',
|
||
'border-w-l'
|
||
],
|
||
'border-w-x': [
|
||
'border-w-r',
|
||
'border-w-l'
|
||
],
|
||
'border-w-y': [
|
||
'border-w-t',
|
||
'border-w-b'
|
||
],
|
||
'border-color': [
|
||
'border-color-s',
|
||
'border-color-e',
|
||
'border-color-t',
|
||
'border-color-r',
|
||
'border-color-b',
|
||
'border-color-l'
|
||
],
|
||
'border-color-x': [
|
||
'border-color-r',
|
||
'border-color-l'
|
||
],
|
||
'border-color-y': [
|
||
'border-color-t',
|
||
'border-color-b'
|
||
],
|
||
'scroll-m': [
|
||
'scroll-mx',
|
||
'scroll-my',
|
||
'scroll-ms',
|
||
'scroll-me',
|
||
'scroll-mt',
|
||
'scroll-mr',
|
||
'scroll-mb',
|
||
'scroll-ml'
|
||
],
|
||
'scroll-mx': [
|
||
'scroll-mr',
|
||
'scroll-ml'
|
||
],
|
||
'scroll-my': [
|
||
'scroll-mt',
|
||
'scroll-mb'
|
||
],
|
||
'scroll-p': [
|
||
'scroll-px',
|
||
'scroll-py',
|
||
'scroll-ps',
|
||
'scroll-pe',
|
||
'scroll-pt',
|
||
'scroll-pr',
|
||
'scroll-pb',
|
||
'scroll-pl'
|
||
],
|
||
'scroll-px': [
|
||
'scroll-pr',
|
||
'scroll-pl'
|
||
],
|
||
'scroll-py': [
|
||
'scroll-pt',
|
||
'scroll-pb'
|
||
],
|
||
touch: [
|
||
'touch-x',
|
||
'touch-y',
|
||
'touch-pz'
|
||
],
|
||
'touch-x': [
|
||
'touch'
|
||
],
|
||
'touch-y': [
|
||
'touch'
|
||
],
|
||
'touch-pz': [
|
||
'touch'
|
||
]
|
||
},
|
||
conflictingClassGroupModifiers: {
|
||
'font-size': [
|
||
'leading'
|
||
]
|
||
}
|
||
};
|
||
};
|
||
/**
|
||
* @param baseConfig Config where other config will be merged into. This object will be mutated.
|
||
* @param configExtension Partial config to merge into the `baseConfig`.
|
||
*/ const mergeConfigs = (baseConfig, { cacheSize, prefix, separator, experimentalParseClassName, extend = {}, override = {} })=>{
|
||
overrideProperty(baseConfig, 'cacheSize', cacheSize);
|
||
overrideProperty(baseConfig, 'prefix', prefix);
|
||
overrideProperty(baseConfig, 'separator', separator);
|
||
overrideProperty(baseConfig, 'experimentalParseClassName', experimentalParseClassName);
|
||
for(const configKey in override){
|
||
overrideConfigProperties(baseConfig[configKey], override[configKey]);
|
||
}
|
||
for(const key in extend){
|
||
mergeConfigProperties(baseConfig[key], extend[key]);
|
||
}
|
||
return baseConfig;
|
||
};
|
||
const overrideProperty = (baseObject, overrideKey, overrideValue)=>{
|
||
if (overrideValue !== undefined) {
|
||
baseObject[overrideKey] = overrideValue;
|
||
}
|
||
};
|
||
const overrideConfigProperties = (baseObject, overrideObject)=>{
|
||
if (overrideObject) {
|
||
for(const key in overrideObject){
|
||
overrideProperty(baseObject, key, overrideObject[key]);
|
||
}
|
||
}
|
||
};
|
||
const mergeConfigProperties = (baseObject, mergeObject)=>{
|
||
if (mergeObject) {
|
||
for(const key in mergeObject){
|
||
const mergeValue = mergeObject[key];
|
||
if (mergeValue !== undefined) {
|
||
baseObject[key] = (baseObject[key] || []).concat(mergeValue);
|
||
}
|
||
}
|
||
}
|
||
};
|
||
const extendTailwindMerge = (configExtension, ...createConfig)=>typeof configExtension === 'function' ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(()=>mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
|
||
const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
|
||
;
|
||
//# sourceMappingURL=bundle-mjs.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-presence@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.6__@types+reac_4990595ea432be9a74aea0197efb306c/node_modules/@radix-ui/react-presence/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"Presence",
|
||
()=>Presence
|
||
]);
|
||
// packages/react/presence/src/Presence.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs [app-client] (ecmascript)");
|
||
"use client";
|
||
;
|
||
;
|
||
;
|
||
;
|
||
function useStateMachine(initialState, machine) {
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useReducer"]({
|
||
"useStateMachine.useReducer": (state, event)=>{
|
||
const nextState = machine[state][event];
|
||
return nextState ?? state;
|
||
}
|
||
}["useStateMachine.useReducer"], initialState);
|
||
}
|
||
// packages/react/presence/src/Presence.tsx
|
||
var Presence = (props)=>{
|
||
const { present, children } = props;
|
||
const presence = usePresence(present);
|
||
const child = typeof children === "function" ? children({
|
||
present: presence.isPresent
|
||
}) : __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Children"].only(children);
|
||
const ref = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(presence.ref, getElementRef(child));
|
||
const forceMount = typeof children === "function";
|
||
return forceMount || presence.isPresent ? __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["cloneElement"](child, {
|
||
ref
|
||
}) : null;
|
||
};
|
||
Presence.displayName = "Presence";
|
||
function usePresence(present) {
|
||
const [node, setNode] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"]();
|
||
const stylesRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"]({});
|
||
const prevPresentRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](present);
|
||
const prevAnimationNameRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"]("none");
|
||
const initialState = present ? "mounted" : "unmounted";
|
||
const [state, send] = useStateMachine(initialState, {
|
||
mounted: {
|
||
UNMOUNT: "unmounted",
|
||
ANIMATION_OUT: "unmountSuspended"
|
||
},
|
||
unmountSuspended: {
|
||
MOUNT: "mounted",
|
||
ANIMATION_END: "unmounted"
|
||
},
|
||
unmounted: {
|
||
MOUNT: "mounted"
|
||
}
|
||
});
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"usePresence.useEffect": ()=>{
|
||
const currentAnimationName = getAnimationName(stylesRef.current);
|
||
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
||
}
|
||
}["usePresence.useEffect"], [
|
||
state
|
||
]);
|
||
(0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"])({
|
||
"usePresence.useLayoutEffect": ()=>{
|
||
const styles = stylesRef.current;
|
||
const wasPresent = prevPresentRef.current;
|
||
const hasPresentChanged = wasPresent !== present;
|
||
if (hasPresentChanged) {
|
||
const prevAnimationName = prevAnimationNameRef.current;
|
||
const currentAnimationName = getAnimationName(styles);
|
||
if (present) {
|
||
send("MOUNT");
|
||
} else if (currentAnimationName === "none" || styles?.display === "none") {
|
||
send("UNMOUNT");
|
||
} else {
|
||
const isAnimating = prevAnimationName !== currentAnimationName;
|
||
if (wasPresent && isAnimating) {
|
||
send("ANIMATION_OUT");
|
||
} else {
|
||
send("UNMOUNT");
|
||
}
|
||
}
|
||
prevPresentRef.current = present;
|
||
}
|
||
}
|
||
}["usePresence.useLayoutEffect"], [
|
||
present,
|
||
send
|
||
]);
|
||
(0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"])({
|
||
"usePresence.useLayoutEffect": ()=>{
|
||
if (node) {
|
||
let timeoutId;
|
||
const ownerWindow = node.ownerDocument.defaultView ?? window;
|
||
const handleAnimationEnd = {
|
||
"usePresence.useLayoutEffect.handleAnimationEnd": (event)=>{
|
||
const currentAnimationName = getAnimationName(stylesRef.current);
|
||
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
||
if (event.target === node && isCurrentAnimation) {
|
||
send("ANIMATION_END");
|
||
if (!prevPresentRef.current) {
|
||
const currentFillMode = node.style.animationFillMode;
|
||
node.style.animationFillMode = "forwards";
|
||
timeoutId = ownerWindow.setTimeout({
|
||
"usePresence.useLayoutEffect.handleAnimationEnd": ()=>{
|
||
if (node.style.animationFillMode === "forwards") {
|
||
node.style.animationFillMode = currentFillMode;
|
||
}
|
||
}
|
||
}["usePresence.useLayoutEffect.handleAnimationEnd"]);
|
||
}
|
||
}
|
||
}
|
||
}["usePresence.useLayoutEffect.handleAnimationEnd"];
|
||
const handleAnimationStart = {
|
||
"usePresence.useLayoutEffect.handleAnimationStart": (event)=>{
|
||
if (event.target === node) {
|
||
prevAnimationNameRef.current = getAnimationName(stylesRef.current);
|
||
}
|
||
}
|
||
}["usePresence.useLayoutEffect.handleAnimationStart"];
|
||
node.addEventListener("animationstart", handleAnimationStart);
|
||
node.addEventListener("animationcancel", handleAnimationEnd);
|
||
node.addEventListener("animationend", handleAnimationEnd);
|
||
return ({
|
||
"usePresence.useLayoutEffect": ()=>{
|
||
ownerWindow.clearTimeout(timeoutId);
|
||
node.removeEventListener("animationstart", handleAnimationStart);
|
||
node.removeEventListener("animationcancel", handleAnimationEnd);
|
||
node.removeEventListener("animationend", handleAnimationEnd);
|
||
}
|
||
})["usePresence.useLayoutEffect"];
|
||
} else {
|
||
send("ANIMATION_END");
|
||
}
|
||
}
|
||
}["usePresence.useLayoutEffect"], [
|
||
node,
|
||
send
|
||
]);
|
||
return {
|
||
isPresent: [
|
||
"mounted",
|
||
"unmountSuspended"
|
||
].includes(state),
|
||
ref: __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"usePresence.useCallback": (node2)=>{
|
||
if (node2) stylesRef.current = getComputedStyle(node2);
|
||
setNode(node2);
|
||
}
|
||
}["usePresence.useCallback"], [])
|
||
};
|
||
}
|
||
function getAnimationName(styles) {
|
||
return styles?.animationName || "none";
|
||
}
|
||
function getElementRef(element) {
|
||
let getter = Object.getOwnPropertyDescriptor(element.props, "ref")?.get;
|
||
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
||
if (mayWarn) {
|
||
return element.ref;
|
||
}
|
||
getter = Object.getOwnPropertyDescriptor(element, "ref")?.get;
|
||
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
||
if (mayWarn) {
|
||
return element.props.ref;
|
||
}
|
||
return element.props.ref || element.ref;
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-direction@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-direction/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/direction/src/Direction.tsx
|
||
__turbopack_context__.s([
|
||
"DirectionProvider",
|
||
()=>DirectionProvider,
|
||
"Provider",
|
||
()=>Provider,
|
||
"useDirection",
|
||
()=>useDirection
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
;
|
||
;
|
||
var DirectionContext = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContext"](void 0);
|
||
var DirectionProvider = (props)=>{
|
||
const { dir, children } = props;
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(DirectionContext.Provider, {
|
||
value: dir,
|
||
children
|
||
});
|
||
};
|
||
function useDirection(localDir) {
|
||
const globalDir = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useContext"](DirectionContext);
|
||
return localDir || globalDir || "ltr";
|
||
}
|
||
var Provider = DirectionProvider;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+number@1.1.0/node_modules/@radix-ui/number/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/core/number/src/number.ts
|
||
__turbopack_context__.s([
|
||
"clamp",
|
||
()=>clamp
|
||
]);
|
||
function clamp(value, [min, max]) {
|
||
return Math.min(max, Math.max(min, value));
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/core/primitive/src/primitive.tsx
|
||
__turbopack_context__.s([
|
||
"composeEventHandlers",
|
||
()=>composeEventHandlers
|
||
]);
|
||
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
||
return function handleEvent(event) {
|
||
originalEventHandler?.(event);
|
||
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
||
return ourEventHandler?.(event);
|
||
}
|
||
};
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-scroll-area@1.2.2_@types+react-dom@19.2.3_@types+react@19.2.6__@types+r_889b23863e1bb02d656903e60ea061a0/node_modules/@radix-ui/react-scroll-area/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"Corner",
|
||
()=>Corner,
|
||
"Root",
|
||
()=>Root,
|
||
"ScrollArea",
|
||
()=>ScrollArea,
|
||
"ScrollAreaCorner",
|
||
()=>ScrollAreaCorner,
|
||
"ScrollAreaScrollbar",
|
||
()=>ScrollAreaScrollbar,
|
||
"ScrollAreaThumb",
|
||
()=>ScrollAreaThumb,
|
||
"ScrollAreaViewport",
|
||
()=>ScrollAreaViewport,
|
||
"Scrollbar",
|
||
()=>Scrollbar,
|
||
"Thumb",
|
||
()=>Thumb,
|
||
"Viewport",
|
||
()=>Viewport,
|
||
"createScrollAreaScope",
|
||
()=>createScrollAreaScope
|
||
]);
|
||
// packages/react/scroll-area/src/ScrollArea.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-primitive@2.0.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+rea_4f53963f71a6eb8b0116fe0dd1078946/node_modules/@radix-ui/react-primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-presence@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.6__@types+reac_4990595ea432be9a74aea0197efb306c/node_modules/@radix-ui/react-presence/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$direction$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$direction$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-direction@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-direction/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$number$40$1$2e$1$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$number$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+number@1.1.0/node_modules/@radix-ui/number/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
// packages/react/scroll-area/src/ScrollArea.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
"use client";
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
function useStateMachine(initialState, machine) {
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useReducer"]({
|
||
"useStateMachine.useReducer": (state, event)=>{
|
||
const nextState = machine[state][event];
|
||
return nextState ?? state;
|
||
}
|
||
}["useStateMachine.useReducer"], initialState);
|
||
}
|
||
;
|
||
var SCROLL_AREA_NAME = "ScrollArea";
|
||
var [createScrollAreaContext, createScrollAreaScope] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContextScope"])(SCROLL_AREA_NAME);
|
||
var [ScrollAreaProvider, useScrollAreaContext] = createScrollAreaContext(SCROLL_AREA_NAME);
|
||
var ScrollArea = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeScrollArea, type = "hover", dir, scrollHideDelay = 600, ...scrollAreaProps } = props;
|
||
const [scrollArea, setScrollArea] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](null);
|
||
const [viewport, setViewport] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](null);
|
||
const [content, setContent] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](null);
|
||
const [scrollbarX, setScrollbarX] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](null);
|
||
const [scrollbarY, setScrollbarY] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](null);
|
||
const [cornerWidth, setCornerWidth] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](0);
|
||
const [cornerHeight, setCornerHeight] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](0);
|
||
const [scrollbarXEnabled, setScrollbarXEnabled] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](false);
|
||
const [scrollbarYEnabled, setScrollbarYEnabled] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](false);
|
||
const composedRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, {
|
||
"ScrollArea.useComposedRefs[composedRefs]": (node)=>setScrollArea(node)
|
||
}["ScrollArea.useComposedRefs[composedRefs]"]);
|
||
const direction = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$direction$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$direction$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useDirection"])(dir);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaProvider, {
|
||
scope: __scopeScrollArea,
|
||
type,
|
||
dir: direction,
|
||
scrollHideDelay,
|
||
scrollArea,
|
||
viewport,
|
||
onViewportChange: setViewport,
|
||
content,
|
||
onContentChange: setContent,
|
||
scrollbarX,
|
||
onScrollbarXChange: setScrollbarX,
|
||
scrollbarXEnabled,
|
||
onScrollbarXEnabledChange: setScrollbarXEnabled,
|
||
scrollbarY,
|
||
onScrollbarYChange: setScrollbarY,
|
||
scrollbarYEnabled,
|
||
onScrollbarYEnabledChange: setScrollbarYEnabled,
|
||
onCornerWidthChange: setCornerWidth,
|
||
onCornerHeightChange: setCornerHeight,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
dir: direction,
|
||
...scrollAreaProps,
|
||
ref: composedRefs,
|
||
style: {
|
||
position: "relative",
|
||
// Pass corner sizes as CSS vars to reduce re-renders of context consumers
|
||
["--radix-scroll-area-corner-width"]: cornerWidth + "px",
|
||
["--radix-scroll-area-corner-height"]: cornerHeight + "px",
|
||
...props.style
|
||
}
|
||
})
|
||
});
|
||
});
|
||
ScrollArea.displayName = SCROLL_AREA_NAME;
|
||
var VIEWPORT_NAME = "ScrollAreaViewport";
|
||
var ScrollAreaViewport = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeScrollArea, children, nonce, ...viewportProps } = props;
|
||
const context = useScrollAreaContext(VIEWPORT_NAME, __scopeScrollArea);
|
||
const ref = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](null);
|
||
const composedRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, ref, context.onViewportChange);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsxs"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Fragment"], {
|
||
children: [
|
||
/* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])("style", {
|
||
dangerouslySetInnerHTML: {
|
||
__html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`
|
||
},
|
||
nonce
|
||
}),
|
||
/* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
"data-radix-scroll-area-viewport": "",
|
||
...viewportProps,
|
||
ref: composedRefs,
|
||
style: {
|
||
/**
|
||
* We don't support `visible` because the intention is to have at least one scrollbar
|
||
* if this component is used and `visible` will behave like `auto` in that case
|
||
* https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
|
||
*
|
||
* We don't handle `auto` because the intention is for the native implementation
|
||
* to be hidden if using this component. We just want to ensure the node is scrollable
|
||
* so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
|
||
* the browser from having to work out whether to render native scrollbars or not,
|
||
* we tell it to with the intention of hiding them in CSS.
|
||
*/ overflowX: context.scrollbarXEnabled ? "scroll" : "hidden",
|
||
overflowY: context.scrollbarYEnabled ? "scroll" : "hidden",
|
||
...props.style
|
||
},
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])("div", {
|
||
ref: context.onContentChange,
|
||
style: {
|
||
minWidth: "100%",
|
||
display: "table"
|
||
},
|
||
children
|
||
})
|
||
})
|
||
]
|
||
});
|
||
});
|
||
ScrollAreaViewport.displayName = VIEWPORT_NAME;
|
||
var SCROLLBAR_NAME = "ScrollAreaScrollbar";
|
||
var ScrollAreaScrollbar = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { forceMount, ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context;
|
||
const isHorizontal = props.orientation === "horizontal";
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbar.useEffect": ()=>{
|
||
isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);
|
||
return ({
|
||
"ScrollAreaScrollbar.useEffect": ()=>{
|
||
isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);
|
||
}
|
||
})["ScrollAreaScrollbar.useEffect"];
|
||
}
|
||
}["ScrollAreaScrollbar.useEffect"], [
|
||
isHorizontal,
|
||
onScrollbarXEnabledChange,
|
||
onScrollbarYEnabledChange
|
||
]);
|
||
return context.type === "hover" ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarHover, {
|
||
...scrollbarProps,
|
||
ref: forwardedRef,
|
||
forceMount
|
||
}) : context.type === "scroll" ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarScroll, {
|
||
...scrollbarProps,
|
||
ref: forwardedRef,
|
||
forceMount
|
||
}) : context.type === "auto" ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarAuto, {
|
||
...scrollbarProps,
|
||
ref: forwardedRef,
|
||
forceMount
|
||
}) : context.type === "always" ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarVisible, {
|
||
...scrollbarProps,
|
||
ref: forwardedRef
|
||
}) : null;
|
||
});
|
||
ScrollAreaScrollbar.displayName = SCROLLBAR_NAME;
|
||
var ScrollAreaScrollbarHover = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { forceMount, ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const [visible, setVisible] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](false);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbarHover.useEffect": ()=>{
|
||
const scrollArea = context.scrollArea;
|
||
let hideTimer = 0;
|
||
if (scrollArea) {
|
||
const handlePointerEnter = {
|
||
"ScrollAreaScrollbarHover.useEffect.handlePointerEnter": ()=>{
|
||
window.clearTimeout(hideTimer);
|
||
setVisible(true);
|
||
}
|
||
}["ScrollAreaScrollbarHover.useEffect.handlePointerEnter"];
|
||
const handlePointerLeave = {
|
||
"ScrollAreaScrollbarHover.useEffect.handlePointerLeave": ()=>{
|
||
hideTimer = window.setTimeout({
|
||
"ScrollAreaScrollbarHover.useEffect.handlePointerLeave": ()=>setVisible(false)
|
||
}["ScrollAreaScrollbarHover.useEffect.handlePointerLeave"], context.scrollHideDelay);
|
||
}
|
||
}["ScrollAreaScrollbarHover.useEffect.handlePointerLeave"];
|
||
scrollArea.addEventListener("pointerenter", handlePointerEnter);
|
||
scrollArea.addEventListener("pointerleave", handlePointerLeave);
|
||
return ({
|
||
"ScrollAreaScrollbarHover.useEffect": ()=>{
|
||
window.clearTimeout(hideTimer);
|
||
scrollArea.removeEventListener("pointerenter", handlePointerEnter);
|
||
scrollArea.removeEventListener("pointerleave", handlePointerLeave);
|
||
}
|
||
})["ScrollAreaScrollbarHover.useEffect"];
|
||
}
|
||
}
|
||
}["ScrollAreaScrollbarHover.useEffect"], [
|
||
context.scrollArea,
|
||
context.scrollHideDelay
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Presence"], {
|
||
present: forceMount || visible,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarAuto, {
|
||
"data-state": visible ? "visible" : "hidden",
|
||
...scrollbarProps,
|
||
ref: forwardedRef
|
||
})
|
||
});
|
||
});
|
||
var ScrollAreaScrollbarScroll = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { forceMount, ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const isHorizontal = props.orientation === "horizontal";
|
||
const debounceScrollEnd = useDebounceCallback({
|
||
"ScrollAreaScrollbarScroll.useDebounceCallback[debounceScrollEnd]": ()=>send("SCROLL_END")
|
||
}["ScrollAreaScrollbarScroll.useDebounceCallback[debounceScrollEnd]"], 100);
|
||
const [state, send] = useStateMachine("hidden", {
|
||
hidden: {
|
||
SCROLL: "scrolling"
|
||
},
|
||
scrolling: {
|
||
SCROLL_END: "idle",
|
||
POINTER_ENTER: "interacting"
|
||
},
|
||
interacting: {
|
||
SCROLL: "interacting",
|
||
POINTER_LEAVE: "idle"
|
||
},
|
||
idle: {
|
||
HIDE: "hidden",
|
||
SCROLL: "scrolling",
|
||
POINTER_ENTER: "interacting"
|
||
}
|
||
});
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbarScroll.useEffect": ()=>{
|
||
if (state === "idle") {
|
||
const hideTimer = window.setTimeout({
|
||
"ScrollAreaScrollbarScroll.useEffect.hideTimer": ()=>send("HIDE")
|
||
}["ScrollAreaScrollbarScroll.useEffect.hideTimer"], context.scrollHideDelay);
|
||
return ({
|
||
"ScrollAreaScrollbarScroll.useEffect": ()=>window.clearTimeout(hideTimer)
|
||
})["ScrollAreaScrollbarScroll.useEffect"];
|
||
}
|
||
}
|
||
}["ScrollAreaScrollbarScroll.useEffect"], [
|
||
state,
|
||
context.scrollHideDelay,
|
||
send
|
||
]);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbarScroll.useEffect": ()=>{
|
||
const viewport = context.viewport;
|
||
const scrollDirection = isHorizontal ? "scrollLeft" : "scrollTop";
|
||
if (viewport) {
|
||
let prevScrollPos = viewport[scrollDirection];
|
||
const handleScroll = {
|
||
"ScrollAreaScrollbarScroll.useEffect.handleScroll": ()=>{
|
||
const scrollPos = viewport[scrollDirection];
|
||
const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;
|
||
if (hasScrollInDirectionChanged) {
|
||
send("SCROLL");
|
||
debounceScrollEnd();
|
||
}
|
||
prevScrollPos = scrollPos;
|
||
}
|
||
}["ScrollAreaScrollbarScroll.useEffect.handleScroll"];
|
||
viewport.addEventListener("scroll", handleScroll);
|
||
return ({
|
||
"ScrollAreaScrollbarScroll.useEffect": ()=>viewport.removeEventListener("scroll", handleScroll)
|
||
})["ScrollAreaScrollbarScroll.useEffect"];
|
||
}
|
||
}
|
||
}["ScrollAreaScrollbarScroll.useEffect"], [
|
||
context.viewport,
|
||
isHorizontal,
|
||
send,
|
||
debounceScrollEnd
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Presence"], {
|
||
present: forceMount || state !== "hidden",
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarVisible, {
|
||
"data-state": state === "hidden" ? "hidden" : "visible",
|
||
...scrollbarProps,
|
||
ref: forwardedRef,
|
||
onPointerEnter: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerEnter, ()=>send("POINTER_ENTER")),
|
||
onPointerLeave: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerLeave, ()=>send("POINTER_LEAVE"))
|
||
})
|
||
});
|
||
});
|
||
var ScrollAreaScrollbarAuto = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const { forceMount, ...scrollbarProps } = props;
|
||
const [visible, setVisible] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](false);
|
||
const isHorizontal = props.orientation === "horizontal";
|
||
const handleResize = useDebounceCallback({
|
||
"ScrollAreaScrollbarAuto.useDebounceCallback[handleResize]": ()=>{
|
||
if (context.viewport) {
|
||
const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;
|
||
const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;
|
||
setVisible(isHorizontal ? isOverflowX : isOverflowY);
|
||
}
|
||
}
|
||
}["ScrollAreaScrollbarAuto.useDebounceCallback[handleResize]"], 10);
|
||
useResizeObserver(context.viewport, handleResize);
|
||
useResizeObserver(context.content, handleResize);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Presence"], {
|
||
present: forceMount || visible,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarVisible, {
|
||
"data-state": visible ? "visible" : "hidden",
|
||
...scrollbarProps,
|
||
ref: forwardedRef
|
||
})
|
||
});
|
||
});
|
||
var ScrollAreaScrollbarVisible = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { orientation = "vertical", ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const thumbRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](null);
|
||
const pointerOffsetRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](0);
|
||
const [sizes, setSizes] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"]({
|
||
content: 0,
|
||
viewport: 0,
|
||
scrollbar: {
|
||
size: 0,
|
||
paddingStart: 0,
|
||
paddingEnd: 0
|
||
}
|
||
});
|
||
const thumbRatio = getThumbRatio(sizes.viewport, sizes.content);
|
||
const commonProps = {
|
||
...scrollbarProps,
|
||
sizes,
|
||
onSizesChange: setSizes,
|
||
hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),
|
||
onThumbChange: (thumb)=>thumbRef.current = thumb,
|
||
onThumbPointerUp: ()=>pointerOffsetRef.current = 0,
|
||
onThumbPointerDown: (pointerPos)=>pointerOffsetRef.current = pointerPos
|
||
};
|
||
function getScrollPosition(pointerPos, dir) {
|
||
return getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);
|
||
}
|
||
if (orientation === "horizontal") {
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarX, {
|
||
...commonProps,
|
||
ref: forwardedRef,
|
||
onThumbPositionChange: ()=>{
|
||
if (context.viewport && thumbRef.current) {
|
||
const scrollPos = context.viewport.scrollLeft;
|
||
const offset = getThumbOffsetFromScroll(scrollPos, sizes, context.dir);
|
||
thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;
|
||
}
|
||
},
|
||
onWheelScroll: (scrollPos)=>{
|
||
if (context.viewport) context.viewport.scrollLeft = scrollPos;
|
||
},
|
||
onDragScroll: (pointerPos)=>{
|
||
if (context.viewport) {
|
||
context.viewport.scrollLeft = getScrollPosition(pointerPos, context.dir);
|
||
}
|
||
}
|
||
});
|
||
}
|
||
if (orientation === "vertical") {
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarY, {
|
||
...commonProps,
|
||
ref: forwardedRef,
|
||
onThumbPositionChange: ()=>{
|
||
if (context.viewport && thumbRef.current) {
|
||
const scrollPos = context.viewport.scrollTop;
|
||
const offset = getThumbOffsetFromScroll(scrollPos, sizes);
|
||
thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;
|
||
}
|
||
},
|
||
onWheelScroll: (scrollPos)=>{
|
||
if (context.viewport) context.viewport.scrollTop = scrollPos;
|
||
},
|
||
onDragScroll: (pointerPos)=>{
|
||
if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);
|
||
}
|
||
});
|
||
}
|
||
return null;
|
||
});
|
||
var ScrollAreaScrollbarX = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { sizes, onSizesChange, ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const [computedStyle, setComputedStyle] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"]();
|
||
const ref = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](null);
|
||
const composeRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, ref, context.onScrollbarXChange);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbarX.useEffect": ()=>{
|
||
if (ref.current) setComputedStyle(getComputedStyle(ref.current));
|
||
}
|
||
}["ScrollAreaScrollbarX.useEffect"], [
|
||
ref
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarImpl, {
|
||
"data-orientation": "horizontal",
|
||
...scrollbarProps,
|
||
ref: composeRefs,
|
||
sizes,
|
||
style: {
|
||
bottom: 0,
|
||
left: context.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
|
||
right: context.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
|
||
["--radix-scroll-area-thumb-width"]: getThumbSize(sizes) + "px",
|
||
...props.style
|
||
},
|
||
onThumbPointerDown: (pointerPos)=>props.onThumbPointerDown(pointerPos.x),
|
||
onDragScroll: (pointerPos)=>props.onDragScroll(pointerPos.x),
|
||
onWheelScroll: (event, maxScrollPos)=>{
|
||
if (context.viewport) {
|
||
const scrollPos = context.viewport.scrollLeft + event.deltaX;
|
||
props.onWheelScroll(scrollPos);
|
||
if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
|
||
event.preventDefault();
|
||
}
|
||
}
|
||
},
|
||
onResize: ()=>{
|
||
if (ref.current && context.viewport && computedStyle) {
|
||
onSizesChange({
|
||
content: context.viewport.scrollWidth,
|
||
viewport: context.viewport.offsetWidth,
|
||
scrollbar: {
|
||
size: ref.current.clientWidth,
|
||
paddingStart: toInt(computedStyle.paddingLeft),
|
||
paddingEnd: toInt(computedStyle.paddingRight)
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
});
|
||
var ScrollAreaScrollbarY = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { sizes, onSizesChange, ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, props.__scopeScrollArea);
|
||
const [computedStyle, setComputedStyle] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"]();
|
||
const ref = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](null);
|
||
const composeRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, ref, context.onScrollbarYChange);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbarY.useEffect": ()=>{
|
||
if (ref.current) setComputedStyle(getComputedStyle(ref.current));
|
||
}
|
||
}["ScrollAreaScrollbarY.useEffect"], [
|
||
ref
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaScrollbarImpl, {
|
||
"data-orientation": "vertical",
|
||
...scrollbarProps,
|
||
ref: composeRefs,
|
||
sizes,
|
||
style: {
|
||
top: 0,
|
||
right: context.dir === "ltr" ? 0 : void 0,
|
||
left: context.dir === "rtl" ? 0 : void 0,
|
||
bottom: "var(--radix-scroll-area-corner-height)",
|
||
["--radix-scroll-area-thumb-height"]: getThumbSize(sizes) + "px",
|
||
...props.style
|
||
},
|
||
onThumbPointerDown: (pointerPos)=>props.onThumbPointerDown(pointerPos.y),
|
||
onDragScroll: (pointerPos)=>props.onDragScroll(pointerPos.y),
|
||
onWheelScroll: (event, maxScrollPos)=>{
|
||
if (context.viewport) {
|
||
const scrollPos = context.viewport.scrollTop + event.deltaY;
|
||
props.onWheelScroll(scrollPos);
|
||
if (isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) {
|
||
event.preventDefault();
|
||
}
|
||
}
|
||
},
|
||
onResize: ()=>{
|
||
if (ref.current && context.viewport && computedStyle) {
|
||
onSizesChange({
|
||
content: context.viewport.scrollHeight,
|
||
viewport: context.viewport.offsetHeight,
|
||
scrollbar: {
|
||
size: ref.current.clientHeight,
|
||
paddingStart: toInt(computedStyle.paddingTop),
|
||
paddingEnd: toInt(computedStyle.paddingBottom)
|
||
}
|
||
});
|
||
}
|
||
}
|
||
});
|
||
});
|
||
var [ScrollbarProvider, useScrollbarContext] = createScrollAreaContext(SCROLLBAR_NAME);
|
||
var ScrollAreaScrollbarImpl = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeScrollArea, sizes, hasThumb, onThumbChange, onThumbPointerUp, onThumbPointerDown, onThumbPositionChange, onDragScroll, onWheelScroll, onResize, ...scrollbarProps } = props;
|
||
const context = useScrollAreaContext(SCROLLBAR_NAME, __scopeScrollArea);
|
||
const [scrollbar, setScrollbar] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](null);
|
||
const composeRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, {
|
||
"ScrollAreaScrollbarImpl.useComposedRefs[composeRefs]": (node)=>setScrollbar(node)
|
||
}["ScrollAreaScrollbarImpl.useComposedRefs[composeRefs]"]);
|
||
const rectRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](null);
|
||
const prevWebkitUserSelectRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"]("");
|
||
const viewport = context.viewport;
|
||
const maxScrollPos = sizes.content - sizes.viewport;
|
||
const handleWheelScroll = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onWheelScroll);
|
||
const handleThumbPositionChange = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onThumbPositionChange);
|
||
const handleResize = useDebounceCallback(onResize, 10);
|
||
function handleDragScroll(event) {
|
||
if (rectRef.current) {
|
||
const x = event.clientX - rectRef.current.left;
|
||
const y = event.clientY - rectRef.current.top;
|
||
onDragScroll({
|
||
x,
|
||
y
|
||
});
|
||
}
|
||
}
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaScrollbarImpl.useEffect": ()=>{
|
||
const handleWheel = {
|
||
"ScrollAreaScrollbarImpl.useEffect.handleWheel": (event)=>{
|
||
const element = event.target;
|
||
const isScrollbarWheel = scrollbar?.contains(element);
|
||
if (isScrollbarWheel) handleWheelScroll(event, maxScrollPos);
|
||
}
|
||
}["ScrollAreaScrollbarImpl.useEffect.handleWheel"];
|
||
document.addEventListener("wheel", handleWheel, {
|
||
passive: false
|
||
});
|
||
return ({
|
||
"ScrollAreaScrollbarImpl.useEffect": ()=>document.removeEventListener("wheel", handleWheel, {
|
||
passive: false
|
||
})
|
||
})["ScrollAreaScrollbarImpl.useEffect"];
|
||
}
|
||
}["ScrollAreaScrollbarImpl.useEffect"], [
|
||
viewport,
|
||
scrollbar,
|
||
maxScrollPos,
|
||
handleWheelScroll
|
||
]);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"](handleThumbPositionChange, [
|
||
sizes,
|
||
handleThumbPositionChange
|
||
]);
|
||
useResizeObserver(scrollbar, handleResize);
|
||
useResizeObserver(context.content, handleResize);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollbarProvider, {
|
||
scope: __scopeScrollArea,
|
||
scrollbar,
|
||
hasThumb,
|
||
onThumbChange: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onThumbChange),
|
||
onThumbPointerUp: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onThumbPointerUp),
|
||
onThumbPositionChange: handleThumbPositionChange,
|
||
onThumbPointerDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onThumbPointerDown),
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
...scrollbarProps,
|
||
ref: composeRefs,
|
||
style: {
|
||
position: "absolute",
|
||
...scrollbarProps.style
|
||
},
|
||
onPointerDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerDown, (event)=>{
|
||
const mainPointer = 0;
|
||
if (event.button === mainPointer) {
|
||
const element = event.target;
|
||
element.setPointerCapture(event.pointerId);
|
||
rectRef.current = scrollbar.getBoundingClientRect();
|
||
prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;
|
||
document.body.style.webkitUserSelect = "none";
|
||
if (context.viewport) context.viewport.style.scrollBehavior = "auto";
|
||
handleDragScroll(event);
|
||
}
|
||
}),
|
||
onPointerMove: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerMove, handleDragScroll),
|
||
onPointerUp: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerUp, (event)=>{
|
||
const element = event.target;
|
||
if (element.hasPointerCapture(event.pointerId)) {
|
||
element.releasePointerCapture(event.pointerId);
|
||
}
|
||
document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;
|
||
if (context.viewport) context.viewport.style.scrollBehavior = "";
|
||
rectRef.current = null;
|
||
})
|
||
})
|
||
});
|
||
});
|
||
var THUMB_NAME = "ScrollAreaThumb";
|
||
var ScrollAreaThumb = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { forceMount, ...thumbProps } = props;
|
||
const scrollbarContext = useScrollbarContext(THUMB_NAME, props.__scopeScrollArea);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Presence"], {
|
||
present: forceMount || scrollbarContext.hasThumb,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaThumbImpl, {
|
||
ref: forwardedRef,
|
||
...thumbProps
|
||
})
|
||
});
|
||
});
|
||
var ScrollAreaThumbImpl = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeScrollArea, style, ...thumbProps } = props;
|
||
const scrollAreaContext = useScrollAreaContext(THUMB_NAME, __scopeScrollArea);
|
||
const scrollbarContext = useScrollbarContext(THUMB_NAME, __scopeScrollArea);
|
||
const { onThumbPositionChange } = scrollbarContext;
|
||
const composedRef = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, {
|
||
"ScrollAreaThumbImpl.useComposedRefs[composedRef]": (node)=>scrollbarContext.onThumbChange(node)
|
||
}["ScrollAreaThumbImpl.useComposedRefs[composedRef]"]);
|
||
const removeUnlinkedScrollListenerRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](void 0);
|
||
const debounceScrollEnd = useDebounceCallback({
|
||
"ScrollAreaThumbImpl.useDebounceCallback[debounceScrollEnd]": ()=>{
|
||
if (removeUnlinkedScrollListenerRef.current) {
|
||
removeUnlinkedScrollListenerRef.current();
|
||
removeUnlinkedScrollListenerRef.current = void 0;
|
||
}
|
||
}
|
||
}["ScrollAreaThumbImpl.useDebounceCallback[debounceScrollEnd]"], 100);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"ScrollAreaThumbImpl.useEffect": ()=>{
|
||
const viewport = scrollAreaContext.viewport;
|
||
if (viewport) {
|
||
const handleScroll = {
|
||
"ScrollAreaThumbImpl.useEffect.handleScroll": ()=>{
|
||
debounceScrollEnd();
|
||
if (!removeUnlinkedScrollListenerRef.current) {
|
||
const listener = addUnlinkedScrollListener(viewport, onThumbPositionChange);
|
||
removeUnlinkedScrollListenerRef.current = listener;
|
||
onThumbPositionChange();
|
||
}
|
||
}
|
||
}["ScrollAreaThumbImpl.useEffect.handleScroll"];
|
||
onThumbPositionChange();
|
||
viewport.addEventListener("scroll", handleScroll);
|
||
return ({
|
||
"ScrollAreaThumbImpl.useEffect": ()=>viewport.removeEventListener("scroll", handleScroll)
|
||
})["ScrollAreaThumbImpl.useEffect"];
|
||
}
|
||
}
|
||
}["ScrollAreaThumbImpl.useEffect"], [
|
||
scrollAreaContext.viewport,
|
||
debounceScrollEnd,
|
||
onThumbPositionChange
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
"data-state": scrollbarContext.hasThumb ? "visible" : "hidden",
|
||
...thumbProps,
|
||
ref: composedRef,
|
||
style: {
|
||
width: "var(--radix-scroll-area-thumb-width)",
|
||
height: "var(--radix-scroll-area-thumb-height)",
|
||
...style
|
||
},
|
||
onPointerDownCapture: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerDownCapture, (event)=>{
|
||
const thumb = event.target;
|
||
const thumbRect = thumb.getBoundingClientRect();
|
||
const x = event.clientX - thumbRect.left;
|
||
const y = event.clientY - thumbRect.top;
|
||
scrollbarContext.onThumbPointerDown({
|
||
x,
|
||
y
|
||
});
|
||
}),
|
||
onPointerUp: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onPointerUp, scrollbarContext.onThumbPointerUp)
|
||
});
|
||
});
|
||
ScrollAreaThumb.displayName = THUMB_NAME;
|
||
var CORNER_NAME = "ScrollAreaCorner";
|
||
var ScrollAreaCorner = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const context = useScrollAreaContext(CORNER_NAME, props.__scopeScrollArea);
|
||
const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);
|
||
const hasCorner = context.type !== "scroll" && hasBothScrollbarsVisible;
|
||
return hasCorner ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(ScrollAreaCornerImpl, {
|
||
...props,
|
||
ref: forwardedRef
|
||
}) : null;
|
||
});
|
||
ScrollAreaCorner.displayName = CORNER_NAME;
|
||
var ScrollAreaCornerImpl = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeScrollArea, ...cornerProps } = props;
|
||
const context = useScrollAreaContext(CORNER_NAME, __scopeScrollArea);
|
||
const [width, setWidth] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](0);
|
||
const [height, setHeight] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](0);
|
||
const hasSize = Boolean(width && height);
|
||
useResizeObserver(context.scrollbarX, {
|
||
"ScrollAreaCornerImpl.useResizeObserver": ()=>{
|
||
const height2 = context.scrollbarX?.offsetHeight || 0;
|
||
context.onCornerHeightChange(height2);
|
||
setHeight(height2);
|
||
}
|
||
}["ScrollAreaCornerImpl.useResizeObserver"]);
|
||
useResizeObserver(context.scrollbarY, {
|
||
"ScrollAreaCornerImpl.useResizeObserver": ()=>{
|
||
const width2 = context.scrollbarY?.offsetWidth || 0;
|
||
context.onCornerWidthChange(width2);
|
||
setWidth(width2);
|
||
}
|
||
}["ScrollAreaCornerImpl.useResizeObserver"]);
|
||
return hasSize ? /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
...cornerProps,
|
||
ref: forwardedRef,
|
||
style: {
|
||
width,
|
||
height,
|
||
position: "absolute",
|
||
right: context.dir === "ltr" ? 0 : void 0,
|
||
left: context.dir === "rtl" ? 0 : void 0,
|
||
bottom: 0,
|
||
...props.style
|
||
}
|
||
}) : null;
|
||
});
|
||
function toInt(value) {
|
||
return value ? parseInt(value, 10) : 0;
|
||
}
|
||
function getThumbRatio(viewportSize, contentSize) {
|
||
const ratio = viewportSize / contentSize;
|
||
return isNaN(ratio) ? 0 : ratio;
|
||
}
|
||
function getThumbSize(sizes) {
|
||
const ratio = getThumbRatio(sizes.viewport, sizes.content);
|
||
const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
|
||
const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
|
||
return Math.max(thumbSize, 18);
|
||
}
|
||
function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
|
||
const thumbSizePx = getThumbSize(sizes);
|
||
const thumbCenter = thumbSizePx / 2;
|
||
const offset = pointerOffset || thumbCenter;
|
||
const thumbOffsetFromEnd = thumbSizePx - offset;
|
||
const minPointerPos = sizes.scrollbar.paddingStart + offset;
|
||
const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;
|
||
const maxScrollPos = sizes.content - sizes.viewport;
|
||
const scrollRange = dir === "ltr" ? [
|
||
0,
|
||
maxScrollPos
|
||
] : [
|
||
maxScrollPos * -1,
|
||
0
|
||
];
|
||
const interpolate = linearScale([
|
||
minPointerPos,
|
||
maxPointerPos
|
||
], scrollRange);
|
||
return interpolate(pointerPos);
|
||
}
|
||
function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
|
||
const thumbSizePx = getThumbSize(sizes);
|
||
const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;
|
||
const scrollbar = sizes.scrollbar.size - scrollbarPadding;
|
||
const maxScrollPos = sizes.content - sizes.viewport;
|
||
const maxThumbPos = scrollbar - thumbSizePx;
|
||
const scrollClampRange = dir === "ltr" ? [
|
||
0,
|
||
maxScrollPos
|
||
] : [
|
||
maxScrollPos * -1,
|
||
0
|
||
];
|
||
const scrollWithoutMomentum = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$number$40$1$2e$1$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$number$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["clamp"])(scrollPos, scrollClampRange);
|
||
const interpolate = linearScale([
|
||
0,
|
||
maxScrollPos
|
||
], [
|
||
0,
|
||
maxThumbPos
|
||
]);
|
||
return interpolate(scrollWithoutMomentum);
|
||
}
|
||
function linearScale(input, output) {
|
||
return (value)=>{
|
||
if (input[0] === input[1] || output[0] === output[1]) return output[0];
|
||
const ratio = (output[1] - output[0]) / (input[1] - input[0]);
|
||
return output[0] + ratio * (value - input[0]);
|
||
};
|
||
}
|
||
function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
|
||
return scrollPos > 0 && scrollPos < maxScrollPos;
|
||
}
|
||
var addUnlinkedScrollListener = (node, handler = ()=>{})=>{
|
||
let prevPosition = {
|
||
left: node.scrollLeft,
|
||
top: node.scrollTop
|
||
};
|
||
let rAF = 0;
|
||
(function loop() {
|
||
const position = {
|
||
left: node.scrollLeft,
|
||
top: node.scrollTop
|
||
};
|
||
const isHorizontalScroll = prevPosition.left !== position.left;
|
||
const isVerticalScroll = prevPosition.top !== position.top;
|
||
if (isHorizontalScroll || isVerticalScroll) handler();
|
||
prevPosition = position;
|
||
rAF = window.requestAnimationFrame(loop);
|
||
})();
|
||
return ()=>window.cancelAnimationFrame(rAF);
|
||
};
|
||
function useDebounceCallback(callback, delay) {
|
||
const handleCallback = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(callback);
|
||
const debounceTimerRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](0);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"useDebounceCallback.useEffect": ()=>({
|
||
"useDebounceCallback.useEffect": ()=>window.clearTimeout(debounceTimerRef.current)
|
||
})["useDebounceCallback.useEffect"]
|
||
}["useDebounceCallback.useEffect"], []);
|
||
return __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"useDebounceCallback.useCallback": ()=>{
|
||
window.clearTimeout(debounceTimerRef.current);
|
||
debounceTimerRef.current = window.setTimeout(handleCallback, delay);
|
||
}
|
||
}["useDebounceCallback.useCallback"], [
|
||
handleCallback,
|
||
delay
|
||
]);
|
||
}
|
||
function useResizeObserver(element, onResize) {
|
||
const handleResize = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onResize);
|
||
(0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"])({
|
||
"useResizeObserver.useLayoutEffect": ()=>{
|
||
let rAF = 0;
|
||
if (element) {
|
||
const resizeObserver = new ResizeObserver({
|
||
"useResizeObserver.useLayoutEffect": ()=>{
|
||
cancelAnimationFrame(rAF);
|
||
rAF = window.requestAnimationFrame(handleResize);
|
||
}
|
||
}["useResizeObserver.useLayoutEffect"]);
|
||
resizeObserver.observe(element);
|
||
return ({
|
||
"useResizeObserver.useLayoutEffect": ()=>{
|
||
window.cancelAnimationFrame(rAF);
|
||
resizeObserver.unobserve(element);
|
||
}
|
||
})["useResizeObserver.useLayoutEffect"];
|
||
}
|
||
}
|
||
}["useResizeObserver.useLayoutEffect"], [
|
||
element,
|
||
handleResize
|
||
]);
|
||
}
|
||
var Root = ScrollArea;
|
||
var Viewport = ScrollAreaViewport;
|
||
var Scrollbar = ScrollAreaScrollbar;
|
||
var Thumb = ScrollAreaThumb;
|
||
var Corner = ScrollAreaCorner;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-collection@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+re_1ad17166111274b6b451c5ad4817bfc8/node_modules/@radix-ui/react-collection/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"createCollection",
|
||
()=>createCollection
|
||
]);
|
||
// packages/react/collection/src/Collection.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$slot$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$slot$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-slot@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-slot/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
"use client";
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
function createCollection(name) {
|
||
const PROVIDER_NAME = name + "CollectionProvider";
|
||
const [createCollectionContext, createCollectionScope] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContextScope"])(PROVIDER_NAME);
|
||
const [CollectionProviderImpl, useCollectionContext] = createCollectionContext(PROVIDER_NAME, {
|
||
collectionRef: {
|
||
current: null
|
||
},
|
||
itemMap: /* @__PURE__ */ new Map()
|
||
});
|
||
const CollectionProvider = (props)=>{
|
||
const { scope, children } = props;
|
||
const ref = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].useRef(null);
|
||
const itemMap = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].useRef(/* @__PURE__ */ new Map()).current;
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(CollectionProviderImpl, {
|
||
scope,
|
||
itemMap,
|
||
collectionRef: ref,
|
||
children
|
||
});
|
||
};
|
||
CollectionProvider.displayName = PROVIDER_NAME;
|
||
const COLLECTION_SLOT_NAME = name + "CollectionSlot";
|
||
const CollectionSlot = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].forwardRef((props, forwardedRef)=>{
|
||
const { scope, children } = props;
|
||
const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
|
||
const composedRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, context.collectionRef);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$slot$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$slot$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Slot"], {
|
||
ref: composedRefs,
|
||
children
|
||
});
|
||
});
|
||
CollectionSlot.displayName = COLLECTION_SLOT_NAME;
|
||
const ITEM_SLOT_NAME = name + "CollectionItemSlot";
|
||
const ITEM_DATA_ATTR = "data-radix-collection-item";
|
||
const CollectionItemSlot = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].forwardRef((props, forwardedRef)=>{
|
||
const { scope, children, ...itemData } = props;
|
||
const ref = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].useRef(null);
|
||
const composedRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, ref);
|
||
const context = useCollectionContext(ITEM_SLOT_NAME, scope);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].useEffect({
|
||
"createCollection.CollectionItemSlot.useEffect": ()=>{
|
||
context.itemMap.set(ref, {
|
||
ref,
|
||
...itemData
|
||
});
|
||
return ({
|
||
"createCollection.CollectionItemSlot.useEffect": ()=>void context.itemMap.delete(ref)
|
||
})["createCollection.CollectionItemSlot.useEffect"];
|
||
}
|
||
}["createCollection.CollectionItemSlot.useEffect"]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$slot$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$slot$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Slot"], {
|
||
...{
|
||
[ITEM_DATA_ATTR]: ""
|
||
},
|
||
ref: composedRefs,
|
||
children
|
||
});
|
||
});
|
||
CollectionItemSlot.displayName = ITEM_SLOT_NAME;
|
||
function useCollection(scope) {
|
||
const context = useCollectionContext(name + "CollectionConsumer", scope);
|
||
const getItems = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["default"].useCallback({
|
||
"createCollection.useCollection.useCallback[getItems]": ()=>{
|
||
const collectionNode = context.collectionRef.current;
|
||
if (!collectionNode) return [];
|
||
const orderedNodes = Array.from(collectionNode.querySelectorAll(`[${ITEM_DATA_ATTR}]`));
|
||
const items = Array.from(context.itemMap.values());
|
||
const orderedItems = items.sort({
|
||
"createCollection.useCollection.useCallback[getItems].orderedItems": (a, b)=>orderedNodes.indexOf(a.ref.current) - orderedNodes.indexOf(b.ref.current)
|
||
}["createCollection.useCollection.useCallback[getItems].orderedItems"]);
|
||
return orderedItems;
|
||
}
|
||
}["createCollection.useCollection.useCallback[getItems]"], [
|
||
context.collectionRef,
|
||
context.itemMap
|
||
]);
|
||
return getItems;
|
||
}
|
||
return [
|
||
{
|
||
Provider: CollectionProvider,
|
||
Slot: CollectionSlot,
|
||
ItemSlot: CollectionItemSlot
|
||
},
|
||
useCollection,
|
||
createCollectionScope
|
||
];
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-id@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-id/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/id/src/id.tsx
|
||
__turbopack_context__.s([
|
||
"useId",
|
||
()=>useId
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs [app-client] (ecmascript)");
|
||
;
|
||
;
|
||
var useReactId = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useId".toString()] || (()=>void 0);
|
||
var count = 0;
|
||
function useId(deterministicId) {
|
||
const [id, setId] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__.useState(useReactId());
|
||
(0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$layout$2d$effect$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$layout$2d$effect$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useLayoutEffect"])({
|
||
"useId.useLayoutEffect": ()=>{
|
||
if (!deterministicId) setId({
|
||
"useId.useLayoutEffect": (reactId)=>reactId ?? String(count++)
|
||
}["useId.useLayoutEffect"]);
|
||
}
|
||
}["useId.useLayoutEffect"], [
|
||
deterministicId
|
||
]);
|
||
return deterministicId || (id ? `radix-${id}` : "");
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
// packages/react/use-controllable-state/src/useControllableState.tsx
|
||
__turbopack_context__.s([
|
||
"useControllableState",
|
||
()=>useControllableState
|
||
]);
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs [app-client] (ecmascript)");
|
||
;
|
||
;
|
||
function useControllableState({ prop, defaultProp, onChange = ()=>{} }) {
|
||
const [uncontrolledProp, setUncontrolledProp] = useUncontrolledState({
|
||
defaultProp,
|
||
onChange
|
||
});
|
||
const isControlled = prop !== void 0;
|
||
const value = isControlled ? prop : uncontrolledProp;
|
||
const handleChange = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onChange);
|
||
const setValue = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"useControllableState.useCallback[setValue]": (nextValue)=>{
|
||
if (isControlled) {
|
||
const setter = nextValue;
|
||
const value2 = typeof nextValue === "function" ? setter(prop) : nextValue;
|
||
if (value2 !== prop) handleChange(value2);
|
||
} else {
|
||
setUncontrolledProp(nextValue);
|
||
}
|
||
}
|
||
}["useControllableState.useCallback[setValue]"], [
|
||
isControlled,
|
||
prop,
|
||
setUncontrolledProp,
|
||
handleChange
|
||
]);
|
||
return [
|
||
value,
|
||
setValue
|
||
];
|
||
}
|
||
function useUncontrolledState({ defaultProp, onChange }) {
|
||
const uncontrolledState = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](defaultProp);
|
||
const [value] = uncontrolledState;
|
||
const prevValueRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](value);
|
||
const handleChange = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onChange);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"useUncontrolledState.useEffect": ()=>{
|
||
if (prevValueRef.current !== value) {
|
||
handleChange(value);
|
||
prevValueRef.current = value;
|
||
}
|
||
}
|
||
}["useUncontrolledState.useEffect"], [
|
||
value,
|
||
prevValueRef,
|
||
handleChange
|
||
]);
|
||
return uncontrolledState;
|
||
}
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+_a18e46462387af707d972c0ffe7a229b/node_modules/@radix-ui/react-roving-focus/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"Item",
|
||
()=>Item,
|
||
"Root",
|
||
()=>Root,
|
||
"RovingFocusGroup",
|
||
()=>RovingFocusGroup,
|
||
"RovingFocusGroupItem",
|
||
()=>RovingFocusGroupItem,
|
||
"createRovingFocusGroupScope",
|
||
()=>createRovingFocusGroupScope
|
||
]);
|
||
// packages/react/roving-focus/src/RovingFocusGroup.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$collection$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$re_1ad17166111274b6b451c5ad4817bfc8$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$collection$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-collection@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+re_1ad17166111274b6b451c5ad4817bfc8/node_modules/@radix-ui/react-collection/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$id$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$id$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-id@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-id/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-primitive@2.0.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+rea_4f53963f71a6eb8b0116fe0dd1078946/node_modules/@radix-ui/react-primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$controllable$2d$state$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$controllable$2d$state$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$direction$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$direction$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-direction@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-direction/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
"use client";
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
var ENTRY_FOCUS = "rovingFocusGroup.onEntryFocus";
|
||
var EVENT_OPTIONS = {
|
||
bubbles: false,
|
||
cancelable: true
|
||
};
|
||
var GROUP_NAME = "RovingFocusGroup";
|
||
var [Collection, useCollection, createCollectionScope] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$collection$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$re_1ad17166111274b6b451c5ad4817bfc8$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$collection$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createCollection"])(GROUP_NAME);
|
||
var [createRovingFocusGroupContext, createRovingFocusGroupScope] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContextScope"])(GROUP_NAME, [
|
||
createCollectionScope
|
||
]);
|
||
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
|
||
var RovingFocusGroup = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(Collection.Provider, {
|
||
scope: props.__scopeRovingFocusGroup,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(Collection.Slot, {
|
||
scope: props.__scopeRovingFocusGroup,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(RovingFocusGroupImpl, {
|
||
...props,
|
||
ref: forwardedRef
|
||
})
|
||
})
|
||
});
|
||
});
|
||
RovingFocusGroup.displayName = GROUP_NAME;
|
||
var RovingFocusGroupImpl = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeRovingFocusGroup, orientation, loop = false, dir, currentTabStopId: currentTabStopIdProp, defaultCurrentTabStopId, onCurrentTabStopIdChange, onEntryFocus, preventScrollOnEntryFocus = false, ...groupProps } = props;
|
||
const ref = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](null);
|
||
const composedRefs = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$compose$2d$refs$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$compose$2d$refs$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useComposedRefs"])(forwardedRef, ref);
|
||
const direction = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$direction$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$direction$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useDirection"])(dir);
|
||
const [currentTabStopId = null, setCurrentTabStopId] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$controllable$2d$state$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$controllable$2d$state$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useControllableState"])({
|
||
prop: currentTabStopIdProp,
|
||
defaultProp: defaultCurrentTabStopId,
|
||
onChange: onCurrentTabStopIdChange
|
||
});
|
||
const [isTabbingBackOut, setIsTabbingBackOut] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](false);
|
||
const handleEntryFocus = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$callback$2d$ref$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$callback$2d$ref$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallbackRef"])(onEntryFocus);
|
||
const getItems = useCollection(__scopeRovingFocusGroup);
|
||
const isClickFocusRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](false);
|
||
const [focusableItemsCount, setFocusableItemsCount] = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useState"](0);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"RovingFocusGroupImpl.useEffect": ()=>{
|
||
const node = ref.current;
|
||
if (node) {
|
||
node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
|
||
return ({
|
||
"RovingFocusGroupImpl.useEffect": ()=>node.removeEventListener(ENTRY_FOCUS, handleEntryFocus)
|
||
})["RovingFocusGroupImpl.useEffect"];
|
||
}
|
||
}
|
||
}["RovingFocusGroupImpl.useEffect"], [
|
||
handleEntryFocus
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(RovingFocusProvider, {
|
||
scope: __scopeRovingFocusGroup,
|
||
orientation,
|
||
dir: direction,
|
||
loop,
|
||
currentTabStopId,
|
||
onItemFocus: __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"RovingFocusGroupImpl.useCallback": (tabStopId)=>setCurrentTabStopId(tabStopId)
|
||
}["RovingFocusGroupImpl.useCallback"], [
|
||
setCurrentTabStopId
|
||
]),
|
||
onItemShiftTab: __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"RovingFocusGroupImpl.useCallback": ()=>setIsTabbingBackOut(true)
|
||
}["RovingFocusGroupImpl.useCallback"], []),
|
||
onFocusableItemAdd: __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"RovingFocusGroupImpl.useCallback": ()=>setFocusableItemsCount({
|
||
"RovingFocusGroupImpl.useCallback": (prevCount)=>prevCount + 1
|
||
}["RovingFocusGroupImpl.useCallback"])
|
||
}["RovingFocusGroupImpl.useCallback"], []),
|
||
onFocusableItemRemove: __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useCallback"]({
|
||
"RovingFocusGroupImpl.useCallback": ()=>setFocusableItemsCount({
|
||
"RovingFocusGroupImpl.useCallback": (prevCount)=>prevCount - 1
|
||
}["RovingFocusGroupImpl.useCallback"])
|
||
}["RovingFocusGroupImpl.useCallback"], []),
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
tabIndex: isTabbingBackOut || focusableItemsCount === 0 ? -1 : 0,
|
||
"data-orientation": orientation,
|
||
...groupProps,
|
||
ref: composedRefs,
|
||
style: {
|
||
outline: "none",
|
||
...props.style
|
||
},
|
||
onMouseDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onMouseDown, ()=>{
|
||
isClickFocusRef.current = true;
|
||
}),
|
||
onFocus: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onFocus, (event)=>{
|
||
const isKeyboardFocus = !isClickFocusRef.current;
|
||
if (event.target === event.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
|
||
const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
|
||
event.currentTarget.dispatchEvent(entryFocusEvent);
|
||
if (!entryFocusEvent.defaultPrevented) {
|
||
const items = getItems().filter((item)=>item.focusable);
|
||
const activeItem = items.find((item)=>item.active);
|
||
const currentItem = items.find((item)=>item.id === currentTabStopId);
|
||
const candidateItems = [
|
||
activeItem,
|
||
currentItem,
|
||
...items
|
||
].filter(Boolean);
|
||
const candidateNodes = candidateItems.map((item)=>item.ref.current);
|
||
focusFirst(candidateNodes, preventScrollOnEntryFocus);
|
||
}
|
||
}
|
||
isClickFocusRef.current = false;
|
||
}),
|
||
onBlur: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onBlur, ()=>setIsTabbingBackOut(false))
|
||
})
|
||
});
|
||
});
|
||
var ITEM_NAME = "RovingFocusGroupItem";
|
||
var RovingFocusGroupItem = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeRovingFocusGroup, focusable = true, active = false, tabStopId, ...itemProps } = props;
|
||
const autoId = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$id$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$id$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useId"])();
|
||
const id = tabStopId || autoId;
|
||
const context = useRovingFocusContext(ITEM_NAME, __scopeRovingFocusGroup);
|
||
const isCurrentTabStop = context.currentTabStopId === id;
|
||
const getItems = useCollection(__scopeRovingFocusGroup);
|
||
const { onFocusableItemAdd, onFocusableItemRemove } = context;
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"RovingFocusGroupItem.useEffect": ()=>{
|
||
if (focusable) {
|
||
onFocusableItemAdd();
|
||
return ({
|
||
"RovingFocusGroupItem.useEffect": ()=>onFocusableItemRemove()
|
||
})["RovingFocusGroupItem.useEffect"];
|
||
}
|
||
}
|
||
}["RovingFocusGroupItem.useEffect"], [
|
||
focusable,
|
||
onFocusableItemAdd,
|
||
onFocusableItemRemove
|
||
]);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(Collection.ItemSlot, {
|
||
scope: __scopeRovingFocusGroup,
|
||
id,
|
||
focusable,
|
||
active,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].span, {
|
||
tabIndex: isCurrentTabStop ? 0 : -1,
|
||
"data-orientation": context.orientation,
|
||
...itemProps,
|
||
ref: forwardedRef,
|
||
onMouseDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onMouseDown, (event)=>{
|
||
if (!focusable) event.preventDefault();
|
||
else context.onItemFocus(id);
|
||
}),
|
||
onFocus: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onFocus, ()=>context.onItemFocus(id)),
|
||
onKeyDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onKeyDown, (event)=>{
|
||
if (event.key === "Tab" && event.shiftKey) {
|
||
context.onItemShiftTab();
|
||
return;
|
||
}
|
||
if (event.target !== event.currentTarget) return;
|
||
const focusIntent = getFocusIntent(event, context.orientation, context.dir);
|
||
if (focusIntent !== void 0) {
|
||
if (event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
|
||
event.preventDefault();
|
||
const items = getItems().filter((item)=>item.focusable);
|
||
let candidateNodes = items.map((item)=>item.ref.current);
|
||
if (focusIntent === "last") candidateNodes.reverse();
|
||
else if (focusIntent === "prev" || focusIntent === "next") {
|
||
if (focusIntent === "prev") candidateNodes.reverse();
|
||
const currentIndex = candidateNodes.indexOf(event.currentTarget);
|
||
candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
|
||
}
|
||
setTimeout(()=>focusFirst(candidateNodes));
|
||
}
|
||
})
|
||
})
|
||
});
|
||
});
|
||
RovingFocusGroupItem.displayName = ITEM_NAME;
|
||
var MAP_KEY_TO_FOCUS_INTENT = {
|
||
ArrowLeft: "prev",
|
||
ArrowUp: "prev",
|
||
ArrowRight: "next",
|
||
ArrowDown: "next",
|
||
PageUp: "first",
|
||
Home: "first",
|
||
PageDown: "last",
|
||
End: "last"
|
||
};
|
||
function getDirectionAwareKey(key, dir) {
|
||
if (dir !== "rtl") return key;
|
||
return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
||
}
|
||
function getFocusIntent(event, orientation, dir) {
|
||
const key = getDirectionAwareKey(event.key, dir);
|
||
if (orientation === "vertical" && [
|
||
"ArrowLeft",
|
||
"ArrowRight"
|
||
].includes(key)) return void 0;
|
||
if (orientation === "horizontal" && [
|
||
"ArrowUp",
|
||
"ArrowDown"
|
||
].includes(key)) return void 0;
|
||
return MAP_KEY_TO_FOCUS_INTENT[key];
|
||
}
|
||
function focusFirst(candidates, preventScroll = false) {
|
||
const PREVIOUSLY_FOCUSED_ELEMENT = document.activeElement;
|
||
for (const candidate of candidates){
|
||
if (candidate === PREVIOUSLY_FOCUSED_ELEMENT) return;
|
||
candidate.focus({
|
||
preventScroll
|
||
});
|
||
if (document.activeElement !== PREVIOUSLY_FOCUSED_ELEMENT) return;
|
||
}
|
||
}
|
||
function wrapArray(array, startIndex) {
|
||
return array.map((_, index)=>array[(startIndex + index) % array.length]);
|
||
}
|
||
var Root = RovingFocusGroup;
|
||
var Item = RovingFocusGroupItem;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
"[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-tabs@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.6__@types+react@19_c5efafc6a29ea7b67552d9e199f0faab/node_modules/@radix-ui/react-tabs/dist/index.mjs [app-client] (ecmascript)", ((__turbopack_context__) => {
|
||
"use strict";
|
||
|
||
__turbopack_context__.s([
|
||
"Content",
|
||
()=>Content,
|
||
"List",
|
||
()=>List,
|
||
"Root",
|
||
()=>Root2,
|
||
"Tabs",
|
||
()=>Tabs,
|
||
"TabsContent",
|
||
()=>TabsContent,
|
||
"TabsList",
|
||
()=>TabsList,
|
||
"TabsTrigger",
|
||
()=>TabsTrigger,
|
||
"Trigger",
|
||
()=>Trigger,
|
||
"createTabsScope",
|
||
()=>createTabsScope
|
||
]);
|
||
// packages/react/tabs/src/Tabs.tsx
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/index.js [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-context@1.1.1_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-context/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$roving$2d$focus$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$_a18e46462387af707d972c0ffe7a229b$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$roving$2d$focus$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+_a18e46462387af707d972c0ffe7a229b/node_modules/@radix-ui/react-roving-focus/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-presence@1.1.2_@types+react-dom@19.2.3_@types+react@19.2.6__@types+reac_4990595ea432be9a74aea0197efb306c/node_modules/@radix-ui/react-presence/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-primitive@2.0.1_@types+react-dom@19.2.3_@types+react@19.2.6__@types+rea_4f53963f71a6eb8b0116fe0dd1078946/node_modules/@radix-ui/react-primitive/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$direction$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$direction$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-direction@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-direction/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$controllable$2d$state$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$controllable$2d$state$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$id$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$id$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/@radix-ui+react-id@1.1.0_@types+react@19.2.6_react@19.2.0/node_modules/@radix-ui/react-id/dist/index.mjs [app-client] (ecmascript)");
|
||
var __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__ = __turbopack_context__.i("[project]/Documents/go-new/chinese-family-tree/node_modules/.pnpm/next@16.0.3_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js [app-client] (ecmascript)");
|
||
"use client";
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
;
|
||
var TABS_NAME = "Tabs";
|
||
var [createTabsContext, createTabsScope] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$context$40$1$2e$1$2e$1_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$context$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createContextScope"])(TABS_NAME, [
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$roving$2d$focus$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$_a18e46462387af707d972c0ffe7a229b$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$roving$2d$focus$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createRovingFocusGroupScope"]
|
||
]);
|
||
var useRovingFocusGroupScope = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$roving$2d$focus$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$_a18e46462387af707d972c0ffe7a229b$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$roving$2d$focus$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["createRovingFocusGroupScope"])();
|
||
var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
|
||
var Tabs = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeTabs, value: valueProp, onValueChange, defaultValue, orientation = "horizontal", dir, activationMode = "automatic", ...tabsProps } = props;
|
||
const direction = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$direction$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$direction$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useDirection"])(dir);
|
||
const [value, setValue] = (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$use$2d$controllable$2d$state$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$use$2d$controllable$2d$state$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useControllableState"])({
|
||
prop: valueProp,
|
||
onChange: onValueChange,
|
||
defaultProp: defaultValue
|
||
});
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(TabsProvider, {
|
||
scope: __scopeTabs,
|
||
baseId: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$id$40$1$2e$1$2e$0_$40$types$2b$react$40$19$2e$2$2e$6_react$40$19$2e$2$2e$0$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$id$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useId"])(),
|
||
value,
|
||
onValueChange: setValue,
|
||
orientation,
|
||
dir: direction,
|
||
activationMode,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
dir: direction,
|
||
"data-orientation": orientation,
|
||
...tabsProps,
|
||
ref: forwardedRef
|
||
})
|
||
});
|
||
});
|
||
Tabs.displayName = TABS_NAME;
|
||
var TAB_LIST_NAME = "TabsList";
|
||
var TabsList = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeTabs, loop = true, ...listProps } = props;
|
||
const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
|
||
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$roving$2d$focus$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$_a18e46462387af707d972c0ffe7a229b$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$roving$2d$focus$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Root"], {
|
||
asChild: true,
|
||
...rovingFocusGroupScope,
|
||
orientation: context.orientation,
|
||
dir: context.dir,
|
||
loop,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
role: "tablist",
|
||
"aria-orientation": context.orientation,
|
||
...listProps,
|
||
ref: forwardedRef
|
||
})
|
||
});
|
||
});
|
||
TabsList.displayName = TAB_LIST_NAME;
|
||
var TRIGGER_NAME = "TabsTrigger";
|
||
var TabsTrigger = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
|
||
const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
|
||
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeTabs);
|
||
const triggerId = makeTriggerId(context.baseId, value);
|
||
const contentId = makeContentId(context.baseId, value);
|
||
const isSelected = value === context.value;
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$roving$2d$focus$40$1$2e$1$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$_a18e46462387af707d972c0ffe7a229b$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$roving$2d$focus$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Item"], {
|
||
asChild: true,
|
||
...rovingFocusGroupScope,
|
||
focusable: !disabled,
|
||
active: isSelected,
|
||
children: /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].button, {
|
||
type: "button",
|
||
role: "tab",
|
||
"aria-selected": isSelected,
|
||
"aria-controls": contentId,
|
||
"data-state": isSelected ? "active" : "inactive",
|
||
"data-disabled": disabled ? "" : void 0,
|
||
disabled,
|
||
id: triggerId,
|
||
...triggerProps,
|
||
ref: forwardedRef,
|
||
onMouseDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onMouseDown, (event)=>{
|
||
if (!disabled && event.button === 0 && event.ctrlKey === false) {
|
||
context.onValueChange(value);
|
||
} else {
|
||
event.preventDefault();
|
||
}
|
||
}),
|
||
onKeyDown: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onKeyDown, (event)=>{
|
||
if ([
|
||
" ",
|
||
"Enter"
|
||
].includes(event.key)) context.onValueChange(value);
|
||
}),
|
||
onFocus: (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$primitive$40$1$2e$1$2e$1$2f$node_modules$2f40$radix$2d$ui$2f$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["composeEventHandlers"])(props.onFocus, ()=>{
|
||
const isAutomaticActivation = context.activationMode !== "manual";
|
||
if (!isSelected && !disabled && isAutomaticActivation) {
|
||
context.onValueChange(value);
|
||
}
|
||
})
|
||
})
|
||
});
|
||
});
|
||
TabsTrigger.displayName = TRIGGER_NAME;
|
||
var CONTENT_NAME = "TabsContent";
|
||
var TabsContent = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["forwardRef"]((props, forwardedRef)=>{
|
||
const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
|
||
const context = useTabsContext(CONTENT_NAME, __scopeTabs);
|
||
const triggerId = makeTriggerId(context.baseId, value);
|
||
const contentId = makeContentId(context.baseId, value);
|
||
const isSelected = value === context.value;
|
||
const isMountAnimationPreventedRef = __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useRef"](isSelected);
|
||
__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$index$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["useEffect"]({
|
||
"TabsContent.useEffect": ()=>{
|
||
const rAF = requestAnimationFrame({
|
||
"TabsContent.useEffect.rAF": ()=>isMountAnimationPreventedRef.current = false
|
||
}["TabsContent.useEffect.rAF"]);
|
||
return ({
|
||
"TabsContent.useEffect": ()=>cancelAnimationFrame(rAF)
|
||
})["TabsContent.useEffect"];
|
||
}
|
||
}["TabsContent.useEffect"], []);
|
||
return /* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$presence$40$1$2e$1$2e$2_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$reac_4990595ea432be9a74aea0197efb306c$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$presence$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Presence"], {
|
||
present: forceMount || isSelected,
|
||
children: ({ present })=>/* @__PURE__ */ (0, __TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f$next$40$16$2e$0$2e$3_react$2d$dom$40$19$2e$2$2e$0_react$40$19$2e$2$2e$0_$5f$react$40$19$2e$2$2e$0$2f$node_modules$2f$next$2f$dist$2f$compiled$2f$react$2f$jsx$2d$runtime$2e$js__$5b$app$2d$client$5d$__$28$ecmascript$29$__["jsx"])(__TURBOPACK__imported__module__$5b$project$5d2f$Documents$2f$go$2d$new$2f$chinese$2d$family$2d$tree$2f$node_modules$2f2e$pnpm$2f40$radix$2d$ui$2b$react$2d$primitive$40$2$2e$0$2e$1_$40$types$2b$react$2d$dom$40$19$2e$2$2e$3_$40$types$2b$react$40$19$2e$2$2e$6_$5f40$types$2b$rea_4f53963f71a6eb8b0116fe0dd1078946$2f$node_modules$2f40$radix$2d$ui$2f$react$2d$primitive$2f$dist$2f$index$2e$mjs__$5b$app$2d$client$5d$__$28$ecmascript$29$__["Primitive"].div, {
|
||
"data-state": isSelected ? "active" : "inactive",
|
||
"data-orientation": context.orientation,
|
||
role: "tabpanel",
|
||
"aria-labelledby": triggerId,
|
||
hidden: !present,
|
||
id: contentId,
|
||
tabIndex: 0,
|
||
...contentProps,
|
||
ref: forwardedRef,
|
||
style: {
|
||
...props.style,
|
||
animationDuration: isMountAnimationPreventedRef.current ? "0s" : void 0
|
||
},
|
||
children: present && children
|
||
})
|
||
});
|
||
});
|
||
TabsContent.displayName = CONTENT_NAME;
|
||
function makeTriggerId(baseId, value) {
|
||
return `${baseId}-trigger-${value}`;
|
||
}
|
||
function makeContentId(baseId, value) {
|
||
return `${baseId}-content-${value}`;
|
||
}
|
||
var Root2 = Tabs;
|
||
var List = TabsList;
|
||
var Trigger = TabsTrigger;
|
||
var Content = TabsContent;
|
||
;
|
||
//# sourceMappingURL=index.mjs.map
|
||
}),
|
||
]);
|
||
|
||
//# sourceMappingURL=a0629__pnpm_79a0c251._.js.map
|