@jarrodmedrano/ui 0.1.0

package/dist/components/lightbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/index.ts"],"sourcesContent":["export type { LightboxImage, ImageLightboxProps } from './ImageLightbox.types'\nexport { ImageLightbox } from './ImageLightbox'\nexport { useLightbox } from './useLightbox'\nexport { useEntityLightbox } from './useEntityLightbox'\nexport { GallerySection } from './GallerySection'\nexport type {\n  UseEntityLightboxProps,\n  UseEntityLightboxReturn,\n} from './useEntityLightbox'\nexport type { GallerySectionProps } from './GallerySection'\n"],"mappings":"AACA,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,sBAAsB;","names":[]}

package/dist/components/lightbox/useEntityLightbox.cjs

@@ -0,0 +1,57 @@
+"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);
+var useEntityLightbox_exports = {};
+__export(useEntityLightbox_exports, {
+  useEntityLightbox: () => useEntityLightbox
+});
+module.exports = __toCommonJS(useEntityLightbox_exports);
+var import_react = require("react");
+function useEntityLightbox({
+  images,
+  entityName
+}) {
+  const [lightboxState, setLightboxState] = (0, import_react.useState)({
+    isOpen: false,
+    currentIndex: 0
+  });
+  const allImages = images || [];
+  const handleImageClick = (index) => {
+    setLightboxState({ isOpen: true, currentIndex: index });
+  };
+  const handleLightboxClose = () => {
+    setLightboxState({ isOpen: false, currentIndex: 0 });
+  };
+  const lightboxImages = allImages.map((img) => ({
+    id: img.id,
+    url: img.cloudinaryUrl,
+    alt: `${entityName} - Image ${img.displayOrder + 1}`
+  }));
+  return {
+    lightboxState,
+    handleImageClick,
+    handleLightboxClose,
+    lightboxImages,
+    allImages
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useEntityLightbox
+});
+//# sourceMappingURL=useEntityLightbox.cjs.map

