ustatic-css 0.0.1-b.2

package/dist/js/index.cjs.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=()=>{const n="css-features",o=new Set,u=new Set,h=(c,e)=>{let t=document.getElementById(n);t||(t=document.createElement("style"),t.id=n,document.head.appendChild(t));const i=Object.entries(e).map(([a,k])=>`${a}: ${k};`).join(`
+  `),r=`.${c} {
+  ${i}
+}`;let l=t.textContent||"";const g=new RegExp(`\\.${c}\\s*\\{[^}]*\\}`,"g");l=l.replace(g,""),l+=`
+${r}`,t.textContent=l,u.add(c)},d=(c,e)=>{const t=document.getElementById(n);if(!t)return"";const i=t.textContent,r=new RegExp(`\\.${c}\\s*\\{[^}]*\\}`,"g"),l=i?.match(r);if(!l)return"";const g=new RegExp(`${e}:\\s*([^;]+);`,"g"),a=l[0].match(g)?.[0];return a?a.split(":")[1].trim():""},m=c=>{const e=document.getElementById(n);if(!e)return;let t=e.textContent||"";const i=new RegExp(`\\.${c}\\s*\\{[^}]*\\}`,"g");t=t.replace(i,""),e.textContent=t,u.delete(c)},C=()=>{u.forEach(c=>{m(c)})},s=(c,e)=>{o.add(c),document.documentElement.style.setProperty(c,e)},x=c=>{o.delete(c),document.documentElement.style.removeProperty(c)},f=()=>{o.forEach(c=>{x(c)})};return{setCssPropertiesViaClass:h,getCssPropertyViaClass:d,removeClassWithProperties:m,clearClassWithProperties:C,setCssProperty:s,removeCssProperty:x,clearCssProperties:f,clearAll:()=>{f(),C()}}},S="u",y=n=>{const o=n.replaceAll(".","-").replaceAll("/","-");return`--${S}-${o}`},A=n=>`var(${y(n)})`,P=n=>{let o=n;return n.startsWith("T:")&&(o=A(n.slice(2))),o},V=n=>{const o=y(n);return getComputedStyle(document.documentElement).getPropertyValue(`${o}`)},B=(n,o)=>{const u=P(o);return`${y(n)}: ${u}`},I=()=>{const n="tokens-via-class",o=new Set,u=new Set,h=(e,t,i)=>{const{patch:r=!1}=i??{},l=d(e),g=r?Object.entries(l)?.map(([T,R])=>`${T}: ${R};`)??[]:[];let a=document.getElementById(n);a||(a=document.createElement("style"),a.id=n,document.head.appendChild(a));const k=g.concat(Object.entries(t).map(([T,R])=>{const v=P(R);return`${y(T)}: ${v};`})).join(`
+  `),p=`.${e} {
+  ${k}
+}`;let E=a.textContent||"";const b=new RegExp(`\\.${e}\\s*\\{[^}]*\\}`,"g");E=E.replace(b,""),E+=`
+${p}`,a.textContent=E,u.add(e)},d=e=>{const t=document.getElementById(n);if(!t)return{};const i=t.textContent,r=new RegExp(`\\.${e}\\s*\\{[^}]*\\}`,"g"),l=i?.match(r);if(!l)return{};const g=/([a-zA-Z-]+):\s*([^;]+);/g,a=l[0].matchAll(g);return Object.fromEntries(Array.from(a,p=>[p[1],p[2].trim()]))},m=(e,t)=>{const i=y(t),r=document.getElementById(n);if(!r)return"";const l=r.textContent,g=new RegExp(`\\.${e}\\s*\\{[^}]*\\}`,"g"),a=l?.match(g);if(!a)return"";const k=new RegExp(`${i}:\\s*([^;]+);`,"g"),p=a[0].match(k)?.[0];return p?p.split(":")[1].trim():""},C=e=>{const t=document.getElementById(n),i=u.has(e);if(!t||!i)return;let r=t.textContent||"";const l=new RegExp(`\\.${e}\\s*\\{[^}]*\\}`,"g");r=r.replace(l,""),t.textContent=r,u.delete(e)},s=()=>{u.forEach(e=>{C(e)})},x=(e,t)=>{const i=P(t),r=y(e);o.add(e),document.documentElement.style.setProperty(`${r}`,i)},f=e=>{const t=y(e);o.delete(e),document.documentElement.style.removeProperty(`${t}`)},$=()=>{o.forEach(e=>{f(e)})};return{setCssTokenViaClass:h,getCssTokenViaClass:m,removeClassWithTokens:C,clearClassWithTokens:s,setCssToken:x,removeCssToken:f,clearCssTokens:$,getCssToken:V,getCssTokenVar:A,setCssTokenVar:B,clearAll:()=>{$(),s()}}},L={install(n,o){if(typeof document>"u")return;const{autoLoad:u=!0,modules:h}=o??{};document&&u&&(Promise.resolve().then(()=>require("../ustatic-index-QcZrD98s.cjs")).then(({default:d})=>{const m=document.head;if(!Array.from(m.getElementsByTagName("link")).find(s=>s.getAttribute("href")?.includes(d))){const s=document.createElement("link");s.type="text/css",s.rel="preload stylesheet",s.setAttribute("async",""),s.setAttribute("ustatic",""),s.href=`${d}?nocache=${Date.now()}`,m.appendChild(s)}}).catch(d=>{console.error("[uStaticCSS load base styles ERROR: ",d)}),Promise.resolve().then(()=>require("../_ustatic-vars-Cx6_uZJY.cjs")).then(({default:d})=>{const m=document.head;if(!Array.from(m.getElementsByTagName("link")).find(s=>s.getAttribute("href")?.includes(d))){const s=document.createElement("link");s.type="text/css",s.rel="stylesheet",s.setAttribute("async",""),s.setAttribute("ustatic",""),s.href=`${d}?nocache=${Date.now()}`,m.appendChild(s)}}).catch(d=>{console.error("[uStaticCSS load variables for styles ERROR: ",d)}))}};exports.useCssProperties=w;exports.useTokens=I;exports.ustaticCss=L;

