gt-react 3.0.14 → 3.1.3

package/dist/client/T.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export default function T({ children, id }: {
+    children?: ReactNode;
+    id: string;
+}): any;
+//# sourceMappingURL=T.d.ts.map

package/dist/client/T.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"T.d.ts","sourceRoot":"","sources":["../../src/client/T.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAIvD,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,OAwB/E"}

package/dist/client/T.js

@@ -0,0 +1,32 @@
+'use client';
+import { useContext, useMemo } from "react";
+import { GTContext } from "./ClientProvider";
+import generateHash from "../primitives/generateHash";
+export default function T({ children, id }) {
+    const ctx = useContext(GTContext);
+    if (!ctx) {
+        if (!id) {
+            generateHash(children).then(hash => {
+                console.error(`<T>, with children:\n\n${children}\n\nid:\n\n${hash}\n\nNo context provided. Did you mean to import the server component instead?`);
+            });
+        }
+        else {
+            console.error(`<T>, with children:\n\n${children}\n\nid:\n\n${id}\n\nNo context provided. Did you mean to import the server component instead?`);
+        }
+        return children;
+    }
+    const translation = useMemo(() => { return ctx === null || ctx === void 0 ? void 0 : ctx.translate(id); }, [children, id]);
+    if (!translation) {
+        if (!id) {
+            generateHash(children).then(hash => {
+                console.warn(`<T>, with children:\n\n${children}\n\nid:\n\n${hash}\n\nNo translation found.`);
+            });
+        }
+        else {
+            console.warn(`<T>, with children:\n\n${children}\n\nid:\n\n${id}\n\nNo translation found.`);
+        }
+        return children;
+    }
+    return translation || children;
+}
+//# sourceMappingURL=T.js.map

package/dist/client/T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"T.js","sourceRoot":"","sources":["../../src/client/T.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAa,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,YAAY,MAAM,4BAA4B,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAwC;IAC5E,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,IAAI,CAAC,EAAE,EAAE,CAAC;YACN,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC/B,OAAO,CAAC,KAAK,CAAC,0BAA0B,QAAQ,cAAc,IAAI,+EAA+E,CAAC,CAAC;YACvJ,CAAC,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,KAAK,CAAC,0BAA0B,QAAQ,cAAc,EAAE,+EAA+E,CAAC,CAAC;QACrJ,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;IACjF,IAAI,CAAC,WAAW,EAAE,CAAC;QACf,IAAI,CAAC,EAAE,EAAE,CAAC;YACN,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC/B,OAAO,CAAC,IAAI,CAAC,0BAA0B,QAAQ,cAAc,IAAI,2BAA2B,CAAC,CAAC;YAClG,CAAC,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,0BAA0B,QAAQ,cAAc,EAAE,2BAA2B,CAAC,CAAC;QAChG,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IACD,OAAO,WAAW,IAAI,QAAQ,CAAC;AACnC,CAAC"}

package/dist/client/hooks/useDefaultLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultLocale.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useDefaultLocale.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,MAAM,CAMjD"}
+{"version":3,"file":"useDefaultLocale.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useDefaultLocale.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,MAAM,CAOjD"}

package/dist/client/hooks/useDefaultLocale.js

@@ -6,9 +6,10 @@ import { GTContext } from "../ClientProvider";
  */
 export default function useDefaultLocale() {
     const ctx = useContext(GTContext);
-    if (ctx === null || ctx === void 0 ? void 0 : ctx.defaultLocale) {
-        return ctx.defaultLocale;
+    if (!ctx) {
+        console.error(`useDefaultLocale(): No context provided. useDefaultLocale() can only be used inside a GTProvider.`);
+        return "";
     }
-    return "";
+    return ctx.defaultLocale || "";
 }
 //# sourceMappingURL=useDefaultLocale.js.map

package/dist/client/hooks/useDefaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultLocale.js","sourceRoot":"","sources":["../../../src/client/hooks/useDefaultLocale.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACpC,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC,aAAa,CAAC;IAC7B,CAAC;IACD,OAAO,EAAE,CAAC;AACd,CAAC"}
+{"version":3,"file":"useDefaultLocale.js","sourceRoot":"","sources":["../../../src/client/hooks/useDefaultLocale.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACpC,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,CAAC,KAAK,CAAC,mGAAmG,CAAC,CAAC;QACnH,OAAO,EAAE,CAAC;IACd,CAAC;IACD,OAAO,GAAG,CAAC,aAAa,IAAI,EAAE,CAAC;AACnC,CAAC"}

package/dist/client/hooks/useGT.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGT.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useGT.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAcnD"}
+{"version":3,"file":"useGT.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useGT.ts"],"names":[],"mappings":"AAKA;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAqBnD"}

package/dist/client/hooks/useGT.js

@@ -16,9 +16,17 @@ export default function useGT(id) {
     }, [id]);
     // Get the translation context
     const ctx = useContext(GTContext);
