@mrts/soltw 0.3.12 → 0.3.13

package/dist/Block.d.ts

@@ -0,0 +1,13 @@
+import { ISVTStyler, TagListArgument } from "./stylers/types.js";
+import { Component, ParentProps } from "solid-js";
+
+//#region src/Block.d.ts
+type TProps = ParentProps & {
+  vtags?: TagListArgument;
+  styler?: ISVTStyler;
+  class?: string;
+  element?: string;
+};
+declare const Block: Component<TProps>;
+//#endregion
+export { Block };

package/dist/Block.js

@@ -0,0 +1,33 @@
+import { createComponent } from "./node_modules/solid-js/dist/solid.js";
+import { Dynamic } from "./node_modules/solid-js/web/dist/web.js";
+import { twMerge } from "./node_modules/tailwind-merge/dist/bundle-mjs.js";
+import { Stylers } from "./stylers/Stylers.js";
+import "./stylers/index.js";
+
+//#region src/Block.tsx
+const Block = (props) => {
+	const elementTag = () => props.element ?? "div";
+	const currentStyler = () => {
+		if (props.styler) return props.styler;
+		else return Stylers.base;
+	};
+	function blockClasses() {
+		const classes = currentStyler().classes("block", props.vtags) ?? [];
+		if (props.class) classes.push(props.class);
+		return twMerge(classes);
+	}
+	return createComponent(Dynamic, {
+		get component() {
+			return elementTag();
+		},
+		get ["class"]() {
+			return blockClasses();
+		},
+		get children() {
+			return props.children;
+		}
+	});
+};
+
+//#endregion
+export { Block };

package/dist/Block.jsx

@@ -0,0 +1,24 @@
+import { twMerge } from "./node_modules/tailwind-merge/dist/bundle-mjs.jsx";
+import { Stylers } from "./stylers/Stylers.jsx";
+import { Dynamic } from "./node_modules/solid-js/web/dist/web.jsx";
+import "./stylers/index.jsx";
+
+//#region src/Block.tsx
+const Block = (props) => {
+	const elementTag = () => props.element ?? "div";
+	const currentStyler = () => {
+		if (props.styler) return props.styler;
+		else return Stylers.base;
+	};
+	function blockClasses() {
+		const classes = currentStyler().classes("block", props.vtags) ?? [];
+		if (props.class) classes.push(props.class);
+		return twMerge(classes);
+	}
+	return <Dynamic component={elementTag()} class={blockClasses()}>
+      {props.children}
+    </Dynamic>;
+};
+
+//#endregion
+export { Block };

package/dist/index.d.ts