package/dist/js/index.es.js

@@ -0,0 +1,175 @@
+const I = () => {
+  const n = "css-features", o = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), f = (c, e) => {
+    let t = document.getElementById(n);
+    t || (t = document.createElement("style"), t.id = n, document.head.appendChild(t));
+    const i = Object.entries(e).map(([a, k]) => `${a}: ${k};`).join(`
+  `), r = `.${c} {
+  ${i}
+}`;
+    let l = t.textContent || "";
+    const g = new RegExp(`\\.${c}\\s*\\{[^}]*\\}`, "g");
+    l = l.replace(g, ""), l += `
+${r}`, t.textContent = l, u.add(c);
+  }, m = (c, e) => {
+    const t = document.getElementById(n);
+    if (!t)
+      return "";
+    const i = t.textContent, r = new RegExp(`\\.${c}\\s*\\{[^}]*\\}`, "g"), l = i?.match(r);
+    if (!l)
+      return "";
+    const g = new RegExp(`${e}:\\s*([^;]+);`, "g"), a = l[0].match(g)?.[0];
+    return a ? a.split(":")[1].trim() : "";
+  }, d = (c) => {
+    const e = document.getElementById(n);
+    if (!e)
+      return;
+    let t = e.textContent || "";
+    const i = new RegExp(`\\.${c}\\s*\\{[^}]*\\}`, "g");
+    t = t.replace(i, ""), e.textContent = t, u.delete(c);
+  }, p = () => {
+    u.forEach((c) => {
+      d(c);
+    });
+  }, s = (c, e) => {
+    o.add(c), document.documentElement.style.setProperty(c, e);
+  }, x = (c) => {
+    o.delete(c), document.documentElement.style.removeProperty(c);
+  }, h = () => {
+    o.forEach((c) => {
+      x(c);
+    });
+  };
+  return {
+    setCssPropertiesViaClass: f,
+    getCssPropertyViaClass: m,
+    removeClassWithProperties: d,
+    clearClassWithProperties: p,
+    setCssProperty: s,
+    removeCssProperty: x,
+    clearCssProperties: h,
+    clearAll: () => {
+      h(), p();
+    }
+  };
+}, S = "u", y = (n) => {
+  const o = n.replaceAll(".", "-").replaceAll("/", "-");
+  return `--${S}-${o}`;
+}, w = (n) => `var(${y(n)})`, A = (n) => {
+  let o = n;
+  return n.startsWith("T:") && (o = w(n.slice(2))), o;
+}, v = (n) => {
+  const o = y(n);
+  return getComputedStyle(document.documentElement).getPropertyValue(`${o}`);
+}, V = (n, o) => {
+  const u = A(o);
+  return `${y(n)}: ${u}`;
+}, L = () => {
+  const n = "tokens-via-class", o = /* @__PURE__ */ new Set(), u = /* @__PURE__ */ new Set(), f = (e, t, i) => {
+    const {
+      patch: r = !1
+    } = i ?? {}, l = m(e), g = r ? Object.entries(l)?.map(([T, R]) => `${T}: ${R};`) ?? [] : [];
+    let a = document.getElementById(n);
+    a || (a = document.createElement("style"), a.id = n, document.head.appendChild(a));
+    const k = g.concat(Object.entries(t).map(([T, R]) => {
+      const b = A(R);
+      return `${y(T)}: ${b};`;
+    })).join(`
+  `), C = `.${e} {
+  ${k}
+}`;
+    let E = a.textContent || "";
+    const P = new RegExp(`\\.${e}\\s*\\{[^}]*\\}`, "g");
+    E = E.replace(P, ""), E += `
+${C}`, a.textContent = E, u.add(e);
+  }, m = (e) => {
+    const t = document.getElementById(n);
+    if (!t)
+      return {};
+    const i = t.textContent, r = new RegExp(`\\.${e}\\s*\\{[^}]*\\}`, "g"), l = i?.match(r);
+    if (!l)
+      return {};
+    const g = /([a-zA-Z-]+):\s*([^;]+);/g, a = l[0].matchAll(g);
+    return Object.fromEntries(
+      Array.from(a, (C) => [C[1], C[2].trim()])
+    );
+  }, d = (e, t) => {
+    const i = y(t), r = document.getElementById(n);
+    if (!r)
+      return "";
+    const l = r.textContent, g = new RegExp(`\\.${e}\\s*\\{[^}]*\\}`, "g"), a = l?.match(g);
+    if (!a)
+      return "";
+    const k = new RegExp(`${i}:\\s*([^;]+);`, "g"), C = a[0].match(k)?.[0];
+    return C ? C.split(":")[1].trim() : "";
+  }, p = (e) => {
+    const t = document.getElementById(n), i = u.has(e);
+    if (!t || !i)
+      return;
+    let r = t.textContent || "";
+    const l = new RegExp(`\\.${e}\\s*\\{[^}]*\\}`, "g");
+    r = r.replace(l, ""), t.textContent = r, u.delete(e);
+  }, s = () => {
+    u.forEach((e) => {
+      p(e);
+    });
+  }, x = (e, t) => {
+    const i = A(t), r = y(e);
+    o.add(e), document.documentElement.style.setProperty(`${r}`, i);
+  }, h = (e) => {
+    const t = y(e);
+    o.delete(e), document.documentElement.style.removeProperty(`${t}`);
+  }, $ = () => {
+    o.forEach((e) => {
+      h(e);
+    });
+  };
+  return {
+    setCssTokenViaClass: f,
+    getCssTokenViaClass: d,
+    removeClassWithTokens: p,
+    clearClassWithTokens: s,
+    setCssToken: x,
+    removeCssToken: h,
+    clearCssTokens: $,
+    getCssToken: v,
+    getCssTokenVar: w,
+    setCssTokenVar: V,
+    clearAll: () => {
+      $(), s();
+    }
+  };
+}, j = {
+  install(n, o) {
+    if (typeof document > "u") return;
+    const {
+      autoLoad: u = !0,
+      modules: f
+    } = o ?? {};
+    document && u && (import("../ustatic-index-1SZfqZon.js").then(({ default: m }) => {
+      const d = document.head;
+      if (!Array.from(d.getElementsByTagName("link")).find(
+        (s) => s.getAttribute("href")?.includes(m)
+      )) {
+        const s = document.createElement("link");
+        s.type = "text/css", s.rel = "preload stylesheet", s.setAttribute("async", ""), s.setAttribute("ustatic", ""), s.href = `${m}?nocache=${Date.now()}`, d.appendChild(s);
+      }
+    }).catch((m) => {
+      console.error("[uStaticCSS load base styles ERROR: ", m);
+    }), import("../_ustatic-vars-D2NgNZNI.js").then(({ default: m }) => {
+      const d = document.head;
+      if (!Array.from(d.getElementsByTagName("link")).find(
+        (s) => s.getAttribute("href")?.includes(m)
+      )) {
+        const s = document.createElement("link");
+        s.type = "text/css", s.rel = "stylesheet", s.setAttribute("async", ""), s.setAttribute("ustatic", ""), s.href = `${m}?nocache=${Date.now()}`, d.appendChild(s);
+      }
+    }).catch((m) => {
+      console.error("[uStaticCSS load variables for styles ERROR: ", m);
+    }));
+  }
+};
+export {
+  I as useCssProperties,
+  L as useTokens,
+  j as ustaticCss
+};