+    if (!ctx) {
+        console.error(`t('${id}'): No context provided. useGT() can only be used inside a GTProvider.`);
+    }
     // Return a translation function if available, otherwise return a no-op function
     if (ctx === null || ctx === void 0 ? void 0 : ctx.translate) {
-        return (id) => ctx.translate(`${prefix}${id}`);
+        return (id) => {
+            const translation = ctx.translate(`${prefix}${id}`);
+            if (!translation)
+                console.warn(`t('${id}') finding no translation for dictionary item ${prefix}${id} !`);
+            return translation;
+        };
     }
     return () => { };
 }

package/dist/client/hooks/useGT.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGT.js","sourceRoot":"","sources":["../../../src/client/hooks/useGT.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAW;IACrC,4DAA4D;IAC5D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,8BAA8B;IAC9B,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAElC,gFAAgF;IAChF,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,EAAE,CAAC;QACjB,OAAO,CAAC,EAAU,EAAE,EAAE,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,EAAE,EAAE,CAAC,CAAC;IAC3D,CAAC;IACD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;AACpB,CAAC"}
+{"version":3,"file":"useGT.js","sourceRoot":"","sources":["../../../src/client/hooks/useGT.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAW;IACrC,4DAA4D;IAC5D,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,8BAA8B;IAC9B,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,wEAAwE,CAAC,CAAC;IACpG,CAAC;IAED,gFAAgF;IAChF,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,EAAE,CAAC;QACjB,OAAO,CAAC,EAAU,EAAE,EAAE;YAClB,MAAM,WAAW,GAAG,GAAG,CAAC,SAAS,CAAC,GAAG,MAAM,GAAG,EAAE,EAAE,CAAC,CAAC;YACpD,IAAI,CAAC,WAAW;gBAAE,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,iDAAiD,MAAM,GAAG,EAAE,IAAI,CAAC,CAAA;YACxG,OAAO,WAAW,CAAC;QACvB,CAAC,CAAA;IACL,CAAC;IACD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;AACpB,CAAC"}

package/dist/client/hooks/useLocale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useLocale.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,IAAI,MAAM,CAM1C"}
+{"version":3,"file":"useLocale.d.ts","sourceRoot":"","sources":["../../../src/client/hooks/useLocale.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,IAAI,MAAM,CAO1C"}

package/dist/client/hooks/useLocale.js

@@ -6,9 +6,10 @@ import { GTContext } from "../ClientProvider";
  */
 export default function useLocale() {
     const ctx = useContext(GTContext);
-    if (ctx === null || ctx === void 0 ? void 0 : ctx.locale) {
-        return ctx.locale;
+    if (!ctx) {
+        console.error(`useLocale(): No context provided. useLocale() can only be used inside a GTProvider.`);
+        return "";
     }
-    return "";
+    return ctx.locale || "";
 }
 //# sourceMappingURL=useLocale.js.map

package/dist/client/hooks/useLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocale.js","sourceRoot":"","sources":["../../../src/client/hooks/useLocale.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC7B,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,EAAE,CAAC;QACd,OAAO,GAAG,CAAC,MAAM,CAAC;IACtB,CAAC;IACD,OAAO,EAAE,CAAC;AACd,CAAC"}
+{"version":3,"file":"useLocale.js","sourceRoot":"","sources":["../../../src/client/hooks/useLocale.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC7B,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,OAAO,CAAC,KAAK,CAAC,qFAAqF,CAAC,CAAC;QACrG,OAAO,EAAE,CAAC;IACd,CAAC;IACD,OAAO,GAAG,CAAC,MAAM,IAAI,EAAE,CAAC;AAC5B,CAAC"}

package/dist/client/{primitives/numeric → numeric}/ClientNumeric.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-import { Range } from '../../../primitives/helpers/getNumericBranch';
+import { Range } from '../../primitives/getNumericBranch';
 type NumericProps = {
     n?: number;
+    id: string;
     children?: any;
     ranges?: Range[];
     [key: string]: any;
@@ -15,6 +16,6 @@ type NumericProps = {
  * @param {Record<string, any>} ...branches - Named branches, e.g. "singular", "plural" and their associated branches.
  * @returns {ReactNode}
  */
-export default function ClientNumeric({ children, n, ranges, ...branches }: NumericProps): ReactNode;
+export default function ClientNumeric({ children, id, n, ranges, ...branches }: NumericProps): ReactNode;
 export {};
 //# sourceMappingURL=ClientNumeric.d.ts.map

package/dist/client/numeric/ClientNumeric.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientNumeric.d.ts","sourceRoot":"","sources":["../../../src/client/numeric/ClientNumeric.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAyB,MAAM,OAAO,CAAC;AAChE,OAAyB,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAQ5E,KAAK,YAAY,GAAG;IAChB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,EAAE,YAAY,GAAG,SAAS,CAoDvG"}

package/dist/client/numeric/ClientNumeric.js

@@ -0,0 +1,75 @@
+'use client';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import getNumericBranch from '../../primitives/getNumericBranch';
+import RenderClientVariable from '../value/RenderClientVariable';
+import useLocale from '../hooks/useLocale';
+import useDefaultLocale from '../hooks/useDefaultLocale';
+import { GTContext } from '../ClientProvider';
+import generateHash from '../../primitives/generateHash';
+/**
+ * Numeric component that processes a given number and renders the appropriate branch or children.
+ *
+ * @param {ReactNode} children - Default children.
+ * @param {number} n - Number to branch based on.
+ * @param {Range[]} ranges - Array of range objects used for branch selection.
+ * @param {Record<string, any>} ...branches - Named branches, e.g. "singular", "plural" and their associated branches.
+ * @returns {ReactNode}
+ */
+export default function ClientNumeric(_a) {
+    var { children, id, n, ranges } = _a, branches = __rest(_a, ["children", "id", "n", "ranges"]);
+    const ctx = useContext(GTContext);
+    if (!ctx) {
+        if (!id) {
+            generateHash(children).then(hash => {
+                console.error(`<Numeric>, with children:\n\n${children}\n\nid:\n\n${hash}\n\nNo context provided. Did you mean to import the server component instead?`);
+            });
+        }
+        else {
+            console.error(`<Numeric>, with children:\n\n${children}\n\nid:\n\n${id}\n\nNo context provided. Did you mean to import the server component instead?`);
+        }
+        return _jsx(RenderClientVariable, { variables: (typeof n === 'number') ? { n } : undefined, children: children });
+    }
+    const translation = useMemo(() => { return (ctx === null || ctx === void 0 ? void 0 : ctx.translate(id)) || children; }, [children, id]);
+    const completeBranches = useMemo(() => {
+        if (!id) {
+            return Object.assign(Object.assign({}, branches), { ranges });
+        }
+        else {
+            const t = (innerID) => ctx.translate(`${id}.${innerID}`);
+            return {
+                zero: t('zero') || branches.zero || undefined,
+                one: t('one') || branches.one || undefined,
+                two: t('two') || branches.two || undefined,
+                few: t('few') || branches.few || undefined,
+                many: t('many') || branches.many || undefined,
+                other: t('other') || branches.other || undefined,
+                singular: t('singular') || branches.singular || undefined,
+                dual: t('dual') || branches.dual || undefined,
+                plural: t('plural') || branches.plural || undefined,
+                ranges: t('ranges') || ranges || undefined,
+            };
+        }
+    }, [branches, ranges, id]);
+    const locales = [useLocale(), useDefaultLocale()]; // user's language
+    const branch = useMemo(() => {
+        return ((typeof n === 'number' && completeBranches) ? getNumericBranch(n, locales, completeBranches) : null) || translation;
+    }, [n, completeBranches, translation, locales]);
+    const renderedChildren = useMemo(() => {
+        return _jsx(RenderClientVariable, { variables: (typeof n === 'number') ? { n } : undefined, children: branch });
+    }, [n, branch]);
+    return (_jsx("span", { children: renderedChildren }));
+}
+;
+//# sourceMappingURL=ClientNumeric.js.map

package/dist/client/numeric/ClientNumeric.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientNumeric.js","sourceRoot":"","sources":["../../../src/client/numeric/ClientNumeric.tsx"],"names":[],"mappings":"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"}

package/dist/client/{primitives/value → value}/ClientValue.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
 type ValueProps = {
     children?: any;
+    id?: string;
     branches?: Record<string, any>;
-    [key: string]: any;
+    values?: Record<string, any>;
 };
 /**
  * Client-side value variable component that processes the given values and branches,
@@ -13,6 +14,6 @@ type ValueProps = {
  * @param {Record<string, any>} ...values - Values to branch and translate around.
  * @returns {ReactNode}
  */
-export default function ClientValue({ children, branches, values }: ValueProps): ReactNode;
+export default function ClientValue({ children, id, branches, values }: ValueProps): ReactNode;
 export {};
 //# sourceMappingURL=ClientValue.d.ts.map

package/dist/client/value/ClientValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientValue.d.ts","sourceRoot":"","sources":["../../../src/client/value/ClientValue.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAO9D,KAAK,UAAU,GAAG;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC,CAAA;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,UAAU,GAAG,SAAS,CAwC7F"}

package/dist/client/value/ClientValue.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from 'react';
+import getValueBranch from '../../primitives/getValueBranch';
+import RenderClientVariable from './RenderClientVariable';
+import { GTContext } from '../ClientProvider';
+import generateHash from '../../primitives/generateHash';
+/**
+ * Client-side value variable component that processes the given values and branches,
+ * and renders the appropriate content based on the branch logic.
+ *
+ * @param {any} children - Default children to render if no branches match.
+ * @param {Record<string, any>} branches - Object containing conditionally rendered branches.
+ * @param {Record<string, any>} ...values - Values to branch and translate around.
+ * @returns {ReactNode}
+ */
+export default function ClientValue({ children, id, branches, values }) {
+    const ctx = useContext(GTContext);
+    if (!ctx) {
+        if (!id) {
+            generateHash(children).then(hash => {
+                console.error(`<Value>, with children:\n\n${children}\n\nid:\n\n${hash}\n\nNo context provided. Did you mean to import the server component instead?`);
+            });
+        }
+        else {
+            console.error(`<Value>, with children:\n\n${children}\n\nid:\n\n${id}\n\nNo context provided. Did you mean to import the server component instead?`);
+        }
+        return _jsx(RenderClientVariable, { variables: values ? values : undefined, children: children });
+    }
+    const translation = useMemo(() => { return ctx === null || ctx === void 0 ? void 0 : ctx.translate(id); }, [children, id]);
+    if (!translation) {
+        if (!id) {
+            generateHash(children).then(hash => {
+                console.warn(`<Value>, with children:\n\n${children}\n\nid:\n\n${hash}\n\nNo translation found.`);
+            });
+        }
+        else {
+            console.warn(`<Value>, with children:\n\n${children}\n\nid:\n\n${id}\n\nNo translation found.`);
+        }
+        return children;
+    }
+    const branch = useMemo(() => {
+        return ((typeof values !== 'undefined' && typeof branches !== 'undefined') ? getValueBranch(values, branches) : null) || translation;
+    }, [values, branches, translation]);
+    const renderedChildren = useMemo(() => {
+        return _jsx(RenderClientVariable, { variables: values ? values : undefined, children: branch });
+    }, [branch, values]);
+    return (_jsx("span", { children: renderedChildren }));
+}
+;
+//# sourceMappingURL=ClientValue.js.map

package/dist/client/value/ClientValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientValue.js","sourceRoot":"","sources":["../../../src/client/value/ClientValue.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAa,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAUzD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAc;IAE9E,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IAClC,IAAI,CAAC,GAAG,EAAE,CAAC;QACP,IAAI,CAAC,EAAE,EAAE,CAAC;YACN,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC/B,OAAO,CAAC,KAAK,CAAC,8BAA8B,QAAQ,cAAc,IAAI,+EAA+E,CAAC,CAAC;YAC3J,CAAC,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,KAAK,CAAC,8BAA8B,QAAQ,cAAc,EAAE,+EAA+E,CAAC,CAAC;QACzJ,CAAC;QACD,OAAO,KAAC,oBAAoB,IAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAAG,QAAQ,GAAwB,CAAC;IAC3G,CAAC;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,GAAG,OAAO,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,SAAS,CAAC,EAAE,CAAC,CAAA,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC;IACjF,IAAI,CAAC,WAAW,EAAE,CAAC;QACf,IAAI,CAAC,EAAE,EAAE,CAAC;YACN,YAAY,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;gBAC/B,OAAO,CAAC,IAAI,CAAC,8BAA8B,QAAQ,cAAc,IAAI,2BAA2B,CAAC,CAAC;YACtG,CAAC,CAAC,CAAA;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,IAAI,CAAC,8BAA8B,QAAQ,cAAc,EAAE,2BAA2B,CAAC,CAAC;QACpG,CAAC;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QACxB,OAAO,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC;IACzI,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAEnC,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,KAAC,oBAAoB,IAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAAG,MAAM,GAAwB,CAAA;IACxG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IAEpB,OAAO,CACH,yBACK,gBAAgB,GACd,CACV,CAAA;AAEL,CAAC;AAAA,CAAC"}

package/dist/client/value/RenderClientVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderClientVariable.d.ts","sourceRoot":"","sources":["../../../src/client/value/RenderClientVariable.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AA6D7D,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAAE,GAAG,SAAS,CAanI"}

package/dist/client/{primitives/value → value}/RenderClientVariable.js

@@ -1,11 +1,11 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useState } from 'react';
-import ClientVariable from '../variables/ClientVariable';
-import ClientNumberVariable from '../variables/ClientNumberVariable';
-import ClientDateVariable from '../variables/ClientDateVariable';
-import ClientCurrencyVariable from '../variables/ClientCurrencyVariable';
-import defaultVariableNames from '../../../primitives/helpers/defaultVariableNames';
+import ClientVar from '../variables/ClientVar';
+import ClientNum from '../variables/ClientNum';
+import ClientDateTime from '../variables/ClientDateTime';
+import ClientCurrency from '../variables/ClientCurrency';
+import defaultVariableNames from '../../primitives/defaultVariableNames';
 /**
  * Handles a single child element by cloning it with new properties if it is a valid React element,
  * or wrapping it in a React Fragment if it is a valid React node object.
@@ -39,16 +39,16 @@ function SingleChild({ children, variables }) {
             }
             if (value !== null && typeof value !== 'undefined') {
                 if (variableType === "number") {
-                    return _jsx(ClientNumberVariable, { defaultValue: value, name: name, options: options });
+                    return _jsx(ClientNum, { defaultValue: value, name: name, options: options });
                 }
                 if (variableType === "date") {
-                    return _jsx(ClientDateVariable, { defaultValue: value, name: name, options: options });
+                    return _jsx(ClientDateTime, { defaultValue: value, name: name, options: options });
                 }
                 if (variableType === "currency") {
                     const currency = props.currency || 'USD';
-                    return _jsx(ClientCurrencyVariable, { defaultValue: value, name: name, currency: currency, options: options });
+                    return _jsx(ClientCurrency, { defaultValue: value, name: name, currency: currency, options: options });
                 }
-                return _jsx(ClientVariable, { defaultValue: value, name: name });
+                return _jsx(ClientVar, { defaultValue: value, name: name });
             }
         }
         let newProps = Object.assign({}, props);

package/dist/client/value/RenderClientVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderClientVariable.js","sourceRoot":"","sources":["../../../src/client/value/RenderClientVariable.tsx"],"names":[],"mappings":"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"}

package/dist/client/{primitives/variables/ClientCurrencyVariable.d.ts → variables/ClientCurrency.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 /**
- * Props for the ClientCurrencyVariable component.
+ * Props for the ClientCurrency component.
  *
  * @typedef {Object} VariableProps
  * @property {ReactNode} [children] - The value to be formatted. If provided, overrides defaultValue.
@@ -17,7 +17,7 @@ type VariableProps = {
     options?: Record<string, any>;
 };
 /**
- * CurrencyVariable component formats a number as a currency string based on the current language settings.
+ * Currency component formats a number as a currency string based on the current language settings.
  * It uses Intl.NumberFormat for currency formatting.
  *
  * @param {VariableProps} props - The properties passed to the component
@@ -28,9 +28,9 @@ type VariableProps = {
  * @param {Record<string, any>} [props.options] - Options for number formatting.
  * @returns {ReactNode} A span element containing the formatted currency with specific data attributes
  */
-declare const ClientCurrencyVariable: {
+declare const ClientCurrency: {
     ({ children, name, defaultValue, currency, options }?: VariableProps): ReactNode;
     gtTransformation: string;
 };
-export default ClientCurrencyVariable;
-//# sourceMappingURL=ClientCurrencyVariable.d.ts.map
+export default ClientCurrency;
+//# sourceMappingURL=ClientCurrency.d.ts.map

package/dist/client/variables/ClientCurrency.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientCurrency.d.ts","sourceRoot":"","sources":["../../../src/client/variables/ClientCurrency.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAIvE;;;;;;;;;GASG;AACH,KAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC,CAAA;AAED;;;;;;;;;;;GAWG;AACH,QAAA,MAAM,cAAc;2DAA+E,aAAa,GAAsB,SAAS;;CAwB9I,CAAC;AAKF,eAAe,cAAc,CAAC"}

package/dist/client/{primitives/variables/ClientCurrencyVariable.js → variables/ClientCurrency.js}

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import useLocale from '../../hooks/useLocale';
-import useDefaultLocale from '../../hooks/useDefaultLocale';
+import useLocale from '../hooks/useLocale';
+import useDefaultLocale from '../hooks/useDefaultLocale';
 /**
- * CurrencyVariable component formats a number as a currency string based on the current language settings.
+ * Currency component formats a number as a currency string based on the current language settings.
  * It uses Intl.NumberFormat for currency formatting.
  *
  * @param {VariableProps} props - The properties passed to the component
@@ -15,7 +15,7 @@ import useDefaultLocale from '../../hooks/useDefaultLocale';
  * @param {Record<string, any>} [props.options] - Options for number formatting.
  * @returns {ReactNode} A span element containing the formatted currency with specific data attributes
  */
-const ClientCurrencyVariable = ({ children, name = "cost", defaultValue, currency = "USD", options = {} } = { name: "cost" }) => {
+const ClientCurrency = ({ children, name = "cost", defaultValue, currency = "USD", options = {} } = { name: "cost" }) => {
     const locales = [useLocale(), useDefaultLocale()];
     const [formattedValue, setFormattedValue] = useState('');
     useEffect(() => {
@@ -33,6 +33,6 @@ const ClientCurrencyVariable = ({ children, name = "cost", defaultValue, currenc
     return (_jsx("span", { "data-gt-variable-name": name, "data-gt-variable-type": "currency", "data-gt-variable-options": Object.assign({ style: 'currency', currency }, options), children: formattedValue }));
 };
 // Static property to indicate the transformation type
-ClientCurrencyVariable.gtTransformation = "variable-currency";
-export default ClientCurrencyVariable;
-//# sourceMappingURL=ClientCurrencyVariable.js.map
+ClientCurrency.gtTransformation = "variable-currency";
+export default ClientCurrency;
+//# sourceMappingURL=ClientCurrency.js.map

package/dist/client/variables/ClientCurrency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientCurrency.js","sourceRoot":"","sources":["../../../src/client/variables/ClientCurrency.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAa,SAAS,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAoBzD;;;;;;;;;;;GAWG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,YAAY,EAAE,QAAQ,GAAG,KAAK,EAAE,OAAO,GAAG,EAAE,KAAoB,EAAE,IAAI,EAAE,MAAM,EAAE,EAAa,EAAE;IAE9I,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAEjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACX,sCAAsC;QACtC,IAAI,KAAK,GAAG,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/G,KAAK,GAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAChE,2CAA2C;QAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,iBAAiB,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAI,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,IAAK,OAAO,EAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QACzI,CAAC;aAAM,CAAC;YACJ,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzD,OAAO,CACH,wCAA6B,IAAI,2BAAyB,UAAU,8CAA8B,KAAK,EAAE,UAAU,EAAE,QAAQ,IAAK,OAAO,aACpI,cAAc,GACZ,CACV,CAAC;AAEN,CAAC,CAAC;AAEF,sDAAsD;AACtD,cAAc,CAAC,gBAAgB,GAAG,mBAAmB,CAAC;AAEtD,eAAe,cAAc,CAAC"}

package/dist/client/{primitives/variables/ClientDateVariable.d.ts → variables/ClientDateTime.d.ts}

@@ -6,7 +6,7 @@ type VariableProps = {
     options?: Record<string, any>;
 };
 /**
- * DateVariable component formats and displays a date based on the current language settings.
+ * DateTime component formats and displays a date based on the current language settings.
  * It converts different types of date inputs and formats them according to the locale.
  *
  * @param {VariableProps} props - The properties passed to the component
@@ -16,9 +16,9 @@ type VariableProps = {
  * @param {Record<string, any>} [props.options] - Options for date formatting.
  * @returns {ReactNode} A span element containing the formatted date with specific data attributes
  */
-declare const ClientDateVariable: {
+declare const ClientDateTime: {
     ({ children, name, defaultValue, options }?: VariableProps): ReactNode;
     gtTransformation: string;
 };
-export default ClientDateVariable;
-//# sourceMappingURL=ClientDateVariable.d.ts.map
+export default ClientDateTime;
+//# sourceMappingURL=ClientDateTime.d.ts.map

package/dist/client/variables/ClientDateTime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientDateTime.d.ts","sourceRoot":"","sources":["../../../src/client/variables/ClientDateTime.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAKvE,KAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACjC,CAAA;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,cAAc;iDAA6D,aAAa,GAAsB,SAAS;;CAyC5H,CAAC;AAKF,eAAe,cAAc,CAAC"}

package/dist/client/{primitives/variables/ClientDateVariable.js → variables/ClientDateTime.js}

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import useLocale from '../../hooks/useLocale';
-import useDefaultLocale from '../../hooks/useDefaultLocale';
+import useLocale from '../hooks/useLocale';
+import useDefaultLocale from '../hooks/useDefaultLocale';
 /**
- * DateVariable component formats and displays a date based on the current language settings.
+ * DateTime component formats and displays a date based on the current language settings.
  * It converts different types of date inputs and formats them according to the locale.
  *
  * @param {VariableProps} props - The properties passed to the component
@@ -14,7 +14,7 @@ import useDefaultLocale from '../../hooks/useDefaultLocale';
  * @param {Record<string, any>} [props.options] - Options for date formatting.
  * @returns {ReactNode} A span element containing the formatted date with specific data attributes
  */
-const ClientDateVariable = ({ children, name = "date", defaultValue, options = {} } = { name: "date" }) => {
+const ClientDateTime = ({ children, name = "date", defaultValue, options = {} } = { name: "date" }) => {
     const locales = [useLocale(), useDefaultLocale()];
     const [formattedValue, setFormattedValue] = useState('');
     useEffect(() => {
@@ -46,6 +46,6 @@ const ClientDateVariable = ({ children, name = "date", defaultValue, options = {
     return (_jsx("span", { "data-gt-variable-name": name, "data-gt-variable-type": "date", "data-gt-variable-options": options, children: formattedValue }));
 };
 // Static property for transformation type
-ClientDateVariable.gtTransformation = "variable-date";
-export default ClientDateVariable;
-//# sourceMappingURL=ClientDateVariable.js.map
+ClientDateTime.gtTransformation = "variable-date";
+export default ClientDateTime;
+//# sourceMappingURL=ClientDateTime.js.map

package/dist/client/variables/ClientDateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientDateTime.js","sourceRoot":"","sources":["../../../src/client/variables/ClientDateTime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAa,SAAS,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAUzD;;;;;;;;;;GAUG;AACH,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,EAAE,YAAY,EAAE,OAAO,GAAG,EAAE,KAAoB,EAAE,IAAI,EAAE,MAAM,EAAE,EAAa,EAAE;IAE5H,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAEjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,SAA2B,CAAC;QAEhC,qCAAqC;QACrC,YAAY,GAAG,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;QAClH,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,iBAAiB,CAAC,EAAE,CAAC,CAAC;YACtB,OAAO;QACX,CAAC;QAED,0DAA0D;QAC1D,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YACnC,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,uBAAuB;QACtE,CAAC;aAAM,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE,CAAC;YAC1C,SAAS,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,YAAY,YAAY,IAAI,EAAE,CAAC;YACtC,SAAS,GAAG,YAAY,CAAC;QAC7B,CAAC;QAED,mDAAmD;QAEnD,IAAI,OAAO,SAAS,KAAK,WAAW,EAAE,CAAC;YACnC,8DAA8D;YAC9D,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,OAAO,kBAAI,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,IAAK,OAAO,EAAG,CAAC,MAAM,CAAC,SAAS,CAAC,KAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,CAAC,OAAO,kBAAI,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,IAAK,OAAO,EAAG,CAAA,IAAI,EAAE,CAAC;YAC9O,iBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC,CAAC;QACvE,CAAC;IAEL,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,kDAAkD;IAClD,OAAO,CACH,wCAA6B,IAAI,2BAAyB,MAAM,8BAA4B,OAAO,YAC9F,cAAc,GACZ,CACV,CAAC;AACN,CAAC,CAAC;AAEF,0CAA0C;AAC1C,cAAc,CAAC,gBAAgB,GAAG,eAAe,CAAC;AAElD,eAAe,cAAc,CAAC"}

package/dist/client/{primitives/variables/ClientNumberVariable.d.ts → variables/ClientNum.d.ts}

@@ -6,7 +6,7 @@ type VariableProps = {
     options?: Record<string, any>;
 };
 /**
- * NumberVariable component formats and displays a number based on the current language settings.
+ * Num component formats and displays a number based on the current language settings.
  * It attempts a number conversion and defaults to returning defaultValue if provided.
  *
  * @param {VariableProps} props - The properties passed to the component
@@ -16,9 +16,9 @@ type VariableProps = {
  * @param {Record<string, any>} [props.options] - Options for number formatting.
  * @returns {ReactNode} A span element containing the formatted number with specific data attributes
  */
-declare const ClientNumberVariable: {
+declare const ClientNum: {
     ({ children, name, defaultValue, options }?: VariableProps): ReactNode;
     gtTransformation: string;
 };
-export default ClientNumberVariable;
-//# sourceMappingURL=ClientNumberVariable.d.ts.map
+export default ClientNum;
+//# sourceMappingURL=ClientNum.d.ts.map

package/dist/client/variables/ClientNum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientNum.d.ts","sourceRoot":"","sources":["../../../src/client/variables/ClientNum.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAKvE,KAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAChC,CAAA;AAED;;;;;;;;;;GAUG;AACH,QAAA,MAAM,SAAS;iDAA0D,aAAa,GAAmB,SAAS;;CAqBjH,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/dist/client/{primitives/variables/ClientNumberVariable.js → variables/ClientNum.js}

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import useLocale from '../../hooks/useLocale';
-import useDefaultLocale from '../../hooks/useDefaultLocale';
+import useLocale from '../hooks/useLocale';
+import useDefaultLocale from '../hooks/useDefaultLocale';
 /**
- * NumberVariable component formats and displays a number based on the current language settings.
+ * Num component formats and displays a number based on the current language settings.
  * It attempts a number conversion and defaults to returning defaultValue if provided.
  *
  * @param {VariableProps} props - The properties passed to the component
@@ -14,7 +14,7 @@ import useDefaultLocale from '../../hooks/useDefaultLocale';
  * @param {Record<string, any>} [props.options] - Options for number formatting.
  * @returns {ReactNode} A span element containing the formatted number with specific data attributes
  */
-const ClientNumberVariable = ({ children, name = "n", defaultValue, options = {} } = { name: "n" }) => {
+const ClientNum = ({ children, name = "n", defaultValue, options = {} } = { name: "n" }) => {
     const locales = [useLocale(), useDefaultLocale()];
     const [formattedValue, setFormattedValue] = useState('');
     useEffect(() => {
@@ -30,6 +30,6 @@ const ClientNumberVariable = ({ children, name = "n", defaultValue, options = {}
     }, [children, defaultValue, locales, options]);
     return (_jsx("span", { "data-gt-variable-name": name, "data-gt-variable-type": "number", "data-gt-variable-options": JSON.stringify(options), children: formattedValue }));
 };
-ClientNumberVariable.gtTransformation = "variable-number";
-export default ClientNumberVariable;
-//# sourceMappingURL=ClientNumberVariable.js.map
+ClientNum.gtTransformation = "variable-number";
+export default ClientNum;
+//# sourceMappingURL=ClientNum.js.map

package/dist/client/variables/ClientNum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientNum.js","sourceRoot":"","sources":["../../../src/client/variables/ClientNum.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAc,EAAa,SAAS,EAAW,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAUzD;;;;;;;;;;GAUG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,GAAG,EAAE,YAAY,EAAE,OAAO,GAAG,EAAE,KAAoB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAa,EAAE;IAEjH,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAA;IAEjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,GAAG,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,OAAO,YAAY,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC;QAC/G,KAAK,GAAG,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAChE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,2DAA2D;YAC3D,iBAAiB,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,OAAO,kBAAI,eAAe,EAAE,MAAM,IAAK,OAAO,EAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;QAC5G,CAAC;aAAM,CAAC;YACJ,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAE/C,OAAO,CACH,wCAA6B,IAAI,2BAAyB,QAAQ,8BAA4B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,YAChH,cAAc,GACZ,CACV,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,CAAC,gBAAgB,GAAG,iBAAiB,CAAC;AAE/C,eAAe,SAAS,CAAC"}

package/dist/client/{primitives/variables/ClientVariable.d.ts → variables/ClientVar.d.ts}

@@ -5,7 +5,7 @@ type VariableProps = {
     defaultValue?: any;
 };
 /**
- * Variable component to conditionally render either children or a default value.
+ * Var component to conditionally render either children or a default value.
  * It also attaches data attributes for variable name and type.
  *
  * @param {Object} props - The props for the component.
@@ -14,9 +14,9 @@ type VariableProps = {
  * @param {any} [props.defaultValue] - The default value to be rendered if children is not provided.
  * @returns {ReactNode} The rendered output.
  */
-declare const ClientVariable: {
+declare const ClientVar: {
     ({ children, name, defaultValue }: VariableProps): ReactNode;
     gtTransformation: string;
 };
-export default ClientVariable;
-//# sourceMappingURL=ClientVariable.d.ts.map
+export default ClientVar;
+//# sourceMappingURL=ClientVar.d.ts.map

package/dist/client/variables/ClientVar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientVar.d.ts","sourceRoot":"","sources":["../../../src/client/variables/ClientVar.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAW,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,KAAK,aAAa,GAAG;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,GAAG,CAAC;CACtB,CAAA;AAED;;;;;;;;;GASG;AACH,QAAA,MAAM,SAAS;uCAAsC,aAAa,GAAG,SAAS;;CAa7E,CAAC;AAIF,eAAe,SAAS,CAAC"}