@@ -1,126 +1,11 @@
-import { Component, ParentProps } from "solid-js";
-import { TokenizeArg } from "@mrts/common";
-
-//#region src/items/IdLabel.d.ts
-interface IdLabel {
-  id: string;
-  label: string;
-  [x: string | symbol]: unknown;
-}
-type IdLabelDef = {
-  id: string;
-  label?: string;
-  [x: string | symbol]: unknown;
-};
-type IdLabelArg = IdLabelDef | [string, string] | string;
-declare function buildIdLabel(arg: IdLabelArg): IdLabel;
-//#endregion
-//#region src/stylers/types.d.ts
-type TagListArgument = TokenizeArg;
-interface ISVTStyler {
-  classes(stags: TagListArgument, vtags: TagListArgument): string[] | undefined;
-}
-type TagRuleMode = "or" | "and" | "any";
-type TagRule = {
-  mode: TagRuleMode;
-  tags: string[];
-};
-//#endregion
-//#region src/stylers/Stylers.d.ts
-declare class Stylers {
-  private static _base;
-  private static _stylersMap;
-  static get base(): ISVTStyler | undefined;
-  static setBase(base: ISVTStyler | undefined): ISVTStyler | undefined;
-  static get(name: string): ISVTStyler | undefined;
-}
-//#endregion
-//#region src/stylers/normalizers.d.ts
-declare function twMergeNormalize(raw: string[]): string[];
-declare function mainTagNormalize(rawTags: string[], defaultTag?: string): string[];
-declare function exclusiveTagsNormalize(rawTags: string[], tagSet: Set<String> | ((tag: string) => boolean), defaultTag?: string): string[];
-//#endregion
-//#region src/stylers/SVTStyler.d.ts
-type SVTRule = {
-  stagRule: TagRule;
-  vtagRule: TagRule;
-  classes: string[];
-};
-type SVTRuleDef = {
-  stagMode?: TagRuleMode;
-  vtagMode?: TagRuleMode;
-  stags?: TagListArgument;
-  vtags?: TagListArgument;
-  classes?: TagListArgument;
-};
-type SVTStylerOptions = {
-  normalizer?: (rawClasses: string[]) => string[];
-  stagsNormaliser?: (rawTags: string[]) => string[];
-  vtagsNormaliser?: (rawTags: string[]) => string[];
-};
-declare class SVTStyler implements ISVTStyler {
-  readonly _rules: SVTRule[];
-  readonly options: SVTStylerOptions;
-  constructor(rules: SVTRuleDef[], options?: SVTStylerOptions);
-  with(rules: SVTRuleDef[], options?: SVTStylerOptions): SVTStyler;
-  classes(stags: TagListArgument, vtags: TagListArgument): string[];
-  static normalizeRule(rule: SVTRuleDef): SVTRule;
-  ruleMatches(rule: SVTRule, stags: string[], vtags: string[]): boolean;
-}
-declare function tagRuleMatches(rule: TagRule, candidateTags: string[]): boolean;
-//#endregion
-//#region src/stylers/base.styler.d.ts
-declare const baseStyler: SVTStyler;
-//#endregion
-//#region src/items/Item.d.ts
-type TItemClass = {
-  item?: string;
-  selected?: string;
-  disabled?: string;
-  disabler?: string;
-};
-type TItemClassArg = TItemClass | string;
-type TItemProps = {
-  idLabel: IdLabelArg;
-  callback?: (item: IdLabel) => void;
-  selected?: boolean;
-  disabled?: boolean;
-  clickableWhendisabled?: boolean;
-  styler?: ISVTStyler;
-  vtags?: TagListArgument;
-  class?: TItemClassArg;
-};
-declare const Item: Component<TItemProps>;
-//#endregion
-//#region src/Block.d.ts
-type TProps$2 = ParentProps & {
-  vtags?: TagListArgument;
-  styler?: ISVTStyler;
-  class?: string;
-  element?: string;
-};
-declare const Block: Component<TProps$2>;
-//#endregion
-//#region src/items/ItemGroup.d.ts
-type TProps$1 = {
-  items: IdLabelArg[];
-  callback?: (item: IdLabel) => void;
-  class?: string | {
-    group?: string;
-    item?: TItemClassArg;
-  };
-  selection?: string | {
-    [id: string]: boolean;
-  };
-  vtags?: TagListArgument | {
-    group?: TagListArgument;
-    item?: TagListArgument;
-  };
-};
-declare const ItemGroup: Component<TProps$1>;
-//#endregion
-//#region src/soltw.d.ts
-type TProps = {};
-declare const SolTw: Component<TProps>;
-//#endregion
+import { IdLabel, IdLabelArg, IdLabelDef, buildIdLabel } from "./items/IdLabel.js";
+import { ISVTStyler, TagListArgument, TagRule, TagRuleMode } from "./stylers/types.js";
+import { Stylers } from "./stylers/Stylers.js";
+import { exclusiveTagsNormalize, mainTagNormalize, twMergeNormalize } from "./stylers/normalizers.js";
+import { SVTRule, SVTRuleDef, SVTStyler, tagRuleMatches } from "./stylers/SVTStyler.js";
+import { baseStyler } from "./stylers/base.styler.js";
+import { Item, TItemClass, TItemClassArg, TItemProps } from "./items/Item.js";
+import { Block } from "./Block.js";
+import { ItemGroup } from "./items/ItemGroup.js";
+import { SolTw } from "./soltw.js";
 export { Block, ISVTStyler, IdLabel, IdLabelArg, IdLabelDef, Item, ItemGroup, SVTRule, SVTRuleDef, SVTStyler, SolTw, Stylers, TItemClass, TItemClassArg, TItemProps, TagListArgument, TagRule, TagRuleMode, baseStyler, buildIdLabel, exclusiveTagsNormalize, mainTagNormalize, tagRuleMatches, twMergeNormalize };