package/dist/types/package.json.d.ts

@@ -0,0 +1,102 @@
+declare const _default: {
+  "name": "ustatic-css",
+  "version": "0.0.1",
+  "prefix": "u",
+  "description": "Пакет утилити-классов",
+  "documentation": "",
+  "type": "module",
+  "main": "./dist/js/index.cjs.js",
+  "module": "./dist/js/index.es.js",
+  "types": "dist/types/src/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yudinmaxim/ustatic-css.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yudinmaxim/ustatic-css/issues"
+  },
+  "homepage": "https://yudinmaxim.github.io/ustatic-css/",
+  "exports": {
+    ".": "./dist/css/ustatic.css",
+    "./package.json": {
+      "import": "./package.json",
+      "require": "./package.json"
+    },
+    "./ustatic": {
+      "import": "./dist/css/ustatic.css"
+    },
+    "./vars": {
+      "import": "./dist/css/ustatic-vars.css"
+    },
+    "./base": "./dist/css/modules/base.css",
+    "./align": "./dist/css/modules/align.css",
+    "./animations": "./dist/css/modules/animations.css",
+    "./bg": "./dist/css/modules/bg.css",
+    "./border": "./dist/css/modules/border.css",
+    "./cursor": "./dist/css/modules/cursor.css",
+    "./display": "./dist/css/modules/display.css",
+    "./effects": "./dist/css/modules/effects.css",
+    "./filters": "./dist/css/modules/filters.css",
+    "./flexbox": "./dist/css/modules/flexbox.css",
+    "./grid": "./dist/css/modules/grid.css",
+    "./hide": "./dist/css/modules/hide.css",
+    "./interactivity": "./dist/css/modules/interactivity.css",
+    "./outline": "./dist/css/modules/outline.css",
+    "./position": "./dist/css/modules/position.css",
+    "./scroll": "./dist/css/modules/scroll.css",
+    "./sizing": "./dist/css/modules/sizing.css",
+    "./spacing": "./dist/css/modules/spacing.css",
+    "./typography": "./dist/css/modules/typography.css",
+    "./tokens-cfg/**/*": "./src/css/tokens/**/*",
+    "./tokens-scss/**/*": "./src/css/assets/tokens/**/*",
+    "./prefix": "./src/css/assets/tokens/_prefix.scss",
+    "./lists": "./src/css/assets/tokens/_list.scss",
+    "./utils/token": "./src/css/utils/_token.scss",
+    "./scripts": {
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/js/index.es.js",
+      "require": "./dist/js/index.cjs.js"
+    }
+  },
+  "files": [
+    "dist/**/*.*",
+    "src/**/*"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "tokens": "style-dictionary build --config ./sd.config.cjs",
+    "build": "pnpm run tokens && vite build",
+    "dev:vue": "cd examples/vue && pnpm dev"
+  },
+  "devDependencies": {
+    "@eslint/js": "~9.19.0",
+    "@types/node": "~22.13.1",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/parser": "^6.4.0",
+    "eslint": "~9.19.0",
+    "eslint-config-standard": "~17.1.0",
+    "eslint-config-standard-with-typescript": "~43.0.1",
+    "eslint-import-resolver-typescript": "~3.7.0",
+    "eslint-plugin-import": "~2.31.0",
+    "eslint-plugin-n": "~17.15.1",
+    "eslint-plugin-promise": "~7.2.1",
+    "eslint-plugin-vue": "~9.32.0",
+    "js-yaml": "~4.1.0",
+    "node-fetch": "~3.3.2",
+    "sass": "1.72.0",
+    "style-dictionary": "3.9.2",
+    "typescript-eslint": "^8.56.1",
+    "vite": "6.0.3",
+    "vite-plugin-dts": "3.8.1",
+    "vite-plugin-eslint": "~1.8.1",
+    "vite-plugin-externals": "^0.6.2",
+    "vite-tsconfig-paths": "4.3.1",
+    "vue-eslint-parser": "~9.4.3"
+  }
+}
+;
+
+export default _default;

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

