@electroplix/components 0.0.2 → 0.1.0

package/dist/src/index.d.ts

@@ -1,3 +1,6 @@
-export * from './lib/components';
-export * from './lib/Navbar';
+export type { NavLink, NavbarProps, NavbarConfig, ElectroplixConfig, } from "./lib/types";
+export { defineConfig, defaultNavbarConfig, defaultConfig, mergeConfig, } from "./lib/config";
+export { ElectroplixProvider, useElectroplixConfig } from "./lib/provider";
+export type { ElectroplixProviderProps } from "./lib/provider";
+export { Navbar } from "./lib/Navbar";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAKA,YAAY,EACV,OAAO,EACP,WAAW,EACX,YAAY,EACZ,iBAAiB,GAClB,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,WAAW,GACZ,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,YAAY,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC"}

package/dist/src/lib/Navbar.d.ts

@@ -1,23 +1,5 @@
-import React from "react";
-export type NavLink = {
-    label: string;
-    href: string;
-};
-export interface NavbarProps {
-    logoText?: string;
-    links?: NavLink[];
-    bgColor?: string;
-    textColor?: string;
-    accentColor?: string;
-    borderColor?: string;
-    fontFamily?: string;
-    height?: number;
-    padding?: number;
-    showSearch?: boolean;
-    showCTA?: boolean;
-    ctaText?: string;
-    sticky?: boolean;
-}
-export declare const Navbar: React.FC<NavbarProps>;
+import type { FC } from "react";
+import type { NavbarProps } from "./types";
+export declare const Navbar: FC<NavbarProps>;
 export default Navbar;
 //# sourceMappingURL=Navbar.d.ts.map

package/dist/src/lib/Navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/lib/Navbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,OAAO,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtD,MAAM,WAAW,WAAW;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgJxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Navbar.d.ts","sourceRoot":"","sources":["../../../src/lib/Navbar.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,SAAS,CAAC;AAKzD,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CA8KlC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/src/lib/config.d.ts

@@ -0,0 +1,36 @@
+import type { ElectroplixConfig, NavbarConfig } from "./types";
+/** Built-in default Navbar styling / behaviour. */
+export declare const defaultNavbarConfig: Required<NavbarConfig>;
+/** Built-in default global configuration. */
+export declare const defaultConfig: ElectroplixConfig;
+/**
+ * Type-safe helper for authoring an Electroplix configuration file.
+ *
+ * @example
+ * ```ts
+ * // electroplix.config.ts
+ * import { defineConfig } from "@electroplix/components";
+ *
+ * export default defineConfig({
+ *   navbar: {
+ *     bgColor: "#22223B",
+ *     textColor: "#F2E9E4",
+ *     accentColor: "#C9ADA7",
+ *     borderColor: "#4A4E69",
+ *     fontFamily: "Roboto, sans-serif",
+ *     height: 80,
+ *     padding: 32,
+ *     sticky: true,
+ *     showSearch: true,
+ *     showCTA: true,
+ *   },
+ * });
+ * ```
+ */
+export declare function defineConfig(config: ElectroplixConfig): ElectroplixConfig;
+/**
+ * Shallow-merge helper.  Later sources win; `undefined` values in
+ * a source are ignored so partial overrides work correctly.
+ */
+export declare function mergeConfig<T extends Record<string, unknown>>(target: T, ...sources: Array<Partial<T> | undefined>): T;
+//# sourceMappingURL=config.d.ts.map

package/dist/src/lib/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../src/lib/config.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI/D,mDAAmD;AACnD,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,YAAY,CAWtD,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,aAAa,EAAE,iBAE3B,CAAC;AAIF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,iBAAiB,CAEzE;AAID;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC3D,MAAM,EAAE,CAAC,EACT,GAAG,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GACxC,CAAC,CAWH"}

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

