@g4rcez/components 0.0.5 → 0.0.7

package/dist/preset/preset.tailwind.d.ts

@@ -0,0 +1,10 @@
+import { Config } from "tailwindcss";
+import { createDesignTokens, parsers } from "./src/styles/design-tokens";
+import { defaultDarkTheme } from "./src/styles/theme";
+export declare const css: (template: {
+    raw: readonly string[] | ArrayLike<string>;
+}, ...substitutions: any[]) => string;
+export { createDesignTokens, parsers, defaultDarkTheme };
+declare const config: Partial<Config>;
+export default config;
+//# sourceMappingURL=preset.tailwind.d.ts.map

package/dist/preset/preset.tailwind.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset.tailwind.d.ts","sourceRoot":"","sources":["../../preset.tailwind.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,eAAO,MAAM,GAAG;;qCAAa,CAAC;AAE9B,OAAO,EAAE,kBAAkB,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAEzD,QAAA,MAAM,MAAM,EAAE,OAAO,CAAC,MAAM,CAoC3B,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/preset/preset.tailwind.js

@@ -0,0 +1,44 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import plugin from "tailwindcss/plugin";
+import { createDesignTokens, parsers } from "./src/styles/design-tokens";
+import { defaultDarkTheme } from "./src/styles/theme";
+var COLORS = createDesignTokens(defaultDarkTheme.colors, parsers.cssVariable);
+export var css = String.raw;
+export { createDesignTokens, parsers, defaultDarkTheme };
+var config = {
+    theme: {
+        transitionTimingFunction: { DEFAULT: "cubic-bezier(1,.43,.36,.67)" },
+        transitionDuration: { DEFAULT: "375ms" },
+        extend: {
+            fill: COLORS,
+            colors: COLORS,
+            borderColors: COLORS,
+            placeholderColor: COLORS,
+            zIndex: {
+                floating: "10",
+            },
+            boxShadow: {
+                floating: "rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.2) 0px 3px 6px, rgba(15, 15, 15, 0.4) 0px 9px 24px",
+            },
+        },
+    },
+    plugins: [
+        plugin(function (_a) {
+            var addVariant = _a.addVariant;
+            addVariant("link", ["&:hover", "&:active"]);
+            addVariant("landing", ["&"]);
+            addVariant("group-assert", [css(templateObject_1 || (templateObject_1 = __makeTemplateObject([":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"], [":merge(.group):valid:has(.input:valid:not(:placeholder-shown)) &"])))]);
+            addVariant("group-error", [
+                css(templateObject_2 || (templateObject_2 = __makeTemplateObject([":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"], [":merge(.group):invalid:has(.input:not(:focus):invalid[data-initialized=true]) &"]))),
+                css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    :merge(.group[data-error=true][data-interactive=true]): has(.input [ data-initialized = true]) &;\n                "], ["\n                    :merge(.group[data-error=true][data-interactive=true]): has(.input [ data-initialized = true]) &;\n                "]))),
+                css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n                    :merge(.group[data-error=true][data-interactive=true]): has(.input) &;\n                "], ["\n                    :merge(.group[data-error=true][data-interactive=true]): has(.input) &;\n                "]))),
+                css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n                    :merge(.group[data-error=true]: has(.input[data-initialized=true]) ) &;\n                "], ["\n                    :merge(.group[data-error=true]: has(.input[data-initialized=true]) ) &;\n                "]))),
+            ]);
+        }),
+    ],
+};
+export default config;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/dist/preset/src/components/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./form/autocomplete";
+export * from "./form/input";
+export * from "./form/select";
+export * from "./form/file-upload";
+export * from "./form/form";
+export * from "./form/select";
+export * from "./form/switch";
+export * from "./form/input-field";
+export * from "./core/button";
+export * from "./core/polymorph";
+export * from "./display/card";
+export * from "./floating/dropdown";
+export * from "./floating/tooltip";
+export * from "./table/index";
+//# sourceMappingURL=index.d.ts.map

package/dist/preset/src/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/dist/preset/src/components/index.js

@@ -0,0 +1,14 @@
+export * from "./form/autocomplete";
+export * from "./form/input";
+export * from "./form/select";
+export * from "./form/file-upload";
+export * from "./form/form";
+export * from "./form/select";
+export * from "./form/switch";
+export * from "./form/input-field";
+export * from "./core/button";
+export * from "./core/polymorph";
+export * from "./display/card";
+export * from "./floating/dropdown";
+export * from "./floating/tooltip";
+export * from "./table/index";