@@ -0,0 +1,4 @@
+export * from './utils/useCssProperties';
+export * from './utils/useTokens';
+export * from './plugins/vue.plugin';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AAEjC,cAAc,sBAAsB,CAAA"}

package/dist/types/src/plugins/vue.plugin.d.ts

@@ -0,0 +1,15 @@
+import { IStyleLoaderOptions } from '../utils/styleLoader';
+
+export interface PluginOptions extends IStyleLoaderOptions {
+    /**
+     * Загружать ли стили автоматически при установке плагина
+     * @default true
+     */
+    autoLoad?: boolean;
+    modules?: string[];
+    classes?: string[];
+}
+export declare const ustaticCss: {
+    install(app: any, options?: PluginOptions): void;
+};
+//# sourceMappingURL=vue.plugin.d.ts.map

package/dist/types/src/plugins/vue.plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vue.plugin.d.ts","sourceRoot":"","sources":["../../../../src/plugins/vue.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,MAAM,WAAW,aAAc,SAAQ,mBAAmB;IACxD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAElB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACnB;AAED,eAAO,MAAM,UAAU;iBACR,GAAG,YAAY,aAAa;CA6D1C,CAAA"}

package/dist/types/src/utils/styleLoader.d.ts

@@ -0,0 +1,35 @@
+export interface IStyleLoaderOptions {
+    modules?: string[];
+    classes?: string[];
+}
+export declare const getModulesFromClasses: (classes: string | string[]) => string[];
+export interface IStyleLink {
+    href: string;
+    rel: string;
+    type: string;
+}
+export interface IStyleLinksOptions extends IStyleLoaderOptions {
+    /**
+     * Базовый путь для CSS файлов
+     * По умолчанию используется для SSR: пути относительно public папки
+     * Для браузера: используется import(...?url) для получения правильного URL
+     */
+    basePath?: string;
+    /**
+     * Режим работы: 'ssr' | 'browser'
+     * Если не указан, определяется автоматически
+     */
+    mode?: 'ssr' | 'browser';
+}
+/**
+ * Возвращает список ссылок на CSS файлы для SSR и браузера
+ * Использует ту же логику формирования путей, что и loadStyles
+ *
+ * @param options - опции загрузчика стилей
+ * @param options.mode - режим работы ('ssr' или 'browser'), по умолчанию определяется автоматически
+ * @param options.basePath - базовый путь для CSS файлов (для SSR режима)
+ * @returns Promise с массивом объектов IStyleLink для вставки в <head>
+ */
+export declare const getStyleLinks: (options?: IStyleLinksOptions) => Promise<IStyleLink[]>;
+export declare const loadStyles: (options?: IStyleLoaderOptions) => Promise<void>;
+//# sourceMappingURL=styleLoader.d.ts.map

