@enonic/ui-kit 0.4.0 → 0.5.0

package/dist/filter/filter-query.js

@@ -0,0 +1,61 @@
+//#region src/filter/filter-query.ts
+const EMPTY_FILTER = [];
+function fieldTerm(field, value) {
+	return {
+		kind: "field",
+		field,
+		value
+	};
+}
+function isTextTerm(term) {
+	return term.kind === "text";
+}
+function isFieldTerm(term) {
+	return term.kind === "field";
+}
+/** A key that tells terms apart in a list, stable across renders; a tuple, so no id can collide with another kind. */
+function termKey(term) {
+	return JSON.stringify(isTextTerm(term) ? [term.kind, term.text.toLowerCase()] : [
+		term.kind,
+		term.field,
+		term.value
+	]);
+}
+/** The free text of a query as one string, the text terms joined by a space. */
+function textOf(query) {
+	return query.filter(isTextTerm).map(({ text }) => text).join(" ");
+}
+/** Every value the query holds for a field. Empty narrows nothing, the reading every multi-select filter takes. */
+function valuesOf(query, field) {
+	const values = /* @__PURE__ */ new Set();
+	for (const term of query) if (!isTextTerm(term) && term.field === field) values.add(term.value);
+	return values;
+}
+/** Text is compared without regard to case, as the matching reads it; a value by its id, exactly. */
+function sameTerm(a, b) {
+	if (isTextTerm(a) || isTextTerm(b)) return isTextTerm(a) && isTextTerm(b) && a.text.toLowerCase() === b.text.toLowerCase();
+	return a.field === b.field && a.value === b.value;
+}
+/** A text term from what was typed, or nothing for a blank. */
+function textTerm(typed) {
+	const text = typed.trim();
+	return text.length === 0 ? void 0 : {
+		kind: "text",
+		text
+	};
+}
+/** The query with a term added at the end; one it already holds leaves it unchanged. */
+function withTerm(query, term) {
+	return query.some((held) => sameTerm(held, term)) ? query : [...query, term];
+}
+function withoutTerm(query, index) {
+	return query.filter((_, at) => at !== index);
+}
+/** The query with a term taken out if it holds it, and added at the end if it does not. */
+function toggledTerm(query, term) {
+	return query.some((candidate) => sameTerm(candidate, term)) ? query.filter((candidate) => !sameTerm(candidate, term)) : [...query, term];
+}
+//#endregion
+export { EMPTY_FILTER, fieldTerm, isFieldTerm, isTextTerm, sameTerm, termKey, textOf, textTerm, toggledTerm, valuesOf, withTerm, withoutTerm };
+
+//# sourceMappingURL=filter-query.js.map