package/dist/components/lightbox/useEntityLightbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/useEntityLightbox.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { EntityImage, LightboxImage } from './ImageLightbox.types'\n\nexport interface UseEntityLightboxProps {\n  images?: EntityImage[]\n  entityName: string\n}\n\nexport interface UseEntityLightboxReturn {\n  lightboxState: {\n    isOpen: boolean\n    currentIndex: number\n  }\n  handleImageClick: (index: number) => void\n  handleLightboxClose: () => void\n  lightboxImages: LightboxImage[]\n  allImages: EntityImage[]\n}\n\n/**\n * Custom hook for managing lightbox state in entity detail components.\n * Handles opening, closing, and image mapping for the ImageLightbox component.\n *\n * @param images - Array of entity images\n * @param entityName - Name of the entity (for alt text)\n * @returns Lightbox state and handlers\n */\nexport function useEntityLightbox({\n  images,\n  entityName,\n}: UseEntityLightboxProps): UseEntityLightboxReturn {\n  const [lightboxState, setLightboxState] = useState({\n    isOpen: false,\n    currentIndex: 0,\n  })\n\n  const allImages = images || []\n\n  const handleImageClick = (index: number) => {\n    setLightboxState({ isOpen: true, currentIndex: index })\n  }\n\n  const handleLightboxClose = () => {\n    setLightboxState({ isOpen: false, currentIndex: 0 })\n  }\n\n  const lightboxImages = allImages.map((img) => ({\n    id: img.id,\n    url: img.cloudinaryUrl,\n    alt: `${entityName} - Image ${img.displayOrder + 1}`,\n  }))\n\n  return {\n    lightboxState,\n    handleImageClick,\n    handleLightboxClose,\n    lightboxImages,\n    allImages,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AA2BlB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAoD;AAClD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS;AAAA,IACjD,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB,CAAC;AAED,QAAM,YAAY,UAAU,CAAC;AAE7B,QAAM,mBAAmB,CAAC,UAAkB;AAC1C,qBAAiB,EAAE,QAAQ,MAAM,cAAc,MAAM,CAAC;AAAA,EACxD;AAEA,QAAM,sBAAsB,MAAM;AAChC,qBAAiB,EAAE,QAAQ,OAAO,cAAc,EAAE,CAAC;AAAA,EACrD;AAEA,QAAM,iBAAiB,UAAU,IAAI,CAAC,SAAS;AAAA,IAC7C,IAAI,IAAI;AAAA,IACR,KAAK,IAAI;AAAA,IACT,KAAK,GAAG,UAAU,YAAY,IAAI,eAAe,CAAC;AAAA,EACpD,EAAE;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/lightbox/useEntityLightbox.d.ts

@@ -0,0 +1,25 @@
+import type { EntityImage, LightboxImage } from './ImageLightbox.types';
+export interface UseEntityLightboxProps {
+    images?: EntityImage[];
+    entityName: string;
+}
+export interface UseEntityLightboxReturn {
+    lightboxState: {
+        isOpen: boolean;
+        currentIndex: number;
+    };
+    handleImageClick: (index: number) => void;
+    handleLightboxClose: () => void;
+    lightboxImages: LightboxImage[];
+    allImages: EntityImage[];
+}
+/**
+ * Custom hook for managing lightbox state in entity detail components.
+ * Handles opening, closing, and image mapping for the ImageLightbox component.
+ *
+ * @param images - Array of entity images
+ * @param entityName - Name of the entity (for alt text)
+ * @returns Lightbox state and handlers
+ */
+export declare function useEntityLightbox({ images, entityName, }: UseEntityLightboxProps): UseEntityLightboxReturn;
+//# sourceMappingURL=useEntityLightbox.d.ts.map

package/dist/components/lightbox/useEntityLightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityLightbox.d.ts","sourceRoot":"","sources":["../../../components/lightbox/useEntityLightbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAEvE,MAAM,WAAW,sBAAsB;IACrC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAA;IACtB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,uBAAuB;IACtC,aAAa,EAAE;QACb,MAAM,EAAE,OAAO,CAAA;QACf,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,mBAAmB,EAAE,MAAM,IAAI,CAAA;IAC/B,cAAc,EAAE,aAAa,EAAE,CAAA;IAC/B,SAAS,EAAE,WAAW,EAAE,CAAA;CACzB;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,MAAM,EACN,UAAU,GACX,EAAE,sBAAsB,GAAG,uBAAuB,CA6BlD"}

package/dist/components/lightbox/useEntityLightbox.js

@@ -0,0 +1,33 @@
+import { useState } from "react";
+function useEntityLightbox({
+  images,
+  entityName
+}) {
+  const [lightboxState, setLightboxState] = useState({
+    isOpen: false,
+    currentIndex: 0
+  });
+  const allImages = images || [];
+  const handleImageClick = (index) => {
+    setLightboxState({ isOpen: true, currentIndex: index });
+  };
+  const handleLightboxClose = () => {
+    setLightboxState({ isOpen: false, currentIndex: 0 });
+  };
+  const lightboxImages = allImages.map((img) => ({
+    id: img.id,
+    url: img.cloudinaryUrl,
+    alt: `${entityName} - Image ${img.displayOrder + 1}`
+  }));
+  return {
+    lightboxState,
+    handleImageClick,
+    handleLightboxClose,
+    lightboxImages,
+    allImages
+  };
+}
+export {
+  useEntityLightbox
+};
+//# sourceMappingURL=useEntityLightbox.js.map

package/dist/components/lightbox/useEntityLightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/useEntityLightbox.ts"],"sourcesContent":["import { useState } from 'react'\nimport type { EntityImage, LightboxImage } from './ImageLightbox.types'\n\nexport interface UseEntityLightboxProps {\n  images?: EntityImage[]\n  entityName: string\n}\n\nexport interface UseEntityLightboxReturn {\n  lightboxState: {\n    isOpen: boolean\n    currentIndex: number\n  }\n  handleImageClick: (index: number) => void\n  handleLightboxClose: () => void\n  lightboxImages: LightboxImage[]\n  allImages: EntityImage[]\n}\n\n/**\n * Custom hook for managing lightbox state in entity detail components.\n * Handles opening, closing, and image mapping for the ImageLightbox component.\n *\n * @param images - Array of entity images\n * @param entityName - Name of the entity (for alt text)\n * @returns Lightbox state and handlers\n */\nexport function useEntityLightbox({\n  images,\n  entityName,\n}: UseEntityLightboxProps): UseEntityLightboxReturn {\n  const [lightboxState, setLightboxState] = useState({\n    isOpen: false,\n    currentIndex: 0,\n  })\n\n  const allImages = images || []\n\n  const handleImageClick = (index: number) => {\n    setLightboxState({ isOpen: true, currentIndex: index })\n  }\n\n  const handleLightboxClose = () => {\n    setLightboxState({ isOpen: false, currentIndex: 0 })\n  }\n\n  const lightboxImages = allImages.map((img) => ({\n    id: img.id,\n    url: img.cloudinaryUrl,\n    alt: `${entityName} - Image ${img.displayOrder + 1}`,\n  }))\n\n  return {\n    lightboxState,\n    handleImageClick,\n    handleLightboxClose,\n    lightboxImages,\n    allImages,\n  }\n}\n"],"mappings":"AAAA,SAAS,gBAAgB;AA2BlB,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAoD;AAClD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS;AAAA,IACjD,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB,CAAC;AAED,QAAM,YAAY,UAAU,CAAC;AAE7B,QAAM,mBAAmB,CAAC,UAAkB;AAC1C,qBAAiB,EAAE,QAAQ,MAAM,cAAc,MAAM,CAAC;AAAA,EACxD;AAEA,QAAM,sBAAsB,MAAM;AAChC,qBAAiB,EAAE,QAAQ,OAAO,cAAc,EAAE,CAAC;AAAA,EACrD;AAEA,QAAM,iBAAiB,UAAU,IAAI,CAAC,SAAS;AAAA,IAC7C,IAAI,IAAI;AAAA,IACR,KAAK,IAAI;AAAA,IACT,KAAK,GAAG,UAAU,YAAY,IAAI,eAAe,CAAC;AAAA,EACpD,EAAE;AAEF,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/components/lightbox/useLightbox.cjs

@@ -0,0 +1,59 @@
+"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);
+var useLightbox_exports = {};
+__export(useLightbox_exports, {
+  useLightbox: () => useLightbox
+});
+module.exports = __toCommonJS(useLightbox_exports);
+var import_react = require("react");
+function useLightbox(totalImages) {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
+  const open = (0, import_react.useCallback)((index) => {
+    setCurrentIndex(index);
+    setIsOpen(true);
+    document.body.style.overflow = "hidden";
+  }, []);
+  const close = (0, import_react.useCallback)(() => {
+    setIsOpen(false);
+    document.body.style.overflow = "";
+  }, []);
+  const next = (0, import_react.useCallback)(() => {
+    setCurrentIndex((prev2) => Math.min(prev2 + 1, totalImages - 1));
+  }, [totalImages]);
+  const prev = (0, import_react.useCallback)(() => {
+    setCurrentIndex((prev2) => Math.max(prev2 - 1, 0));
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") close();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, close, prev, next]);
+  return { isOpen, currentIndex, open, close, next, prev };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useLightbox
+});
+//# sourceMappingURL=useLightbox.cjs.map

package/dist/components/lightbox/useLightbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/useLightbox.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react'\n\nexport function useLightbox(totalImages: number) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [currentIndex, setCurrentIndex] = useState(0)\n\n  const open = useCallback((index: number) => {\n    setCurrentIndex(index)\n    setIsOpen(true)\n    document.body.style.overflow = 'hidden'\n  }, [])\n\n  const close = useCallback(() => {\n    setIsOpen(false)\n    document.body.style.overflow = ''\n  }, [])\n\n  const next = useCallback(() => {\n    setCurrentIndex((prev) => Math.min(prev + 1, totalImages - 1))\n  }, [totalImages])\n\n  const prev = useCallback(() => {\n    setCurrentIndex((prev) => Math.max(prev - 1, 0))\n  }, [])\n\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') close()\n      if (e.key === 'ArrowLeft') prev()\n      if (e.key === 'ArrowRight') next()\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, close, prev, next])\n\n  return { isOpen, currentIndex, open, close, next, prev }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiD;AAE1C,SAAS,YAAY,aAAqB;AAC/C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,CAAC;AAElD,QAAM,WAAO,0BAAY,CAAC,UAAkB;AAC1C,oBAAgB,KAAK;AACrB,cAAU,IAAI;AACd,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,cAAU,KAAK;AACf,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,WAAO,0BAAY,MAAM;AAC7B,oBAAgB,CAACA,UAAS,KAAK,IAAIA,QAAO,GAAG,cAAc,CAAC,CAAC;AAAA,EAC/D,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,WAAO,0BAAY,MAAM;AAC7B,oBAAgB,CAACA,UAAS,KAAK,IAAIA,QAAO,GAAG,CAAC,CAAC;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,SAAU,OAAM;AAC9B,UAAI,EAAE,QAAQ,YAAa,MAAK;AAChC,UAAI,EAAE,QAAQ,aAAc,MAAK;AAAA,IACnC;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC;AAE9B,SAAO,EAAE,QAAQ,cAAc,MAAM,OAAO,MAAM,KAAK;AACzD;","names":["prev"]}

