@holmdigital/components 1.1.0

package/dist/Switch/Switch.js

@@ -0,0 +1,82 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Switch/Switch.tsx
+var Switch_exports = {};
+__export(Switch_exports, {
+  Switch: () => Switch
+});
+module.exports = __toCommonJS(Switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var Switch = ({ checked, onCheckedChange, disabled = false, label, id }) => {
+  const generatedId = id || `switch-${Math.random().toString(36).substr(2, 9)}`;
+  const handleClick = () => {
+    if (!disabled) {
+      onCheckedChange(!checked);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onCheckedChange(!checked);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        id: generatedId,
+        disabled,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        className: `
+                    relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-slate-900 focus:ring-offset-2
+                    ${checked ? "bg-primary-600" : "bg-slate-200"}
+                    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+                `,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: `
+                        inline-block h-4 w-4 transform rounded-full bg-white transition-transform
+                        ${checked ? "translate-x-6" : "translate-x-1"}
+                    `
+          }
+        )
+      }
+    ),
+    label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "label",
+      {
+        htmlFor: generatedId,
+        className: `text-sm font-medium text-slate-700 cursor-pointer ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
+        onClick: handleClick,
+        children: label
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Switch
+});

package/dist/Switch/Switch.mjs

@@ -0,0 +1,6 @@
+import {
+  Switch
+} from "../chunk-5RKBS475.mjs";
+export {
+  Switch
+};

package/dist/Toast/Toast.js

@@ -0,0 +1,123 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Toast/Toast.tsx
+var Toast_exports = {};
+__export(Toast_exports, {
+  ToastProvider: () => ToastProvider,
+  useToast: () => useToast
+});
+module.exports = __toCommonJS(Toast_exports);
+var import_react = require("react");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ToastContext = (0, import_react.createContext)(void 0);
+var ToastProvider = ({ children }) => {
+  const [toasts, setToasts] = (0, import_react.useState)([]);
+  const addToast = (0, import_react.useCallback)((toast) => {
+    const id = Math.random().toString(36).substr(2, 9);
+    setToasts((prev) => [...prev, { ...toast, id }]);
+  }, []);
+  const removeToast = (0, import_react.useCallback)((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastViewport, {})
+  ] });
+};
+var useToast = () => {
+  const context = (0, import_react.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastViewport = () => {
+  const { toasts, removeToast } = useToast();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "fixed bottom-0 right-0 z-50 p-4 w-full md:max-w-sm flex flex-col gap-2",
+      role: "region",
+      "aria-label": "Notifications",
+      children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastItem, { toast, onRemove: () => removeToast(toast.id) }, toast.id))
+    }
+  );
+};
+var ToastItem = ({ toast, onRemove }) => {
+  (0, import_react.useEffect)(() => {
+    if (toast.duration === Infinity) return;
+    const timer = setTimeout(() => {
+      onRemove();
+    }, toast.duration || 5e3);
+    return () => clearTimeout(timer);
+  }, [toast, onRemove]);
+  const icons = {
+    info: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Info, { className: "w-5 h-5 text-blue-500" }),
+    success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { className: "w-5 h-5 text-green-500" }),
+    warning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertTriangle, { className: "w-5 h-5 text-amber-500" }),
+    error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.AlertCircle, { className: "w-5 h-5 text-red-500" })
+  };
+  const bgColors = {
+    info: "bg-white border-blue-100",
+    success: "bg-white border-green-100",
+    warning: "bg-white border-amber-100",
+    error: "bg-white border-red-100"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "alert",
+      className: `
+                flex items-start gap-3 p-4 rounded-lg shadow-lg border transition-all animate-in slide-in-from-right-full fade-in duration-300
+                ${bgColors[toast.type || "info"]}
+            `,
+      children: [
+        icons[toast.type || "info"],
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "text-sm font-medium text-slate-900", children: toast.title }),
+          toast.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm text-slate-600 mt-1", children: toast.description }),
+          toast.action && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              onClick: toast.action.onClick,
+              className: "mt-2 text-sm font-medium text-slate-900 underline hover:no-underline",
+              children: toast.action.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            onClick: onRemove,
+            className: "text-slate-400 hover:text-slate-900 transition-colors",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.X, { className: "w-4 h-4" })
+          }
+        )
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToastProvider,
+  useToast
+});

package/dist/Toast/Toast.mjs

@@ -0,0 +1,8 @@
+import {
+  ToastProvider,
+  useToast
+} from "../chunk-2MJRKHPL.mjs";
+export {
+  ToastProvider,
+  useToast
+};

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,121 @@
+"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/Tooltip/Tooltip.tsx
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
+  TooltipProvider: () => TooltipProvider,
+  TooltipTrigger: () => TooltipTrigger
+});
+module.exports = __toCommonJS(Tooltip_exports);
+var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var TooltipContext = (0, import_react.createContext)(void 0);
+var TooltipProvider = ({ children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+};
+var Tooltip = ({ children }) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const id = (0, import_react.useRef)(`tooltip-${Math.random().toString(36).substr(2, 9)}`).current;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TooltipContext.Provider, { value: { open, setOpen, id }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative inline-block group", onMouseLeave: () => setOpen(false), children }) });
+};
+var TooltipTrigger = ({ children, asChild = false, ...props }) => {
+  const context = (0, import_react.useContext)(TooltipContext);
+  if (!context) throw new Error("TooltipTrigger must be used within Tooltip");
+  const { setOpen, id } = context;
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+  if (import_react.default.isValidElement(children)) {
+    return import_react.default.cloneElement(children, {
+      "aria-describedby": context.open ? id : void 0,
+      onMouseEnter: (e) => {
+        handleOpen();
+        children.props.onMouseEnter?.(e);
+      },
+      onMouseLeave: (e) => {
+        handleClose();
+        children.props.onMouseLeave?.(e);
+      },
+      onFocus: (e) => {
+        handleOpen();
+        children.props.onFocus?.(e);
+      },
+      onBlur: (e) => {
+        handleClose();
+        children.props.onBlur?.(e);
+      },
+      ...props
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "aria-describedby": context.open ? id : void 0,
+      onMouseEnter: handleOpen,
+      onMouseLeave: handleClose,
+      onFocus: handleOpen,
+      onBlur: handleClose,
+      tabIndex: 0,
+      className: "cursor-default",
+      ...props,
+      children
+    }
+  );
+};
+var TooltipContent = ({ children, className = "" }) => {
+  const context = (0, import_react.useContext)(TooltipContext);
+  if (!context) throw new Error("TooltipContent must be used within Tooltip");
+  if (!context.open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      id: context.id,
+      role: "tooltip",
+      className: `
+                absolute z-50 px-3 py-2 text-sm font-medium text-white bg-slate-900 rounded shadow-lg
+                bottom-full left-1/2 transform -translate-x-1/2 mb-2 whitespace-nowrap
+                animate-in fade-in zoom-in-95 duration-200
+                ${className}
+            `,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute w-2 h-2 bg-slate-900 transform rotate-45 left-1/2 -translate-x-1/2 -bottom-1" })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+});

package/dist/Tooltip/Tooltip.mjs

@@ -0,0 +1,12 @@
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+} from "../chunk-C5M6C7KT.mjs";
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

package/dist/chunk-2MJRKHPL.mjs

@@ -0,0 +1,98 @@
+// src/Toast/Toast.tsx
+import { createContext, useContext, useState, useEffect, useCallback } from "react";
+import { X, Info, CheckCircle, AlertTriangle, AlertCircle } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToastContext = createContext(void 0);
+var ToastProvider = ({ children }) => {
+  const [toasts, setToasts] = useState([]);
+  const addToast = useCallback((toast) => {
+    const id = Math.random().toString(36).substr(2, 9);
+    setToasts((prev) => [...prev, { ...toast, id }]);
+  }, []);
+  const removeToast = useCallback((id) => {
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { toasts, addToast, removeToast }, children: [
+    children,
+    /* @__PURE__ */ jsx(ToastViewport, {})
+  ] });
+};
+var useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastViewport = () => {
+  const { toasts, removeToast } = useToast();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed bottom-0 right-0 z-50 p-4 w-full md:max-w-sm flex flex-col gap-2",
+      role: "region",
+      "aria-label": "Notifications",
+      children: toasts.map((toast) => /* @__PURE__ */ jsx(ToastItem, { toast, onRemove: () => removeToast(toast.id) }, toast.id))
+    }
+  );
+};
+var ToastItem = ({ toast, onRemove }) => {
+  useEffect(() => {
+    if (toast.duration === Infinity) return;
+    const timer = setTimeout(() => {
+      onRemove();
+    }, toast.duration || 5e3);
+    return () => clearTimeout(timer);
+  }, [toast, onRemove]);
+  const icons = {
+    info: /* @__PURE__ */ jsx(Info, { className: "w-5 h-5 text-blue-500" }),
+    success: /* @__PURE__ */ jsx(CheckCircle, { className: "w-5 h-5 text-green-500" }),
+    warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-5 h-5 text-amber-500" }),
+    error: /* @__PURE__ */ jsx(AlertCircle, { className: "w-5 h-5 text-red-500" })
+  };
+  const bgColors = {
+    info: "bg-white border-blue-100",
+    success: "bg-white border-green-100",
+    warning: "bg-white border-amber-100",
+    error: "bg-white border-red-100"
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "alert",
+      className: `
+                flex items-start gap-3 p-4 rounded-lg shadow-lg border transition-all animate-in slide-in-from-right-full fade-in duration-300
+                ${bgColors[toast.type || "info"]}
+            `,
+      children: [
+        icons[toast.type || "info"],
+        /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-slate-900", children: toast.title }),
+          toast.description && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600 mt-1", children: toast.description }),
+          toast.action && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: toast.action.onClick,
+              className: "mt-2 text-sm font-medium text-slate-900 underline hover:no-underline",
+              children: toast.action.label
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onRemove,
+            className: "text-slate-400 hover:text-slate-900 transition-colors",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  ToastProvider,
+  useToast
+};

package/dist/chunk-5RKBS475.mjs

@@ -0,0 +1,58 @@
+// src/Switch/Switch.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Switch = ({ checked, onCheckedChange, disabled = false, label, id }) => {
+  const generatedId = id || `switch-${Math.random().toString(36).substr(2, 9)}`;
+  const handleClick = () => {
+    if (!disabled) {
+      onCheckedChange(!checked);
+    }
+  };
+  const handleKeyDown = (e) => {
+    if (disabled) return;
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onCheckedChange(!checked);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        id: generatedId,
+        disabled,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        className: `
+                    relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-slate-900 focus:ring-offset-2
+                    ${checked ? "bg-primary-600" : "bg-slate-200"}
+                    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+                `,
+        children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `
+                        inline-block h-4 w-4 transform rounded-full bg-white transition-transform
+                        ${checked ? "translate-x-6" : "translate-x-1"}
+                    `
+          }
+        )
+      }
+    ),
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: generatedId,
+        className: `text-sm font-medium text-slate-700 cursor-pointer ${disabled ? "opacity-50 cursor-not-allowed" : ""}`,
+        onClick: handleClick,
+        children: label
+      }
+    )
+  ] });
+};
+
+export {
+  Switch
+};

package/dist/chunk-C5M6C7KT.mjs

@@ -0,0 +1,84 @@
+// src/Tooltip/Tooltip.tsx
+import React, { useState, useRef, createContext, useContext } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TooltipContext = createContext(void 0);
+var TooltipProvider = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+var Tooltip = ({ children }) => {
+  const [open, setOpen] = useState(false);
+  const id = useRef(`tooltip-${Math.random().toString(36).substr(2, 9)}`).current;
+  return /* @__PURE__ */ jsx(TooltipContext.Provider, { value: { open, setOpen, id }, children: /* @__PURE__ */ jsx("div", { className: "relative inline-block group", onMouseLeave: () => setOpen(false), children }) });
+};
+var TooltipTrigger = ({ children, asChild = false, ...props }) => {
+  const context = useContext(TooltipContext);
+  if (!context) throw new Error("TooltipTrigger must be used within Tooltip");
+  const { setOpen, id } = context;
+  const handleOpen = () => setOpen(true);
+  const handleClose = () => setOpen(false);
+  if (React.isValidElement(children)) {
+    return React.cloneElement(children, {
+      "aria-describedby": context.open ? id : void 0,
+      onMouseEnter: (e) => {
+        handleOpen();
+        children.props.onMouseEnter?.(e);
+      },
+      onMouseLeave: (e) => {
+        handleClose();
+        children.props.onMouseLeave?.(e);
+      },
+      onFocus: (e) => {
+        handleOpen();
+        children.props.onFocus?.(e);
+      },
+      onBlur: (e) => {
+        handleClose();
+        children.props.onBlur?.(e);
+      },
+      ...props
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-describedby": context.open ? id : void 0,
+      onMouseEnter: handleOpen,
+      onMouseLeave: handleClose,
+      onFocus: handleOpen,
+      onBlur: handleClose,
+      tabIndex: 0,
+      className: "cursor-default",
+      ...props,
+      children
+    }
+  );
+};
+var TooltipContent = ({ children, className = "" }) => {
+  const context = useContext(TooltipContext);
+  if (!context) throw new Error("TooltipContent must be used within Tooltip");
+  if (!context.open) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: context.id,
+      role: "tooltip",
+      className: `
+                absolute z-50 px-3 py-2 text-sm font-medium text-white bg-slate-900 rounded shadow-lg
+                bottom-full left-1/2 transform -translate-x-1/2 mb-2 whitespace-nowrap
+                animate-in fade-in zoom-in-95 duration-200
+                ${className}
+            `,
+      children: [
+        children,
+        /* @__PURE__ */ jsx("div", { className: "absolute w-2 h-2 bg-slate-900 transform rotate-45 left-1/2 -translate-x-1/2 -bottom-1" })
+      ]
+    }
+  );
+};
+
+export {
+  TooltipProvider,
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent
+};