package/dist/filter/filter-query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-query.js","names":[],"sources":["../../src/filter/filter-query.ts"],"sourcesContent":["/**\n * One term of a filter: a value of a named field, or free text. Ids, never labels — what a term\n * is called is the business of whoever offers the fields. Discriminated by `kind`, so a term shape\n * added later fails to compile where it is not handled instead of passing for one of these.\n */\nexport type FieldTerm = { kind: 'field'; field: string; value: string };\nexport type TextTerm = { kind: 'text'; text: string };\nexport type FilterTerm = FieldTerm | TextTerm;\n\n/** What a list is narrowed by, in the order the terms were added. */\nexport type FilterQuery = readonly FilterTerm[];\n\nexport const EMPTY_FILTER: FilterQuery = [];\n\nexport function fieldTerm(field: string, value: string): FieldTerm {\n  return { kind: 'field', field, value };\n}\n\nexport function isTextTerm(term: FilterTerm): term is TextTerm {\n  return term.kind === 'text';\n}\n\nexport function isFieldTerm(term: FilterTerm): term is FieldTerm {\n  return term.kind === 'field';\n}\n\n/** A key that tells terms apart in a list, stable across renders; a tuple, so no id can collide with another kind. */\nexport function termKey(term: FilterTerm): string {\n  return JSON.stringify(\n    isTextTerm(term) ? [term.kind, term.text.toLowerCase()] : [term.kind, term.field, term.value],\n  );\n}\n\n/** The free text of a query as one string, the text terms joined by a space. */\nexport function textOf(query: FilterQuery): string {\n  return query\n    .filter(isTextTerm)\n    .map(({ text }) => text)\n    .join(' ');\n}\n\n/** Every value the query holds for a field. Empty narrows nothing, the reading every multi-select filter takes. */\nexport function valuesOf(query: FilterQuery, field: string): ReadonlySet<string> {\n  const values = new Set<string>();\n  for (const term of query) {\n    if (!isTextTerm(term) && term.field === field) {\n      values.add(term.value);\n    }\n  }\n  return values;\n}\n\n/** Text is compared without regard to case, as the matching reads it; a value by its id, exactly. */\nexport function sameTerm(a: FilterTerm, b: FilterTerm): boolean {\n  if (isTextTerm(a) || isTextTerm(b)) {\n    return isTextTerm(a) && isTextTerm(b) && a.text.toLowerCase() === b.text.toLowerCase();\n  }\n\n  return a.field === b.field && a.value === b.value;\n}\n\n/** A text term from what was typed, or nothing for a blank. */\nexport function textTerm(typed: string): TextTerm | undefined {\n  const text = typed.trim();\n  return text.length === 0 ? undefined : { kind: 'text', text };\n}\n\n/** The query with a term added at the end; one it already holds leaves it unchanged. */\nexport function withTerm(query: FilterQuery, term: FilterTerm): FilterQuery {\n  return query.some((held) => sameTerm(held, term)) ? query : [...query, term];\n}\n\nexport function withoutTerm(query: FilterQuery, index: number): FilterQuery {\n  return query.filter((_, at) => at !== index);\n}\n\n/** The query with a term taken out if it holds it, and added at the end if it does not. */\nexport function toggledTerm(query: FilterQuery, term: FilterTerm): FilterQuery {\n  const held = query.some((candidate) => sameTerm(candidate, term));\n  return held ? query.filter((candidate) => !sameTerm(candidate, term)) : [...query, term];\n}\n"],"mappings":";AAYA,MAAa,eAA4B,CAAC;AAE1C,SAAgB,UAAU,OAAe,OAA0B;CACjE,OAAO;EAAE,MAAM;EAAS;EAAO;CAAM;AACvC;AAEA,SAAgB,WAAW,MAAoC;CAC7D,OAAO,KAAK,SAAS;AACvB;AAEA,SAAgB,YAAY,MAAqC;CAC/D,OAAO,KAAK,SAAS;AACvB;;AAGA,SAAgB,QAAQ,MAA0B;CAChD,OAAO,KAAK,UACV,WAAW,IAAI,IAAI,CAAC,KAAK,MAAM,KAAK,KAAK,YAAY,CAAC,IAAI;EAAC,KAAK;EAAM,KAAK;EAAO,KAAK;CAAK,CAC9F;AACF;;AAGA,SAAgB,OAAO,OAA4B;CACjD,OAAO,MACJ,OAAO,UAAU,CAAC,CAClB,KAAK,EAAE,WAAW,IAAI,CAAC,CACvB,KAAK,GAAG;AACb;;AAGA,SAAgB,SAAS,OAAoB,OAAoC;CAC/E,MAAM,yBAAS,IAAI,IAAY;CAC/B,KAAK,MAAM,QAAQ,OACjB,IAAI,CAAC,WAAW,IAAI,KAAK,KAAK,UAAU,OACtC,OAAO,IAAI,KAAK,KAAK;CAGzB,OAAO;AACT;;AAGA,SAAgB,SAAS,GAAe,GAAwB;CAC9D,IAAI,WAAW,CAAC,KAAK,WAAW,CAAC,GAC/B,OAAO,WAAW,CAAC,KAAK,WAAW,CAAC,KAAK,EAAE,KAAK,YAAY,MAAM,EAAE,KAAK,YAAY;CAGvF,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE;AAC9C;;AAGA,SAAgB,SAAS,OAAqC;CAC5D,MAAM,OAAO,MAAM,KAAK;CACxB,OAAO,KAAK,WAAW,IAAI,KAAA,IAAY;EAAE,MAAM;EAAQ;CAAK;AAC9D;;AAGA,SAAgB,SAAS,OAAoB,MAA+B;CAC1E,OAAO,MAAM,MAAM,SAAS,SAAS,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,GAAG,OAAO,IAAI;AAC7E;AAEA,SAAgB,YAAY,OAAoB,OAA4B;CAC1E,OAAO,MAAM,QAAQ,GAAG,OAAO,OAAO,KAAK;AAC7C;;AAGA,SAAgB,YAAY,OAAoB,MAA+B;CAE7E,OADa,MAAM,MAAM,cAAc,SAAS,WAAW,IAAI,CACrD,IAAI,MAAM,QAAQ,cAAc,CAAC,SAAS,WAAW,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,IAAI;AACzF"}

