@plitzi/sdk-style 0.38.6 → 0.38.8

package/CHANGELOG.md

@@ -1,5 +1,216 @@
 # @plitzi/sdk-style
 
+## 0.38.8
+
+### Patch Changes
+
+- Updated dependencies [1b45aae]
+  - @plitzi/sdk-shared@0.38.8
+  - @plitzi/sdk-event-bridge@0.38.8
+  - @plitzi/sdk-variables@0.38.8
+
+## 0.38.7
+
+### Patch Changes
+
+- c7bbc2b: ## A server project's `src/main.ts` is a few lines
+
+  - **`serveProject` from `@plitzi/sdk-server/project`**: the generated `src/main.ts` hands the space, its actions and
+    its options to the server, and the rest comes with the package — the port, the plugins of `src/plugins` and
+    `vendor/plugins`, the functions and runtime, `public/`, `src/data/`, the `kv` in `state/kv.json`, `/health`,
+    `tmp/dev-server.json` and the reloads while developing. A fix there arrives with `npm update`, not `plitzi upgrade`.
+  - **No more `tmp/space.json` while developing**: a saved space is authored again in its own process and handed to the
+    server over IPC (`plitzi/author.ts --ipc`, in place of `--out`); the server swaps it in memory and the open pages
+    reload, and a refused space keeps the last one that authored. `plitzi doctor` reports a leftover `tmp/space.json`.
+  - **`projectAuthoring()` in `@plitzi/sdk-authoring/node`**: what a project's space is checked against — its plugins'
+    declarations, its built plugins, its data files — once, for the server and `npm run author` alike. Neither it nor
+    `serveProject` takes a root: it is the working directory, where every script runs (`projectAuthoringAt(root)` for a
+    tool working on another folder).
+  - **`authorProjectSpace` and `projectSpace()` in `@plitzi/sdk-authoring/node`**: the project's space read from
+    `src/space/index.ts` — `dist/space/index.js` when the server runs built — once its root and layout are checked, and
+    authored. `src/main.ts` is `serveProject({ space: authorProjectSpace, actions, connectors, serverOptions })`, with no
+    import of the space; `plitzi/author.ts`, the visual tests and the CLI's checks read it the same way. A module that
+    exports no `space` is refused saying what to export (`ProjectSpaceError`).
+  - **`.env` lives at the root and Node reads it** as each script starts (`--env-file-if-exists=.env`; `start:dev`
+    preloads `@plitzi/sdk-server/env`, since a watched process would restart on every change beside the file). Settings
+    read at the top level of `src/config/serverOptions.ts` or the actions are set. Every project gets `.env` and
+    `.env.example`; `plitzi upgrade` removes the old `src/env.ts`.
+  - **One check of a project's layout** (`@plitzi/sdk-shared/project/layout`): a plugin folder with no entry, a
+    JavaScript entry, `src/plugin/` for `src/plugins/`, a `.env` inside `src/`, a space exported by default, a broken
+    `vendor/` plugin… The server refuses to boot listing every error with its fix, `npm run author` and the CLI's checks
+    refuse with the same words, `plitzi doctor` lists them under `layout` and `--fix` makes the ones with a single fix,
+    and `plitzi lint` points at doctor. A plugin folder added broken while developing is reported in the terminal
+    instead of failing in esbuild. Plugins may start at `index.tsx`.
+  - **`createJsonAdapters` serves documents held in memory**: `offlineData` may be a function returning them, not only a
+    path.
+  - **One source for a project's layout**, `@plitzi/sdk-shared/project/paths`; `src/config/serverOptions.ts` is typed
+    `ProjectServerOptions`. `plitzi upgrade files --write` brings an existing project's `main.ts` and `author.ts` up.
+  - **`npm run build` no longer fails on a plugin's stylesheet**: `tsconfig.build.json` includes `plitzi/assets.d.ts`,
+    which a space importing a plugin's declaration reaches through its component.
+
+  ## A write refreshes what shows it
+  - **Writes now refresh server-driven providers.** `runServerAction`, `webHook`, `writeRecord` and the
+    `invalidateQueries` step reach `runtime: 'server'` api containers by id, by `query` URL, or all of them, just as
+    they reach cached browser requests. Before, they reached only the browser's query cache, so a saved write left the
+    page showing the old value until a reload. Hidden providers refresh when they are shown.
+  - **A refresh because something changed asks around every cache.** `performQuery`, writes and invalidations send
+    `Cache-Control: no-cache`; `/_rsc` resolves such a request again instead of serving its cached slice, and keeps the
+    new answer. A `refreshSeconds` timer and a "load more" page still go through the caches.
+  - **`refreshRsc`'s fourth argument is an options object**, `{ location?, fresh? }`.
+
+  ## A space's functions read its data
+  - **`ctx.data('products.json')`** reads one file of the space's data (a project's `src/data/`), parsed and read-only,
+    as of the run's version. Plugins' functions are refused it.
+  - **Self-hosted servers read `dataDir` through the same lookup as the platform**, so `/data/<file>` providers and
+    `ctx.data` read the same files; `plitzi functions dev` reads `src/data`. `/data/../x.json` is now the provider's
+    error state instead of falling through to `publicDir`.
+  - **Importing a file outside `functions/` names the boundary and the fix**: read the space's data with
+    `ctx.data('<file>')`.
+
+  ## Signing in on a self-hosted server
+  - **`createServer({ auth })` tells the pages it renders where to sign in** (`server.auth`: provider, endpoints and
+    the session hint cookie), so a space signs in with no auth settings declared. Settings a space does declare still
+    win, and a space that names another provider ignores the server's description. New `pageAuth` server option, for a
+    deployment whose `/auth` flows are served by another host.
+  - **A page with no auth provider no longer offers `auth.login` / `auth.logout`**, and a sign-in that cannot work says
+    why in the console (`[plitzi] auth.login: …`) instead of failing silently. What a visitor keeps there
+    (`keepState`, `paintedState`) is the browser's, as on any space without accounts: what was kept as a guest's on such
+    a page before is let go once, on the first visit after the upgrade.
+  - **Renewal verifies the refresh token itself.** `findByRefreshToken` no longer has to report `refreshExpiresAt`; when
+    it does, it overrides the token's own expiry.
+  - **New authoring reference `auth.md`**: providers, `authLogin` and its result, `authLogout`, `{{ auth.* }}`,
+    `accessLevel`, visitor roles, action `access` and `ctx.user`.
+
+  ## Flows
+  - **Authoring refuses a `when` that asks a step for a key it never publishes** (`condition-field-unpublished`).
+    `whenSucceeded` / `whenFailed` after `authLogin` always ran the failure branch: they read a server action's
+    `status`. The message names what the step publishes and suggests testing `signedIn.ok` with `when`.
+  - **`explain` lists what a step publishes** (`Reads:`) and finds the auth steps by their builders (`authLogin`,
+    `authLogout`, `authRefreshDetails`). `authLogin({ username, password })` no longer needs `mode`.
+
+  ## Elements
+  - **Images no longer default to a 140×140 square**: they are 140px wide and as tall as their ratio, so `width` or
+    `aspect-ratio` on a class just works. `object-fit` shows in the builder too.
+  - **`formControl` with `subType: 'switch'` renders an on/off switch** (`role="switch"`) — it rendered only its label.
+    Checkboxes and switches show a `true` default or binding as ticked.
+  - **The theme toggle drops the native button look**, and the **`current` style state covers the chosen item of any
+    set**: the link to the page shown, a pressed toggle, a selected tab. The exported `CURRENT_PAGE_SELECTOR` is now
+    `CURRENT_SELECTOR`.
+  - **Element defaults in the style inspector and the MCP catalogue match what the SDK renders**, held by a test. The
+    dialog's `bodyContainer` and `headerCloseButton` slots now reach the page; pagination lays out as declared.
+  - **Markdown takes a class for each part of the document** through its own slot (`heading`, `paragraph`, `link`,
+    `list`, `listItem`, `quote`, `code`, `codeBlock`, `image`, `table`, `anchor`), and `headingLinks: false` drops the
+    link each heading offers to itself while keeping its id, so `/page#anchor` links still work. Its description spells
+    out the HTML it outputs.
+  - **Tabs show every trigger.** The SDK hid every inactive tab item, the header's included, so a set of tabs showed
+    one tab and no way to the others; only the body's panels take turns now.
+  - **A link that names a query is current only on that query**: of `/?window=6h` and `/?window=24h`, the one shown
+    carries `aria-current` — with the path alone, every one of them did. A link with no query is still current on its
+    page whatever the query.
+
+  ## The style language says what `customCss` used to
+  - **Pseudo-elements on a class**: `pseudos: { after: { css: { content: '"→"' }, states: { hover: { … } } } }` —
+    `before`, `after`, `marker`, `placeholder`, `first-letter`, `first-line`, `selection`, each in the class's states and
+    variants. Authoring refuses what draws nothing: a `before`/`after` with no `content`, a `content` without its quotes,
+    a property the browser drops on that pseudo-element.
+  - **Conditions on a class**: `conditions: { 'motion-reduce': { … }, 'container card (max-width: 30rem)': { … } }` —
+    reduced or allowed motion, and container widths, each with its states and pseudo-elements.
+  - **The space's `keyframes`**, validated and written at the top of `customCss`; an `animation-name` no keyframes declare
+    is warned (`animation-name-unknown`).
+  - **New states**: `expanded` (`aria-expanded`), `first`, `last`, `odd`, `even`; the tab panel on show is `current`, and
+    the theme toggle's icon of the scheme in use is `current` on its `icon` slot.
+  - **`ancestors['>']`** is the parent, whatever it wears — a closed component's part reacting to the element around it.
+  - The builder's style inspector, the MCP's definition ops (`pseudos`, `conditions`, and variants with their states) and
+    the export to code read and write all of it; an MCP `patchDefinition` no longer drops what it did not name. Rules in
+    `customCss` a class can hold now — `.link::after`, one under `@media (prefers-reduced-motion: reduce)`, `.row:first-child`,
+    `.row:nth-child(even)`, `.toggle[aria-expanded='true']` — are folded into the class on export and suggested by
+    `custom-css-class`.
+
+  ## Elements take a class for each part
+  - **`formControl`**: `field` (the `<input>` itself), `icon` (the show-password button) and `requiredMark` slots; a switch's
+    knob reads in dark mode and takes `--plitzi-switch-thumb`, `--plitzi-switch-thumb-checked`, `--plitzi-switch-thumb-shadow`.
+  - **`pagination`**: `previous`, `page` (the one shown is its `current` state), `next`, `loadMore`.
+  - **`richText`** and **`markdown`**: a slot per part — `heading` and `heading1`…`heading6`, `strong`, `emphasis`,
+    `divider`, `tableHead`, `tableRow`, `tableHeaderCell`, `tableCell`, and the code block's frame, header, language and
+    copy button. Both heading slots dress one `<h3>`, so `heading-level-overridden` warns when they set the same property
+    and the stylesheet's order makes the general one win. A document is drawn by the SDK's own renderer
+    (`MarkdownDocument` in `@plitzi/sdk-elements`) — plitzi-ui's `Markdown` keeps GitHub's stylesheet for a library's
+    consumers — and reads as a document unstyled: headings, lists, code, tables and quotes get their type from the SDK's
+    base layer, at no weight (`:where()`), so a class on a part's slot replaces what it sets property by property. A
+    `richText` body reads the same.
+  - `custom-css-slot` suggests the slot for a `customCss` rule on a part's SDK class — only where a class on the slot can
+    say the rest of the selector (a state, a pseudo-element); `element-slot-unknown` warns of a slot an element does not
+    have.
+
+  ## Links, refreshes and toasts
+  - **`current: 'section'` on a link** keeps it current on its page and every page under its path (`aria-current="true"`
+    there), styled by the `current` state — no `activeOn` binding for a section.
+  - **A refresh asks only about elements the page shown holds**: a provider on the page being left no longer sends a
+    `/_rsc` about the new address.
+  - **The toasts' parts are `notifications` fields**: `minHeight`, `fontWeight`, `lineHeight`, `iconSize`, `iconGap`,
+    `closeColor`, `closeOpacity`, `progressHeight`.
+  - **A page asked for with its space's token hydrates its own space.** On a host serving many spaces
+    (`?access-token=`), the space document fetched beside the page went without the token, so the host's own space
+    answered it and the browser hydrated another space's document over the page — a hydration error, and its tree
+    rebuilt. The document's address now carries the token the page was asked for with.
+  - **The SDK's stylesheet carries the space's variables from the server's HTML.** It read them from what a provider
+    below it publishes while the page renders, which the server had not done yet when it wrote the sheet; it now
+    resolves them from the document itself (`useResolvedVariables` of `@plitzi/sdk-shared/dataSource/hooks`), the same
+    on both sides.
+  - **A realtime message the pub/sub cannot deliver is answered, not fatal.** A publish that Redis refuses — a timeout under
+    load — is answered `503` with `reason: 'unavailable'`, by the `POST` and in the WebSocket's `ack` alike; a connect,
+    a disconnect or a revoke that fails is logged, on either transport. Each used to reject with nobody waiting, and the server's `unhandledRejection` handler
+    shut the whole process down.
+
+  ## Reporting to Plitzi
+  - **`plitzi feedback`** starts a report of what broke, misled or cost time: it writes the page the report is laid out
+    in (`tmp/feedback/`) with the installed versions, the project and what `doctor` finds already in it, and tells the
+    agent how to fill it — each finding reproduced first, with evidence, impact, workaround and fix, no secrets — and to
+    publish it as an artifact whose link the developer sends. `--previous <url>` continues an earlier report.
+
+  ## Pages that load on every browser
+  - **The import map comes before anything that loads a module**, in the page server's HTML, a published site's
+    (`index.hbs` on the platform), the SDK's and the builder's. React's `modulepreload` links came first, and a browser
+    that had fetched a module already — Chrome before 133 — ignored the map: every bare `import "react"` failed
+    ("Failed to resolve module specifier") and the page never hydrated.
+
+  ## The dev tools
+  - **A page loads the React its dev tools need.** The development build only while the visitor has the dev tools on
+    (shift+F12, within what the deployment allows); turned off, the next load is a production page, React included. It
+    followed the authorization alone, so a space that allowed debugging always shipped development React.
+
+  ## check and lint
+  - **`plitzi check`, `push`, `lint` and `fix` hold the space to what `npm run author` and the server do**: its data
+    files too, so `push` no longer sends a space whose browser provider reads `src/data/` (`server-data-in-browser`).
+  - **`plitzi check` lists each list's rows as drawn and as held in its source** (`feed 4 of 8 rows`,
+    `hits not rendered (16 in its source)`). In `--json`, `lists` is now `{ id: { rendered, source } }`.
+  - **`plitzi check` no longer reports bindings inside a container the page isn't showing**, nor text "in the colour
+    behind it" because of a bar painted over it or a pane that clips it.
+  - **`window.__plitzi.sources()` no longer turns a shared array into `'[…]'`**, and a list row no longer replaces its
+    list's `items`.
+  - **`plitzi lint` says authoring suggestions are quieted with `quiet` on the element**, and reports a
+    `plitzi-lint-disable` comment that names one (`disable-names-suggestion`).
+  - **`plitzi check` says when a page sent the browser elsewhere** (a page for signed-in visitors, to the sign-in) instead
+    of reporting every element missing, and `--as <username>` signs in first through the server's `/auth` routes, the
+    password from `PLITZI_CHECK_PASSWORD`.
+  - **`plitzi upgrade` never replaces @plitzi packages installed locally** — a tarball, a link, a portal, an override: it
+    leaves them and the install, and says which and the command that would install the registry's.
+  - **`plitzi explain` covers every code**: authoring's, `plitzi lint`'s and the project layout's.
+  - **Authoring reads the global sources' fields**: `auth.authenticated` in a condition is refused with "did you mean
+    `isAuthenticated`?" (`global-field-unknown`), and `invalidateElements` must name providers that exist
+    (`element-ids-target`). A template's reads of `computed`, `flags` and the global sources come off the parsed
+    template: a string inside it (`'https://auth.acme.com'`) is no longer read as `auth.acme`.
+  - **`custom-css-notifications` no longer reads the rules `notifications` itself writes** as toasts dressed by hand.
+  - **A refused space or layout is a report, not a stack**: the server's entry point imports the space once the layout is
+    checked, and `npm start` and `npm run author` print every problem and exit with 1.
+  - **New authoring suggestion `class-overrides-class`**: one class's shorthand (`padding`) silently erases a longhand
+    (`padding-top`) another class on the same element writes out.
+
+- Updated dependencies [c7bbc2b]
+  - @plitzi/sdk-event-bridge@0.38.7
+  - @plitzi/sdk-shared@0.38.7
+  - @plitzi/sdk-variables@0.38.7
+
 ## 0.38.6
 
 ### Patch Changes

