@timmbr/ui 1.1.0 → 1.3.0

package/dist/components/ImageUpload/subcomponents/ImageUploadThumbnailCard.js

@@ -0,0 +1,139 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { cn } from '@timmbr/utils';
+import { Eye, Trash2 } from '@timmbr/icons';
+import { motion, scaleVariants, getTransition } from '@timmbr/motion';
+import { thumbnailCardVariants } from '../ImageUpload.styles.js';
+import { PlayIcon } from './ImageUploadIcons.js';
+import { isVideoMedia } from '../ImageUpload.helpers.js';
+import { Spinner } from '../../Spinner/Spinner.js';
+
+const ImageUploadThumbnailCard = ({
+  item,
+  index,
+  layout = "grid",
+  disabled = false,
+  enablePreviewModal = true,
+  shouldAnimate = true,
+  onPreview,
+  onRemove
+}) => {
+  const isVideo = isVideoMedia(item);
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      layout: shouldAnimate,
+      initial: shouldAnimate ? "hidden" : false,
+      animate: shouldAnimate ? "visible" : void 0,
+      exit: shouldAnimate ? "exit" : void 0,
+      variants: shouldAnimate ? scaleVariants : void 0,
+      transition: getTransition("spring"),
+      className: cn(
+        thumbnailCardVariants({ aspectRatio: "square" }),
+        layout === "scroll" && "shrink-0 w-36 sm:w-40 snap-start"
+      ),
+      children: [
+        isVideo ? /* @__PURE__ */ jsx(
+          "video",
+          {
+            src: item.url,
+            className: "w-full h-full object-cover",
+            muted: true,
+            playsInline: true,
+            preload: "metadata"
+          }
+        ) : /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: item.url,
+            alt: item.name || `Media #${index + 1}`,
+            className: "w-full h-full object-cover"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "absolute top-2 left-2 z-10 flex items-center gap-1.5 pointer-events-none", children: index === 0 ? /* @__PURE__ */ jsxs("div", { className: "bg-black/65 backdrop-blur-md text-white text-[10px] font-semibold px-2 py-0.5 rounded-full border border-white/20 shadow-md flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "size-1.5 rounded-full bg-emerald-400 shadow-[0_0_6px_rgba(52,211,153,0.8)]" }),
+          /* @__PURE__ */ jsx("span", { children: "Cover" })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "bg-black/55 backdrop-blur-md text-white/90 text-[10px] font-medium px-2 py-0.5 rounded-full border border-white/10 shadow-sm", children: [
+          "#",
+          index + 1
+        ] }) }),
+        isVideo && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 z-10 bg-black/65 backdrop-blur-md text-white p-1 rounded-full border border-white/20 shadow-md pointer-events-none", children: /* @__PURE__ */ jsx(PlayIcon, { className: "size-2.5" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/55 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-2 backdrop-blur-[2px] z-20", children: [
+          enablePreviewModal && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onPreview,
+              className: "size-8 rounded-full bg-white/25 hover:bg-white/40 text-white flex items-center justify-center transition-colors shadow-xs cursor-pointer",
+              title: "Preview full size",
+              children: /* @__PURE__ */ jsx(Eye, { className: "size-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              disabled,
+              onClick: onRemove,
+              className: "size-8 rounded-full bg-destructive/90 hover:bg-destructive text-white flex items-center justify-center transition-colors shadow-xs cursor-pointer",
+              title: "Remove item",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "size-4" })
+            }
+          )
+        ] })
+      ]
+    },
+    item.key || item.url || index
+  );
+};
+ImageUploadThumbnailCard.displayName = "ImageUploadThumbnailCard";
+const ImageUploadTaskCard = ({
+  id,
+  name,
+  previewUrl,
+  isVideo,
+  layout = "grid",
+  shouldAnimate = true
+}) => {
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      layout: shouldAnimate,
+      initial: shouldAnimate ? "hidden" : false,
+      animate: shouldAnimate ? "visible" : void 0,
+      exit: shouldAnimate ? "exit" : void 0,
+      variants: shouldAnimate ? scaleVariants : void 0,
+      transition: getTransition("fast"),
+      className: cn(
+        thumbnailCardVariants({ aspectRatio: "square" }),
+        "border-primary/50 bg-primary-50/20 dark:bg-primary-950/20",
+        layout === "scroll" && "shrink-0 w-36 sm:w-40 snap-start"
+      ),
+      children: [
+        isVideo ? /* @__PURE__ */ jsx(
+          "video",
+          {
+            src: previewUrl,
+            className: "w-full h-full object-cover blur-xs scale-105 opacity-60",
+            muted: true
+          }
+        ) : /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: previewUrl,
+            alt: name,
+            className: "w-full h-full object-cover blur-xs scale-105 opacity-60"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 bg-black/50 flex flex-col items-center justify-center gap-1.5 p-2 text-center", children: [
+          /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "text-white" }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-white line-clamp-1 max-w-full px-1", children: name })
+        ] })
+      ]
+    },
+    id
+  );
+};
+ImageUploadTaskCard.displayName = "ImageUploadTaskCard";
+
+export { ImageUploadTaskCard, ImageUploadThumbnailCard };

package/dist/components/ImageUpload/subcomponents/index.d.ts

@@ -0,0 +1,6 @@
+export * from './ImageUploadIcons';
+export * from './ImageUploadDropzone';
+export * from './ImageUploadSinglePreview';
+export * from './ImageUploadThumbnailCard';
+export * from './ImageUploadModal';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ImageUpload/subcomponents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ImageUpload/subcomponents/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC"}

package/dist/components/Input/Input.js