package/dist/i18n/fill-phrase.d.ts

@@ -0,0 +1,10 @@
+//#region src/i18n/fill-phrase.d.ts
+/**
+ * A phrase with its `{n}` placeholders replaced by values that are not strings — a node to render
+ * a name in bold inside a sentence the translator sees whole. A placeholder with no value stays as
+ * written, as `localize` leaves it.
+ */
+declare function fillPhrase<T>(phrase: string, values: readonly T[]): (string | T)[];
+//#endregion
+export { fillPhrase };
+//# sourceMappingURL=fill-phrase.d.ts.map

package/dist/i18n/fill-phrase.js

@@ -0,0 +1,25 @@
+//#region src/i18n/fill-phrase.ts
+/**
+* A phrase with its `{n}` placeholders replaced by values that are not strings — a node to render
+* a name in bold inside a sentence the translator sees whole. A placeholder with no value stays as
+* written, as `localize` leaves it.
+*/
+function fillPhrase(phrase, values) {
+	const parts = [];
+	let last = 0;
+	for (const match of phrase.matchAll(/\{(\d+)\}/g)) {
+		const value = values[Number(match[1])];
+		if (value === void 0) continue;
+		const text = phrase.slice(last, match.index);
+		if (text !== "") parts.push(text);
+		parts.push(value);
+		last = match.index + match[0].length;
+	}
+	const rest = phrase.slice(last);
+	if (rest !== "") parts.push(rest);
+	return parts;
+}
+//#endregion
+export { fillPhrase };
+
+//# sourceMappingURL=fill-phrase.js.map

package/dist/i18n/fill-phrase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fill-phrase.js","names":[],"sources":["../../src/i18n/fill-phrase.ts"],"sourcesContent":["/**\n * A phrase with its `{n}` placeholders replaced by values that are not strings — a node to render\n * a name in bold inside a sentence the translator sees whole. A placeholder with no value stays as\n * written, as `localize` leaves it.\n */\nexport function fillPhrase<T>(phrase: string, values: readonly T[]): (string | T)[] {\n  const parts: (string | T)[] = [];\n  let last = 0;\n\n  for (const match of phrase.matchAll(/\\{(\\d+)\\}/g)) {\n    const value = values[Number(match[1])];\n    if (value === undefined) {\n      continue;\n    }\n    const text = phrase.slice(last, match.index);\n    if (text !== '') {\n      parts.push(text);\n    }\n    parts.push(value);\n    last = match.index + match[0].length;\n  }\n\n  const rest = phrase.slice(last);\n  if (rest !== '') {\n    parts.push(rest);\n  }\n\n  return parts;\n}\n"],"mappings":";;;;;;AAKA,SAAgB,WAAc,QAAgB,QAAsC;CAClF,MAAM,QAAwB,CAAC;CAC/B,IAAI,OAAO;CAEX,KAAK,MAAM,SAAS,OAAO,SAAS,YAAY,GAAG;EACjD,MAAM,QAAQ,OAAO,OAAO,MAAM,EAAE;EACpC,IAAI,UAAU,KAAA,GACZ;EAEF,MAAM,OAAO,OAAO,MAAM,MAAM,MAAM,KAAK;EAC3C,IAAI,SAAS,IACX,MAAM,KAAK,IAAI;EAEjB,MAAM,KAAK,KAAK;EAChB,OAAO,MAAM,QAAQ,MAAM,EAAE,CAAC;CAChC;CAEA,MAAM,OAAO,OAAO,MAAM,IAAI;CAC9B,IAAI,SAAS,IACX,MAAM,KAAK,IAAI;CAGjB,OAAO;AACT"}