package/dist/preset/src/hooks/use-form.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { AllPaths } from "sidekicker";
+import { z } from "zod";
+import { InputProps } from "~/components/form/input";
+import { SelectProps } from "~/components/form/select";
+export declare const formToJson: (form: HTMLFormElement) => any;
+export declare const convertPath: (path: string) => string[];
+export declare const getSchemaShape: <T extends z.ZodObject<any>>(name: string, schema: T) => T;
+type CustomOnInvalid = (args: {
+    form: HTMLFormElement;
+    errors: Record<string, string>;
+}) => any;
+type CustomOnSubmit<T> = (args: {
+    json: T;
+    form: HTMLFormElement;
+    reset: () => void;
+    event: React.FormEvent<HTMLFormElement>;
+}) => any;
+export declare const useForm: <T extends z.ZodObject<any>>(schema: T) => {
+    input: <Props extends InputProps>(name: AllPaths<z.infer<T>>, props?: Props) => Props;
+    select: <Props extends SelectProps>(name: AllPaths<z.infer<T>>, props?: Props) => Props;
+    onSubmit: (exec: CustomOnSubmit<z.infer<T>>) => (event: React.FormEvent<HTMLFormElement>) => void;
+    errors: Record<string, string | undefined> | null;
+    onInvalid: (exec?: CustomOnInvalid) => (event: React.FormEvent<HTMLFormElement>) => void;
+    disabled: boolean;
+};
+export {};
+//# sourceMappingURL=use-form.d.ts.map

package/dist/preset/src/hooks/use-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-form.ts"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAe,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,CAAC,EAAuB,MAAM,KAAK,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAiBvD,eAAO,MAAM,UAAU,SAAU,eAAe,KAAG,GAIlD,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,MAAM,aAAuD,CAAC;AAEhG,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,MAAM,UAAU,CAAC,MAKpE,CAAC;AAQf,KAAK,eAAe,GAAG,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAAE,KAAK,GAAG,CAAC;AAEhG,KAAK,cAAc,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE;IAAE,IAAI,EAAE,CAAC,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;CAAE,KAAK,GAAG,CAAC;AAEvI,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC;YAkB1C,KAAK,SAAS,UAAU,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAG,KAAK;aAd1E,KAAK,SAAS,WAAW,QAAQ,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,KAAG,KAAK;qBAkFjF,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;;uBAnBtE,eAAe,aAAa,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;;CAuC3E,CAAC"}

package/dist/preset/src/hooks/use-form.js

