xertica-ui 2.7.0 → 2.9.6

package/dist/ImageWithFallback-CCUMDuEC.cjs

@@ -0,0 +1,122 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const reactSlot = require('@radix-ui/react-slot');
+const classVarianceAuthority = require('class-variance-authority');
+const button = require('./button-BYtQygX5.cjs');
+const ProgressPrimitive = require('@radix-ui/react-progress');
+const React = require('react');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ProgressPrimitive);
+
+const badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { "data-slot": "badge", className: button.cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ProgressPrimitive__namespace.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: button.cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ProgressPrimitive__namespace.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: button.cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = React.useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+exports.Badge = Badge;
+exports.ImageWithFallback = ImageWithFallback;
+exports.Progress = Progress;
+exports.badgeVariants = badgeVariants;

package/dist/ImageWithFallback-CGk5zPH-.js

@@ -0,0 +1,98 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './button-B05czY_8.js';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { useState } from 'react';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+export { Badge as B, ImageWithFallback as I, Progress as P, badgeVariants as b };

package/dist/ImageWithFallback-CfnoFFSP.js

@@ -0,0 +1,98 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './button-B3SE1liJ.js';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { useState } from 'react';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+export { Badge as B, ImageWithFallback as I, Progress as P, badgeVariants as b };

package/dist/ImageWithFallback-DQD5TTlY.js

@@ -0,0 +1,98 @@
+import { jsx } from 'react/jsx-runtime';
+import { Slot, Slottable } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { c as cn } from './button-CUPDQews.js';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { useState } from 'react';
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        success: "border-transparent bg-success text-success-foreground",
+        warning: "border-transparent bg-warning text-warning-foreground",
+        info: "border-transparent bg-info text-info-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  children,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props, children: /* @__PURE__ */ jsx(Slottable, { children }) });
+}
+
+const trackVariants = {
+  default: "bg-primary/20",
+  success: "bg-success/20",
+  info: "bg-info/20",
+  warning: "bg-warning/20",
+  destructive: "bg-destructive/20"
+};
+const indicatorVariants = {
+  default: "bg-primary",
+  success: "bg-success",
+  info: "bg-info",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+function Progress({
+  className,
+  value,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ProgressPrimitive.Root,
+    {
+      "data-slot": "progress",
+      "aria-label": props["aria-label"] || "Progresso",
+      className: cn(
+        "relative h-2 w-full overflow-hidden rounded-full",
+        trackVariants[variant],
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ProgressPrimitive.Indicator,
+        {
+          "data-slot": "progress-indicator",
+          className: cn("h-full w-full flex-1 transition-all", indicatorVariants[variant]),
+          style: { transform: `translateX(-${100 - (value || 0)}%)` }
+        }
+      )
+    }
+  );
+}
+
+const ERROR_IMG_SRC = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBvcGFjaXR5PSIuMyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzLjciPjxyZWN0IHg9IjE2IiB5PSIxNiIgd2lkdGg9IjU2IiBoZWlnaHQ9IjU2IiByeD0iNiIvPjxwYXRoIGQ9Im0xNiA1OCAxNi0xOCAzMiAzMiIvPjxjaXJjbGUgY3g9IjUzIiBjeT0iMzUiIHI9IjciLz48L3N2Zz4KCg==";
+function ImageWithFallback(props) {
+  const [didError, setDidError] = useState(false);
+  const handleError = () => {
+    setDidError(true);
+  };
+  const { src, alt, style, className, ...rest } = props;
+  return didError ? /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `inline-block bg-gray-100 text-center align-middle ${className ?? ""}`,
+      style,
+      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-full h-full", children: /* @__PURE__ */ jsx("img", { src: ERROR_IMG_SRC, alt: "Error loading image", ...rest, "data-original-url": src }) })
+    }
+  ) : /* @__PURE__ */ jsx("img", { src, alt, className, style, ...rest, onError: handleError });
+}
+
+export { Badge as B, ImageWithFallback as I, Progress as P, badgeVariants as b };