package/dist/i18n/phrases.d.ts

@@ -0,0 +1,14 @@
+//#region src/i18n/phrases.d.ts
+declare const uiKitPhrases: Readonly<{
+  readonly 'enonic.uiKit.dialog.cancel': 'Cancel';
+  readonly 'enonic.uiKit.dialog.confirm': 'Confirm';
+  readonly 'enonic.uiKit.dialog.delete': 'Delete';
+  readonly 'enonic.uiKit.dialog.keep': 'Keep editing';
+} & {
+  readonly 'enonic.uiKit.gate.hint': 'Type {0} to confirm';
+  readonly 'enonic.uiKit.gate.mismatch': '{1} does not match {0}';
+}>;
+type UiKitPhraseKey = keyof typeof uiKitPhrases;
+//#endregion
+export { UiKitPhraseKey, uiKitPhrases };
+//# sourceMappingURL=phrases.d.ts.map

package/dist/i18n/phrases.js

@@ -0,0 +1,23 @@
+import { mergePhrases } from "@enonic/ui-utils";
+//#region src/i18n/phrases.ts
+/**
+* Every text the package renders, in English, keyed `enonic.uiKit.<area>.<name>`. An application
+* translates them through the `Translate` it hands `@enonic/ui`'s `I18nProvider`; a key it has no
+* text for renders this English. `comparePhrases` from `@enonic/ui-utils` tells an application
+* which of these its bundle lacks.
+*/
+const dialogPhrases = {
+	"enonic.uiKit.dialog.cancel": "Cancel",
+	"enonic.uiKit.dialog.confirm": "Confirm",
+	"enonic.uiKit.dialog.delete": "Delete",
+	"enonic.uiKit.dialog.keep": "Keep editing"
+};
+const gatePhrases = {
+	"enonic.uiKit.gate.hint": "Type {0} to confirm",
+	"enonic.uiKit.gate.mismatch": "{1} does not match {0}"
+};
+const uiKitPhrases = mergePhrases([dialogPhrases, gatePhrases]);
+//#endregion
+export { dialogPhrases, gatePhrases, uiKitPhrases };
+
+//# sourceMappingURL=phrases.js.map

package/dist/i18n/phrases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phrases.js","names":[],"sources":["../../src/i18n/phrases.ts"],"sourcesContent":["import { mergePhrases } from '@enonic/ui-utils';\n\n/**\n * Every text the package renders, in English, keyed `enonic.uiKit.<area>.<name>`. An application\n * translates them through the `Translate` it hands `@enonic/ui`'s `I18nProvider`; a key it has no\n * text for renders this English. `comparePhrases` from `@enonic/ui-utils` tells an application\n * which of these its bundle lacks.\n */\nexport const dialogPhrases = {\n  'enonic.uiKit.dialog.cancel': 'Cancel',\n  'enonic.uiKit.dialog.confirm': 'Confirm',\n  'enonic.uiKit.dialog.delete': 'Delete',\n  'enonic.uiKit.dialog.keep': 'Keep editing',\n} as const;\n\nexport const gatePhrases = {\n  'enonic.uiKit.gate.hint': 'Type {0} to confirm',\n  'enonic.uiKit.gate.mismatch': '{1} does not match {0}',\n} as const;\n\nexport const uiKitPhrases = mergePhrases([dialogPhrases, gatePhrases]);\n\nexport type UiKitPhraseKey = keyof typeof uiKitPhrases;\n"],"mappings":";;;;;;;;AAQA,MAAa,gBAAgB;CAC3B,8BAA8B;CAC9B,+BAA+B;CAC/B,8BAA8B;CAC9B,4BAA4B;AAC9B;AAEA,MAAa,cAAc;CACzB,0BAA0B;CAC1B,8BAA8B;AAChC;AAEA,MAAa,eAAe,aAAa,CAAC,eAAe,WAAW,CAAC"}

package/dist/i18n/use-phrases.d.ts

