@cryptlex/web-components 3.3.5 → 3.5.0

package/dist/node_modules/.pnpm/use-sidecar@1.1.3_@types_react@19.1.0_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"medium.es.js","sources":["../../../../../../../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.0_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.js"],"sourcesContent":["import { __assign } from \"tslib\";\nfunction ItoI(a) {\n    return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    var buffer = [];\n    var assigned = false;\n    var medium = {\n        read: function () {\n            if (assigned) {\n                throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n            }\n            if (buffer.length) {\n                return buffer[buffer.length - 1];\n            }\n            return defaults;\n        },\n        useMedium: function (data) {\n            var item = middleware(data, assigned);\n            buffer.push(item);\n            return function () {\n                buffer = buffer.filter(function (x) { return x !== item; });\n            };\n        },\n        assignSyncMedium: function (cb) {\n            assigned = true;\n            while (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n            }\n            buffer = {\n                push: function (x) { return cb(x); },\n                filter: function () { return buffer; },\n            };\n        },\n        assignMedium: function (cb) {\n            assigned = true;\n            var pendingQueue = [];\n            if (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n                pendingQueue = buffer;\n            }\n            var executeQueue = function () {\n                var cbs = pendingQueue;\n                pendingQueue = [];\n                cbs.forEach(cb);\n            };\n            var cycle = function () { return Promise.resolve().then(executeQueue); };\n            cycle();\n            buffer = {\n                push: function (x) {\n                    pendingQueue.push(x);\n                    cycle();\n                },\n                filter: function (filter) {\n                    pendingQueue = pendingQueue.filter(filter);\n                    return buffer;\n                },\n            };\n        },\n    };\n    return medium;\n}\nexport function createMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n    if (options === void 0) { options = {}; }\n    var medium = innerCreateMedium(null);\n    medium.options = __assign({ async: true, ssr: false }, options);\n    return medium;\n}\n"],"names":["ItoI","a","innerCreateMedium","defaults","middleware","buffer","assigned","medium","data","item","x","cb","cbs","pendingQueue","executeQueue","cycle","filter","createSidecarMedium","options","__assign"],"mappings":";AACA,SAASA,EAAKC,GAAG;AACb,SAAOA;AACX;AACA,SAASC,EAAkBC,GAAUC,GAAY;AAC7C,EAAIA,MAAe,WAAUA,IAAaJ;AAC1C,MAAIK,IAAS,CAAE,GACXC,IAAW,IACXC,IAAS;AAAA,IACT,MAAM,WAAY;AACd,UAAID;AACA,cAAM,IAAI,MAAM,kGAAkG;AAEtH,aAAID,EAAO,SACAA,EAAOA,EAAO,SAAS,CAAC,IAE5BF;AAAA,IACV;AAAA,IACD,WAAW,SAAUK,GAAM;AACvB,UAAIC,IAAOL,EAAWI,GAAMF,CAAQ;AACpC,aAAAD,EAAO,KAAKI,CAAI,GACT,WAAY;AACf,QAAAJ,IAASA,EAAO,OAAO,SAAUK,GAAG;AAAE,iBAAOA,MAAMD;AAAA,SAAO;AAAA,MAC7D;AAAA,IACJ;AAAA,IACD,kBAAkB,SAAUE,GAAI;AAE5B,WADAL,IAAW,IACJD,EAAO,UAAQ;AAClB,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAE,GACXO,EAAI,QAAQD,CAAE;AAAA,MAC9B;AACY,MAAAN,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AAAE,iBAAOC,EAAGD,CAAC;AAAA,QAAI;AAAA,QACpC,QAAQ,WAAY;AAAE,iBAAOL;AAAA,QAAS;AAAA,MACzC;AAAA,IACJ;AAAA,IACD,cAAc,SAAUM,GAAI;AACxB,MAAAL,IAAW;AACX,UAAIO,IAAe,CAAE;AACrB,UAAIR,EAAO,QAAQ;AACf,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAE,GACXO,EAAI,QAAQD,CAAE,GACdE,IAAeR;AAAA,MAC/B;AACY,UAAIS,IAAe,WAAY;AAC3B,YAAIF,IAAMC;AACV,QAAAA,IAAe,CAAE,GACjBD,EAAI,QAAQD,CAAE;AAAA,MACjB,GACGI,IAAQ,WAAY;AAAE,eAAO,QAAQ,QAAO,EAAG,KAAKD,CAAY;AAAA,MAAI;AACxE,MAAAC,EAAO,GACPV,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AACf,UAAAG,EAAa,KAAKH,CAAC,GACnBK,EAAO;AAAA,QACV;AAAA,QACD,QAAQ,SAAUC,GAAQ;AACtB,iBAAAH,IAAeA,EAAa,OAAOG,CAAM,GAClCX;AAAA,QACV;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACD,SAAOE;AACX;AAMO,SAASU,EAAoBC,GAAS;AACzC,EAAIA,MAAY,WAAUA,IAAU,CAAA;AACpC,MAAIX,IAASL,EAAkB,IAAI;AACnC,SAAAK,EAAO,UAAUY,EAAS,EAAE,OAAO,IAAM,KAAK,GAAO,GAAED,CAAO,GACvDX;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"medium.es.js","sources":["../../../../../../../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.0_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.js"],"sourcesContent":["import { __assign } from \"tslib\";\nfunction ItoI(a) {\n    return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    var buffer = [];\n    var assigned = false;\n    var medium = {\n        read: function () {\n            if (assigned) {\n                throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n            }\n            if (buffer.length) {\n                return buffer[buffer.length - 1];\n            }\n            return defaults;\n        },\n        useMedium: function (data) {\n            var item = middleware(data, assigned);\n            buffer.push(item);\n            return function () {\n                buffer = buffer.filter(function (x) { return x !== item; });\n            };\n        },\n        assignSyncMedium: function (cb) {\n            assigned = true;\n            while (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n            }\n            buffer = {\n                push: function (x) { return cb(x); },\n                filter: function () { return buffer; },\n            };\n        },\n        assignMedium: function (cb) {\n            assigned = true;\n            var pendingQueue = [];\n            if (buffer.length) {\n                var cbs = buffer;\n                buffer = [];\n                cbs.forEach(cb);\n                pendingQueue = buffer;\n            }\n            var executeQueue = function () {\n                var cbs = pendingQueue;\n                pendingQueue = [];\n                cbs.forEach(cb);\n            };\n            var cycle = function () { return Promise.resolve().then(executeQueue); };\n            cycle();\n            buffer = {\n                push: function (x) {\n                    pendingQueue.push(x);\n                    cycle();\n                },\n                filter: function (filter) {\n                    pendingQueue = pendingQueue.filter(filter);\n                    return buffer;\n                },\n            };\n        },\n    };\n    return medium;\n}\nexport function createMedium(defaults, middleware) {\n    if (middleware === void 0) { middleware = ItoI; }\n    return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n    if (options === void 0) { options = {}; }\n    var medium = innerCreateMedium(null);\n    medium.options = __assign({ async: true, ssr: false }, options);\n    return medium;\n}\n"],"names":["ItoI","a","innerCreateMedium","defaults","middleware","buffer","assigned","medium","data","item","x","cb","cbs","pendingQueue","executeQueue","cycle","filter","createSidecarMedium","options","__assign"],"mappings":";AACA,SAASA,EAAKC,GAAG;AACb,SAAOA;AACX;AACA,SAASC,EAAkBC,GAAUC,GAAY;AAC7C,EAAIA,MAAe,WAAUA,IAAaJ;AAC1C,MAAIK,IAAS,CAAA,GACTC,IAAW,IACXC,IAAS;AAAA,IACT,MAAM,WAAY;AACd,UAAID;AACA,cAAM,IAAI,MAAM,kGAAkG;AAEtH,aAAID,EAAO,SACAA,EAAOA,EAAO,SAAS,CAAC,IAE5BF;AAAA,IACnB;AAAA,IACQ,WAAW,SAAUK,GAAM;AACvB,UAAIC,IAAOL,EAAWI,GAAMF,CAAQ;AACpC,aAAAD,EAAO,KAAKI,CAAI,GACT,WAAY;AACf,QAAAJ,IAASA,EAAO,OAAO,SAAUK,GAAG;AAAE,iBAAOA,MAAMD;AAAA,SAAO;AAAA,MAC1E;AAAA,IACA;AAAA,IACQ,kBAAkB,SAAUE,GAAI;AAE5B,WADAL,IAAW,IACJD,EAAO,UAAQ;AAClB,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAA,GACTO,EAAI,QAAQD,CAAE;AAAA,MAC9B;AACY,MAAAN,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AAAE,iBAAOC,EAAGD,CAAC;AAAA,QAAE;AAAA,QAClC,QAAQ,WAAY;AAAE,iBAAOL;AAAA,QAAO;AAAA,MACpD;AAAA,IACA;AAAA,IACQ,cAAc,SAAUM,GAAI;AACxB,MAAAL,IAAW;AACX,UAAIO,IAAe,CAAA;AACnB,UAAIR,EAAO,QAAQ;AACf,YAAIO,IAAMP;AACV,QAAAA,IAAS,CAAA,GACTO,EAAI,QAAQD,CAAE,GACdE,IAAeR;AAAA,MAC/B;AACY,UAAIS,IAAe,WAAY;AAC3B,YAAIF,IAAMC;AACV,QAAAA,IAAe,CAAA,GACfD,EAAI,QAAQD,CAAE;AAAA,MAC9B,GACgBI,IAAQ,WAAY;AAAE,eAAO,QAAQ,QAAO,EAAG,KAAKD,CAAY;AAAA,MAAE;AACtE,MAAAC,EAAK,GACLV,IAAS;AAAA,QACL,MAAM,SAAUK,GAAG;AACf,UAAAG,EAAa,KAAKH,CAAC,GACnBK,EAAK;AAAA,QACzB;AAAA,QACgB,QAAQ,SAAUC,GAAQ;AACtB,iBAAAH,IAAeA,EAAa,OAAOG,CAAM,GAClCX;AAAA,QAC3B;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACI,SAAOE;AACX;AAMO,SAASU,EAAoBC,GAAS;AACzC,EAAIA,MAAY,WAAUA,IAAU,CAAA;AACpC,MAAIX,IAASL,EAAkB,IAAI;AACnC,SAAAK,EAAO,UAAUY,EAAS,EAAE,OAAO,IAAM,KAAK,GAAK,GAAID,CAAO,GACvDX;AACX;","x_google_ignoreList":[0]}

