plura-assistent 1.0.0

package/dist/index.cjs

@@ -0,0 +1,126 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ContrastBorder: () => ContrastBorder,
+  ToggleContrast: () => ToggleContrast,
+  registerContrastBorder: () => registerContrastBorder
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/ToggleContrast.tsx
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function ToggleContrast({
+  className,
+  icon,
+  label,
+  ariaLabel = "Ativar/Desativar alto contraste",
+  title = "Alto contraste",
+  onToggle
+}) {
+  const [isActive, setIsActive] = React.useState(false);
+  const apply = React.useCallback(
+    (active) => {
+      const body = document.body;
+      if (active) {
+        body.classList.add("contrast");
+        localStorage.setItem("contrast", "contrast");
+      } else {
+        body.classList.remove("contrast");
+        localStorage.removeItem("contrast");
+      }
+      setIsActive(active);
+      onToggle?.(active);
+    },
+    [onToggle]
+  );
+  const toggle = React.useCallback(() => {
+    apply(!isActive);
+  }, [apply, isActive]);
+  React.useEffect(() => {
+    const saved = typeof window !== "undefined" ? localStorage.getItem("contrast") : null;
+    if (saved === "contrast") {
+      apply(true);
+    }
+  }, [apply]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      className: className ?? "",
+      "aria-label": label ? void 0 : ariaLabel,
+      "aria-pressed": isActive,
+      title: label ? void 0 : title,
+      children: [
+        icon,
+        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: label }) : null
+      ]
+    }
+  );
+}
+
+// src/ContrastBorder.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function ContrastBorder({ children, className = "", ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `card ${className}`, ...rest, children });
+}
+
+// src/registerContrastBorder.ts
+function registerContrastBorder() {
+  if (typeof window === "undefined") return;
+  if (customElements.get("contrast-border")) return;
+  class ContrastBorderElement extends HTMLElement {
+    constructor() {
+      super();
+      const shadow = this.attachShadow({ mode: "open" });
+      const wrapper = document.createElement("div");
+      wrapper.setAttribute("class", "card");
+      wrapper.innerHTML = `<slot></slot>`;
+      const style = document.createElement("style");
+      style.textContent = `
+        :host {
+          display: block;
+        }
+      `;
+      shadow.appendChild(style);
+      shadow.appendChild(wrapper);
+    }
+  }
+  customElements.define("contrast-border", ContrastBorderElement);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContrastBorder,
+  ToggleContrast,
+  registerContrastBorder
+});

package/dist/index.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type ToggleContrastProps = {
+    className?: string;
+    icon?: React.ReactNode;
+    label?: string;
+    ariaLabel?: string;
+    title?: string;
+    onToggle?: (active: boolean) => void;
+};
+declare function ToggleContrast({ className, icon, label, ariaLabel, title, onToggle, }: ToggleContrastProps): react_jsx_runtime.JSX.Element;
+
+type Props = React.HTMLAttributes<HTMLDivElement>;
+declare function ContrastBorder({ children, className, ...rest }: Props): react_jsx_runtime.JSX.Element;
+
+declare function registerContrastBorder(): void;
+
+export { ContrastBorder, ToggleContrast, registerContrastBorder };

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type ToggleContrastProps = {
+    className?: string;
+    icon?: React.ReactNode;
+    label?: string;
+    ariaLabel?: string;
+    title?: string;
+    onToggle?: (active: boolean) => void;
+};
+declare function ToggleContrast({ className, icon, label, ariaLabel, title, onToggle, }: ToggleContrastProps): react_jsx_runtime.JSX.Element;
+
+type Props = React.HTMLAttributes<HTMLDivElement>;
+declare function ContrastBorder({ children, className, ...rest }: Props): react_jsx_runtime.JSX.Element;
+
+declare function registerContrastBorder(): void;
+
+export { ContrastBorder, ToggleContrast, registerContrastBorder };

package/dist/index.js