@@ -0,0 +1,9 @@
+import { UiKitPhraseKey } from "./phrases.js";
+import { PhraseValue } from "@enonic/ui-utils";
+//#region src/i18n/use-phrases.d.ts
+type UiKitTranslate = (key: UiKitPhraseKey, ...values: PhraseValue[]) => string;
+/** The package's labels, through the application's `Translate` where it has a word. */
+declare function useUiKitPhrases(): UiKitTranslate;
+//#endregion
+export { UiKitTranslate, useUiKitPhrases };
+//# sourceMappingURL=use-phrases.d.ts.map

package/dist/i18n/use-phrases.js

@@ -0,0 +1,11 @@
+import { uiKitPhrases } from "./phrases.js";
+import { usePhrases } from "@enonic/ui";
+//#region src/i18n/use-phrases.ts
+/** The package's labels, through the application's `Translate` where it has a word. */
+function useUiKitPhrases() {
+	return usePhrases(uiKitPhrases);
+}
+//#endregion
+export { useUiKitPhrases };
+
+//# sourceMappingURL=use-phrases.js.map

package/dist/i18n/use-phrases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-phrases.js","names":[],"sources":["../../src/i18n/use-phrases.ts"],"sourcesContent":["import { usePhrases } from '@enonic/ui';\nimport type { PhraseValue } from '@enonic/ui-utils';\n\nimport { uiKitPhrases, type UiKitPhraseKey } from './phrases';\n\nexport type UiKitTranslate = (key: UiKitPhraseKey, ...values: PhraseValue[]) => string;\n\n/** The package's labels, through the application's `Translate` where it has a word. */\nexport function useUiKitPhrases(): UiKitTranslate {\n  return usePhrases(uiKitPhrases);\n}\n"],"mappings":";;;;AAQA,SAAgB,kBAAkC;CAChD,OAAO,WAAW,YAAY;AAChC"}

package/dist/index.d.ts

@@ -1 +1,16 @@
-export {}
+import { ActionDialogContextValue, ActionDialogOpenChangeDetails, useActionDialog } from "./dialog/action-dialog-context.js";
+import { ActionDialog, ActionDialogActionProps, ActionDialogBodyProps, ActionDialogContentProps, ActionDialogFooterProps, ActionDialogRootProps, DialogIntent, DialogSize, FooterQuestion } from "./dialog/action-dialog.js";
+import { DeleteTarget, deleteExpectation } from "./dialog/delete-expectation.js";
+import { DeleteConfirm, DeleteConfirmProps } from "./dialog/delete-confirm.js";
+import { DialogPreset, DialogPresetConfirmProps } from "./dialog/dialog-preset.js";
+import { Gate, GateHintProps, GateInputProps } from "./dialog/gate.js";
+import { matchesExpected } from "./dialog/gate-match.js";
+import { CloseGuard, CloseGuardOptions, useCloseGuard } from "./dialog/use-close-guard.js";
+import { EMPTY_FILTER, FieldTerm, FilterQuery, FilterTerm, TextTerm, fieldTerm, isFieldTerm, isTextTerm, sameTerm, termKey, textOf, textTerm, toggledTerm, valuesOf, withTerm, withoutTerm } from "./filter/filter-query.js";
+import { FilterField, FilterValue } from "./filter/filter-fields.js";
+import { FilterInput, FilterInputProps } from "./filter/filter-input.js";
+import { FilterInputPhraseKey, filterInputPhrases } from "./filter/filter-input.phrases.js";
+import { fillPhrase } from "./i18n/fill-phrase.js";
+import { UiKitPhraseKey, uiKitPhrases } from "./i18n/phrases.js";
+import { UiKitTranslate, useUiKitPhrases } from "./i18n/use-phrases.js";
+export { ActionDialog, type ActionDialogActionProps, type ActionDialogBodyProps, type ActionDialogContentProps, type ActionDialogContextValue, type ActionDialogFooterProps, type ActionDialogOpenChangeDetails, type ActionDialogRootProps, type CloseGuard, type CloseGuardOptions, DeleteConfirm, type DeleteConfirmProps, type DeleteTarget, type DialogIntent, DialogPreset, type DialogPresetConfirmProps, type DialogSize, EMPTY_FILTER, type FieldTerm, type FilterField, FilterInput, type FilterInputPhraseKey, type FilterInputProps, type FilterQuery, type FilterTerm, type FilterValue, type FooterQuestion, Gate, type GateHintProps, type GateInputProps, type TextTerm, type UiKitPhraseKey, type UiKitTranslate, deleteExpectation, fieldTerm, fillPhrase, filterInputPhrases, isFieldTerm, isTextTerm, matchesExpected, sameTerm, termKey, textOf, textTerm, toggledTerm, uiKitPhrases, useActionDialog, useCloseGuard, useUiKitPhrases, valuesOf, withTerm, withoutTerm };