package/dist/StyleMap/helpers/isValueValid.d.ts

@@ -3,6 +3,8 @@ export declare const isStyleObject: (obj: Partial<StyleObject>) => boolean;
 export declare const isStyleStates: (obj: NonNullable<StyleBlock["states"]>) => boolean;
 export declare const isStyleVariants: (obj: NonNullable<StyleBlock["variants"]>) => boolean;
 export declare const isStyleAncestors: (obj: NonNullable<StyleBlock["ancestors"]>) => boolean;
+export declare const isStylePseudos: (obj: NonNullable<StyleBlock["pseudos"]>) => boolean;
+export declare const isStyleConditions: (obj: NonNullable<StyleBlock["conditions"]>) => boolean;
 export declare const isStyleBlock: (obj: StyleBlock) => boolean;
 export declare const isStyleAttributes: (obj?: StyleAttributes) => boolean;
 declare const isValidValue: (path?: StyleCategory, value?: StyleAttributes | StyleValue | Partial<StyleObject> | StyleBlock | StyleVariants | StyleStates, params?: {

package/dist/StyleMap/helpers/isValueValid.mjs

@@ -1,7 +1,9 @@
+import { canonicalCondition as e } from "@plitzi/sdk-shared/style/styleConditions";
+import { isStylePseudo as t } from "@plitzi/sdk-shared/style/stylePseudos";
 //#region src/StyleMap/helpers/isValueValid.ts
-var e = (e) => typeof e == "string" || typeof e == "number" || e === void 0, t = (e) => typeof e == "object" && !!e && !Array.isArray(e), n = (n) => t(n) && Object.values(n).every(e), r = (e) => t(e) && Object.values(e).every(n), i = (e) => t(e) && Object.values(e).every((e) => !(!t(e) || "variants" in e || "ancestors" in e || "default" in e && e.default && !n(e.default) || "states" in e && e.states && !r(e.states))), a = (e) => t(e) && Object.values(e).every((e) => t(e) && (!e.default || n(e.default)) && (!e.states || r(e.states)) && (!e.variants || i(e.variants))), o = (e) => !(!t(e) || !e.default || !n(e.default) || e.states && !r(e.states) || e.variants && !i(e.variants) || e.ancestors && !a(e.ancestors)), s = (e) => e === void 0 || t(e) && !Object.keys(e).length || t(e) && "base" in e && Object.values(e).every(o), c = (a, c, l) => {
-	let { styleSelector: u, styleVariant: d, styleState: f } = l ?? {};
-	return !a && !u && !d && !f ? s(c) : !a && !u && d && f ? !1 : !a && !u && d ? i(c) : !a && !u && f ? r(c) : a ? e(c) : u ? c === void 0 ? !0 : e(c) || !t(c) ? !1 : n(c) || o(c) || o(c[u]) : !1;
+var n = (e) => typeof e == "string" || typeof e == "number" || e === void 0, r = (e) => typeof e == "object" && !!e && !Array.isArray(e), i = (e) => r(e) && Object.values(e).every(n), a = (e) => r(e) && Object.values(e).every(i), o = (e) => r(e) && Object.values(e).every((e) => !(!r(e) || "variants" in e || "ancestors" in e || "conditions" in e || "pseudos" in e && e.pseudos && !l(e.pseudos) || "default" in e && e.default && !i(e.default) || "states" in e && e.states && !a(e.states))), s = (e) => r(e) && Object.values(e).every((e) => r(e) && (!e.default || i(e.default)) && (!e.states || a(e.states)) && (!e.variants || o(e.variants))), c = (e) => r(e) && (!e.default || i(e.default)) && (!e.states || a(e.states)), l = (e) => r(e) && Object.entries(e).every(([e, n]) => t(e) && c(n)), u = (t) => r(t) && Object.entries(t).every(([t, n]) => e(t) === t && c(n) && (!n.pseudos || l(n.pseudos))), d = (e) => !(!r(e) || !e.default || !i(e.default) || e.states && !a(e.states) || e.variants && !o(e.variants) || e.ancestors && !s(e.ancestors) || e.pseudos && !l(e.pseudos) || e.conditions && !u(e.conditions)), f = (e) => e === void 0 || r(e) && !Object.keys(e).length || r(e) && "base" in e && Object.values(e).every(d), p = (e, t, s) => {
+	let { styleSelector: c, styleVariant: l, styleState: u } = s ?? {};
+	return !e && !c && !l && !u ? f(t) : !e && !c && l && u ? !1 : !e && !c && l ? o(t) : !e && !c && u ? a(t) : e ? n(t) : c ? t === void 0 ? !0 : n(t) || !r(t) ? !1 : i(t) || d(t) || d(t[c]) : !1;
 };
 //#endregion
-export { c as default, a as isStyleAncestors, s as isStyleAttributes, o as isStyleBlock, n as isStyleObject, r as isStyleStates, i as isStyleVariants };
+export { p as default, s as isStyleAncestors, f as isStyleAttributes, d as isStyleBlock, u as isStyleConditions, i as isStyleObject, l as isStylePseudos, a as isStyleStates, o as isStyleVariants };

package/dist/StyleMap/helpers/utils.d.ts

@@ -1,6 +1,5 @@
-import { StyleBlock, StyleCategory, StyleItem, StyleObject, StyleState, StyleStates, StyleValue, StyleVariants } from '@plitzi/sdk-shared';
+import { StyleBlock, StyleCategory, StyleItem, StyleObject, StyleStates, StyleTarget, StyleValue, StyleVariants } from '@plitzi/sdk-shared';
 declare const parseValue: (path: StyleCategory | undefined, value: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock | undefined, prevValue: StyleObject) => StyleObject;
-declare const getTargetPath: (styleSelector: string, styleVariant?: string, styleState?: string, styleAncestor?: string) => string;
 declare const isEmptyObject: (v: unknown) => v is Record<string, unknown>;
-declare const writeStyle: (mode: "add" | "update" | undefined, styleItem: StyleItem, styleSelector: string, path?: StyleCategory, value?: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock, styleState?: StyleState, styleVariant?: string, styleAncestor?: string) => void;
-export { getTargetPath, isEmptyObject, parseValue, writeStyle };
+declare const writeStyle: (mode: "add" | "update" | undefined, styleItem: StyleItem, styleSelector: string, path: StyleCategory | undefined, value: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock | undefined, target: StyleTarget) => void;
+export { isEmptyObject, parseValue, writeStyle };

package/dist/StyleMap/helpers/utils.mjs

@@ -1,7 +1,8 @@
 import { isStyleObject as e } from "./isValueValid.mjs";
-import { get as t, omit as n, set as r } from "@plitzi/plitzi-ui/helpers";
+import { omit as t } from "@plitzi/plitzi-ui/helpers";
+import { isStyleRules as n, setAtKeys as r, styleTargetKeys as i, valueAtKeys as a } from "@plitzi/sdk-shared/style/styleTarget";
 //#region src/StyleMap/helpers/utils.ts
-var i = (t, n, r) => {
+var o = (t, n, r) => {
 	if (t && (typeof n == "string" || typeof n == "number")) return {
 		...r,
 		[t]: n
@@ -12,61 +13,50 @@ var i = (t, n, r) => {
 		return e;
 	}
 	return r;
-}, a = (e, t) => t ? `attributes.${e}.ancestors.${t}` : `attributes.${e}`, o = (e, t, n, r) => {
-	let i = a(e, r);
-	return t && n ? `${i}.variants.${t}.states.${n}` : t ? `${i}.variants.${t}.default` : n ? `${i}.states.${n}` : `${i}.default`;
-}, s = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0, c = (e, i, a, o) => {
-	let l = t(e, i);
-	if (!l) return;
-	let u = n(l, [a]), d = i.includes(".ancestors.") && Object.values(u).every((e) => s(e));
-	if (Object.keys(u).length && !d || i === o) {
-		r(e, i, u);
-		return;
-	}
-	let f = i.lastIndexOf(".");
-	c(e, i.slice(0, f), i.slice(f + 1), o);
-}, l = (l = "add", u, d, f, p, m, h, g) => {
-	let _ = a(d, g), v = o(d, h, m, g), y = !!m || !!h, b = h ? `${_}.variants` : `${_}.states`;
-	if (p !== void 0) {
-		if (e(p) && s(p)) {
-			if (g && !y) {
-				c(u, _, "default", `attributes.${d}`);
+}, s = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0, c = (e) => typeof e == "object" && !!e && !Array.isArray(e), l = (e) => {
+	let t = [];
+	for (let n = 0; n + 1 < e.length; n += 2) t.push([e[n], e[n + 1]]);
+	return t;
+}, u = (e) => e.includes("ancestors") || e.includes("conditions") || e.includes("pseudos"), d = (e, t) => Object.fromEntries(Object.entries(e).filter(([e]) => e !== t)), f = (e, t, n) => {
+	let i = a(e, t);
+	if (!c(i)) return;
+	let o = d(i, n), l = u(t) && Object.values(o).every((e) => s(e));
+	if (Object.keys(o).length && !l || t.length === 1) {
+		r(e, t, o);
+		return;
+	}
+	f(e, t.slice(0, -1), t[t.length - 1]);
+}, p = (c = "add", u, d, p, m, h) => {
+	let g = u.attributes, _ = [d, ...i(h)], v = !!h.styleAncestor || !!h.styleCondition, y = _.slice(0, v ? 3 : 1), b = l(_.slice(y.length)).filter(([e]) => e !== "default"), x = b.at(0), S = x ? [...y, x[0]] : void 0;
+	if (m !== void 0) {
+		if (e(m) && s(m)) {
+			if (v && !b.length) {
+				f(g, y, "default");
 				return;
 			}
-			if (l === "update" && y && !t(u, b)) return;
-			r(u, v, {});
+			if (c === "update" && S && a(g, S) === void 0) return;
+			r(g, _, {});
 			return;
 		}
-		let n = t(u, v, {});
-		r(u, v, i(f, p, n));
-		return;
-	}
-	if (l === "add" && !f && y) {
-		t(u, b) || r(u, v, {});
-		return;
-	}
-	if (f) {
-		let e = t(u, v, {});
-		r(u, v, n(e, [f]));
-		return;
-	}
-	if (h && m) {
-		c(u, `${_}.variants.${h}.states`, m, `attributes.${d}`);
+		let t = a(g, _);
+		r(g, _, o(p, m, n(t) ? t : {}));
 		return;
 	}
-	if (h) {
-		c(u, `${_}.variants`, h, `attributes.${d}`);
+	if (c === "add" && !p && S) {
+		a(g, S) === void 0 && r(g, _, {});
 		return;
 	}
-	if (m) {
-		c(u, `${_}.states`, m, `attributes.${d}`);
+	if (p) {
+		let e = a(g, _);
+		r(g, _, t(n(e) ? e : {}, [p]));
 		return;
 	}
-	if (g) {
-		c(u, `attributes.${d}.ancestors`, g, `attributes.${d}`);
+	let C = _.at(-1) === "default" ? _.slice(0, -1) : _;
+	if (C.length > 1) {
+		f(g, C.slice(0, -1), C[C.length - 1]);
 		return;
 	}
-	r(u, v, {});
+	r(g, _, {});
 };
 //#endregion
-export { o as getTargetPath, s as isEmptyObject, i as parseValue, l as writeStyle };
+export { s as isEmptyObject, o as parseValue, p as writeStyle };

package/dist/StyleMap/methods/addSelector.mjs

@@ -3,22 +3,23 @@ import t from "../helpers/getStyleItem.mjs";
 import n, { isStyleAttributes as r } from "../helpers/isValueValid.mjs";
 import { writeStyle as i } from "../helpers/utils.mjs";
 import { set as a } from "@plitzi/plitzi-ui/helpers";
+import { styleTargetProblem as o } from "@plitzi/sdk-shared/style/styleTarget";
 //#region src/StyleMap/methods/addSelector.ts
-var o = (o, s, c, l, u, d, f) => {
-	if (!f) return !1;
-	let { componentType: p, styleSelector: m, styleState: h, styleVariant: g, styleAncestor: _ } = f;
-	if (t(o, s, c) || !p && l === "element" || p && l !== "element" || m && typeof m != "string" || !m && (h || g || _) || u && u.includes(".") || !n(u, d, f)) return !1;
-	let v = {
-		name: c,
-		type: l,
-		attributes: m ? {
-			[m]: { default: {} },
+var s = (s, c, l, u, d, f, p) => {
+	if (!p) return !1;
+	let { componentType: m, styleSelector: h, styleState: g, styleVariant: _, styleAncestor: v, stylePseudo: y, styleCondition: b } = p;
+	if (t(s, c, l) || !m && u === "element" || m && u !== "element" || h && typeof h != "string" || !h && (g || _ || v || y || b) || o(p) !== void 0 || d && d.includes(".") || !n(d, f, p)) return !1;
+	let x = {
+		name: l,
+		type: u,
+		attributes: h ? {
+			[h]: { default: {} },
 			base: { default: {} }
 		} : { base: { default: {} } },
-		componentType: p,
+		componentType: m,
 		cache: ""
 	};
-	return !m && r(d) ? ((!d || !Object.keys(d).length) && (d = { base: { default: {} } }), v.attributes = d, v.cache = e(v), a(o, `${s}.${c}`, v), !0) : (i("add", v, m ?? "base", u, d, h, g, _), v.cache = e(v), a(o, `${s}.${c}`, v), !0);
+	return !h && r(f) ? ((!f || !Object.keys(f).length) && (f = { base: { default: {} } }), x.attributes = f, x.cache = e(x), a(s, `${c}.${l}`, x), !0) : (i("add", x, h ?? "base", d, f, p), x.cache = e(x), a(s, `${c}.${l}`, x), !0);
 };
 //#endregion
-export { o as default };
+export { s as default };

package/dist/StyleMap/methods/updateSelector.mjs

@@ -3,11 +3,12 @@ import t from "../helpers/getStyleItem.mjs";
 import n from "../helpers/isValueValid.mjs";
 import { writeStyle as r } from "../helpers/utils.mjs";
 import { set as i } from "@plitzi/plitzi-ui/helpers";
+import { styleTargetProblem as a } from "@plitzi/sdk-shared/style/styleTarget";
 //#region src/StyleMap/methods/updateSelector.ts
-var a = (a, o, s, c, l, u) => {
-	if (!u) return !1;
-	let { componentType: d, styleSelector: f, styleState: p, styleVariant: m, styleAncestor: h } = u, g = t(a, o, s);
-	return !g || !f || !d && g.type === "element" || d && g.type !== "element" || f && typeof f != "string" || c && c.includes(".") || !n(c, l, u) ? !1 : (r("update", g, f, c, l, p, m, h), i(g, "cache", e(g)), i(a, `${o}.${s}`, g), !0);
+var o = (o, s, c, l, u, d) => {
+	if (!d) return !1;
+	let { componentType: f, styleSelector: p } = d, m = t(o, s, c);
+	return !m || !p || !f && m.type === "element" || f && m.type !== "element" || p && typeof p != "string" || l && l.includes(".") || a(d) !== void 0 || !n(l, u, d) ? !1 : (r("update", m, p, l, u, d), i(m, "cache", e(m)), i(o, `${s}.${c}`, m), !0);
 };
 //#endregion
-export { a as default };
+export { o as default };

package/dist/components/StyleInspector/Inspector.d.ts

@@ -1,4 +1,4 @@
-import { DisplayMode, Element, StyleItem, StyleState } from '@plitzi/sdk-shared';
+import { DisplayMode, Element, StyleItem, StylePseudo, StyleState } from '@plitzi/sdk-shared';
 export type InspectorProps = {
     selectors?: StyleItem[];
     componentType?: string;
@@ -7,10 +7,12 @@ export type InspectorProps = {
     styleState?: StyleState;
     styleVariant?: string;
     styleAncestor?: string;
+    stylePseudo?: StylePseudo;
+    styleCondition?: string;
     styleSelector?: string;
     element?: Element;
     displayMode: DisplayMode;
     mode?: 'element' | 'manager';
 };
-declare const Inspector: ({ selectors, componentType, componentSubType, selector, styleState, styleVariant, styleAncestor, styleSelector, element, displayMode, mode }: InspectorProps) => import('react').JSX.Element;
+declare const Inspector: ({ selectors, componentType, componentSubType, selector, styleState, styleVariant, styleAncestor, stylePseudo, styleCondition, styleSelector, element, displayMode, mode }: InspectorProps) => import('react').JSX.Element;
 export default Inspector;