@grupor5/raya 0.2.21 → 0.2.23

package/dist/atoms/logo/index.d.mts

@@ -0,0 +1,32 @@
+import React__default from 'react';
+
+interface LogoProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    /** Size of the logo */
+    size?: number | string;
+    /** Color variant */
+    variant?: 'default' | 'white' | 'dark';
+    /** Whether to show only the wordmark without tagline */
+    wordmarkOnly?: boolean;
+    className?: string;
+}
+/**
+ * Logo component for Manta Seguros brand
+ *
+ * @example
+ * ```tsx
+ * // Default logo
+ * <Logo />
+ *
+ * // White variant for dark backgrounds
+ * <Logo variant="white" />
+ *
+ * // Custom size
+ * <Logo size={200} />
+ *
+ * // Wordmark only (Note: depends on original image design)
+ * <Logo wordmarkOnly />
+ * ```
+ */
+declare const Logo: React__default.ForwardRefExoticComponent<LogoProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Logo, type LogoProps };

package/dist/atoms/logo/index.d.ts

@@ -0,0 +1,32 @@
+import React__default from 'react';
+
+interface LogoProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
+    /** Size of the logo */
+    size?: number | string;
+    /** Color variant */
+    variant?: 'default' | 'white' | 'dark';
+    /** Whether to show only the wordmark without tagline */
+    wordmarkOnly?: boolean;
+    className?: string;
+}
+/**
+ * Logo component for Manta Seguros brand
+ *
+ * @example
+ * ```tsx
+ * // Default logo
+ * <Logo />
+ *
+ * // White variant for dark backgrounds
+ * <Logo variant="white" />
+ *
+ * // Custom size
+ * <Logo size={200} />
+ *
+ * // Wordmark only (Note: depends on original image design)
+ * <Logo wordmarkOnly />
+ * ```
+ */
+declare const Logo: React__default.ForwardRefExoticComponent<LogoProps & React__default.RefAttributes<HTMLImageElement>>;
+
+export { Logo, type LogoProps };

package/dist/atoms/logo/index.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var react = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+// src/atoms/logo/logo.png
+var logo_default = "../../logo-N622EUTF.png";
+var Logo = react.forwardRef((_a, ref) => {
+  var _b = _a, {
+    size = 120,
+    variant = "default",
+    wordmarkOnly = false,
+    className,
+    alt = "Manta Seguros Logo",
+    src
+  } = _b, props = __objRest(_b, [
+    "size",
+    "variant",
+    "wordmarkOnly",
+    "className",
+    "alt",
+    "src"
+  ]);
+  const getVariantFilter = () => {
+    switch (variant) {
+      case "white":
+        return "brightness(0) invert(1)";
+      // Convert to white
+      case "dark":
+        return "brightness(0) saturate(100%)";
+      // Convert to black
+      default:
+        return "none";
+    }
+  };
+  const logoStyles = __spreadValues({
+    width: typeof size === "number" ? `${size}px` : size,
+    height: "auto",
+    filter: getVariantFilter(),
+    maxWidth: "100%"
+  }, props.style);
+  const logoSrc = src || logo_default;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    __spreadValues({
+      ref,
+      src: logoSrc,
+      alt,
+      className: cn("logo", className),
+      style: logoStyles
+    }, props)
+  );
+});
+Logo.displayName = "Logo";
+
+exports.Logo = Logo;

package/dist/atoms/logo/index.mjs

@@ -0,0 +1,88 @@
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/atoms/logo/logo.png
+var logo_default = "../../logo-N622EUTF.png";
+var Logo = forwardRef((_a, ref) => {
+  var _b = _a, {
+    size = 120,
+    variant = "default",
+    wordmarkOnly = false,
+    className,
+    alt = "Manta Seguros Logo",
+    src
+  } = _b, props = __objRest(_b, [
+    "size",
+    "variant",
+    "wordmarkOnly",
+    "className",
+    "alt",
+    "src"
+  ]);
+  const getVariantFilter = () => {
+    switch (variant) {
+      case "white":
+        return "brightness(0) invert(1)";
+      // Convert to white
+      case "dark":
+        return "brightness(0) saturate(100%)";
+      // Convert to black
+      default:
+        return "none";
+    }
+  };
+  const logoStyles = __spreadValues({
+    width: typeof size === "number" ? `${size}px` : size,
+    height: "auto",
+    filter: getVariantFilter(),
+    maxWidth: "100%"
+  }, props.style);
+  const logoSrc = src || logo_default;
+  return /* @__PURE__ */ jsx(
+    "img",
+    __spreadValues({
+      ref,
+      src: logoSrc,
+      alt,
+      className: cn("logo", className),
+      style: logoStyles
+    }, props)
+  );
+});
+Logo.displayName = "Logo";
+
+export { Logo };

package/dist/index.d.mts

@@ -14,11 +14,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 export { classNames } from './utils/classNames.mjs';
 export { cn } from './utils/cn.mjs';
+export { Avatar, AvatarSkeleton } from './atoms/avatar/index.mjs';
 export { Badge, BadgeProps, badgeVariants } from './atoms/badge/index.mjs';
 export { Button, ButtonProps } from './atoms/button/index.mjs';
 export { Checkbox } from './atoms/checkbox/index.mjs';
 export { Input } from './atoms/input/index.mjs';
 export { Label } from './atoms/label/index.mjs';
+export { Logo, LogoProps } from './atoms/logo/index.mjs';
 export { RadioGroup, RadioGroupItem } from './atoms/radio/index.mjs';
 export { Switch } from './atoms/switch/index.mjs';
 export { Tag, TagProps } from './atoms/tag/index.mjs';

package/dist/index.d.ts

@@ -14,11 +14,13 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 export { classNames } from './utils/classNames.js';
 export { cn } from './utils/cn.js';
+export { Avatar, AvatarSkeleton } from './atoms/avatar/index.js';
 export { Badge, BadgeProps, badgeVariants } from './atoms/badge/index.js';
 export { Button, ButtonProps } from './atoms/button/index.js';
 export { Checkbox } from './atoms/checkbox/index.js';
 export { Input } from './atoms/input/index.js';
 export { Label } from './atoms/label/index.js';
+export { Logo, LogoProps } from './atoms/logo/index.js';
 export { RadioGroup, RadioGroupItem } from './atoms/radio/index.js';
 export { Switch } from './atoms/switch/index.js';
 export { Tag, TagProps } from './atoms/tag/index.js';