package/dist/components/lightbox/useLightbox.d.ts

@@ -0,0 +1,9 @@
+export declare function useLightbox(totalImages: number): {
+    isOpen: boolean;
+    currentIndex: number;
+    open: (index: number) => void;
+    close: () => void;
+    next: () => void;
+    prev: () => void;
+};
+//# sourceMappingURL=useLightbox.d.ts.map

package/dist/components/lightbox/useLightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLightbox.d.ts","sourceRoot":"","sources":["../../../components/lightbox/useLightbox.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,WAAW,EAAE,MAAM;;;kBAIZ,MAAM;;;;EAiCxC"}

package/dist/components/lightbox/useLightbox.js

@@ -0,0 +1,35 @@
+import { useState, useCallback, useEffect } from "react";
+function useLightbox(totalImages) {
+  const [isOpen, setIsOpen] = useState(false);
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const open = useCallback((index) => {
+    setCurrentIndex(index);
+    setIsOpen(true);
+    document.body.style.overflow = "hidden";
+  }, []);
+  const close = useCallback(() => {
+    setIsOpen(false);
+    document.body.style.overflow = "";
+  }, []);
+  const next = useCallback(() => {
+    setCurrentIndex((prev2) => Math.min(prev2 + 1, totalImages - 1));
+  }, [totalImages]);
+  const prev = useCallback(() => {
+    setCurrentIndex((prev2) => Math.max(prev2 - 1, 0));
+  }, []);
+  useEffect(() => {
+    if (!isOpen) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") close();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isOpen, close, prev, next]);
+  return { isOpen, currentIndex, open, close, next, prev };
+}
+export {
+  useLightbox
+};
+//# sourceMappingURL=useLightbox.js.map

package/dist/components/lightbox/useLightbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/lightbox/useLightbox.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react'\n\nexport function useLightbox(totalImages: number) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [currentIndex, setCurrentIndex] = useState(0)\n\n  const open = useCallback((index: number) => {\n    setCurrentIndex(index)\n    setIsOpen(true)\n    document.body.style.overflow = 'hidden'\n  }, [])\n\n  const close = useCallback(() => {\n    setIsOpen(false)\n    document.body.style.overflow = ''\n  }, [])\n\n  const next = useCallback(() => {\n    setCurrentIndex((prev) => Math.min(prev + 1, totalImages - 1))\n  }, [totalImages])\n\n  const prev = useCallback(() => {\n    setCurrentIndex((prev) => Math.max(prev - 1, 0))\n  }, [])\n\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') close()\n      if (e.key === 'ArrowLeft') prev()\n      if (e.key === 'ArrowRight') next()\n    }\n\n    window.addEventListener('keydown', handleKeyDown)\n    return () => window.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, close, prev, next])\n\n  return { isOpen, currentIndex, open, close, next, prev }\n}\n"],"mappings":"AAAA,SAAS,UAAU,aAAa,iBAAiB;AAE1C,SAAS,YAAY,aAAqB;AAC/C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC;AAElD,QAAM,OAAO,YAAY,CAAC,UAAkB;AAC1C,oBAAgB,KAAK;AACrB,cAAU,IAAI;AACd,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,cAAU,KAAK;AACf,aAAS,KAAK,MAAM,WAAW;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,YAAY,MAAM;AAC7B,oBAAgB,CAACA,UAAS,KAAK,IAAIA,QAAO,GAAG,cAAc,CAAC,CAAC;AAAA,EAC/D,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,OAAO,YAAY,MAAM;AAC7B,oBAAgB,CAACA,UAAS,KAAK,IAAIA,QAAO,GAAG,CAAC,CAAC;AAAA,EACjD,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AAEb,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,SAAU,OAAM;AAC9B,UAAI,EAAE,QAAQ,YAAa,MAAK;AAChC,UAAI,EAAE,QAAQ,aAAc,MAAK;AAAA,IACnC;AAEA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,QAAQ,OAAO,MAAM,IAAI,CAAC;AAE9B,SAAO,EAAE,QAAQ,cAAc,MAAM,OAAO,MAAM,KAAK;AACzD;","names":["prev"]}