package/dist/utils/form-context.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-context.es.js","sources":["../../lib/utils/form-context.tsx"],"sourcesContent":["import { createFormHookContexts } from \"@tanstack/react-form\";\n\n/**\n * useFieldContext is used in custom components\n */\nexport const { fieldContext, formContext, useFieldContext } =\n\tcreateFormHookContexts();\n"],"names":["fieldContext","formContext","useFieldContext","createFormHookContexts"],"mappings":";AAKO,MAAM,EAAE,cAAAA,GAAc,aAAAC,GAAa,iBAAAC,EAAA,IACzCC,EAAuB;"}
+{"version":3,"file":"form-context.es.js","sources":["../../lib/utils/form-context.tsx"],"sourcesContent":["import { createFormHookContexts } from \"@tanstack/react-form\";\n\n/**\n * useFieldContext is used in custom components\n */\nexport const { fieldContext, formContext, useFieldContext } =\n\tcreateFormHookContexts();\n"],"names":["fieldContext","formContext","useFieldContext","createFormHookContexts"],"mappings":";AAKO,MAAM,EAAE,cAAAA,GAAc,aAAAC,GAAa,iBAAAC,EAAA,IACzCC,EAAA;"}

package/dist/utils/form-hook.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-hook.es.js","sources":["../../lib/utils/form-hook.tsx"],"sourcesContent":["import {\n\tTfCheckbox,\n\tTfCountrySelect,\n\tTfInput,\n\tTfLicenseTypeSelect,\n\tTfMultiSelect,\n\tTfTextarea,\n} from \"@/components/inputs\";\nimport { Button } from \"@/components/ui\";\nimport { fieldContext, formContext } from \"@/utils/form-context\";\nimport { createFormHook } from \"@tanstack/react-form\";\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\nexport const { useAppForm } = createFormHook({\n\tfieldComponents: {\n\t\tTfInput,\n\t\tTfCountrySelect,\n\t\tTfLicenseTypeSelect,\n\t\tTfCheckbox,\n\t\tTfMultiSelect,\n\t\tTfTextarea,\n\t},\n\tformComponents: {\n\t\tButton,\n\t},\n\tfieldContext,\n\tformContext,\n});\n"],"names":["useAppForm","createFormHook","TfInput","TfCountrySelect","TfLicenseTypeSelect","TfCheckbox","TfMultiSelect","TfTextarea","Button","fieldContext","formContext"],"mappings":";;;;;;;;;AAkBa,MAAA,EAAE,YAAAA,EAAW,IAAIC,EAAe;AAAA,EAC5C,iBAAiB;AAAA,IAChB,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EACD;AAAA,EACA,gBAAgB;AAAA,IACf,QAAAC;AAAA,EACD;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AACD,CAAC;"}
+{"version":3,"file":"form-hook.es.js","sources":["../../lib/utils/form-hook.tsx"],"sourcesContent":["import {\n\tTfCheckbox,\n\tTfCountrySelect,\n\tTfInput,\n\tTfLicenseTypeSelect,\n\tTfMultiSelect,\n\tTfTextarea,\n} from \"@/components/inputs\";\nimport { Button } from \"@/components/ui\";\nimport { fieldContext, formContext } from \"@/utils/form-context\";\nimport { createFormHook } from \"@tanstack/react-form\";\n\n/** Don't put this in the same file as form-context.tsx, this causes circular dependencies. */\n\n/** TODO, lazy loading when fieldComponents are large */\n/**\n * Builder for form logic and user interfaces\n */\nexport const { useAppForm } = createFormHook({\n\tfieldComponents: {\n\t\tTfInput,\n\t\tTfCountrySelect,\n\t\tTfLicenseTypeSelect,\n\t\tTfCheckbox,\n\t\tTfMultiSelect,\n\t\tTfTextarea,\n\t},\n\tformComponents: {\n\t\tButton,\n\t},\n\tfieldContext,\n\tformContext,\n});\n"],"names":["useAppForm","createFormHook","TfInput","TfCountrySelect","TfLicenseTypeSelect","TfCheckbox","TfMultiSelect","TfTextarea","Button","fieldContext","formContext"],"mappings":";;;;;;;;;AAkBO,MAAM,EAAE,YAAAA,EAAA,IAAeC,EAAe;AAAA,EAC5C,iBAAiB;AAAA,IAChB,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,EAAA;AAAA,EAED,gBAAgB;AAAA,IACf,QAAAC;AAAA,EAAA;AAAA,EAED,cAAAC;AAAA,EACA,aAAAC;AACD,CAAC;"}