@@ -175,12 +175,12 @@ const Input = React.forwardRef(
             {
               id: `${id}-desc`,
               className: cn(
-                "text-xs mt-0.5 flex items-start gap-1.5 text-left",
+                "text-xs mt-1 flex items-center gap-1.5 text-left",
                 isError ? "text-destructive font-medium" : "text-muted-foreground"
               ),
               children: [
-                isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 mt-0.5 text-destructive", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 mt-0.5 text-muted-foreground", "aria-hidden": "true" }),
-                /* @__PURE__ */ jsx("span", { className: "leading-tight", children: errorMessage || helperText })
+                isError ? /* @__PURE__ */ jsx(AlertCircle, { className: "w-3.5 h-3.5 shrink-0 text-destructive", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Info, { className: "w-3.5 h-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "leading-normal", children: errorMessage || helperText })
               ]
             }
           )

package/dist/components/List/List.types.d.ts

@@ -5,12 +5,10 @@ export interface ListProps extends React.HTMLAttributes<HTMLUListElement>, ListV
 export interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement>, ListItemVariants {
     clickable?: boolean;
 }
-export interface ListItemIconProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export type ListItemIconProps = React.HTMLAttributes<HTMLDivElement>;
 export interface ListItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
     primary?: React.ReactNode;
     secondary?: React.ReactNode;
 }
-export interface ListItemActionProps extends React.HTMLAttributes<HTMLDivElement> {
-}
+export type ListItemActionProps = React.HTMLAttributes<HTMLDivElement>;
 //# sourceMappingURL=List.types.d.ts.map

package/dist/components/List/List.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,YAAY;CAAG;AAEnB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAC3C,gBAAgB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG"}
+{"version":3,"file":"List.types.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAC5C,YAAY;CAAG;AAEnB,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAC3C,gBAAgB;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAErE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC"}

package/dist/components/NavHeader/NavHeader.context.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { NavHeaderProps, NavHeaderItem } from './NavHeader.types';
+export interface NavHeaderContextValue {
+    activeItemId: string | null;
+    setActiveItemId: (id: string | null) => void;
+    isSearchOpen: boolean;
+    setIsSearchOpen: (open: boolean) => void;
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    shouldAnimate: boolean;
+    motionClass?: string;
+    linkComponent?: NavHeaderProps['linkComponent'];
+    handleItemMouseEnter: (id: string) => void;
+    handleItemMouseLeave: () => void;
+    handleItemClick: (id: string, item: NavHeaderItem) => void;
+    handleSearchSubmit: (query: string) => void;
+}
+export declare const NavHeaderContext: React.Context<NavHeaderContextValue | null>;
+export declare function useNavHeaderContext(): NavHeaderContextValue;
+//# sourceMappingURL=NavHeader.context.d.ts.map

package/dist/components/NavHeader/NavHeader.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavHeader.context.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvE,MAAM,WAAW,qBAAqB;IACpC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAChD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,gBAAgB,6CAA0D,CAAC;AAExF,wBAAgB,mBAAmB,IAAI,qBAAqB,CAM3D"}

package/dist/components/NavHeader/NavHeader.context.js

@@ -0,0 +1,13 @@
+"use client";
+import * as React from 'react';
+
+const NavHeaderContext = React.createContext(null);
+function useNavHeaderContext() {
+  const context = React.useContext(NavHeaderContext);
+  if (!context) {
+    throw new Error("useNavHeaderContext must be used within a NavHeader component tree");
+  }
+  return context;
+}
+
+export { NavHeaderContext, useNavHeaderContext };

package/dist/components/NavHeader/NavHeader.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { NavHeaderProps } from './NavHeader.types';
+export declare const NavHeader: React.ForwardRefExoticComponent<NavHeaderProps & React.RefAttributes<HTMLElement>>;
+/**
+ * Convenience alias for NavHeader.
+ */
+export declare const Header: React.ForwardRefExoticComponent<NavHeaderProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=NavHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavHeader.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,mBAAmB,CAAC;AAavE,eAAO,MAAM,SAAS,oFA4oBrB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,MAAM,oFAAY,CAAC"}

package/dist/components/NavHeader/NavHeader.helpers.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Checks whether a given URL is external (protocol-relative, mailto, tel, or http(s)).
+ */
+export declare function isExternalUrl(url?: string): boolean;
+/**
+ * Determines whether navigation requires cross-zone hard link behavior.
+ */
+export declare function isCrossZoneNavigation(zone?: string, currentZone?: string, explicitCrossZone?: boolean): boolean;
+/**
+ * Resolves the destination URL taking into account zone configuration.
+ */
+export declare function resolveNavDestination(href?: string, zone?: string, zones?: Record<string, string>): string | undefined;
+//# sourceMappingURL=NavHeader.helpers.d.ts.map

package/dist/components/NavHeader/NavHeader.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavHeader.helpers.d.ts","sourceRoot":"","sources":["../../../src/components/NavHeader/NavHeader.helpers.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CASnD;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,CAAC,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,MAAM,EACpB,iBAAiB,CAAC,EAAE,OAAO,GAC1B,OAAO,CAKT;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,CAAC,EAAE,MAAM,EACb,IAAI,CAAC,EAAE,MAAM,EACb,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAC7B,MAAM,GAAG,SAAS,CAGpB"}

package/dist/components/NavHeader/NavHeader.helpers.js

@@ -0,0 +1,14 @@
+import { resolveZoneHref } from '../../providers/TimmbrConfigProvider.js';
+
+function isCrossZoneNavigation(zone, currentZone, explicitCrossZone) {
+  if (explicitCrossZone) return true;
+  if (!zone) return false;
+  if (!currentZone) return true;
+  return zone !== currentZone;
+}
+function resolveNavDestination(href, zone, zones) {
+  if (!href) return void 0;
+  return resolveZoneHref(href, zone, zones);
+}
+
+export { isCrossZoneNavigation, resolveNavDestination };