@@ -0,0 +1,153 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 { parse } from "qs";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { Is, setPath } from "sidekicker";
+import { ZodArray, ZodNumber } from "zod";
+import { formReset } from "~/components/form/form";
+var sort = function (a, b) { return a.localeCompare(b); };
+var options = {
+    sort: sort,
+    allowDots: true,
+    charset: "utf-8",
+    parseArrays: true,
+    plainObjects: true,
+    charsetSentinel: true,
+    allowPrototypes: false,
+    depth: Number.MAX_SAFE_INTEGER,
+    arrayLimit: Number.MAX_SAFE_INTEGER,
+    parameterLimit: Number.MAX_SAFE_INTEGER,
+};
+export var formToJson = function (form) {
+    var formData = new FormData(form);
+    var urlSearchParams = new URLSearchParams(formData);
+    return parse(urlSearchParams.toString(), options);
+};
+export var convertPath = function (path) { return path.replace("[", ".").replace("]", "").split("."); };
+export var getSchemaShape = function (name, schema) {
+    return convertPath(name).reduce(function (acc, el) {
+        var _a;
+        if (el === "")
+            return acc;
+        var shape = ((_a = acc.shape) === null || _a === void 0 ? void 0 : _a[el]) || acc;
+        return shape instanceof ZodArray ? shape.element : shape;
+    }, schema);
+};
+var getValueByType = function (e) {
+    if (e.type === "checkbox")
+        return e.checked;
+    if (e.type === "number")
+        return e.valueAsNumber;
+    return e.value;
+};
+export var useForm = function (schema) {
+    var _a = useState(null), errors = _a[0], setErrors = _a[1];
+    var ref = useRef({});
+    var select = function (name, props) {
+        var validator = getSchemaShape(name, schema);
+        return __assign(__assign({}, props), { name: name, id: name, error: errors === null || errors === void 0 ? void 0 : errors[name], ref: function (e) {
+                if (e === null)
+                    return;
+                ref.current[name] = { element: e, schema: validator };
+            } });
+    };
+    var input = function (name, props) {
+        var _a;
+        var validator = getSchemaShape(name, schema);
+        return __assign(__assign({}, props), { name: name, id: name, type: Is.instance(validator, ZodNumber) ? "number" : (_a = props === null || props === void 0 ? void 0 : props.type) !== null && _a !== void 0 ? _a : "text", error: errors === null || errors === void 0 ? void 0 : errors[name], ref: function (e) {
+                if (e === null)
+                    return;
+                ref.current[name] = { element: e, schema: validator };
+            } });
+    };
+    useEffect(function () {
+        var events = Object.values(ref.current).map(function (input) {
+            var validation = input.schema.safeParse(getValueByType(input.element));
+            var onBlurField = function (e) {
+                var validation = input.schema.safeParse(getValueByType(e.target));
+                var html = input.element;
+                var name = html.name;
+                if (validation.success) {
+                    html.setCustomValidity("");
+                    return setErrors(function (prev) {
+                        var _a = prev || {}, _b = name, removed = _a[_b], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + ""]);
+                        return rest === null || Is.empty(rest) ? null : rest;
+                    });
+                }
+                if (html.required) {
+                    var errorMessage_1 = validation.error.issues[0].message;
+                    html.setCustomValidity(errorMessage_1);
+                    setErrors(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[name] = errorMessage_1, _a)));
+                    });
+                }
+            };
+            var event = input.element.tagName === "INPUT" ? "blur" : "change";
+            input.element.addEventListener(event, onBlurField);
+            return {
+                input: input,
+                hasInitialError: input.element.required ? !validation.success : false,
+                unsubscribe: function () { return input.element.removeEventListener(event, onBlurField); },
+            };
+        });
+        var hasErrors = events.some(function (x) { return x.hasInitialError; });
+        if (hasErrors)
+            setErrors(function (prev) { return (prev === null ? {} : prev); });
+        return function () { return events.forEach(function (item) { return item.unsubscribe(); }); };
+    });
+    var onInvalid = useCallback(function (exec) { return function (event) {
+        event.preventDefault();
+        var form = event.currentTarget;
+        var validationErrors = Object.values(ref.current).reduce(function (acc, input) {
+            var _a;
+            var field = input.element;
+            var validation = input.schema.safeParse(getValueByType(field));
+            if (validation.success)
+                return acc;
+            var errorMessage = validation.error.issues[0].message;
+            field.setAttribute("data-initialized", "true");
+            return __assign(__assign({}, acc), (_a = {}, _a[field.name] = errorMessage, _a));
+        }, {});
+        var e = Is.empty(validationErrors) ? null : {};
+        setErrors(e);
+        exec === null || exec === void 0 ? void 0 : exec({ form: form, errors: e || {} });
+    }; }, []);
+    var onSubmit = useCallback(function (exec) { return function (event) {
+        event.preventDefault();
+        var form = event.currentTarget;
+        var json = formToJson(form);
+        Array.from(form.elements).forEach(function (field) {
+            if (field.tagName === "SELECT") {
+                var input_1 = field;
+                json = setPath(json, input_1.name, input_1.value);
+            }
+            if (field.tagName === "INPUT") {
+                var input_2 = field;
+                json = setPath(json, input_2.name, getValueByType(input_2));
+            }
+        });
+        exec({ form: form, json: json, event: event, reset: function () { return formReset(form); } });
+    }; }, []);
+    return { input: input, select: select, onSubmit: onSubmit, errors: errors, onInvalid: onInvalid, disabled: errors !== null };
+};

package/dist/preset/src/hooks/use-previous.d.ts

@@ -0,0 +1,2 @@
+export declare const usePrevious: <T>(value: T) => T;
+//# sourceMappingURL=use-previous.d.ts.map

package/dist/preset/src/hooks/use-previous.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-previous.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,CAAC,KAAG,CAMzC,CAAC"}

package/dist/preset/src/hooks/use-previous.js

