mtrl 0.2.2 → 0.2.4

package/src/core/build/text.ts

@@ -0,0 +1,91 @@
+// src/core/build/text.ts
+/**
+ * @module core/build
+ */
+
+/**
+ * Configuration for text manager
+ */
+export interface TextConfig {
+  /**
+   * CSS class prefix
+   */
+  prefix?: string;
+  
+  /**
+   * Component type
+   */
+  type?: string;
+  
+  /**
+   * Element to insert before
+   */
+  beforeElement?: HTMLElement;
+}
+
+/**
+ * Text manager interface
+ */
+export interface TextManager {
+  /**
+   * Sets text content
+   * @param text - Text content to set
+   * @returns TextManager instance for chaining
+   */
+  setText: (text: string) => TextManager;
+  
+  /**
+   * Gets current text content
+   * @returns Current text
+   */
+  getText: () => string;
+  
+  /**
+   * Gets text element
+   * @returns Text element or null if not created
+   */
+  getElement: () => HTMLElement | null;
+}
+
+/**
+ * Creates a text manager for a component
+ * 
+ * @param element - Parent element
+ * @param config - Text configuration
+ * @returns Text manager interface
+ */
+export const createText = (element: HTMLElement, config: TextConfig = {}): TextManager => {
+  let textElement: HTMLElement | null = null;
+  const PREFIX = config.prefix || 'mtrl';
+
+  const createElement = (content: string): HTMLElement => {
+    const span = document.createElement('span');
+    span.className = `${PREFIX}-${config.type || 'component'}-text`;
+    span.textContent = content;
+    return span;
+  };
+
+  return {
+    setText(text: string): TextManager {
+      if (!textElement && text) {
+        textElement = createElement(text);
+        if (config.beforeElement) {
+          element.insertBefore(textElement, config.beforeElement);
+        } else {
+          element.appendChild(textElement);
+        }
+      } else if (textElement) {
+        textElement.textContent = text;
+      }
+      return this;
+    },
+
+    getText(): string {
+      return textElement ? textElement.textContent || '' : '';
+    },
+
+    getElement(): HTMLElement | null {
+      return textElement;
+    }
+  };
+};

package/src/index.ts

@@ -2,13 +2,21 @@
 export { createElement } from './core/dom/create'
 export { default as createLayout } from './core/layout'
 export { default as createButton } from './components/button'
+export { default as createBadge } from './components/badge'
 export { default as createCard } from './components/card'
+export { default as createCarousel } from './components/carousel'
 export { default as createCheckbox } from './components/checkbox'
 export { default as createChip } from './components/chip'
+export { default as createDialog } from './components/dialog'
 export { default as createMenu } from './components/menu'
 export { default as createNavigation } from './components/navigation'
 export { default as createProgress } from './components/progress'
+export { default as createRadios } from './components/radios'
+export { default as createSheet } from './components/sheet'
+export { default as createSlider } from './components/slider'
 export { default as createSnackbar } from './components/snackbar'
 export { default as createSwitch } from './components/switch'
+export { default as createTabs } from './components/tabs'
 export { default as createTextfield } from './components/textfield'
-export { default as createList } from './components/list'
+export { default as createTooltip } from './components/tooltip'
+export { default as createList } from './components/list'

package/src/styles/abstract/_variables.scss

@@ -180,18 +180,22 @@ $z-index: (
 ) !default;
 
 // Component-specific tokens
-@function card($key) {
-  $card: (
-    'width': 344px,
-    'width-small': 344px,
-    'width-medium': 480px,
-    'width-large': 624px,
-    'border-radius': 12px,
-    'padding': 16px
-  );
-  
-  @return map-get($card, $key);
-}
+$card: (
+  'width': 344px,
+  'width-small': 344px,
+  'width-medium': 480px,
+  'width-large': 624px,
+  'border-radius': 12px,
+  'padding': 16px
+) !default;
+
+// Chip configuration
+$chip-config: (
+  'height': 32px,
+  'border-radius': 8px,
+  'padding-horizontal': 12px
+) !default;
+
 $button: (
   'height': 40px,
   'min-width': 64px,
@@ -234,4 +238,12 @@ $button: (
 
 @function button($prop) {
   @return map.get($button, $prop);
+}
+
+@function card($key) {
+  @return map.get($card, $key);
+}
+
+@function chip($key) {
+  @return map.get($chip-config, $key);
 }

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "moduleResolution": "node",
+    "declaration": true,
+    "outDir": "./dist",
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": false,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "jsx": "preserve",
+    "noImplicitAny": false,
+    "allowJs": true,
+    "noErrorTruncation": true,
+    "noEmitOnError": false
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "**/*.test.ts", "**/*.spec.ts"]
+}

package/typedoc.json

@@ -0,0 +1,28 @@
+// typedoc.json
+{
+  "entryPoints": ["./src/index.ts"],
+  "out": "docs",
+  "name": "MTRL Documentation",
+  "exclude": ["**/node_modules/**", "**/*.test.ts", "**/*.spec.ts"],
+  "excludePrivate": true,
+  "excludeExternals": true,
+  "theme": "default",
+  "categoryOrder": ["Core", "Components", "Utilities", "*"],
+  "categorizeByGroup": true,
+  "readme": "README.md",
+  "includeVersion": true,
+  "hideGenerator": true,
+  "searchInComments": true,
+  "sort": ["static-first", "alphabetical"],
+  "navigationLinks": {
+    "GitHub": "https://github.com/floor/mtrl"
+  },
+  "skipErrorChecking": true,
+  "skipLibCheck": true,
+  "skipDiagnostics": true,
+  "disableSources": false,
+  "validation": {
+    "invalidLink": false,
+    "notDocumented": false
+  }
+}

package/typedoc.simple.json

@@ -0,0 +1,14 @@
+// typedoc.simple.json
+{
+  "entryPoints": ["./src/index.js"],
+  "out": "docs",
+  "name": "MTRL Documentation",
+  "exclude": ["**/node_modules/**", "**/*.test.js", "**/*.spec.js"],
+  "excludePrivate": true,
+  "theme": "default",
+  "readme": "README.md",
+  "includeVersion": true,
+  "entryPointStrategy": "expand",
+  "treatWarningsAsErrors": false,
+  "tsconfig": false
+}