package/dist/types/src/utils/styleLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleLoader.d.ts","sourceRoot":"","sources":["../../../../src/utils/styleLoader.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAID,eAAO,MAAM,qBAAqB,GAAI,SAAS,MAAM,GAAG,MAAM,EAAE,KAAG,MAAM,EA4BxE,CAAA;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,kBAAmB,SAAQ,mBAAmB;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,SAAS,CAAA;CACzB;AASD;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,GAAU,UAAU,kBAAkB,KAAG,OAAO,CAAC,UAAU,EAAE,CAiEtF,CAAA;AAgDD,eAAO,MAAM,UAAU,GAAU,UAAU,mBAAmB,KAAG,OAAO,CAAC,IAAI,CAoE5E,CAAA"}

package/dist/types/src/utils/styleloader.classmap.d.ts

@@ -0,0 +1,2 @@
+export declare const classMap: Record<string, string>;
+//# sourceMappingURL=styleloader.classmap.d.ts.map

package/dist/types/src/utils/styleloader.classmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleloader.classmap.d.ts","sourceRoot":"","sources":["../../../../src/utils/styleloader.classmap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA4G3C,CAAA"}

package/dist/types/src/utils/useCssProperties.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Хук для управления CSS-свойствами через классы
+ * @param params - Параметры конфигурации
+ * @param params.resetOnUnmount - Флаг, определяющий нужно ли сбрасывать свойства при размонтировании компонента.
+ * По умолчанию true
+ */
+export declare const useCssProperties: () => {
+    setCssPropertiesViaClass: (className: string, properties: Record<string, string>) => void;
+    getCssPropertyViaClass: (className: string, property: string) => string;
+    removeClassWithProperties: (className: string) => void;
+    clearClassWithProperties: () => void;
+    setCssProperty: (property: string, value: string) => void;
+    removeCssProperty: (property: string) => void;
+    clearCssProperties: () => void;
+    clearAll: () => void;
+};
+//# sourceMappingURL=useCssProperties.d.ts.map