@@ -0,0 +1,8 @@
+import { useEffect, useRef } from "react";
+export var usePrevious = function (value) {
+    var ref = useRef();
+    useEffect(function () {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};

package/dist/preset/src/hooks/use-reactive.d.ts

@@ -0,0 +1,2 @@
+export declare const useReactive: <T extends unknown>(t: T, initial?: T) => readonly [T, import("react").Dispatch<import("react").SetStateAction<T>>];
+//# sourceMappingURL=use-reactive.d.ts.map

package/dist/preset/src/hooks/use-reactive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reactive.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-reactive.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,OAAO,KAAK,CAAC,YAAY,CAAC,8EAM/D,CAAC"}

package/dist/preset/src/hooks/use-reactive.js

@@ -0,0 +1,8 @@
+import { useEffect, useState } from "react";
+export var useReactive = function (t, initial) {
+    var _a = useState(function () { return (initial ? initial : t); }), state = _a[0], setState = _a[1];
+    useEffect(function () {
+        setState(t);
+    }, [t]);
+    return [state, setState];
+};

package/dist/preset/src/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./components";
+export * from "./hooks/use-form";
+export * from "./hooks/use-previous";
+export * from "./hooks/use-reactive";
+export * from "./lib/dom";
+export * from "./lib/fns";
+export * from "./styles/dark";
+export * from "./styles/design-tokens";
+//# sourceMappingURL=index.d.ts.map

package/dist/preset/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

package/dist/preset/src/index.js

@@ -0,0 +1,8 @@
+export * from "./components";
+export * from "./hooks/use-form";
+export * from "./hooks/use-previous";
+export * from "./hooks/use-reactive";
+export * from "./lib/dom";
+export * from "./lib/fns";
+export * from "./styles/dark";
+export * from "./styles/design-tokens";

package/dist/preset/src/lib/dom.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue } from "clsx";
+import React, { LegacyRef, MutableRefObject, RefCallback } from "react";
+export declare const mergeRefs: <T extends unknown = any>(...refs: Array<MutableRefObject<T> | LegacyRef<T> | undefined | null>) => RefCallback<T>;
+export declare const isReactComponent: (a: any) => a is React.FC;
+export declare const css: (...styles: ClassValue[]) => string;
+//# sourceMappingURL=dom.d.ts.map

package/dist/preset/src/lib/dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/lib/dom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAExC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAExE,eAAO,MAAM,SAAS,GACjB,CAAC,iCAA6B,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC,KAAG,WAAW,CAAC,CAAC,CAS1G,CAAC;AAEN,eAAO,MAAM,gBAAgB,MAAO,GAAG,KAAG,CAAC,IAAI,KAAK,CAAC,EAQpD,CAAC;AAEF,eAAO,MAAM,GAAG,cAAe,UAAU,EAAE,WAA0B,CAAC"}

package/dist/preset/src/lib/dom.js

@@ -0,0 +1,34 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export var mergeRefs = function () {
+    var refs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        refs[_i] = arguments[_i];
+    }
+    return function (value) {
+        refs.forEach(function (ref) {
+            if (typeof ref === "function") {
+                ref(value);
+            }
+            else if (ref !== null) {
+                ref.current = value;
+            }
+        });
+    };
+};
+export var isReactComponent = function (a) {
+    if (a.$$typeof === Symbol.for("react.forward_ref")) {
+        return true;
+    }
+    if (a.$$typeof === Symbol.for("react.fragment")) {
+        return true;
+    }
+    return a.$$typeof === Symbol.for("react.element");
+};
+export var css = function () {
+    var styles = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        styles[_i] = arguments[_i];
+    }
+    return twMerge(clsx(styles));
+};

package/dist/preset/src/lib/fns.d.ts

@@ -0,0 +1,5 @@
+import { AllPaths } from "sidekicker";
+export declare const uuid: () => string;
+export declare const path: <T extends {}, K extends AllPaths<T>>(obj: T, path: K) => any;
+export declare const isSsr: () => boolean;
+//# sourceMappingURL=fns.d.ts.map

package/dist/preset/src/lib/fns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fns.d.ts","sourceRoot":"","sources":["../../../../src/lib/fns.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,eAAO,MAAM,IAAI,QAAO,MAKlB,CAAC;AAUP,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,QAGxE,CAAC;AAEF,eAAO,MAAM,KAAK,eAAsC,CAAC"}