package/dist/utils/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../lib/utils/index.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\n\n/** Classnames */\nexport function cn(...inputs: ClassValue[]) {\n\treturn clsx(inputs);\n}\n\n/**\n * This is the variable name representing the primary hue.\n * Referenced in tokens.scss -> token.css\n */\nconst PRIMARY_HUE_PROPERTY = \"--primary-hue\";\n\n/**\n *\n * @returns\n */\nexport function getThemeHue() {\n\treturn document.documentElement.style.getPropertyValue(PRIMARY_HUE_PROPERTY);\n}\n\n/**\n * @param hue the hue value to set in the document style\n */\nexport function setThemeHue(hue: number) {\n\tdocument.documentElement.style.setProperty(\n\t\tPRIMARY_HUE_PROPERTY,\n\t\t// In this case, it must be a number.\n\t\thue as unknown as string,\n\t);\n}\n\nconst ACCESS_TOKEN = \"AT\";\nconst REFRESH_TOKEN = \"RT\";\nexport function logout() {\n\tif (typeof window !== \"undefined\" && window.localStorage) {\n\t\ttry {\n\t\t\tlocalStorage.removeItem(REFRESH_TOKEN);\n\t\t\tlocalStorage.removeItem(ACCESS_TOKEN);\n\t\t\twindow.location.replace(\"/auth/login\");\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Logout failed:\", error);\n\t\t}\n\t}\n}\n"],"names":["cn","inputs","clsx","PRIMARY_HUE_PROPERTY","getThemeHue","setThemeHue","hue","ACCESS_TOKEN","REFRESH_TOKEN","logout","error"],"mappings":";AAGO,SAASA,KAAMC,GAAsB;AAC3C,SAAOC,EAAKD,CAAM;AACnB;AAMA,MAAME,IAAuB;AAMtB,SAASC,IAAc;AAC7B,SAAO,SAAS,gBAAgB,MAAM,iBAAiBD,CAAoB;AAC5E;AAKO,SAASE,EAAYC,GAAa;AACxC,WAAS,gBAAgB,MAAM;AAAA,IAC9BH;AAAA;AAAA,IAEAG;AAAA,EACD;AACD;AAEA,MAAMC,IAAe,MACfC,IAAgB;AACf,SAASC,IAAS;AACxB,MAAI,OAAO,SAAW,OAAe,OAAO;AACvC,QAAA;AACH,mBAAa,WAAWD,CAAa,GACrC,aAAa,WAAWD,CAAY,GAC7B,OAAA,SAAS,QAAQ,aAAa;AAAA,aAC7BG,GAAO;AACP,cAAA,MAAM,kBAAkBA,CAAK;AAAA,IAAA;AAGxC;"}
+{"version":3,"file":"index.es.js","sources":["../../lib/utils/index.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\n\n/** Classnames */\nexport function cn(...inputs: ClassValue[]) {\n\treturn clsx(inputs);\n}\n\n/**\n * This is the variable name representing the primary hue.\n * Referenced in tokens.scss -> token.css\n */\nconst PRIMARY_HUE_PROPERTY = \"--primary-hue\";\n\n/**\n *\n * @returns\n */\nexport function getThemeHue() {\n\treturn document.documentElement.style.getPropertyValue(PRIMARY_HUE_PROPERTY);\n}\n\n/**\n * @param hue the hue value to set in the document style\n */\nexport function setThemeHue(hue: number) {\n\tdocument.documentElement.style.setProperty(\n\t\tPRIMARY_HUE_PROPERTY,\n\t\t// In this case, it must be a number.\n\t\thue as unknown as string,\n\t);\n}\n\nconst ACCESS_TOKEN = \"AT\";\nconst REFRESH_TOKEN = \"RT\";\nexport function logout() {\n\tif (typeof window !== \"undefined\" && window.localStorage) {\n\t\ttry {\n\t\t\tlocalStorage.removeItem(REFRESH_TOKEN);\n\t\t\tlocalStorage.removeItem(ACCESS_TOKEN);\n\t\t\twindow.location.replace(\"/auth/login\");\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Logout failed:\", error);\n\t\t}\n\t}\n}\n"],"names":["cn","inputs","clsx","PRIMARY_HUE_PROPERTY","getThemeHue","setThemeHue","hue","ACCESS_TOKEN","REFRESH_TOKEN","logout","error"],"mappings":";AAGO,SAASA,KAAMC,GAAsB;AAC3C,SAAOC,EAAKD,CAAM;AACnB;AAMA,MAAME,IAAuB;AAMtB,SAASC,IAAc;AAC7B,SAAO,SAAS,gBAAgB,MAAM,iBAAiBD,CAAoB;AAC5E;AAKO,SAASE,EAAYC,GAAa;AACxC,WAAS,gBAAgB,MAAM;AAAA,IAC9BH;AAAA;AAAA,IAEAG;AAAA,EAAA;AAEF;AAEA,MAAMC,IAAe,MACfC,IAAgB;AACf,SAASC,IAAS;AACxB,MAAI,OAAO,SAAW,OAAe,OAAO;AAC3C,QAAI;AACH,mBAAa,WAAWD,CAAa,GACrC,aAAa,WAAWD,CAAY,GACpC,OAAO,SAAS,QAAQ,aAAa;AAAA,IAAA,SAC7BG,GAAO;AACf,cAAQ,MAAM,kBAAkBA,CAAK;AAAA,IAAA;AAGxC;"}

