@ed.yakovich/example-component-library--molecules--info-banner 1.0.0

package/dist/component/context/index.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as r, useContext as x } from "react";
+const n = r({}), a = () => x(n), f = ({ model: t, children: o }) => /* @__PURE__ */ e(n.Provider, { value: { ...t }, children: o });
+export {
+  f as InfoBannerContextProvider,
+  a as useInfoBannerContext
+};

package/dist/component/index.js

@@ -0,0 +1,32 @@
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import { useInfoBannerContext as f } from "./context/index.js";
+import { createContext as H, useContext as C } from "react";
+const N = H({}), v = () => C(N), I = (s) => {
+  const { isHidden: d, componentId: o = "", icon: t = "" } = s, i = v(), c = i == null ? void 0 : i.isHidden, n = (i == null ? void 0 : i.icon) || "", a = () => ({
+    isHiddenVal: c || d,
+    iconVal: n || t
+  }), { isHiddenVal: l, iconVal: r } = a();
+  return l ? null : /* @__PURE__ */ e("span", { "data-component-id": `Icon--${o}`, children: /* @__PURE__ */ e("i", { className: `fas ${r}` }) });
+}, j = (s) => {
+  const { isHidden: d, componentId: o = "", heading: t = "", description: i = "", icon: c = "" } = s, n = f(), a = n == null ? void 0 : n.isHidden, l = (n == null ? void 0 : n.icon) || "", r = (n == null ? void 0 : n.heading) || "", u = (n == null ? void 0 : n.description) || "", V = () => ({
+    isHiddenVal: a || d,
+    iconVal: l || c,
+    headingVal: r || t,
+    descriptionVal: u || i
+  }), { isHiddenVal: x, iconVal: m, headingVal: p, descriptionVal: h } = V();
+  return x ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component-id": `InfoBanner--${o}`,
+      className: "bg-blue-500 p-4 text-white @container/infobanner",
+      children: /* @__PURE__ */ e("div", { className: "text-center", children: /* @__PURE__ */ g("div", { className: "space-y-1", children: [
+        m && /* @__PURE__ */ e(I, { icon: m, componentId: o }),
+        p && /* @__PURE__ */ e("div", { className: "text-center @lg/infobanner:px-14", children: /* @__PURE__ */ e("h2", { className: "text-3xl", children: /* @__PURE__ */ e("strong", { children: p }) }) }),
+        h && /* @__PURE__ */ e("p", { className: "text-xs mb-2", children: /* @__PURE__ */ e("strong", { children: h }) })
+      ] }) })
+    }
+  );
+};
+export {
+  j as InfoBanner
+};

package/dist/component/types/index.js

@@ -0,0 +1 @@
+

package/dist/lib/component/context/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { InfoBannerType } from '../types';
+type InfoBannerContextData = InfoBannerType;
+type InfoBannerContextProviderProps = {
+    model: InfoBannerContextData;
+    children: ReactNode;
+};
+export declare const useInfoBannerContext: () => InfoBannerType;
+export declare const InfoBannerContextProvider: ({ model, children }: InfoBannerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { InfoBannerType } from './types';
+export declare const InfoBanner: (props: InfoBannerType) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,7 @@
+export type InfoBannerType = {
+    isHidden?: boolean;
+    componentId?: string;
+    icon?: string;
+    heading?: string;
+    description?: string;
+};

package/dist/lib/main.d.ts

@@ -0,0 +1,3 @@
+export { InfoBanner } from './component';
+export { InfoBannerContextProvider } from './component/context';
+export type { InfoBannerType } from './component/types';

package/dist/main.js

@@ -0,0 +1,6 @@
+import { InfoBanner as n } from "./component/index.js";
+import { InfoBannerContextProvider as f } from "./component/context/index.js";
+export {
+  n as InfoBanner,
+  f as InfoBannerContextProvider
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@ed.yakovich/example-component-library--molecules--info-banner",
+  "author": "Ed Yakovich",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/lib/main.d.ts",
+      "default": "./dist/main.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b ./tsconfig.lib.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.5.4",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "ajv": "^8.17.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.11",
+    "glob": "^11.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.4",
+    "vite-plugin-dts": "^4.2.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "@ed.yakovich/example-component-library--atoms--icon": "^1.0.0"
+  }
+}