@@ -0,0 +1,10 @@
+import type { CSSProperties } from "react";
+interface IconProps {
+    size?: number;
+    style?: CSSProperties;
+}
+export declare function SearchIcon({ size, style }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function MenuIcon({ size, style }: IconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrowRightIcon({ size, style }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/lib/icons.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1D,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAYD,wBAAgB,UAAU,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE,SAAS,2CAOzD;AAED,wBAAgB,QAAQ,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE,SAAS,2CAQvD;AAED,wBAAgB,cAAc,CAAC,EAAE,IAAS,EAAE,KAAK,EAAE,EAAE,SAAS,2CAO7D"}

package/dist/src/lib/provider.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode } from "react";
+import type { ElectroplixConfig } from "./types";
+export interface ElectroplixProviderProps {
+    /** Global configuration for all Electroplix components. */
+    config: ElectroplixConfig;
+    children: ReactNode;
+}
+/**
+ * Provides global configuration to every `@electroplix/components`
+ * component rendered inside it.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { ElectroplixProvider } from "@electroplix/components";
+ * import config from "../electroplix.config";
+ *
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <html>
+ *       <body>
+ *         <ElectroplixProvider config={config}>
+ *           {children}
+ *         </ElectroplixProvider>
+ *       </body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ */
+export declare function ElectroplixProvider({ config, children, }: ElectroplixProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns the global Electroplix configuration from the nearest
+ * `<ElectroplixProvider>`.  Falls back to built-in defaults when
+ * no provider is present.
+ */
+export declare function useElectroplixConfig(): ElectroplixConfig;
+//# sourceMappingURL=provider.d.ts.map

package/dist/src/lib/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/lib/provider.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD,MAAM,WAAW,wBAAwB;IACvC,2DAA2D;IAC3D,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,QAAQ,GACT,EAAE,wBAAwB,2CAO1B;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,CAExD"}

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

@@ -0,0 +1,66 @@
+/** A single navigation link. */
+export interface NavLink {
+    label: string;
+    href: string;
+}
+/**
+ * Style / behaviour configuration for the Navbar component.
+ *
+ * These values can be set globally via `ElectroplixProvider` or
+ * per-instance through the `config` prop on `<Navbar>`.
+ */
+export interface NavbarConfig {
+    /** Background colour.           @default "#0B0B0C" */
+    bgColor?: string;
+    /** Primary text colour.         @default "#F3F4F6" */
+    textColor?: string;
+    /** Accent colour for gradients. @default "#8B5CF6" */
+    accentColor?: string;
+    /** Bottom-border colour.        @default "rgba(255,255,255,0.1)" */
+    borderColor?: string;
+    /** Font family stack.           @default "Inter, ui-sans-serif, system-ui" */
+    fontFamily?: string;
+    /** Height in px.                @default 72 */
+    height?: number;
+    /** Inline padding in px.        @default 24 */
+    padding?: number;
+    /** Stick to viewport top.       @default false */
+    sticky?: boolean;
+    /** Show the search field.       @default false */
+    showSearch?: boolean;
+    /** Show the call-to-action button. @default false */
+    showCTA?: boolean;
+}
+/**
+ * Content / data props passed directly to `<Navbar>`.
+ *
+ * Styling properties should be provided via the global config
+ * (`ElectroplixProvider`) or the per-instance `config` prop.
+ */
+export interface NavbarProps {
+    /** Brand / logo text.           @default "Electroplix" */
+    logoText?: string;
+    /** Logo link target.            @default "/" */
+    logoHref?: string;
+    /** Navigation links.            @default [] */
+    links?: NavLink[];
+    /** CTA button label.            @default "Get Started" */
+    ctaText?: string;
+    /** CTA button href.             @default "#" */
+    ctaHref?: string;
+    /** Search placeholder text.     @default "Search…" */
+    searchPlaceholder?: string;
+    /** Fires when the search input value changes. */
+    onSearch?: (query: string) => void;
+    /** Per-instance style overrides (highest priority). */
+    config?: NavbarConfig;
+}
+/**
+ * Global configuration object for every `@electroplix/components`
+ * component.  Pass it to `<ElectroplixProvider config={…}>`.
+ */
+export interface ElectroplixConfig {
+    /** Navbar component configuration. */
+    navbar?: NavbarConfig;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/src/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/types.ts"],"names":[],"mappings":"AAIA,gCAAgC;AAChC,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAMD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iDAAiD;IACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,uDAAuD;IACvD,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAMD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,sCAAsC;IACtC,MAAM,CAAC,EAAE,YAAY,CAAC;CAIvB"}

package/package.json

@@ -1,15 +1,17 @@
 {
   "name": "@electroplix/components",
-  "version": "0.0.2",
+  "version": "0.1.0",
+  "description": "Parametric, config-driven UI components by Electroplix.",
   "type": "module",
+  "sideEffects": false,
   "main": "./dist/index.esm.js",
   "module": "./dist/index.esm.js",
-  "types": "./dist/index.esm.d.ts",
+  "types": "./dist/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "@electroplix-workspace/source": "./src/index.ts",
-      "types": "./dist/index.esm.d.ts",
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.js",
       "default": "./dist/index.esm.js"
     }
@@ -17,5 +19,24 @@
   "files": [
     "dist",
     "!**/*.tsbuildinfo"
-  ]
+  ],
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    }
+  },
+  "keywords": [
+    "react",
+    "components",
+    "ui",
+    "navbar",
+    "electroplix",
+    "configurable",
+    "parametric"
+  ],
+  "license": "MIT"
 }

package/dist/src/lib/components.d.ts

@@ -1,3 +0,0 @@
-export declare function ElectroplixComponents(): import("react/jsx-runtime").JSX.Element;
-export default ElectroplixComponents;
-//# sourceMappingURL=components.d.ts.map

package/dist/src/lib/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/lib/components.tsx"],"names":[],"mappings":"AAGA,wBAAgB,qBAAqB,4CAMpC;AAED,eAAe,qBAAqB,CAAC"}