@shohojdhara/atomix 0.1.5 → 0.1.7

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

@@ -0,0 +1,2 @@
+export * from './components';
+export type { PhotoViewerProps } from './components';

package/dist/types/lib/utils/dom.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Check if element has a specific class
+ * @param element - DOM element to check
+ * @param className - Class name to check for
+ * @returns Whether element has the class
+ */
+export declare function hasClass(element: HTMLElement, className: string): boolean;
+/**
+ * Add class to element if not already present
+ * @param element - DOM element to modify
+ * @param className - Class name to add
+ */
+export declare function addClass(element: HTMLElement, className: string): void;
+/**
+ * Remove class from element if present
+ * @param element - DOM element to modify
+ * @param className - Class name to remove
+ */
+export declare function removeClass(element: HTMLElement, className: string): void;
+/**
+ * Toggle class on element
+ * @param element - DOM element to modify
+ * @param className - Class name to toggle
+ * @param force - If true, adds class; if false, removes class
+ */
+export declare function toggleClass(element: HTMLElement, className: string, force?: boolean): void;

package/dist/types/lib/utils/icons.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Create a Phosphor icon SVG element
+ * @param name - Icon name
+ * @param size - Icon size in pixels
+ * @returns SVG element as HTML string
+ */
+export declare function createPhosphorIcon(name: string, size?: number): string;
+/**
+ * Create an icon element
+ * @param name - Icon name
+ * @param size - Icon size in pixels
+ * @param className - Additional CSS class name
+ * @returns Icon element
+ */
+export declare function createIconElement(name: string, size?: number, className?: string): HTMLSpanElement;
+/**
+ * Get all available icon names
+ * @returns Array of icon names
+ */
+export declare function getAvailableIcons(): string[];

package/dist/types/lib/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './dom';
+export * from './icons';

package/dist/types/lib/utils/useForkRef.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/**
+ * Utility to merge multiple React refs into one
+ */
+export declare function setRef<T>(ref: React.MutableRefObject<T | null> | ((instance: T | null) => void) | null, value: T | null): void;
+/**
+ * Combines two React refs into a single ref function
+ * This is used when you need to use and forward a ref at the same time
+ */
+export default function useForkRef<T>(refA: React.Ref<T> | null, refB: React.Ref<T> | null): React.RefCallback<T> | null;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@shohojdhara/atomix",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Atomix Design System - A modern component library for web applications",
-  "main": "dist/js/atomix-${version}.react.cjs.js",
-  "module": "dist/js/atomix-${version}.react.esm.js",
-  "unpkg": "dist/js/atomix-${version}.react.js",
-  "jsdelivr": "dist/js/atomix-${version}.react.js",
-  "browser": "dist/js/atomix-${version}.react.js",
-  "typings": "dist/types/react.d.ts",
+  "main": "dist/js/atomix.react.cjs.js",
+  "module": "dist/js/atomix.react.esm.js",
+  "unpkg": "dist/js/atomix.react.js",
+  "jsdelivr": "dist/js/atomix.react.js",
+  "browser": "dist/js/atomix.react.js",
+  "typings": "dist/types/index.d.ts",
   "sideEffects": [
     "*.css",
     "*.scss",
@@ -16,18 +16,18 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/js/atomix-${version}.react.esm.js",
-      "require": "./dist/js/atomix-${version}.react.cjs.js",
-      "default": "./dist/js/atomix-${version}.react.esm.js"
+      "import": "./dist/js/atomix.react.esm.js",
+      "require": "./dist/js/atomix.react.cjs.js",
+      "default": "./dist/js/atomix.react.esm.js"
     },
     "./package.json": "./package.json",
     "./css": {
       "types": "./dist/types/css.d.ts",
-      "default": "./dist/css/atomix-${version}.css"
+      "default": "./dist/css/atomix.css"
     },
     "./css/min": {
       "types": "./dist/types/css.d.ts",
-      "default": "./dist/css/atomix-${version}.min.css"
+      "default": "./dist/css/atomix.min.css"
     },
     "./scss": "./src/styles/index.scss"
   },
@@ -99,7 +99,7 @@
     "analyze:bundle": "npm run analyze",
     "build:parallel": "npm-run-all --parallel build:cjs build:esm build:umd",
     "clean:dist": "rm -rf dist",
-    "build:components": "npm-run-all clean:dist build:types --parallel build:react build:styles",
+    "build:components": "npm-run-all clean:dist build:types --parallel build:react build:styles build:types",
     "build:react": "npx webpack --mode production --env target=components --env format=all",
     "build:styles": "npm run clean:dist && npx webpack --mode production --env target=styles",
     "build:cjs": "npx webpack --mode production --env target=components --env format=cjs",