@@ -0,0 +1,87 @@
+// src/ToggleContrast.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ToggleContrast({
+  className,
+  icon,
+  label,
+  ariaLabel = "Ativar/Desativar alto contraste",
+  title = "Alto contraste",
+  onToggle
+}) {
+  const [isActive, setIsActive] = React.useState(false);
+  const apply = React.useCallback(
+    (active) => {
+      const body = document.body;
+      if (active) {
+        body.classList.add("contrast");
+        localStorage.setItem("contrast", "contrast");
+      } else {
+        body.classList.remove("contrast");
+        localStorage.removeItem("contrast");
+      }
+      setIsActive(active);
+      onToggle?.(active);
+    },
+    [onToggle]
+  );
+  const toggle = React.useCallback(() => {
+    apply(!isActive);
+  }, [apply, isActive]);
+  React.useEffect(() => {
+    const saved = typeof window !== "undefined" ? localStorage.getItem("contrast") : null;
+    if (saved === "contrast") {
+      apply(true);
+    }
+  }, [apply]);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: toggle,
+      className: className ?? "",
+      "aria-label": label ? void 0 : ariaLabel,
+      "aria-pressed": isActive,
+      title: label ? void 0 : title,
+      children: [
+        icon,
+        label ? /* @__PURE__ */ jsx("span", { children: label }) : null
+      ]
+    }
+  );
+}
+
+// src/ContrastBorder.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ContrastBorder({ children, className = "", ...rest }) {
+  return /* @__PURE__ */ jsx2("div", { className: `card ${className}`, ...rest, children });
+}
+
+// src/registerContrastBorder.ts
+function registerContrastBorder() {
+  if (typeof window === "undefined") return;
+  if (customElements.get("contrast-border")) return;
+  class ContrastBorderElement extends HTMLElement {
+    constructor() {
+      super();
+      const shadow = this.attachShadow({ mode: "open" });
+      const wrapper = document.createElement("div");
+      wrapper.setAttribute("class", "card");
+      wrapper.innerHTML = `<slot></slot>`;
+      const style = document.createElement("style");
+      style.textContent = `
+        :host {
+          display: block;
+        }
+      `;
+      shadow.appendChild(style);
+      shadow.appendChild(wrapper);
+    }
+  }
+  customElements.define("contrast-border", ContrastBorderElement);
+}
+export {
+  ContrastBorder,
+  ToggleContrast,
+  registerContrastBorder
+};

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "plura-assistent",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean --external react --external react-dom --external react/jsx-runtime"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "devDependencies": {
+    "@types/react": "^19.1.16",
+    "@types/react-dom": "^19.1.9",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  }
+}

package/src/ContrastBorder.tsx

@@ -0,0 +1,11 @@
+import * as React from "react";
+
+type Props = React.HTMLAttributes<HTMLDivElement>;
+
+export function ContrastBorder({ children, className = "", ...rest }: Props) {
+  return (
+    <div className={`card ${className}`} {...rest}>
+      {children}
+    </div>
+  );
+}

package/src/ToggleContrast.tsx

@@ -0,0 +1,62 @@
+import * as React from "react";
+
+export type ToggleContrastProps = {
+  className?: string;
+  icon?: React.ReactNode; 
+  label?: string;
+  ariaLabel?: string;
+  title?: string;
+  onToggle?: (active: boolean) => void;
+};
+
+export function ToggleContrast({
+  className,
+  icon,
+  label,
+  ariaLabel = "Ativar/Desativar alto contraste",
+  title = "Alto contraste",
+  onToggle,
+}: ToggleContrastProps) {
+  const [isActive, setIsActive] = React.useState(false);
+
+  const apply = React.useCallback(
+    (active: boolean) => {
+      const body = document.body;
+      if (active) {
+        body.classList.add("contrast");
+        localStorage.setItem("contrast", "contrast");
+      } else {
+        body.classList.remove("contrast");
+        localStorage.removeItem("contrast");
+      }
+      setIsActive(active);
+      onToggle?.(active);
+    },
+    [onToggle]
+  );
+
+  const toggle = React.useCallback(() => {
+    apply(!isActive);
+  }, [apply, isActive]);
+
+  React.useEffect(() => {
+    const saved = typeof window !== "undefined" ? localStorage.getItem("contrast") : null;
+    if (saved === "contrast") {
+      apply(true);
+    }
+  }, [apply]);
+
+  return (
+    <button
+      type="button"
+      onClick={toggle}
+      className={className ?? ""}
+      aria-label={label ? undefined : ariaLabel}
+      aria-pressed={isActive}
+      title={label ? undefined : title}
+    >
+      {icon}
+      {label ? <span>{label}</span> : null}
+    </button>
+  );
+}

package/src/index.ts

@@ -0,0 +1,3 @@
+export { ToggleContrast } from "./ToggleContrast";
+export { ContrastBorder } from "./ContrastBorder";
+export { registerContrastBorder } from "./registerContrastBorder";

package/src/registerContrastBorder.ts

@@ -0,0 +1,27 @@
+export function registerContrastBorder() {
+  if (typeof window === "undefined") return;
+  if (customElements.get("contrast-border")) return;
+
+  class ContrastBorderElement extends HTMLElement {
+    constructor() {
+      super();
+      const shadow = this.attachShadow({ mode: "open" });
+
+      const wrapper = document.createElement("div");
+      wrapper.setAttribute("class", "card"); // mantém compatível com seu CSS existente
+      wrapper.innerHTML = `<slot></slot>`;
+
+      const style = document.createElement("style");
+      style.textContent = `
+        :host {
+          display: block;
+        }
+      `;
+
+      shadow.appendChild(style);
+      shadow.appendChild(wrapper);
+    }
+  }
+
+  customElements.define("contrast-border", ContrastBorderElement);
+}

package/tsconfig.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./dist",
+
+    "target": "ES2020",     
+    "module": "ESNext",             
+    "moduleResolution": "Bundler",  
+    "lib": ["DOM", "ES2020"],       
+    "jsx": "react-jsx",            
+
+    "declaration": true,            
+    "declarationMap": true,
+    "sourceMap": true,
+    "types": ["react"],          
+
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "skipLibCheck": true           
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}