package/dist/preset/src/lib/fns.js

@@ -0,0 +1,19 @@
+export var uuid = function () {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16) | 0;
+        var v = c == "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+};
+var travel = function (path, regexp, obj) {
+    return path
+        .split(regexp)
+        .filter(Boolean)
+        .reduce(function (res, key) { return (res !== null && res !== undefined ? res[key] : res); }, obj);
+};
+var regexPaths = { basic: /[,[\]]+?/, extend: /[,[\].]+?/ };
+export var path = function (obj, path) {
+    var result = travel(path, regexPaths.basic, obj) || travel(path, regexPaths.extend, obj);
+    return result === undefined || result === obj ? undefined : result;
+};
+export var isSsr = function () { return typeof window === 'undefined'; };

package/dist/preset/src/styles/dark.d.ts

@@ -0,0 +1,67 @@
+export declare const Theme: {
+    name: string;
+    spacing: {
+        base: string;
+        lg: string;
+        sm: string;
+    };
+    colors: {
+        foreground: string;
+        background: string;
+        accent: string;
+        disabled: string;
+        primary: {
+            foreground: string;
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+        };
+        secondary: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+        };
+        info: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+        };
+        danger: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+        };
+        success: {
+            DEFAULT: string;
+            subtle: string;
+            hover: string;
+        };
+        input: {
+            border: string;
+            placeholder: string;
+            "mask-error": string;
+            "switch-bg": string;
+            switch: string;
+        };
+        card: {
+            background: string;
+            border: string;
+            overlay: string;
+        };
+        floating: {
+            background: string;
+            border: string;
+            overlay: string;
+        };
+        tooltip: {
+            background: string;
+            border: string;
+        };
+        table: {
+            background: string;
+            border: string;
+            row: string;
+        };
+    };
+};
+//# sourceMappingURL=dark.d.ts.map

package/dist/preset/src/styles/dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dark.d.ts","sourceRoot":"","sources":["../../../../src/styles/dark.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiEjB,CAAC"}

package/dist/preset/src/styles/dark.js

@@ -0,0 +1,66 @@
+export var Theme = {
+    name: "dark",
+    spacing: {
+        base: "1rem",
+        lg: "1.5rem",
+        sm: "0.75rem",
+    },
+    colors: {
+        foreground: "#f8fafc",
+        background: "#191817",
+        accent: "#0ea5e9",
+        disabled: "#52525b",
+        primary: {
+            foreground: "#f8fafc",
+            DEFAULT: "#0ea5e9",
+            subtle: "#bae6fd",
+            hover: "#0284c7",
+        },
+        secondary: {
+            DEFAULT: "#475569",
+            subtle: "#cbd5e1",
+            hover: "#334155",
+        },
+        info: {
+            DEFAULT: "#3b82f6",
+            subtle: "#93c5fd",
+            hover: "#1d4ed8",
+        },
+        danger: {
+            DEFAULT: "#ef4444",
+            subtle: "#fca5a5",
+            hover: "#dc2626",
+        },
+        success: {
+            DEFAULT: "#10b981",
+            subtle: "#6ee7b7",
+            hover: "#047857",
+        },
+        input: {
+            border: "#52525b",
+            placeholder: "#94a3b8",
+            "mask-error": "#fca5a5",
+            "switch-bg": "#171717",
+            switch: "#fff",
+        },
+        card: {
+            background: "#27272a",
+            border: "#3f3f46",
+            overlay: "#00000080",
+        },
+        floating: {
+            background: "#252525",
+            border: "#3f3f46",
+            overlay: "#00000080",
+        },
+        tooltip: {
+            background: "#141414",
+            border: "#27272a",
+        },
+        table: {
+            background: "#27272a",
+            border: "#52525b",
+            row: "#3f3f46",
+        },
+    },
+};

package/dist/preset/src/styles/design-tokens.d.ts