package/lib/tokens.css

@@ -3,163 +3,164 @@
     Instead, compile the SCSS file again to create modifications.
 */
 :root {
-	--primary-hue: 240;
-	--xprimary-1: oklch(0.99 0.01 var(--primary-hue));
-	--xprimary-2: oklch(0.97 0.03 var(--primary-hue));
-	--xprimary-3: oklch(0.9 0.04 var(--primary-hue));
-	--xprimary-4: oklch(0.72 0.13 var(--primary-hue));
-	--xprimary-5: oklch(0.67 0.13 var(--primary-hue));
-	--xprimary-6: oklch(0.5 0.13 var(--primary-hue));
-	--xprimary-7: oklch(0.35 0.13 var(--primary-hue));
-	--xprimary-8: oklch(0.25 0.13 var(--primary-hue));
-	--xprimary-9: oklch(0.2 0.09 var(--primary-hue));
-	--xprimary-10: oklch(0.1 0.03 var(--primary-hue));
-	--primary-1: var(--xprimary-1);
-	--primary-2: var(--xprimary-2);
-	--primary-3: var(--xprimary-3);
-	--primary-4: var(--xprimary-4);
-	--primary-5: var(--xprimary-5);
-	--primary-6: var(--xprimary-6);
-	--primary-7: var(--xprimary-7);
-	--primary-8: var(--xprimary-8);
-	--primary-9: var(--xprimary-9);
-	--primary-10: var(--xprimary-10);
-	--secondary-hue: calc(var(--primary-hue) + 30);
-	--xsecondary-1: oklch(0.99 0.01 var(--secondary-hue));
-	--xsecondary-2: oklch(0.97 0.03 var(--secondary-hue));
-	--xsecondary-3: oklch(0.9 0.04 var(--secondary-hue));
-	--xsecondary-4: oklch(0.72 0.13 var(--secondary-hue));
-	--xsecondary-5: oklch(0.67 0.13 var(--secondary-hue));
-	--xsecondary-6: oklch(0.5 0.13 var(--secondary-hue));
-	--xsecondary-7: oklch(0.35 0.13 var(--secondary-hue));
-	--xsecondary-8: oklch(0.25 0.13 var(--secondary-hue));
-	--xsecondary-9: oklch(0.2 0.09 var(--secondary-hue));
-	--xsecondary-10: oklch(0.1 0.03 var(--secondary-hue));
-	--secondary-1: var(--xsecondary-1);
-	--secondary-2: var(--xsecondary-2);
-	--secondary-3: var(--xsecondary-3);
-	--secondary-4: var(--xsecondary-4);
-	--secondary-5: var(--xsecondary-5);
-	--secondary-6: var(--xsecondary-6);
-	--secondary-7: var(--xsecondary-7);
-	--secondary-8: var(--xsecondary-8);
-	--secondary-9: var(--xsecondary-9);
-	--secondary-10: var(--xsecondary-10);
-	--destructive-hue: calc(var(--primary-hue) - 230);
-	--xdestructive-1: oklch(0.99 0.01 var(--destructive-hue));
-	--xdestructive-2: oklch(0.97 0.03 var(--destructive-hue));
-	--xdestructive-3: oklch(0.9 0.04 var(--destructive-hue));
-	--xdestructive-4: oklch(0.72 0.13 var(--destructive-hue));
-	--xdestructive-5: oklch(0.67 0.13 var(--destructive-hue));
-	--xdestructive-6: oklch(0.5 0.13 var(--destructive-hue));
-	--xdestructive-7: oklch(0.35 0.13 var(--destructive-hue));
-	--xdestructive-8: oklch(0.25 0.13 var(--destructive-hue));
-	--xdestructive-9: oklch(0.2 0.09 var(--destructive-hue));
-	--xdestructive-10: oklch(0.1 0.03 var(--destructive-hue));
-	--destructive-1: var(--xdestructive-1);
-	--destructive-2: var(--xdestructive-2);
-	--destructive-3: var(--xdestructive-3);
-	--destructive-4: var(--xdestructive-4);
-	--destructive-5: var(--xdestructive-5);
-	--destructive-6: var(--xdestructive-6);
-	--destructive-7: var(--xdestructive-7);
-	--destructive-8: var(--xdestructive-8);
-	--destructive-9: var(--xdestructive-9);
-	--destructive-10: var(--xdestructive-10);
-	--success-hue: calc(var(--primary-hue) - 90);
-	--xsuccess-1: oklch(0.99 0.01 var(--success-hue));
-	--xsuccess-2: oklch(0.97 0.03 var(--success-hue));
-	--xsuccess-3: oklch(0.9 0.04 var(--success-hue));
-	--xsuccess-4: oklch(0.72 0.13 var(--success-hue));
-	--xsuccess-5: oklch(0.67 0.13 var(--success-hue));
-	--xsuccess-6: oklch(0.5 0.13 var(--success-hue));
-	--xsuccess-7: oklch(0.35 0.13 var(--success-hue));
-	--xsuccess-8: oklch(0.25 0.13 var(--success-hue));
-	--xsuccess-9: oklch(0.2 0.09 var(--success-hue));
-	--xsuccess-10: oklch(0.1 0.03 var(--success-hue));
-	--success-1: var(--xsuccess-1);
-	--success-2: var(--xsuccess-2);
-	--success-3: var(--xsuccess-3);
-	--success-4: var(--xsuccess-4);
-	--success-5: var(--xsuccess-5);
-	--success-6: var(--xsuccess-6);
-	--success-7: var(--xsuccess-7);
-	--success-8: var(--xsuccess-8);
-	--success-9: var(--xsuccess-9);
-	--success-10: var(--xsuccess-10);
-	--neutral-hue: var(--primary-hue);
-	--neutral-s: 0.005;
-	--xneutral-1: oklch(0.985 var(--neutral-s) var(--neutral-hue));
-	--xneutral-2: oklch(0.97 var(--neutral-s) var(--neutral-hue));
-	--xneutral-3: oklch(0.922 var(--neutral-s) var(--neutral-hue));
-	--xneutral-4: oklch(0.87 var(--neutral-s) var(--neutral-hue));
-	--xneutral-5: oklch(0.708 var(--neutral-s) var(--neutral-hue));
-	--xneutral-6: oklch(0.556 var(--neutral-s) var(--neutral-hue));
-	--xneutral-7: oklch(0.439 var(--neutral-s) var(--neutral-hue));
-	--xneutral-8: oklch(0.35 var(--neutral-s) var(--neutral-hue));
-	--xneutral-9: oklch(0.269 var(--neutral-s) var(--neutral-hue));
-	--xneutral-10: oklch(0.205 var(--neutral-s) var(--neutral-hue));
-	--neutral-1: var(--xneutral-1);
-	--neutral-2: var(--xneutral-2);
-	--neutral-3: var(--xneutral-3);
-	--neutral-4: var(--xneutral-4);
-	--neutral-5: var(--xneutral-5);
-	--neutral-6: var(--xneutral-6);
-	--neutral-7: var(--xneutral-7);
-	--neutral-8: var(--xneutral-8);
-	--neutral-9: var(--xneutral-9);
-	--neutral-10: var(--xneutral-10);
+  --primary-hue: 240;
+  --xprimary-1: oklch(0.99 0.01 var(--primary-hue));
+  --xprimary-2: oklch(0.97 0.03 var(--primary-hue));
+  --xprimary-3: oklch(0.9 0.04 var(--primary-hue));
+  --xprimary-4: oklch(0.72 0.13 var(--primary-hue));
+  --xprimary-5: oklch(0.67 0.13 var(--primary-hue));
+  --xprimary-6: oklch(0.5 0.13 var(--primary-hue));
+  --xprimary-7: oklch(0.35 0.13 var(--primary-hue));
+  --xprimary-8: oklch(0.25 0.13 var(--primary-hue));
+  --xprimary-9: oklch(0.2 0.09 var(--primary-hue));
+  --xprimary-10: oklch(0.1 0.03 var(--primary-hue));
+  --primary-1: var(--xprimary-1);
+  --primary-2: var(--xprimary-2);
+  --primary-3: var(--xprimary-3);
+  --primary-4: var(--xprimary-4);
+  --primary-5: var(--xprimary-5);
+  --primary-6: var(--xprimary-6);
+  --primary-7: var(--xprimary-7);
+  --primary-8: var(--xprimary-8);
+  --primary-9: var(--xprimary-9);
+  --primary-10: var(--xprimary-10);
+  --secondary-hue: calc(var(--primary-hue) + 30);
+  --xsecondary-1: oklch(0.99 0.01 var(--secondary-hue));
+  --xsecondary-2: oklch(0.97 0.03 var(--secondary-hue));
+  --xsecondary-3: oklch(0.9 0.04 var(--secondary-hue));
+  --xsecondary-4: oklch(0.72 0.13 var(--secondary-hue));
+  --xsecondary-5: oklch(0.67 0.13 var(--secondary-hue));
+  --xsecondary-6: oklch(0.5 0.13 var(--secondary-hue));
+  --xsecondary-7: oklch(0.35 0.13 var(--secondary-hue));
+  --xsecondary-8: oklch(0.25 0.13 var(--secondary-hue));
+  --xsecondary-9: oklch(0.2 0.09 var(--secondary-hue));
+  --xsecondary-10: oklch(0.1 0.03 var(--secondary-hue));
+  --secondary-1: var(--xsecondary-1);
+  --secondary-2: var(--xsecondary-2);
+  --secondary-3: var(--xsecondary-3);
+  --secondary-4: var(--xsecondary-4);
+  --secondary-5: var(--xsecondary-5);
+  --secondary-6: var(--xsecondary-6);
+  --secondary-7: var(--xsecondary-7);
+  --secondary-8: var(--xsecondary-8);
+  --secondary-9: var(--xsecondary-9);
+  --secondary-10: var(--xsecondary-10);
+  --destructive-hue: calc(var(--primary-hue) - 230);
+  --xdestructive-1: oklch(0.99 0.01 var(--destructive-hue));
+  --xdestructive-2: oklch(0.97 0.03 var(--destructive-hue));
+  --xdestructive-3: oklch(0.9 0.04 var(--destructive-hue));
+  --xdestructive-4: oklch(0.72 0.13 var(--destructive-hue));
+  --xdestructive-5: oklch(0.67 0.13 var(--destructive-hue));
+  --xdestructive-6: oklch(0.5 0.13 var(--destructive-hue));
+  --xdestructive-7: oklch(0.35 0.13 var(--destructive-hue));
+  --xdestructive-8: oklch(0.25 0.13 var(--destructive-hue));
+  --xdestructive-9: oklch(0.2 0.09 var(--destructive-hue));
+  --xdestructive-10: oklch(0.1 0.03 var(--destructive-hue));
+  --destructive-1: var(--xdestructive-1);
+  --destructive-2: var(--xdestructive-2);
+  --destructive-3: var(--xdestructive-3);
+  --destructive-4: var(--xdestructive-4);
+  --destructive-5: var(--xdestructive-5);
+  --destructive-6: var(--xdestructive-6);
+  --destructive-7: var(--xdestructive-7);
+  --destructive-8: var(--xdestructive-8);
+  --destructive-9: var(--xdestructive-9);
+  --destructive-10: var(--xdestructive-10);
+  --success-hue: calc(var(--primary-hue) - 90);
+  --xsuccess-1: oklch(0.99 0.01 var(--success-hue));
+  --xsuccess-2: oklch(0.97 0.03 var(--success-hue));
+  --xsuccess-3: oklch(0.9 0.04 var(--success-hue));
+  --xsuccess-4: oklch(0.72 0.13 var(--success-hue));
+  --xsuccess-5: oklch(0.67 0.13 var(--success-hue));
+  --xsuccess-6: oklch(0.5 0.13 var(--success-hue));
+  --xsuccess-7: oklch(0.35 0.13 var(--success-hue));
+  --xsuccess-8: oklch(0.25 0.13 var(--success-hue));
+  --xsuccess-9: oklch(0.2 0.09 var(--success-hue));
+  --xsuccess-10: oklch(0.1 0.03 var(--success-hue));
+  --success-1: var(--xsuccess-1);
+  --success-2: var(--xsuccess-2);
+  --success-3: var(--xsuccess-3);
+  --success-4: var(--xsuccess-4);
+  --success-5: var(--xsuccess-5);
+  --success-6: var(--xsuccess-6);
+  --success-7: var(--xsuccess-7);
+  --success-8: var(--xsuccess-8);
+  --success-9: var(--xsuccess-9);
+  --success-10: var(--xsuccess-10);
+  --neutral-hue: var(--primary-hue);
+  --neutral-s: 0.005;
+  --xneutral-1: oklch(0.985 var(--neutral-s) var(--neutral-hue));
+  --xneutral-2: oklch(0.97 var(--neutral-s) var(--neutral-hue));
+  --xneutral-3: oklch(0.922 var(--neutral-s) var(--neutral-hue));
+  --xneutral-4: oklch(0.87 var(--neutral-s) var(--neutral-hue));
+  --xneutral-5: oklch(0.708 var(--neutral-s) var(--neutral-hue));
+  --xneutral-6: oklch(0.556 var(--neutral-s) var(--neutral-hue));
+  --xneutral-7: oklch(0.439 var(--neutral-s) var(--neutral-hue));
+  --xneutral-8: oklch(0.35 var(--neutral-s) var(--neutral-hue));
+  --xneutral-9: oklch(0.269 var(--neutral-s) var(--neutral-hue));
+  --xneutral-10: oklch(0.205 var(--neutral-s) var(--neutral-hue));
+  --neutral-1: var(--xneutral-1);
+  --neutral-2: var(--xneutral-2);
+  --neutral-3: var(--xneutral-3);
+  --neutral-4: var(--xneutral-4);
+  --neutral-5: var(--xneutral-5);
+  --neutral-6: var(--xneutral-6);
+  --neutral-7: var(--xneutral-7);
+  --neutral-8: var(--xneutral-8);
+  --neutral-9: var(--xneutral-9);
+  --neutral-10: var(--xneutral-10);
 }