package/dist/types/src/utils/useCssProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCssProperties.d.ts","sourceRoot":"","sources":["../../../../src/utils/useCssProperties.ts"],"names":[],"mappings":"AACA;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;0CAWkB,MAAM,cAAc,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAG,IAAI;wCAoCnD,MAAM,YAAY,MAAM,KAAG,MAAM;2CA4B9B,MAAM,KAAG,IAAI;oCAmBtB,IAAI;+BAWP,MAAM,SAAS,MAAM,KAAG,IAAI;kCASzB,MAAM,KAAG,IAAI;8BAQnB,IAAI;;CAsBpC,CAAA"}

package/dist/types/src/utils/useTokens.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Хук для управления CSS-переменными через классы
+ * Позволяет устанавливать, получать и удалять CSS-токены как в глобальной области видимости, так и в рамках CSS-классов
+ * @returns Объект с методами для работы с токенами
+ */
+export declare const useTokens: () => {
+    setCssTokenViaClass: (className: string, tokens: Record<string, string>, options?: {
+        patch: boolean;
+    }) => void;
+    getCssTokenViaClass: (className: string, token: string) => string;
+    removeClassWithTokens: (className: string) => void;
+    clearClassWithTokens: () => void;
+    setCssToken: (token: string, value: string) => void;
+    removeCssToken: (token: string) => void;
+    clearCssTokens: () => void;
+    getCssToken: (token: string) => string;
+    getCssTokenVar: (token: string) => string;
+    setCssTokenVar: (token: string, value: string) => string;
+    clearAll: () => void;
+};
+//# sourceMappingURL=useTokens.d.ts.map

package/dist/types/src/utils/useTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../../../../src/utils/useTokens.ts"],"names":[],"mappings":"AA4EA;;;;GAIG;AACH,eAAO,MAAM,SAAS;qCAgBoB,MAAM,UAAU,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,YAAY;QAAE,KAAK,EAAE,OAAO,CAAA;KAAC,KAAG,IAAI;qCAgF1E,MAAM,SAAS,MAAM,KAAG,MAAM;uCA8B7B,MAAM,KAAG,IAAI;gCAmBrB,IAAI;yBAWT,MAAM,SAAS,MAAM,KAAG,IAAI;4BAWzB,MAAM,KAAG,IAAI;0BASjB,IAAI;yBAvML,MAAM,KAAG,MAAM;4BAlCZ,MAAM,KAAG,MAAM;4BA8Cf,MAAM,SAAS,MAAM,KAAG,MAAM;;CAuN5D,CAAA"}

package/dist/ustatic-index-1SZfqZon.js

@@ -0,0 +1,4 @@
+const t = "" + new URL("css/ustatic.css", import.meta.url).href;
+export {
+  t as default
+};