package/dist/components/search/search.cjs

@@ -0,0 +1,71 @@
+"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);
+var search_exports = {};
+__export(search_exports, {
+  Search: () => Search
+});
+module.exports = __toCommonJS(search_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_command = require("../ui/command");
+const Search = ({ className }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.Command, { className, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandInput, { placeholder: "Type a command or search..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandList, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandGroup, { heading: "Suggestions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calendar, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Calendar" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Smile, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Search Emoji" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Calculator, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Calculator" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandGroup, { heading: "Settings", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.User, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Profile" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandShortcut, { children: "\u2318P" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CreditCard, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Billing" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandShortcut, { children: "\u2318B" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_command.CommandItem, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Settings, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "Settings" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_command.CommandShortcut, { children: "\u2318S" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Search
+});
+//# sourceMappingURL=search.cjs.map

package/dist/components/search/search.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/search/search.tsx"],"sourcesContent":["import {\n  Calculator,\n  Calendar,\n  CreditCard,\n  Settings,\n  Smile,\n  User,\n} from 'lucide-react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from '../ui/command'\n\nexport const Search = ({ className }: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <Command className={className}>\n      <CommandInput placeholder=\"Type a command or search...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading=\"Suggestions\">\n          <CommandItem>\n            <Calendar className=\"mr-2 h-4 w-4\" />\n            <span>Calendar</span>\n          </CommandItem>\n          <CommandItem>\n            <Smile className=\"mr-2 h-4 w-4\" />\n            <span>Search Emoji</span>\n          </CommandItem>\n          <CommandItem>\n            <Calculator className=\"mr-2 h-4 w-4\" />\n            <span>Calculator</span>\n          </CommandItem>\n        </CommandGroup>\n        <CommandSeparator />\n        <CommandGroup heading=\"Settings\">\n          <CommandItem>\n            <User className=\"mr-2 h-4 w-4\" />\n            <span>Profile</span>\n            <CommandShortcut>⌘P</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <CreditCard className=\"mr-2 h-4 w-4\" />\n            <span>Billing</span>\n            <CommandShortcut>⌘B</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <Settings className=\"mr-2 h-4 w-4\" />\n            <span>Settings</span>\n            <CommandShortcut>⌘S</CommandShortcut>\n          </CommandItem>\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AAvBN,0BAOO;AAEP,qBASO;AAEA,MAAM,SAAS,CAAC,EAAE,UAAU,MAA4C;AAC7E,SACE,6CAAC,0BAAQ,WACP;AAAA,gDAAC,+BAAa,aAAY,+BAA8B;AAAA,IACxD,6CAAC,8BACC;AAAA,kDAAC,+BAAa,+BAAiB;AAAA,MAC/B,6CAAC,+BAAa,SAAQ,eACpB;AAAA,qDAAC,8BACC;AAAA,sDAAC,gCAAS,WAAU,gBAAe;AAAA,UACnC,4CAAC,UAAK,sBAAQ;AAAA,WAChB;AAAA,QACA,6CAAC,8BACC;AAAA,sDAAC,6BAAM,WAAU,gBAAe;AAAA,UAChC,4CAAC,UAAK,0BAAY;AAAA,WACpB;AAAA,QACA,6CAAC,8BACC;AAAA,sDAAC,kCAAW,WAAU,gBAAe;AAAA,UACrC,4CAAC,UAAK,wBAAU;AAAA,WAClB;AAAA,SACF;AAAA,MACA,4CAAC,mCAAiB;AAAA,MAClB,6CAAC,+BAAa,SAAQ,YACpB;AAAA,qDAAC,8BACC;AAAA,sDAAC,4BAAK,WAAU,gBAAe;AAAA,UAC/B,4CAAC,UAAK,qBAAO;AAAA,UACb,4CAAC,kCAAgB,qBAAE;AAAA,WACrB;AAAA,QACA,6CAAC,8BACC;AAAA,sDAAC,kCAAW,WAAU,gBAAe;AAAA,UACrC,4CAAC,UAAK,qBAAO;AAAA,UACb,4CAAC,kCAAgB,qBAAE;AAAA,WACrB;AAAA,QACA,6CAAC,8BACC;AAAA,sDAAC,gCAAS,WAAU,gBAAe;AAAA,UACnC,4CAAC,UAAK,sBAAQ;AAAA,UACd,4CAAC,kCAAgB,qBAAE;AAAA,WACrB;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/search/search.d.ts

@@ -0,0 +1,2 @@
+export declare const Search: ({ className }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search.d.ts.map

package/dist/components/search/search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../components/search/search.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,MAAM,kBAAmB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,4CAyCzE,CAAA"}

package/dist/components/search/search.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Calculator,
+  Calendar,
+  CreditCard,
+  Settings,
+  Smile,
+  User
+} from "lucide-react";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+} from "../ui/command";
+const Search = ({ className }) => {
+  return /* @__PURE__ */ jsxs(Command, { className, children: [
+    /* @__PURE__ */ jsx(CommandInput, { placeholder: "Type a command or search..." }),
+    /* @__PURE__ */ jsxs(CommandList, { children: [
+      /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+      /* @__PURE__ */ jsxs(CommandGroup, { heading: "Suggestions", children: [
+        /* @__PURE__ */ jsxs(CommandItem, { children: [
+          /* @__PURE__ */ jsx(Calendar, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: "Calendar" })
+        ] }),
+        /* @__PURE__ */ jsxs(CommandItem, { children: [
+          /* @__PURE__ */ jsx(Smile, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: "Search Emoji" })
+        ] }),
+        /* @__PURE__ */ jsxs(CommandItem, { children: [
+          /* @__PURE__ */ jsx(Calculator, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: "Calculator" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(CommandSeparator, {}),
+      /* @__PURE__ */ jsxs(CommandGroup, { heading: "Settings", children: [
+        /* @__PURE__ */ jsxs(CommandItem, { children: [
+          /* @__PURE__ */ jsx(User, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: "Profile" }),
+          /* @__PURE__ */ jsx(CommandShortcut, { children: "\u2318P" })
+        ] }),
+        /* @__PURE__ */ jsxs(CommandItem, { children: [
+          /* @__PURE__ */ jsx(CreditCard, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: "Billing" }),
+          /* @__PURE__ */ jsx(CommandShortcut, { children: "\u2318B" })
+        ] }),
+        /* @__PURE__ */ jsxs(CommandItem, { children: [
+          /* @__PURE__ */ jsx(Settings, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { children: "Settings" }),
+          /* @__PURE__ */ jsx(CommandShortcut, { children: "\u2318S" })
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Search
+};
+//# sourceMappingURL=search.js.map

package/dist/components/search/search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../components/search/search.tsx"],"sourcesContent":["import {\n  Calculator,\n  Calendar,\n  CreditCard,\n  Settings,\n  Smile,\n  User,\n} from 'lucide-react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  CommandShortcut,\n} from '../ui/command'\n\nexport const Search = ({ className }: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <Command className={className}>\n      <CommandInput placeholder=\"Type a command or search...\" />\n      <CommandList>\n        <CommandEmpty>No results found.</CommandEmpty>\n        <CommandGroup heading=\"Suggestions\">\n          <CommandItem>\n            <Calendar className=\"mr-2 h-4 w-4\" />\n            <span>Calendar</span>\n          </CommandItem>\n          <CommandItem>\n            <Smile className=\"mr-2 h-4 w-4\" />\n            <span>Search Emoji</span>\n          </CommandItem>\n          <CommandItem>\n            <Calculator className=\"mr-2 h-4 w-4\" />\n            <span>Calculator</span>\n          </CommandItem>\n        </CommandGroup>\n        <CommandSeparator />\n        <CommandGroup heading=\"Settings\">\n          <CommandItem>\n            <User className=\"mr-2 h-4 w-4\" />\n            <span>Profile</span>\n            <CommandShortcut>⌘P</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <CreditCard className=\"mr-2 h-4 w-4\" />\n            <span>Billing</span>\n            <CommandShortcut>⌘B</CommandShortcut>\n          </CommandItem>\n          <CommandItem>\n            <Settings className=\"mr-2 h-4 w-4\" />\n            <span>Settings</span>\n            <CommandShortcut>⌘S</CommandShortcut>\n          </CommandItem>\n        </CommandGroup>\n      </CommandList>\n    </Command>\n  )\n}\n"],"mappings":"AAuBM,cAII,YAJJ;AAvBN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,SAAS,CAAC,EAAE,UAAU,MAA4C;AAC7E,SACE,qBAAC,WAAQ,WACP;AAAA,wBAAC,gBAAa,aAAY,+BAA8B;AAAA,IACxD,qBAAC,eACC;AAAA,0BAAC,gBAAa,+BAAiB;AAAA,MAC/B,qBAAC,gBAAa,SAAQ,eACpB;AAAA,6BAAC,eACC;AAAA,8BAAC,YAAS,WAAU,gBAAe;AAAA,UACnC,oBAAC,UAAK,sBAAQ;AAAA,WAChB;AAAA,QACA,qBAAC,eACC;AAAA,8BAAC,SAAM,WAAU,gBAAe;AAAA,UAChC,oBAAC,UAAK,0BAAY;AAAA,WACpB;AAAA,QACA,qBAAC,eACC;AAAA,8BAAC,cAAW,WAAU,gBAAe;AAAA,UACrC,oBAAC,UAAK,wBAAU;AAAA,WAClB;AAAA,SACF;AAAA,MACA,oBAAC,oBAAiB;AAAA,MAClB,qBAAC,gBAAa,SAAQ,YACpB;AAAA,6BAAC,eACC;AAAA,8BAAC,QAAK,WAAU,gBAAe;AAAA,UAC/B,oBAAC,UAAK,qBAAO;AAAA,UACb,oBAAC,mBAAgB,qBAAE;AAAA,WACrB;AAAA,QACA,qBAAC,eACC;AAAA,8BAAC,cAAW,WAAU,gBAAe;AAAA,UACrC,oBAAC,UAAK,qBAAO;AAAA,UACb,oBAAC,mBAAgB,qBAAE;AAAA,WACrB;AAAA,QACA,qBAAC,eACC;AAAA,8BAAC,YAAS,WAAU,gBAAe;AAAA,UACnC,oBAAC,UAAK,sBAAQ;AAAA,UACd,oBAAC,mBAAgB,qBAAE;AAAA,WACrB;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}