@@ -0,0 +1,26 @@
+type DesignTokens = {
+    [K in string]: string | DesignTokens;
+};
+type Token = {
+    key: string;
+    value: string;
+};
+type DesignTokensParser = (value: string, key: string, combine: string) => string;
+type DesignTokensBuilder = (value: string, key: string, combine: string) => Token;
+export declare const parsers: {
+    cssVariable: (_: string, __: string, k: string) => string;
+    rgba: (value: string) => string;
+    rgb: (value: string) => string;
+    hsl: (value: string) => string;
+    hsla: (value: string) => string;
+    hex: (value: string) => string;
+    raw: (value: string) => string;
+};
+export declare const reduceTokens: <T extends DesignTokens>(colors: T, parse: DesignTokensBuilder, prefix?: string, append?: string) => Token[];
+export declare const createDesignTokens: <T extends DesignTokens>(colors: T, parse: DesignTokensParser, prefix?: string, append?: string) => T;
+export declare const createStyles: {
+    default: (tokens: Token[]) => string;
+    dark: (tokens: Token[]) => string;
+};
+export {};
+//# sourceMappingURL=design-tokens.d.ts.map

package/dist/preset/src/styles/design-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-tokens.d.ts","sourceRoot":"","sources":["../../../../src/styles/design-tokens.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GAAG;KACf,CAAC,IAAI,MAAM,GAAG,MAAM,GAAG,YAAY;CACvC,CAAC;AAEF,KAAK,KAAK,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5C,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;AAElF,KAAK,mBAAmB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,KAAK,CAAC;AAElF,eAAO,MAAM,OAAO;;;;;;;;CAQ0B,CAAC;AAE/C,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,YAAY,UAAU,CAAC,SAAS,mBAAmB,WAAU,MAAM,WAAe,MAAM,KAAQ,KAAK,EAQlI,CAAC;AAEX,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,YAAY,UAAU,CAAC,SAAS,kBAAkB,WAAU,MAAM,WAAe,MAAM,KAAQ,CAW7H,CAAC;AAYhB,eAAO,MAAM,YAAY;sBACH,KAAK,EAAE;mBACV,KAAK,EAAE;CACzB,CAAC"}

package/dist/preset/src/styles/design-tokens.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+export var parsers = {
+    cssVariable: function (_, __, k) { return "var(--".concat(k, ")"); },
+    rgba: function (value) { return "rgba(".concat(value, ")"); },
+    rgb: function (value) { return "rgb(".concat(value, ")"); },
+    hsl: function (value) { return "hsl(".concat(value, ")"); },
+    hsla: function (value) { return "hsla(".concat(value, ")"); },
+    hex: function (value) { return value; },
+    raw: function (value) { return value; },
+};
+export var reduceTokens = function (colors, parse, prefix, append) {
+    if (prefix === void 0) { prefix = ""; }
+    if (append === void 0) { append = ""; }
+    return Object.entries(colors).reduce(function (acc, _a) {
+        var key = _a[0], value = _a[1];
+        var combine = append === "" ? "".concat(prefix).concat(key) : "".concat(append, "-").concat(key);
+        if (typeof value === "string") {
+            var k = append === "" ? "".concat(prefix).concat(key) : key;
+            return acc.concat(parse(value, k, combine));
+        }
+        return acc.concat(reduceTokens(value, parse, prefix, combine));
+    }, []);
+};
+export var createDesignTokens = function (colors, parse, prefix, append) {
+    if (prefix === void 0) { prefix = ""; }
+    if (append === void 0) { append = ""; }
+    return Object.entries(colors).reduce(function (acc, _a) {
+        var _b, _c;
+        var key = _a[0], value = _a[1];
+        var combine = append === "" ? "".concat(prefix).concat(key) : "".concat(append, "-").concat(key);
+        if (typeof value === "string") {
+            var k = append === "" ? "".concat(prefix).concat(key) : key;
+            return __assign(__assign({}, acc), (_b = {}, _b[k] = parse(value, key, combine), _b));
+        }
+        return __assign(__assign({}, acc), (_c = {}, _c[key] = createDesignTokens(value, parse, prefix, combine), _c));
+    }, {});
+};
+var modifiers = {
+    default: function (variables) { return ":root { ".concat(variables, " }"); },
+    dark: function (variables) { return "html.dark {".concat(variables, "}"); },
+};
+var createStyleContent = function (tokens, modifier) {
+    var content = tokens.map(function (token) { return "".concat(token.key, ": ").concat(token.value); }).join(";");
+    return modifier(content);
+};
+export var createStyles = {
+    default: function (tokens) { return createStyleContent(tokens, modifiers.default); },
+    dark: function (tokens) { return createStyleContent(tokens, modifiers.dark); },
+};