package/dist/ustatic-index-QcZrD98s.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=""+(typeof document>"u"?require("url").pathToFileURL(__dirname+"/css/ustatic.css").href:new URL("css/ustatic.css",document.currentScript&&document.currentScript.tagName.toUpperCase()==="SCRIPT"&&document.currentScript.src||document.baseURI).href);exports.default=e;

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "ustatic-css",
+  "version": "0.0.1-b.2",
+  "prefix": "u",
+  "description": "Пакет утилити-классов",
+  "documentation": "",
+  "type": "module",
+  "main": "./dist/js/index.cjs.js",
+  "module": "./dist/js/index.es.js",
+  "types": "dist/types/src/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yudinmaxim/ustatic-css.git"
+  },
+  "bugs": {
+    "url": "https://github.com/yudinmaxim/ustatic-css/issues"
+  },
+  "homepage": "https://yudinmaxim.github.io/ustatic-css/",
+  "exports": {
+    ".": "./dist/css/ustatic.css",
+    "./package.json": {
+      "import": "./package.json",
+      "require": "./package.json"
+    },
+    "./ustatic": {
+      "import": "./dist/css/ustatic.css"
+    },
+    "./vars": {
+      "import": "./dist/css/ustatic-vars.css"
+    },
+    "./base": "./dist/css/modules/base.css",
+    "./align": "./dist/css/modules/align.css",
+    "./animations": "./dist/css/modules/animations.css",
+    "./bg": "./dist/css/modules/bg.css",
+    "./border": "./dist/css/modules/border.css",
+    "./cursor": "./dist/css/modules/cursor.css",
+    "./display": "./dist/css/modules/display.css",
+    "./effects": "./dist/css/modules/effects.css",
+    "./filters": "./dist/css/modules/filters.css",
+    "./flexbox": "./dist/css/modules/flexbox.css",
+    "./grid": "./dist/css/modules/grid.css",
+    "./hide": "./dist/css/modules/hide.css",
+    "./interactivity": "./dist/css/modules/interactivity.css",
+    "./outline": "./dist/css/modules/outline.css",
+    "./position": "./dist/css/modules/position.css",
+    "./scroll": "./dist/css/modules/scroll.css",
+    "./sizing": "./dist/css/modules/sizing.css",
+    "./spacing": "./dist/css/modules/spacing.css",
+    "./typography": "./dist/css/modules/typography.css",
+    "./tokens-cfg/**/*": "./src/css/tokens/**/*",
+    "./tokens-scss/**/*": "./src/css/assets/tokens/**/*",
+    "./prefix": "./src/css/assets/tokens/_prefix.scss",
+    "./lists": "./src/css/assets/tokens/_list.scss",
+    "./utils/token": "./src/css/utils/_token.scss",
+    "./scripts": {
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/js/index.es.js",
+      "require": "./dist/js/index.cjs.js"
+    }
+  },
+  "files": [
+    "dist/**/*.*",
+    "src/**/*"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "tokens": "style-dictionary build --config ./sd.config.cjs",
+    "build": "pnpm run tokens && vite build",
+    "dev:vue": "cd examples/vue && pnpm dev"
+  },
+  "devDependencies": {
+    "@eslint/js": "~9.19.0",
+    "@types/node": "~22.13.1",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/parser": "^6.4.0",
+    "eslint": "~9.19.0",
+    "eslint-config-standard": "~17.1.0",
+    "eslint-config-standard-with-typescript": "~43.0.1",
+    "eslint-import-resolver-typescript": "~3.7.0",
+    "eslint-plugin-import": "~2.31.0",
+    "eslint-plugin-n": "~17.15.1",
+    "eslint-plugin-promise": "~7.2.1",
+    "eslint-plugin-vue": "~9.32.0",
+    "js-yaml": "~4.1.0",
+    "node-fetch": "~3.3.2",
+    "sass": "1.72.0",
+    "style-dictionary": "3.9.2",
+    "typescript-eslint": "^8.56.1",
+    "vite": "6.0.3",
+    "vite-plugin-dts": "3.8.1",
+    "vite-plugin-eslint": "~1.8.1",
+    "vite-plugin-externals": "^0.6.2",
+    "vite-tsconfig-paths": "4.3.1",
+    "vue-eslint-parser": "~9.4.3"
+  }
+}