package/dist/Isotype--fRZWwS6.js

@@ -0,0 +1,85 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './button-B3SE1liJ.js';
+
+const ISOTYPE_COLORS = {
+  purple: "#5A4A96",
+  blue: "#1899AF",
+  magenta: "#C45BAA",
+  yellow: "#FAF338",
+  green: "#2E8B5A",
+  red: "#DE5B48",
+  brown: "#2A2415"
+};
+const ISOTYPE_PATTERNS = {
+  core: [
+    "purple",
+    "blue",
+    "blue",
+    "blue",
+    "magenta",
+    "blank",
+    "yellow",
+    "green",
+    "magenta",
+    "yellow",
+    "yellow",
+    "green",
+    "magenta",
+    "red",
+    "red",
+    "brown"
+  ]
+};
+const ISOTYPE_PATTERN_IDS = Object.keys(ISOTYPE_PATTERNS);
+function mulberry32(seed) {
+  let a = seed >>> 0;
+  return () => {
+    a |= 0;
+    a = a + 1831565813 | 0;
+    let t = Math.imul(a ^ a >>> 15, 1 | a);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function getIsotypeVariant(patternId, seed) {
+  const base = ISOTYPE_PATTERNS[patternId];
+  const candidateIndices = base.reduce(
+    (acc, cell, i) => cell === "blank" ? acc : [...acc, i],
+    []
+  );
+  const rng = mulberry32(seed);
+  const chosen = candidateIndices[Math.floor(rng() * candidateIndices.length)];
+  return base.map((cell, i) => i === chosen ? "blank" : cell);
+}
+
+function Isotype({
+  pattern = "core",
+  variantSeed,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const cells = variantSeed === void 0 ? ISOTYPE_PATTERNS[pattern] : getIsotypeVariant(pattern, variantSeed);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: ariaLabel ? "img" : void 0,
+      "aria-label": ariaLabel,
+      "aria-hidden": ariaLabel ? void 0 : true,
+      className: cn(
+        "grid aspect-square grid-cols-4 grid-rows-4",
+        className
+      ),
+      ...props,
+      children: cells.map((cell, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: { backgroundColor: cell === "blank" ? void 0 : ISOTYPE_COLORS[cell] }
+        },
+        index
+      ))
+    }
+  );
+}
+
+export { ISOTYPE_COLORS as I, ISOTYPE_PATTERNS as a, ISOTYPE_PATTERN_IDS as b, Isotype as c, getIsotypeVariant as g, mulberry32 as m };

package/dist/Isotype-0dpLqetB.js

@@ -0,0 +1,85 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './button-DFa-rtPy.js';
+
+const ISOTYPE_COLORS = {
+  purple: "#5A4A96",
+  blue: "#1899AF",
+  magenta: "#C45BAA",
+  yellow: "#FAF338",
+  green: "#2E8B5A",
+  red: "#DE5B48",
+  brown: "#2A2415"
+};
+const ISOTYPE_PATTERNS = {
+  core: [
+    "purple",
+    "blue",
+    "blue",
+    "blue",
+    "magenta",
+    "blank",
+    "yellow",
+    "green",
+    "magenta",
+    "yellow",
+    "yellow",
+    "green",
+    "magenta",
+    "red",
+    "red",
+    "brown"
+  ]
+};
+const ISOTYPE_PATTERN_IDS = Object.keys(ISOTYPE_PATTERNS);
+function mulberry32(seed) {
+  let a = seed >>> 0;
+  return () => {
+    a |= 0;
+    a = a + 1831565813 | 0;
+    let t = Math.imul(a ^ a >>> 15, 1 | a);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function getIsotypeVariant(patternId, seed) {
+  const base = ISOTYPE_PATTERNS[patternId];
+  const candidateIndices = base.reduce(
+    (acc, cell, i) => cell === "blank" ? acc : [...acc, i],
+    []
+  );
+  const rng = mulberry32(seed);
+  const chosen = candidateIndices[Math.floor(rng() * candidateIndices.length)];
+  return base.map((cell, i) => i === chosen ? "blank" : cell);
+}
+
+function Isotype({
+  pattern = "core",
+  variantSeed,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const cells = variantSeed === void 0 ? ISOTYPE_PATTERNS[pattern] : getIsotypeVariant(pattern, variantSeed);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: ariaLabel ? "img" : void 0,
+      "aria-label": ariaLabel,
+      "aria-hidden": ariaLabel ? void 0 : true,
+      className: cn(
+        "grid aspect-square grid-cols-4 grid-rows-4 ring-1 ring-foreground/15",
+        className
+      ),
+      ...props,
+      children: cells.map((cell, index) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: { backgroundColor: cell === "blank" ? void 0 : ISOTYPE_COLORS[cell] }
+        },
+        index
+      ))
+    }
+  );
+}
+
+export { ISOTYPE_COLORS as I, ISOTYPE_PATTERNS as a, ISOTYPE_PATTERN_IDS as b, Isotype as c, getIsotypeVariant as g };

