infinity-ui-elements 1.3.1 → 1.4.1-beta.0

package/dist/lib/icons.d.ts

@@ -0,0 +1,96 @@
+import * as React from "react";
+/**
+ * Icon component props
+ */
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+}
+/**
+ * ==============================================
+ * HOW TO ADD A NEW ICON:
+ * ==============================================
+ *
+ * 1. Add your SVG file to: src/assets/icons/{iconName}.svg
+ *
+ * 2. Copy the SVG content from the file
+ *
+ * 3. Add it to the iconRegistry below:
+ *    iconName: `<svg>...</svg>`,
+ *
+ * 4. Use it anywhere in your app:
+ *    <Icon name="iconName" size={24} />
+ *
+ * The Icon component will automatically:
+ * - Replace hardcoded colors with currentColor
+ * - Allow you to control color via className or style
+ * - Resize based on the size prop
+ * ==============================================
+ */
+/**
+ * Icon registry - maps icon names to their SVG content
+ * Add your icons here by copying the SVG content from your icon files
+ */
+declare const iconRegistry: Record<string, string>;
+/**
+ * Type for available icon names (with autocomplete support)
+ */
+export type IconName = keyof typeof iconRegistry;
+/**
+ * Icon component that renders an SVG icon by name
+ *
+ * Features:
+ * - ✓ Automatically converts hardcoded colors to currentColor
+ * - ✓ Control color via className (e.g., "text-blue-500")
+ * - ✓ Control color via style prop
+ * - ✓ Customizable size
+ * - ✓ TypeScript autocomplete for icon names
+ * - ✓ All standard SVG props supported
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Icon name="tick" size={24} />
+ *
+ * // With Tailwind color class
+ * <Icon name="tick" size={16} className="text-blue-500" />
+ *
+ * // With inline styles
+ * <Icon name="check" size={20} style={{ color: 'red' }} />
+ *
+ * // With custom props
+ * <Icon name="tick" size={32} className="hover:text-green-600 transition-colors" />
+ * ```
+ */
+export interface DynamicIconProps extends Omit<React.SVGProps<SVGSVGElement>, "ref" | "dangerouslySetInnerHTML"> {
+    /** Name of the icon to render */
+    name: IconName;
+    /** Size of the icon (width and height) */
+    size?: number | string;
+}
+export declare const Icon: React.FC<DynamicIconProps>;
+/**
+ * Get all available icon names from the registry
+ * @returns Array of registered icon names
+ *
+ * @example
+ * ```tsx
+ * const icons = getAvailableIcons();
+ * console.log(icons); // ['tick', 'check', ...]
+ * ```
+ */
+export declare function getAvailableIcons(): IconName[];
+/**
+ * Check if an icon exists in the registry
+ * @param name - Icon name to check
+ * @returns true if the icon exists
+ *
+ * @example
+ * ```tsx
+ * if (hasIcon('tick')) {
+ *   // Icon exists
+ * }
+ * ```
+ */
+export declare function hasIcon(name: string): name is IconName;
+export { iconRegistry };
+//# sourceMappingURL=icons.d.ts.map

package/dist/lib/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/lib/icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;GAGG;AACH,QAAA,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAUxC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAC;AAEjD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAC7B,KAAK,GAAG,yBAAyB,CAClC;IACD,iCAAiC;IACjC,IAAI,EAAE,QAAQ,CAAC;IACf,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkD3C,CAAC;AAIF;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,IAAI,QAAQ,EAAE,CAE9C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,IAAI,QAAQ,CAEtD;AAGD,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAoB7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAYzC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAgC7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAYzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-ui-elements",
-  "version": "1.3.1",
+  "version": "1.4.1-beta.0",
   "description": "A React TypeScript component library with Tailwind CSS design system",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
@@ -23,7 +23,11 @@
     "version:major": "yarn version major && yarn build",
     "publish:patch": "yarn version:patch && npm publish",
     "publish:minor": "yarn version:minor && npm publish",
-    "publish:major": "yarn version:major && npm publish"
+    "publish:major": "yarn version:major && npm publish",
+    "version:beta": "npm version prerelease --preid=beta --no-git-tag-version",
+    "publish:beta": "yarn version:beta && yarn build && npm publish --tag beta",
+    "publish:stable": "yarn build && npm publish --tag latest",
+    "promote:beta-to-prod": "npm dist-tag add infinity-ui-elements@$(node -p \"require('./package.json').version\") latest"
   },
   "keywords": [
     "react",