package/dist/index.js

@@ -0,0 +1,15 @@
+import { useActionDialog } from "./dialog/action-dialog-context.js";
+import { uiKitPhrases } from "./i18n/phrases.js";
+import { useUiKitPhrases } from "./i18n/use-phrases.js";
+import { ActionDialog } from "./dialog/action-dialog.js";
+import { deleteExpectation } from "./dialog/delete-expectation.js";
+import { fillPhrase } from "./i18n/fill-phrase.js";
+import { matchesExpected } from "./dialog/gate-match.js";
+import { Gate } from "./dialog/gate.js";
+import { DeleteConfirm } from "./dialog/delete-confirm.js";
+import { DialogPreset } from "./dialog/dialog-preset.js";
+import { useCloseGuard } from "./dialog/use-close-guard.js";
+import { EMPTY_FILTER, fieldTerm, isFieldTerm, isTextTerm, sameTerm, termKey, textOf, textTerm, toggledTerm, valuesOf, withTerm, withoutTerm } from "./filter/filter-query.js";
+import { filterInputPhrases } from "./filter/filter-input.phrases.js";
+import { FilterInput } from "./filter/filter-input.js";
+export { ActionDialog, DeleteConfirm, DialogPreset, EMPTY_FILTER, FilterInput, Gate, deleteExpectation, fieldTerm, fillPhrase, filterInputPhrases, isFieldTerm, isTextTerm, matchesExpected, sameTerm, termKey, textOf, textTerm, toggledTerm, uiKitPhrases, useActionDialog, useCloseGuard, useUiKitPhrases, valuesOf, withTerm, withoutTerm };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@enonic/ui-kit",
-  "version": "0.4.0",
-  "description": "Composite React components with behaviour: layouts, panels, toolbars, browse screens",
+  "version": "0.5.0",
+  "description": "Composite React components with behaviour: the dialog shell and its confirmations, layouts, toolbars, browse screens",
   "keywords": [
     "components",
     "enonic",
@@ -22,7 +22,8 @@
     "directory": "packages/ui-kit"
   },
   "files": [
-    "dist"
+    "dist",
+    "preset.css"
   ],
   "type": "module",
   "sideEffects": false,
@@ -32,22 +33,49 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
-    }
+    },
+    "./preset.css": "./preset.css"
   },
   "publishConfig": {
     "access": "public",
     "provenance": false
   },
+  "dependencies": {
+    "@enonic/ui-utils": "^0.5.0",
+    "lucide-react": "^1.48.0"
+  },
   "devDependencies": {
+    "@enonic/ui": "^1.4.0",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@storybook/preact-vite": "~10.6.0",
+    "@testing-library/preact": "~3.2.4",
+    "@testing-library/user-event": "~14.6.7",
+    "@types/node": "^26.6.3",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
+    "happy-dom": "~20.14.5",
     "preact": "^10.29.8",
     "publint": "^0.3.24",
     "typescript": "^7.0.2",
-    "vite-plus": "0.2.9"
+    "vite-plus": "0.2.9",
+    "vitest": "4.1.10"
   },
   "peerDependencies": {
-    "preact": ">=10.0.0"
+    "@enonic/ui": "^1.4.0",
+    "preact": ">=10.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "preact": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
   },
   "engines": {
     "node": ">=22.12.0"

package/preset.css

@@ -0,0 +1,6 @@
+/*
+ * The kit's components carry Tailwind classes and ship no CSS: a consumer's Tailwind build
+ * generates the utilities it finds in `dist`. `@import '@enonic/ui-kit/preset.css'` after the
+ * `@enonic/ui` preset points that build here; the tokens the classes use are `@enonic/ui`'s.
+ */
+@source './dist';