package/dist/Isotype-B8XLEXSB.cjs

@@ -0,0 +1,92 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const button = require('./button-DVhloDtr.cjs');
+
+const ISOTYPE_COLORS = {
+  purple: "#5A4A96",
+  blue: "#1899AF",
+  magenta: "#C45BAA",
+  yellow: "#FAF338",
+  green: "#2E8B5A",
+  red: "#DE5B48",
+  brown: "#2A2415"
+};
+const ISOTYPE_PATTERNS = {
+  core: [
+    "purple",
+    "blue",
+    "blue",
+    "blue",
+    "magenta",
+    "blank",
+    "yellow",
+    "green",
+    "magenta",
+    "yellow",
+    "yellow",
+    "green",
+    "magenta",
+    "red",
+    "red",
+    "brown"
+  ]
+};
+const ISOTYPE_PATTERN_IDS = Object.keys(ISOTYPE_PATTERNS);
+function mulberry32(seed) {
+  let a = seed >>> 0;
+  return () => {
+    a |= 0;
+    a = a + 1831565813 | 0;
+    let t = Math.imul(a ^ a >>> 15, 1 | a);
+    t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
+    return ((t ^ t >>> 14) >>> 0) / 4294967296;
+  };
+}
+function getIsotypeVariant(patternId, seed) {
+  const base = ISOTYPE_PATTERNS[patternId];
+  const candidateIndices = base.reduce(
+    (acc, cell, i) => cell === "blank" ? acc : [...acc, i],
+    []
+  );
+  const rng = mulberry32(seed);
+  const chosen = candidateIndices[Math.floor(rng() * candidateIndices.length)];
+  return base.map((cell, i) => i === chosen ? "blank" : cell);
+}
+
+function Isotype({
+  pattern = "core",
+  variantSeed,
+  className,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const cells = variantSeed === void 0 ? ISOTYPE_PATTERNS[pattern] : getIsotypeVariant(pattern, variantSeed);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: ariaLabel ? "img" : void 0,
+      "aria-label": ariaLabel,
+      "aria-hidden": ariaLabel ? void 0 : true,
+      className: button.cn(
+        "grid aspect-square grid-cols-4 grid-rows-4",
+        className
+      ),
+      ...props,
+      children: cells.map((cell, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          style: { backgroundColor: cell === "blank" ? void 0 : ISOTYPE_COLORS[cell] }
+        },
+        index
+      ))
+    }
+  );
+}
+
+exports.ISOTYPE_COLORS = ISOTYPE_COLORS;
+exports.ISOTYPE_PATTERNS = ISOTYPE_PATTERNS;
+exports.ISOTYPE_PATTERN_IDS = ISOTYPE_PATTERN_IDS;
+exports.Isotype = Isotype;
+exports.getIsotypeVariant = getIsotypeVariant;
+exports.mulberry32 = mulberry32;