-
-.dark {
-	--primary-1: var(--xprimary-10);
-	--primary-2: var(--xprimary-9);
-	--primary-3: var(--xprimary-8);
-	--primary-4: var(--xprimary-7);
-	--primary-5: var(--xprimary-6);
-	--primary-6: var(--xprimary-5);
-	--primary-7: var(--xprimary-4);
-	--primary-8: var(--xprimary-3);
-	--primary-9: var(--xprimary-2);
-	--primary-10: var(--xprimary-1);
-	--secondary-1: var(--xsecondary-10);
-	--secondary-2: var(--xsecondary-9);
-	--secondary-3: var(--xsecondary-8);
-	--secondary-4: var(--xsecondary-7);
-	--secondary-5: var(--xsecondary-6);
-	--secondary-6: var(--xsecondary-5);
-	--secondary-7: var(--xsecondary-4);
-	--secondary-8: var(--xsecondary-3);
-	--secondary-9: var(--xsecondary-2);
-	--secondary-10: var(--xsecondary-1);
-	--destructive-1: var(--xdestructive-10);
-	--destructive-2: var(--xdestructive-9);
-	--destructive-3: var(--xdestructive-8);
-	--destructive-4: var(--xdestructive-7);
-	--destructive-5: var(--xdestructive-6);
-	--destructive-6: var(--xdestructive-5);
-	--destructive-7: var(--xdestructive-4);
-	--destructive-8: var(--xdestructive-3);
-	--destructive-9: var(--xdestructive-2);
-	--destructive-10: var(--xdestructive-1);
-	--success-1: var(--xsuccess-10);
-	--success-2: var(--xsuccess-9);
-	--success-3: var(--xsuccess-8);
-	--success-4: var(--xsuccess-7);
-	--success-5: var(--xsuccess-6);
-	--success-6: var(--xsuccess-5);
-	--success-7: var(--xsuccess-4);
-	--success-8: var(--xsuccess-3);
-	--success-9: var(--xsuccess-2);
-	--success-10: var(--xsuccess-1);
-	--neutral-1: var(--xneutral-10);
-	--neutral-2: var(--xneutral-9);
-	--neutral-3: var(--xneutral-8);
-	--neutral-4: var(--xneutral-7);
-	--neutral-5: var(--xneutral-6);
-	--neutral-6: var(--xneutral-5);
-	--neutral-7: var(--xneutral-4);
-	--neutral-8: var(--xneutral-3);
-	--neutral-9: var(--xneutral-2);
-	--neutral-10: var(--xneutral-1);
+@media (prefers-color-scheme: dark) {
+  :root {
+    --primary-1: var(--xprimary-10);
+    --primary-2: var(--xprimary-9);
+    --primary-3: var(--xprimary-8);
+    --primary-4: var(--xprimary-7);
+    --primary-5: var(--xprimary-6);
+    --primary-6: var(--xprimary-5);
+    --primary-7: var(--xprimary-4);
+    --primary-8: var(--xprimary-3);
+    --primary-9: var(--xprimary-2);
+    --primary-10: var(--xprimary-1);
+    --secondary-1: var(--xsecondary-10);
+    --secondary-2: var(--xsecondary-9);
+    --secondary-3: var(--xsecondary-8);
+    --secondary-4: var(--xsecondary-7);
+    --secondary-5: var(--xsecondary-6);
+    --secondary-6: var(--xsecondary-5);
+    --secondary-7: var(--xsecondary-4);
+    --secondary-8: var(--xsecondary-3);
+    --secondary-9: var(--xsecondary-2);
+    --secondary-10: var(--xsecondary-1);
+    --destructive-1: var(--xdestructive-10);
+    --destructive-2: var(--xdestructive-9);
+    --destructive-3: var(--xdestructive-8);
+    --destructive-4: var(--xdestructive-7);
+    --destructive-5: var(--xdestructive-6);
+    --destructive-6: var(--xdestructive-5);
+    --destructive-7: var(--xdestructive-4);
+    --destructive-8: var(--xdestructive-3);
+    --destructive-9: var(--xdestructive-2);
+    --destructive-10: var(--xdestructive-1);
+    --success-1: var(--xsuccess-10);
+    --success-2: var(--xsuccess-9);
+    --success-3: var(--xsuccess-8);
+    --success-4: var(--xsuccess-7);
+    --success-5: var(--xsuccess-6);
+    --success-6: var(--xsuccess-5);
+    --success-7: var(--xsuccess-4);
+    --success-8: var(--xsuccess-3);
+    --success-9: var(--xsuccess-2);
+    --success-10: var(--xsuccess-1);
+    --neutral-1: var(--xneutral-10);
+    --neutral-2: var(--xneutral-9);
+    --neutral-3: var(--xneutral-8);
+    --neutral-4: var(--xneutral-7);
+    --neutral-5: var(--xneutral-6);
+    --neutral-6: var(--xneutral-5);
+    --neutral-7: var(--xneutral-4);
+    --neutral-8: var(--xneutral-3);
+    --neutral-9: var(--xneutral-2);
+    --neutral-10: var(--xneutral-1);
+  }
 }

package/lib/utilities.css

@@ -77,11 +77,20 @@
 }
 
 @utility prose {
+	/* TODO, starting points are not correct */
+	li {
+		@apply list-inside;
+	}
+
 	ul > li {
-		@apply list-disc ms-4;
+		@apply list-disc;
+	}
+
+	ol > li {
+		@apply list-decimal;
 	}
 
 	p, ul, ol, blockquote, pre {
-		@apply mt-2 mb-4;
+		@apply my-2;
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "3.3.5",
+  "version": "3.5.0",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",
@@ -56,8 +56,8 @@
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.453.0",
     "openapi-fetch": ">=0.13.3",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "recharts": "2.15.3",
     "sonner": "^1.7.0",
     "tailwindcss": "^4.0.6",