@uniformdev/csk-components 6.0.123-alpha.1 → 6.1.63-alpha.1

package/dist/content/components/ui/InlineSVG/utils.ts

@@ -1,3 +1,38 @@
+import { SVGProps } from 'react';
+
+type SVGAttributes = Record<string, string | number | boolean>;
+type ReactSVGProps = SVGProps<SVGSVGElement>;
+const PRESERVE_AS_STRING = ['id', 'class', 'viewBox', 'preserveAspectRatio'];
+
+const ATTRIBUTE_MAP: Record<string, string> = {
+  class: 'className',
+  'stroke-width': 'strokeWidth',
+  'stroke-linecap': 'strokeLinecap',
+  'stroke-linejoin': 'strokeLinejoin',
+  'stroke-miterlimit': 'strokeMiterlimit',
+  'stroke-dasharray': 'strokeDasharray',
+  'stroke-dashoffset': 'strokeDashoffset',
+  'stroke-opacity': 'strokeOpacity',
+  'fill-opacity': 'fillOpacity',
+  'fill-rule': 'fillRule',
+  'clip-rule': 'clipRule',
+  'clip-path': 'clipPath',
+  'font-family': 'fontFamily',
+  'font-size': 'fontSize',
+  'font-weight': 'fontWeight',
+  'text-anchor': 'textAnchor',
+  'pointer-events': 'pointerEvents',
+  'vector-effect': 'vectorEffect',
+  'color-interpolation': 'colorInterpolation',
+  'dominant-baseline': 'dominantBaseline',
+  'text-rendering': 'textRendering',
+  'shape-rendering': 'shapeRendering',
+  'color-rendering': 'colorRendering',
+  'image-rendering': 'imageRendering',
+  'xml:space': 'xmlSpace',
+  'xmlns:xlink': 'xmlnsXlink',
+} as const;
+
 /**
  * Sanitizes SVG by removing potentially dangerous or unwanted content.
  */
@@ -21,26 +56,32 @@ export const applyCurrentColor = (svg: string): string =>
 /**
  * Extracts attributes from the <svg> tag as key-value pairs.
  */
-export const getSvgAttributes = (svg: string): Record<string, string> => {
-  const match = svg.match(/<svg\s+([^>]*)>/i);
-  if (!match || !match[1]) return {};
+export const getSvgAttributes = (svgContent: string): SVGAttributes => {
+  const svgTagMatch = svgContent.match(/<svg([^>]*)>/i);
+  if (!svgTagMatch) return {};
+
+  const attributesString = svgTagMatch[1];
+  const attributes: SVGAttributes = {};
 
-  const attrString = match[1];
-  const attributes: Record<string, string> = {};
+  const attrRegex = /(\w+(?:[-:]\w+)*)\s*=\s*["']([^"']*)["']/g;
+  let match;
 
-  const attrRegex = /(\w[\w-]*)=["']([^"']*)["']/g;
-  let result: RegExpExecArray | null;
+  while ((match = attrRegex.exec(attributesString ?? '')) !== null) {
+    const [, key, value] = match;
 
-  while ((result = attrRegex.exec(attrString))) {
-    const [, key, value] = result;
-    if (key && value) {
+    if (!key || !value) continue;
+
+    if (value === 'true' || value === 'false') {
+      attributes[key] = value === 'true';
+    } else if (!isNaN(Number(value)) && value !== '' && !PRESERVE_AS_STRING.includes(key)) {
+      attributes[key] = Number(value);
+    } else {
       attributes[key] = value;
     }
   }
 
   return attributes;
 };
-
 /**
  * Extracts inner content from an SVG string (everything inside <svg>...</svg>).
  */
@@ -49,6 +90,20 @@ export const getSvgInnerContent = (svg: string): string => {
   return match?.[1] ?? '';
 };
 
+/**
+ * Converts SVG attributes to React props.
+ */
+export const convertSvgAttributesToReactProps = (attributes: SVGAttributes): Partial<ReactSVGProps> => {
+  const reactProps: Record<string, string | number | boolean> = {};
+
+  for (const [key, value] of Object.entries(attributes)) {
+    const reactPropName = ATTRIBUTE_MAP[key] || key;
+    reactProps[reactPropName] = value;
+  }
+
+  return reactProps;
+};
+
 /**
  * Fetches raw SVG content from a remote URL.
  */

package/dist/content/components/ui/Rating/index.tsx

@@ -1,5 +1,5 @@
 export type RatingProps = {
-  rating: number;
+  rating?: number;
   showReviewLabel?: boolean;
   starsColor?: string;
   activeStarsColor?: string;

package/dist/content/components/ui/Rating/rating.tsx

@@ -5,7 +5,7 @@ import { RatingProps } from '.';
 export const Rating: FC<RatingProps> = ({ rating, showReviewLabel, starsColor, activeStarsColor }) => (
   <div className="flex items-center space-x-1">
     {Array.from({ length: 5 }, (_, starIndex) => {
-      const selectedRating = rating >= starIndex + 1;
+      const selectedRating = rating && rating >= starIndex + 1;
       return (
         <svg
           key={starIndex}

package/dist/content/types/cskTypes.ts

@@ -1,12 +1,12 @@
-import { HTMLAttributes } from 'react';
-import { ComponentInstance } from '@uniformdev/canvas';
-
-export type ResolveEmptyPlaceholderOptions = {
-  parentComponent: ComponentInstance | undefined;
-  component: ComponentInstance;
-  slotName: string;
-  slotIndex: number;
-};
+import { HTMLAttributes, ComponentProps as ReactComponentProps } from 'react';
+import { AssetParamValueItem } from '@uniformdev/canvas';
+import { UniformComposition } from '@uniformdev/next-app-router';
+import { ComponentParameter } from '@uniformdev/next-app-router-shared';
+
+type ResolveEmptyPlaceholderFunction = NonNullable<
+  ReactComponentProps<typeof UniformComposition>['resolveEmptyPlaceholder']
+>;
+export type ResolveEmptyPlaceholderOptions = Parameters<ResolveEmptyPlaceholderFunction>[0];
 
 export type ViewPort<T> = {
   desktop?: T;
@@ -25,3 +25,26 @@ export type SpaceType = Pick<
   | 'paddingRight'
   | 'paddingBottom'
 >;
+
+type ToComponentParameters<T> = {
+  [K in keyof T]: ComponentParameter<T[K]>;
+};
+
+export type ComponentProps<
+  T,
+  S extends string = string,
+> = import('@uniformdev/next-app-router/component').ComponentProps<ToComponentParameters<T>, S>;
+
+type ValueOfField<F> = F extends { value: infer V } ? V : never;
+type FlattenFields<T extends AssetParamValueItem> = {
+  [K in keyof T['fields']]: ValueOfField<T['fields'][K]>;
+};
+type RenameKey<T, K extends keyof T, NewName extends PropertyKey> = Omit<T, K> & { [P in NewName]: T[K] };
+
+export type ResolvedAssetFromItem<T extends AssetParamValueItem> = RenameKey<FlattenFields<T>, 'id', 'file'> & {
+  id: T['_id'];
+};
+
+export type ReplaceFieldsWithAssets<T, K extends keyof T> = Omit<T, K> & {
+  [P in K]?: ResolvedAssetFromItem<AssetParamValueItem>[];
+};

package/dist/content/utils/assets.ts

@@ -1,21 +1,6 @@
-import { AssetParamValue } from '@uniformdev/assets';
+import { AssetParamValue, AssetParamValueItem } from '@uniformdev/assets';
 import { flattenValues } from '@uniformdev/canvas';
-
-type ResolvedAsset = {
-  id?: string;
-  url: string;
-  file?: string;
-  size?: number;
-  title?: string;
-  width?: number;
-  height?: number;
-  mediaType?: string;
-  description?: string;
-  focalPoint?: {
-    x: number;
-    y: number;
-  };
-};
+import { ResolvedAssetFromItem } from '@/types/cskTypes';
 
 /**
  * Resolves a list of assets, filtering out any entries without a valid URL.
@@ -23,5 +8,5 @@ type ResolvedAsset = {
  * @param {AssetParamValue | undefined} image - The list of assets to resolve.
  * @returns {ResolvedAsset[]} - An array of resolved assets with valid URLs.
  */
-export const resolveAsset = (image?: AssetParamValue): ResolvedAsset[] =>
+export const resolveAsset = (image?: AssetParamValue): ResolvedAssetFromItem<AssetParamValueItem>[] =>
   (flattenValues(image as never) || []).filter(({ url }) => Boolean(url));

package/dist/content/utils/createComponentResolver.ts

@@ -1,11 +1,12 @@
-import { ComponentInstance } from '@uniformdev/canvas';
-import { DefaultNotImplementedComponent, ResolveComponentResult } from '@uniformdev/canvas-next-rsc/component';
+import { ResolveComponentFunction, ResolveComponentResult } from '@uniformdev/next-app-router';
+import ComponentEmptyPlaceholder from '@/components/ui/ComponentEmptyPlaceholder';
 
-export type ComponentMapping = Record<string, ResolveComponentResult>;
+export type ComponentMapping = Record<string, ResolveComponentResult['component']>;
 
 const createComponentResolver =
-  (mappings: ComponentMapping) =>
-  ({ component }: { component: ComponentInstance }) =>
-    mappings[component?.type] ?? { component: DefaultNotImplementedComponent };
+  (mappings: ComponentMapping): ResolveComponentFunction =>
+  ({ component }) => ({
+    component: mappings[component?.type] || ComponentEmptyPlaceholder,
+  });
 
 export default createComponentResolver;

package/dist/content/utils/createEmptyPlaceholderResolver.tsx

@@ -1,8 +1,8 @@
 import { ComponentType } from 'react';
-import { ComponentProps } from '@uniformdev/canvas-next-rsc/component';
+import { ComponentProps } from '@uniformdev/next-app-router/component';
 import { ResolveEmptyPlaceholderOptions } from '@/types/cskTypes';
 
-export const DEFAULT_EMPTY_PLACEHOLDER = { component: () => <div className="h-20 w-full" /> };
+export const DEFAULT_EMPTY_PLACEHOLDER = { component: () => <div className="h-full min-h-20 w-full" /> };
 
 export type EmptyPlaceholderMapping = Record<
   string,
@@ -12,11 +12,7 @@ export type EmptyPlaceholderMapping = Record<
   }
 >;
 
-const createEmptyPlaceholderResolver =
-  (mappings: EmptyPlaceholderMapping) =>
-  ({ parentComponent, ...restProps }: ResolveEmptyPlaceholderOptions) =>
-    parentComponent
-      ? mappings[parentComponent.type]?.({ parentComponent, ...restProps }) || DEFAULT_EMPTY_PLACEHOLDER
-      : DEFAULT_EMPTY_PLACEHOLDER;
+const createEmptyPlaceholderResolver = (mappings: EmptyPlaceholderMapping) => (props: ResolveEmptyPlaceholderOptions) =>
+  mappings[props?.parentComponent?.type]?.(props) || DEFAULT_EMPTY_PLACEHOLDER;
 
 export default createEmptyPlaceholderResolver;

package/dist/content/utils/getSlotComponents.ts

@@ -0,0 +1,15 @@
+'server-only';
+
+import { createCompositionCache } from '@uniformdev/next-app-router';
+import { SlotDefinition } from '@uniformdev/next-app-router-shared';
+import { ComponentProps } from '@/types/cskTypes';
+
+export const compositionCache = createCompositionCache();
+
+export const getSlotComponents = <T>(slot: SlotDefinition, context: ComponentProps<T>['context']) =>
+  slot.items.map(slot =>
+    compositionCache.getUniformComponent({
+      componentId: slot!._id,
+      compositionId: context._id,
+    })
+  );

package/dist/content/utils/routing.ts

@@ -1,23 +1,68 @@
 import { ResolvedRouteGetResponse, RouteGetResponseEdgehancedComposition, LinkParamValue } from '@uniformdev/canvas';
 
-const DYNAMIC_KEY_REGEX = /:([a-zA-Z0-9-_]+)/g;
-
 /**
- * Resolves a dynamic route to a concrete path by replacing placeholders with values from the provided inputs.
+ * Replaces dynamic segments in an unresolved path template (with `:tokens`)
+ * using values from a resolved path.
+ *
+ * If the structure doesn't match, returns `undefined` instead of throwing an error.
+ *
+ * @param {string} unresolved - The path template containing dynamic segments (e.g. `/:locale/:dynamic/static`).
+ * @param {string} resolved - The fully resolved path with actual values (e.g. `/en/test/static`).
+ * @returns {string | undefined} - The final path with dynamic tokens replaced (e.g. `/en/test/static`), or `undefined` on mismatch.
+ *
+ * @example
+ * resolveRouteToPath("/:locale/:dynamic", "/en/test");
+ * // Returns: "/en/test"
  *
- * @param {string} matchedRoute - The route containing dynamic placeholders.
- * @param {{ [dynamicKey: string]: string } | undefined} dynamicInputs - A map of dynamic keys to their replacement values.
- * @returns {string} - The resolved route with placeholders replaced.
+ * @example
+ * resolveRouteToPath("/:locale/:dynamic/static/:dynamic", "/en/test/static/foo");
+ * // Returns: "/en/test/static/foo"
+ *
+ * @example
+ * resolveRouteToPath("/:locale/static", "/en/test");
+ * // Returns: undefined
  */
-export const resolveRouteToPath = (
-  matchedRoute: string,
-  dynamicInputs: { [dynamicKey: string]: string } | undefined
-): string =>
-  dynamicInputs
-    ? matchedRoute.replace(DYNAMIC_KEY_REGEX, dynamicKey => {
-        return dynamicInputs?.[dynamicKey.substring(1)] || dynamicKey;
-      })
-    : matchedRoute;
+export const resolveRouteToPath = (unresolved: string, resolved: string): string | undefined => {
+  const unresolvedParts = unresolved.split('/').filter(Boolean);
+  const resolvedParts = resolved.split('/').filter(Boolean);
+
+  if (resolvedParts.length < unresolvedParts.length) {
+    return undefined;
+  }
+
+  const { valid, result } = unresolvedParts.reduce<{
+    valid: boolean;
+    result: string[];
+    index: number;
+  }>(
+    (acc, part) => {
+      if (!acc.valid) return acc;
+      const currentResolved = resolvedParts[acc.index];
+      if (!currentResolved) return { ...acc, valid: false };
+
+      if (part.startsWith(':')) {
+        return {
+          ...acc,
+          result: [...acc.result, currentResolved],
+          index: acc.index + 1,
+        };
+      }
+
+      if (part === currentResolved) {
+        return {
+          ...acc,
+          result: [...acc.result, part],
+          index: acc.index + 1,
+        };
+      }
+
+      return { ...acc, valid: false };
+    },
+    { valid: true, result: [], index: 0 }
+  );
+
+  return valid ? '/' + result.join('/') : undefined;
+};
 
 /**
  * Checks if a given route response is free of errors and contains a composition.

package/dist/content/utils/useCookiesConsent.ts

@@ -0,0 +1,17 @@
+import { useCallback, useMemo } from 'react';
+import { useUniformContext } from '@uniformdev/next-app-router-client';
+
+const useCookiesConsent = () => {
+  const { context } = useUniformContext();
+
+  const consent = useMemo(() => context?.storage?.data?.consent, [context?.storage?.data?.consent]);
+
+  const updateConsent = useCallback(
+    (value: boolean) => context?.storage.updateData([{ type: 'consent', data: value }]),
+    [context?.storage]
+  );
+
+  return { consent, updateConsent };
+};
+
+export default useCookiesConsent;

package/dist/content/utils/withFlattenParameters.tsx

@@ -0,0 +1,17 @@
+import { ComponentType, FC } from 'react';
+import { flattenValues, FlattenValuesOptions } from '@uniformdev/canvas';
+import { ComponentProps } from '@/types/cskTypes';
+
+export const withFlattenParameters = <TProps extends ComponentProps<T>, T>(
+  WrappedComponent: ComponentType<TProps>,
+  options?: FlattenValuesOptions
+): ComponentType<TProps> => {
+  const ComponentWithContainer: FC<TProps> = props => (
+    <WrappedComponent {...flattenValues(props, options)} {...props} />
+  );
+  ComponentWithContainer.displayName = `withFlattenParameters(${
+    WrappedComponent.displayName || WrappedComponent.name || 'Component'
+  })`;
+
+  return ComponentWithContainer;
+};

package/dist/content/utils/withSlotsDataValue.tsx

@@ -0,0 +1,34 @@
+import { ComponentType, FC } from 'react';
+import { ComponentInstance } from '@uniformdev/canvas';
+import { ComponentProps } from '@/types/cskTypes';
+import { getSlotComponents } from '@/utils/getSlotComponents';
+
+export const withSlotsDataValue = <TProps extends ComponentProps<T>, T>(
+  WrappedComponent: ComponentType<
+    TProps & {
+      slotData?: Record<string, ComponentInstance[]>;
+    }
+  >,
+  withSlotData?: string[]
+): ComponentType<TProps> => {
+  const ComponentWithContainer: FC<TProps> = props => {
+    const slotData = withSlotData?.reduce<Record<string, ComponentInstance[]>>((acc, slotName) => {
+      const slot = props.slots[slotName];
+      if (slot) {
+        return {
+          ...acc,
+          [slotName]: getSlotComponents(slot, props.context).filter(i => i !== null),
+        };
+      }
+      return acc;
+    }, {});
+
+    return <WrappedComponent {...props} slotData={slotData} />;
+  };
+
+  ComponentWithContainer.displayName = `withSlotsDataValue(${
+    WrappedComponent.displayName || WrappedComponent.name || 'Component'
+  })`;
+
+  return ComponentWithContainer;
+};

package/dist/cookie-consent-5QJUCW2K.mjs

@@ -0,0 +1 @@
+"use client";import{b as k}from"./chunk-VWWXSA5H.mjs";import{b as m}from"./chunk-QPQGRQKI.mjs";import"./chunk-S7CSCIW4.mjs";import{a as x}from"./chunk-OKUDTS22.mjs";import"./chunk-27WJUZYR.mjs";import{useCallback as g,useEffect as M,useState as O}from"react";import u from"js-cookie";import{UniformSlot as W,UniformText as w}from"@uniformdev/next-app-router/component";import{useCallback as V,useMemo as j}from"react";import{useUniformContext as D}from"@uniformdev/next-app-router-client";var I=()=>{let{context:t}=D(),s=j(()=>t?.storage?.data?.consent,[t?.storage?.data?.consent]),a=V(r=>t?.storage.updateData([{type:"consent",data:r}]),[t?.storage]);return{consent:s,updateConsent:a}},B=I;import{jsx as o,jsxs as h}from"react/jsx-runtime";var c="hasAcceptedCookies",_=({backgroundColor:t,spacing:s,border:a,fluidContent:r,allowTextColor:b,allowButtonColor:P,allowButtonHoverColor:v,declineTextColor:y,declineButtonColor:N,declineButtonHoverColor:S,slots:T,variant:z,parameters:f,component:C,context:A})=>{let[E,n]=O(!1),{consent:l,updateConsent:e}=B(),{defaultConsent:p}=A?.pageState||{};M(()=>{let d=u.get(c),i=d===void 0?void 0:d==="true";if(i===void 0){p||(n(!0),l&&e(!1));return}l!==i&&e(i)},[p,l,e,n]);let F=g(()=>{e(!0),u.set(c,"true"),n(!1)},[e]),U=g(()=>{e(!1),u.set(c,"false"),n(!1)},[e]);return E?o(k,{backgroundColor:t,spacing:s,border:a,fluidContent:r,floating:!0,variant:z,children:h("div",{className:"flex flex-col gap-x-6 md:flex-row p-5 xs:p-10 items-center justify-between w-full",children:[o(W,{slot:T.cookieConsentContent}),h("div",{className:"flex justify-between gap-2 flex-col sm:flex-row md:flex-col lg:flex-row shrink-0 md:justify-start w-full md:w-auto md:space-x-0 md:space-y-2 lg:space-y-0 lg:space-x-3 mt-4 md:mt-0",children:[o(m,{className:"w-full cursor-pointer",size:"button-medium",textSize:"sm",textWeight:"normal",buttonColor:P,textColor:b,hoverButtonColor:v,onClick:F,children:o(w,{placeholder:"allowButtonText",parameter:f.allowButtonText,component:C})}),o(m,{className:"w-full cursor-pointer",size:"button-medium",textSize:"sm",textWeight:"normal",buttonColor:N,textColor:y,hoverButtonColor:S,onClick:U,children:o(w,{placeholder:"declineButtonText",parameter:f.declineButtonText,component:C})})]})]})}):null},te=x(_);export{te as default};

package/dist/countdown-FRQZMVKW.mjs

@@ -0,0 +1 @@
+"use client";import"./chunk-YQYDZJ65.mjs";import{a as d,c as a}from"./chunk-S7CSCIW4.mjs";import{a as N}from"./chunk-OKUDTS22.mjs";import"./chunk-LPAOEOU4.mjs";import{useState as T,useEffect as y,useMemo as h}from"react";import{UniformSlot as H}from"@uniformdev/next-app-router/component";var S=({variant:e,backgroundColor:n,border:o,size:t})=>a("flex w-fit p-4 text-center gap-2 items-end leading-none",{"flex-col":e==="labelsUnder",[`bg-${n}`]:!!n,[d(o,"{value}")]:o,"items-center":o,[d(t,"text-{value}")]:!!t,[d(o,"{value}")]:!!o}),_=({textColor:e})=>a("flex gap-5 flex-wrap flex-col sm:flex-row",{[`text-${e}`]:e});import{jsx as u}from"react/jsx-runtime";var c=e=>{let n=new Date(e?.datetime??0).getTime(),o=new Date().getTime(),t=Math.max(Math.floor((n-o)/1e3),0),i=Math.floor(t%60),r=Math.floor(t/60%60),f=Math.floor(t/3600%24);return{days:Math.floor(t/86400),hours:f,minutes:r,seconds:i,timeDifference:t}},x=({maxUnitsCount:e,currentTime:n,unit:o,isAlignEnd:t})=>u("div",{className:"relative mx-auto h-[1.25em] w-[1.75em] overflow-hidden",children:u("div",{className:"absolute transition-transform duration-500 ease-in-out",style:{transform:`translateY(-${n*1.25}em)`},children:Array.from({length:e+1},(i,r)=>u("div",{className:a("flex h-[1.25em] w-[1.75em] justify-center",{"items-end":t,"items-center":!t}),children:r<10?`0${r}`:r},`${o}-${r}`))})});import{jsx as m,jsxs as R}from"react/jsx-runtime";var P=["days","hours","minutes","seconds"],g=({targetDate:e,backgroundColor:n,textColor:o,border:t,size:i,slots:r,variant:f})=>{let[{timeDifference:l,...C},I]=T(c(e)),v=h(()=>{let{days:s}=c(e);return{seconds:59,minutes:59,hours:23,days:s}},[e]);return y(()=>{if(l>0){let s=setInterval(()=>{I(c(e))},1e3);return()=>clearInterval(s)}},[e,l]),m("div",{children:l?m("div",{className:_({textColor:o}),children:P.map(s=>{if(C[s]===0&&s==="days")return null;let U=C[s];return R("div",{className:S({variant:f,backgroundColor:n,border:t,size:i}),children:[m("div",{className:"mx-auto",children:x({maxUnitsCount:v[s],currentTime:U,unit:s,isAlignEnd:!t})}),m("div",{className:"mx-auto",style:{fontSize:"0.5em"},children:s})]},s)})}):m(H,{slot:r.countdownComplete})})},ee=N(g);export{ee as default};

package/dist/image-gallery-HWCMTJL3.mjs

@@ -0,0 +1 @@
+"use client";import{a as G}from"./chunk-BK7UG4U4.mjs";import{a as C}from"./chunk-7GVG4HLE.mjs";import{c as d}from"./chunk-S7CSCIW4.mjs";import{a as g}from"./chunk-OKUDTS22.mjs";import h from"react-responsive-masonry";import{Fragment as P,jsx as y}from"react/jsx-runtime";var u={firstLineCount:2,secondLineCount:3,otherLinesCount:4},I=({slot:r,aspectRatio:n,config:i})=>{let{firstLineCount:l=u.firstLineCount,secondLineCount:m=u.secondLineCount,otherLinesCount:s=u.otherLinesCount}=i||{},{items:p=[]}=r||{},f=p.reduce((e,o,t)=>(t<l?e[0]?.push(o?.component):t<l+m?e[1]?.push(o?.component):e[2]?.push(o?.component),e),[[],[],[]])||[];return y(P,{children:f?.map((e,o)=>e.length?y(h,{columnsCount:o<2||e.length<s?e.length:s,gutter:"4px",children:e.map((t,c)=>y("div",{className:d("flex flex-1 items-center justify-center",{[`aspect-${n}`]:!!n}),children:t},`img-${c}`))},`line-${o}`):null)})};import{jsx as a}from"react/jsx-runtime";var L=({slots:r,backgroundColor:n,spacing:i,border:l,fluidContent:m,height:s,aspectRatio:p,config:f,items:e})=>{let o={...r.imageGalleryItems,items:e?.length?e.map((t,c)=>({_id:`image-${c}-${t?.id}`,component:a(G,{src:t.url,alt:t.title||"",style:{objectFit:"cover"},fill:!0}),variantId:void 0,$pzCrit:void 0})):r.imageGalleryItems?.items||[]};return a(C,{backgroundColor:n,spacing:i,border:l,fluidContent:m,height:s,children:a("div",{className:"flex flex-col gap-1",children:a(I,{slot:o,aspectRatio:p,config:f})})})},_=g(L);export{_ as default};

package/dist/{index-D5cLtaIv.d.mts → index-CSSWgmI5.d.mts}

@@ -1,20 +1,36 @@
-import { ReactElement, PropsWithChildren, ReactNode, HTMLAttributes } from 'react';
-import { ViewPort, SpaceType } from './types/cskTypes.mjs';
+import * as react from 'react';
+import { HTMLAttributes, PropsWithChildren, ReactNode, ReactElement } from 'react';
+import { SpaceType, ViewPort } from './types/cskTypes.mjs';
+import { T as TextProps } from './index-CrBZatTs.mjs';
 
-type TextProps = {
-    className?: string;
-    size?: string | ViewPort<string>;
-    color?: string;
-    weight?: string;
-    font?: string;
-    transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
-    decoration?: 'underline' | 'overline' | 'line-through' | 'no-underline';
-    letterSpacing?: string;
-    children: ReactElement | string;
-    alignment?: 'left' | 'center' | 'right';
-    lineCountRestrictions?: string;
+type ContainerProps = HTMLAttributes<HTMLDivElement> & {
+    backgroundColor?: string;
+    spacing?: SpaceType | ViewPort<SpaceType>;
+    border?: string | ViewPort<string>;
+    fluidContent?: boolean;
+    height?: string | ViewPort<string>;
+    wrapperClassName?: string;
+    maxWidth?: string;
 };
 
+declare enum ContentAlignment {
+    Left = "left",
+    Center = "center",
+    Right = "right"
+}
+declare enum BannerVariants {
+    None = "",
+    Top = "top",
+    Bottom = "bottom"
+}
+type BannerProps = ContainerProps & {
+    iconColor?: string;
+    contentAlignment?: ContentAlignment;
+    floating?: boolean;
+    variant?: BannerVariants;
+};
+declare const _default: react.ComponentType<BannerProps>;
+
 declare enum ButtonVariant {
     Link = "link"
 }
@@ -38,20 +54,10 @@ type ButtonProps = PropsWithChildren<{
     hoverTextColor?: string;
 }>;
 
-type ContainerProps = HTMLAttributes<HTMLDivElement> & {
-    backgroundColor?: string;
-    spacing?: SpaceType | ViewPort<SpaceType>;
-    border?: string | ViewPort<string>;
-    fluidContent?: boolean;
-    height?: string | ViewPort<string>;
-    wrapperClassName?: string;
-    maxWidth?: string;
-};
-
 type FooterProps = Omit<ContainerProps, 'height' | 'content'> & {
-    logo?: React.ReactNode;
-    copyright?: React.ReactNode;
-    content?: React.ReactNode;
+    logo?: ReactNode;
+    copyright?: ReactNode;
+    content?: ReactNode;
 };
 
 type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'height'> & {
@@ -61,4 +67,24 @@ type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'he
     sticky?: boolean;
 };
 
-export { type ButtonProps as B, type ContainerProps as C, type FooterProps as F, type HeaderProps as H, type TextProps as T, ButtonVariant as a };
+type IconLabelProps = {
+    icon?: ReactNode;
+    children: ReactElement | string;
+    textClassName?: string;
+    iconClassName?: string;
+    className?: string;
+    text?: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
+    size?: TextProps['size'];
+    color?: string;
+    weight?: TextProps['weight'];
+    font?: string;
+    alignment?: TextProps['alignment'];
+    transform?: TextProps['transform'];
+    decoration?: TextProps['decoration'];
+    letterSpacing?: TextProps['letterSpacing'];
+    iconPosition?: 'left' | 'right';
+    lineCountRestrictions?: string;
+};
+
+export { type ButtonProps as B, type ContainerProps as C, type FooterProps as F, type HeaderProps as H, type IconLabelProps as I, _default as _, ButtonVariant as a, type BannerProps as b, ContentAlignment as c };

package/dist/index-CrBZatTs.d.mts

@@ -0,0 +1,18 @@
+import { ReactElement } from 'react';
+import { ViewPort } from './types/cskTypes.mjs';
+
+type TextProps = {
+    className?: string;
+    size?: string | ViewPort<string>;
+    color?: string;
+    weight?: string;
+    font?: string;
+    transform?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
+    decoration?: 'underline' | 'overline' | 'line-through' | 'no-underline';
+    letterSpacing?: string;
+    children: ReactElement | string;
+    alignment?: 'left' | 'center' | 'right';
+    lineCountRestrictions?: string;
+};
+
+export type { TextProps as T };

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import{a as x,b as y,c as w,d as E,e as F,f as S,g as P,h as R,i as $,j as I,k as _}from"./chunk-TFA6HYP4.mjs";import"./chunk-YEKQJ4YC.mjs";import{program as V}from"commander";import g from"node:path";import*as b from"ora";import{dirname as N}from"path";import{fileURLToPath as ee}from"url";import{checkbox as te}from"@inquirer/prompts";import U from"node:fs";var q=(r,t)=>U.readdirSync(r,{withFileTypes:!0}).filter(e=>t==="folder"?e.isDirectory():e.isFile()).map(e=>e.name),T=r=>q(r,"folder");import f from"node:fs";import a from"node:path";import{confirm as z}from"@inquirer/prompts";var K=async r=>{f.existsSync(r)||await f.promises.mkdir(r,{recursive:!0})};var O=r=>{let t=y.find(o=>f.existsSync(r+o));if(t)return r+t;let e=y.find(o=>f.existsSync(a.join(r,`index${o}`)));if(e)return a.join(r,`index${e}`)},Q=r=>{let e=f.readFileSync(r,"utf8").match(x)?.map(n=>n.replace(/['"]/g,"")),o=e?.filter(n=>n.startsWith("@/")).map(n=>n.replace("@/","")),s=e?.filter(n=>!n.startsWith("@/")).map(n=>n);return{aliases:o,relativePaths:s}},h=async(r,t,e)=>{e.add(r);let{aliases:o=[],relativePaths:s=[]}=Q(r);if(o.length)for(let n of o){let i=O(a.join(t,n));i&&!e.has(i)&&await h(i,t,e)}if(s.length)for(let n of s){let i=O(a.join(a.dirname(r),n));i&&!e.has(i)&&await h(i,t,e)}},j=5,A=async(r,t,e,o,s)=>{try{let n=new Set;s?.start("Searching for all canvas components and their dependencies...");for(let c of e){let l=a.join(r,c),d=f.readdirSync(l,{withFileTypes:!0}).filter(m=>m.isFile()&&w.includes(m.name));for(let m of d)await h(a.join(m?.path||m.parentPath,m.name),o,n)}let i=Array.from(n),p=i.filter(c=>{let l=a.join(t,a.relative(o,c));return f.existsSync(l)&&f.readFileSync(l,"utf8")!==f.readFileSync(c,"utf8")}),u=await(async()=>{if(!p.length)return!0;s?.stop();let c=p.slice(0,j).map(d=>a.relative(process.cwd(),a.join(t,a.relative(o,d)))).join(`
+import{a as w,b as y,c as x,d as E,e as F,f as S,g as P,h as R,i as $,j as I,k as _}from"./chunk-Y337A266.mjs";import{program as V}from"commander";import g from"path";import*as b from"ora";import{dirname as N}from"path";import{fileURLToPath as ee}from"url";import{checkbox as te}from"@inquirer/prompts";import U from"fs";var q=(r,t)=>U.readdirSync(r,{withFileTypes:!0}).filter(e=>t==="folder"?e.isDirectory():e.isFile()).map(e=>e.name),T=r=>q(r,"folder");import f from"fs";import a from"path";import{confirm as z}from"@inquirer/prompts";var K=async r=>{f.existsSync(r)||await f.promises.mkdir(r,{recursive:!0})};var O=r=>{let t=y.find(o=>f.existsSync(r+o));if(t)return r+t;let e=y.find(o=>f.existsSync(a.join(r,`index${o}`)));if(e)return a.join(r,`index${e}`)},Q=r=>{let e=f.readFileSync(r,"utf8").match(w)?.map(n=>n.replace(/['"]/g,"")),o=e?.filter(n=>n.startsWith("@/")).map(n=>n.replace("@/","")),s=e?.filter(n=>!n.startsWith("@/")).map(n=>n);return{aliases:o,relativePaths:s}},h=async(r,t,e)=>{e.add(r);let{aliases:o=[],relativePaths:s=[]}=Q(r);if(o.length)for(let n of o){let i=O(a.join(t,n));i&&!e.has(i)&&await h(i,t,e)}if(s.length)for(let n of s){let i=O(a.join(a.dirname(r),n));i&&!e.has(i)&&await h(i,t,e)}},j=5,A=async(r,t,e,o,s)=>{try{let n=new Set;s?.start("Searching for all canvas components and their dependencies...");for(let c of e){let l=a.join(r,c),d=f.readdirSync(l,{withFileTypes:!0}).filter(m=>m.isFile()&&x.includes(m.name));for(let m of d)await h(a.join(m?.path||m.parentPath,m.name),o,n)}let i=Array.from(n),p=i.filter(c=>{let l=a.join(t,a.relative(o,c));return f.existsSync(l)&&f.readFileSync(l,"utf8")!==f.readFileSync(c,"utf8")}),u=await(async()=>{if(!p.length)return!0;s?.stop();let c=p.slice(0,j).map(d=>a.relative(process.cwd(),a.join(t,a.relative(o,d)))).join(`
 	`),l=p.length>j?`
 	...`:"";return z({message:`Found ${p.length} files that will be overridden:
 	${c}${l}
-Do you want to override them?`})})()?i:i.filter(c=>!p.includes(c));s?.start("Extracting canvas components and their dependencies...");for(let c of u){let l=a.join(t,a.relative(o,c));await K(a.dirname(l)),await f.promises.copyFile(c,l)}}catch(n){throw s?.stop(),n}};import v from"node:fs";import G from"node:path";import{exec as Y}from"child_process";import B from"prettier";var W=async r=>new Promise((t,e)=>{Y(r,(o,s,n)=>{if(o){e(o.message);return}if(n){e(n);return}t(s)})}),k=(r,t)=>B.format(r,{parser:"typescript",printWidth:120,singleQuote:!0,semi:!0,trailingComma:"es5",tabWidth:2,arrowParens:"avoid",endOfLine:"auto",...t});var D={DemoHero:(r,t)=>[{componentName:"DemoHero.FlexibleHero",importSection:t,componentId:"flexibleHero"},{componentName:"DemoHero.FixedHero",importSection:t,componentId:"fixedHero"}]},L=r=>r.reduce((t,e)=>{let o=`import ${e} from './${e}';`;if(D[e])return[...t,...D[e](e,o)];let s=_[e];return[...t,{componentName:e,importSection:o,componentId:s}]},[]);var J=(r,t,e,o)=>r.replace(F,s=>r.includes(t)?(o?.info(`Import for this component already exists. Skipping for ${e}.`),s):(o?.info(`Import for ${e} added successfully.`),`${s}
-${t}`)),Z=(r,t,e,o)=>r.replace(E,s=>{let n=new RegExp(S(t));if(n.test(s))return o?.info(`Registration key already in use. Overriding with ${e}.`),s.replace(n,`${t}: { component: ${e} },`);o?.info(`Registration for ${e} added to the resolver.`);let i=`${t}: { component: ${e} },`;return s.replace(P,`${i}}`)}),H=async(r,t,e)=>{try{let o=G.join(r,"components","canvas","index.ts");if(!v.existsSync(o)){e?.fail("Canvas resolver file not found. Please check the main canvas resolver before running to ensure that extracted components are properly added.");return}let s=await v.promises.readFile(o,"utf-8"),n=s===R?$:s,p=L(t).reduce((c,{componentName:l,importSection:d,componentId:m})=>Z(J(c,d,l,e),m,l,e),n),C=await k(p);await v.promises.writeFile(o,C);let u=G.relative(process.cwd(),o);await W(`npx next lint --file ${u} --fix`).catch(()=>e?.fail("Could not format your resolver file using your lint configuration. Please check it before running.")),e?.succeed(`Canvas components successfully registered in ${o}`)}catch(o){throw e?.stop(),o}};var re=ee(import.meta.url),oe=N(re),X=g.resolve(oe,"content"),M=async r=>{try{let t=b.default(),e=g.resolve(X,"components","canvas"),o=T(e);if(r.some(n=>{let i=o.includes(n);return i||console.error("Invalid component name:",n),!i}))return;if(t.info("Welcome to Uniform Extractor"),r.length)t.info("Canvas components to extract:"),t.info(`${r.join(", ")};`);else{let n=await te({message:"Select the canvas components to extract:",choices:o.map((i,p)=>({value:p,name:i})),loop:!1,instructions:!0,required:!0});r=o.filter((i,p)=>n.includes(p))}t.start("Extracting canvas components and their dependencies..."),await A(g.resolve(e),g.resolve(process.cwd(),"src"),r,X,t),t.succeed("Canvas components and their dependencies successfully extracted"),t?.start("Starting registration...");let s=g.resolve(process.cwd(),"src");await H(s,r,t);return}catch(t){t instanceof Error&&(t.message.includes("force closed")?console.info(`
+Do you want to override them?`})})()?i:i.filter(c=>!p.includes(c));s?.start("Extracting canvas components and their dependencies...");for(let c of u){let l=a.join(t,a.relative(o,c));await K(a.dirname(l)),await f.promises.copyFile(c,l)}}catch(n){throw s?.stop(),n}};import v from"fs";import G from"path";import{exec as Y}from"child_process";import B from"prettier";var W=async r=>new Promise((t,e)=>{Y(r,(o,s,n)=>{if(o){e(o.message);return}if(n){e(n);return}t(s)})}),k=(r,t)=>B.format(r,{parser:"typescript",printWidth:120,singleQuote:!0,semi:!0,trailingComma:"es5",tabWidth:2,arrowParens:"avoid",endOfLine:"auto",...t});var D={DemoHero:(r,t)=>[{componentName:"DemoHero.FlexibleHero",importSection:t,componentId:"flexibleHero"},{componentName:"DemoHero.FixedHero",importSection:t,componentId:"fixedHero"}]},L=r=>r.reduce((t,e)=>{let o=`import ${e} from './${e}';`;if(D[e])return[...t,...D[e](e,o)];let s=_[e];return[...t,{componentName:e,importSection:o,componentId:s}]},[]);var J=(r,t,e,o)=>r.replace(F,s=>r.includes(t)?(o?.info(`Import for this component already exists. Skipping for ${e}.`),s):(o?.info(`Import for ${e} added successfully.`),`${s}
+${t}`)),Z=(r,t,e,o)=>r.replace(E,s=>{let n=new RegExp(S(t));if(n.test(s))return o?.info(`Registration key already in use. Overriding with ${e}.`),s.replace(n,`${t}: ${e},`);o?.info(`Registration for ${e} added to the resolver.`);let i=`${t}: ${e},`;return s.replace(P,`${i}}`)}),H=async(r,t,e)=>{try{let o=G.join(r,"components","canvas","index.ts");if(!v.existsSync(o)){e?.fail("Canvas resolver file not found. Please check the main canvas resolver before running to ensure that extracted components are properly added.");return}let s=await v.promises.readFile(o,"utf-8"),n=s===R?$:s,p=L(t).reduce((c,{componentName:l,importSection:d,componentId:m})=>Z(J(c,d,l,e),m,l,e),n),C=await k(p);await v.promises.writeFile(o,C);let u=G.relative(process.cwd(),o);await W(`npx eslint ${u} --fix`).catch(()=>e?.fail("Could not format your resolver file using your lint configuration. Please check it before running.")),e?.succeed(`Canvas components successfully registered in ${o}`)}catch(o){throw e?.stop(),o}};var re=ee(import.meta.url),oe=N(re),X=g.resolve(oe,"content"),M=async r=>{try{let t=b.default(),e=g.resolve(X,"components","canvas"),o=T(e);if(r.some(n=>{let i=o.includes(n);return i||console.error("Invalid component name:",n),!i}))return;if(t.info("Welcome to Uniform Extractor"),r.length)t.info("Canvas components to extract:"),t.info(`${r.join(", ")};`);else{let n=await te({message:"Select the canvas components to extract:",choices:o.map((i,p)=>({value:p,name:i})),loop:!1,instructions:!0,required:!0});r=o.filter((i,p)=>n.includes(p))}t.start("Extracting canvas components and their dependencies..."),await A(g.resolve(e),g.resolve(process.cwd(),"src"),r,X,t),t.succeed("Canvas components and their dependencies successfully extracted"),t?.start("Starting registration...");let s=g.resolve(process.cwd(),"src");await H(s,r,t);return}catch(t){t instanceof Error&&(t.message.includes("force closed")?console.info(`
 \u{1F44B} See you next time! \u{1F9E1}
 `):console.error(`
 \u{1F641} Something went wrong. Please try again.

package/dist/mobile-KBYNJEBM.mjs

@@ -0,0 +1 @@
+"use client";import{a as u,b as s}from"./chunk-NKINOJY6.mjs";import{a as o}from"./chunk-7GVG4HLE.mjs";import{c as n}from"./chunk-S7CSCIW4.mjs";import{useState as C}from"react";import{jsx as e,jsxs as l}from"react/jsx-runtime";var B=({isOpen:t,onClick:i,color:a})=>e("button",{onClick:i,"aria-label":"Menu",className:n("w-7 h-7 relative focus:outline-none"),children:l("div",{className:"absolute left-1/2 top-1/2 block w-7 -translate-x-1/2 -translate-y-1/2",children:[e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"rotate-45":t," -translate-y-2":!t,[`bg-${a}`]:!!a})}),e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"opacity-0":t,[`bg-${a}`]:!!a})}),e("span",{"aria-hidden":"true",className:n("block absolute h-0.5 w-7 transform transition duration-500 ease-in-out",{"-rotate-45":t," translate-y-2":!t,[`bg-${a}`]:!!a})})]})}),G=({leftSection:t,rightSection:i,children:a,backgroundColor:m,spacing:c,border:d,className:p,color:f})=>{let[r,b]=C(!1);return l("nav",{children:[e(o,{id:"mobile-header",fluidContent:!0,backgroundColor:m,spacing:c,border:d,className:p,children:l(u,{className:"items-center",columnsCount:"12",children:[e(s,{columnSpan:"span-2",children:e(B,{isOpen:r,onClick:()=>{b(v=>!v)},color:f})}),e(s,{columnSpan:"span-6",children:e("div",{className:"flex items-center justify-start",children:t})}),e(s,{columnSpan:"span-4",children:e("div",{className:"flex items-center justify-end gap-x-4",children:i})})]})}),e(o,{fluidContent:!0,className:n({"min-h-screen":r}),backgroundColor:m,children:r&&e("div",{className:"size-full py-8",children:e("div",{className:"flex flex-col items-center justify-center gap-y-8",children:a})})})]})};export{G as MobileHeader};

package/dist/modal-4TVVGHWS.mjs

@@ -0,0 +1 @@
+"use client";import{b as m}from"./chunk-AWTML4I7.mjs";import{a}from"./chunk-OKUDTS22.mjs";import{UniformSlot as r}from"@uniformdev/next-app-router/component";import{jsx as t}from"react/jsx-runtime";var d=({slots:o,maxWidth:e,backgroundColor:l,closeIconColor:i,disableCloseModalOnClickOutside:n})=>t(m,{maxWidth:e,backgroundColor:l,closeIconColor:i,disableCloseModalOnClickOutside:n,trigger:t(r,{slot:o.trigger}),content:t(r,{slot:o.modalContent}),actions:o?.modalActions?.items?.length&&t(r,{slot:o.modalActions})}),M=a(d);export{M as default};

package/dist/modal-E5RMA4EO.mjs

@@ -0,0 +1 @@
+"use client";import{a as g}from"./chunk-AWTML4I7.mjs";import{c as s}from"./chunk-S7CSCIW4.mjs";import{useCallback as m,useState as B,useRef as L,useEffect as k}from"react";import{jsx as v}from"react/jsx-runtime";var h=({className:o,...l})=>v("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",className:s("size-8",o),...l,children:v("path",{d:"m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z"})});var P=({showModal:o})=>s("fixed left-0 top-0 size-full",{hidden:!o,block:o}),M=({maxWidth:o,backgroundColor:l})=>s("rounded-lg shadow-lg relative",g[o||"small"],{[`bg-${l}`]:!!l}),b=({disableCloseModalOnClickOutside:o})=>s("group absolute right-4 top-4 opacity-40 hover:opacity-100",{hidden:o});import{jsx as e,jsxs as x}from"react/jsx-runtime";var O=({trigger:o,content:l,actions:p,maxWidth:E,backgroundColor:F,closeIconColor:f,disableCloseModalOnClickOutside:a,onChangeModalState:i,className:w})=>{let n=L(null),[r,c]=B(!1);k(()=>{i&&i(r)},[r,i]);let N=m(()=>{a||c(!1)},[a]),u=m(()=>{c(t=>!t)},[]),y=m(t=>{t.stopPropagation()},[]);return k(()=>{if(!n.current)return;let t=n.current.querySelectorAll("button, a"),C=()=>c(!1);return t.forEach(d=>{d.addEventListener("click",C)}),()=>t.forEach(d=>{d.removeEventListener("click",C)})},[]),x("div",{children:[e("div",{onClick:u,children:o}),e("div",{className:P({showModal:r}),children:e("dialog",{open:r,onClick:N,"aria-label":"Close modal","aria-modal":"true",className:"flex size-full items-center justify-center bg-black/50 px-4",children:x("form",{method:"dialog",className:s(M({maxWidth:E,backgroundColor:F}),w),onClick:y,children:[e("button",{onClick:u,className:b({disableCloseModalOnClickOutside:a}),children:e(h,{className:s({[`fill-${f}`]:f})})}),e("div",{className:"p-6 md:p-8",children:l}),p&&e("div",{ref:n,className:"border-t p-6 md:p-8",children:p})]})})})]})};export{O as Modal};

package/dist/navigation-flyout-client-WUN4A34X.mjs

@@ -0,0 +1 @@
+"use client";import{a as k}from"./chunk-6CKVLOIH.mjs";import{a as x}from"./chunk-6TUDWIYU.mjs";import{a as b,b as g}from"./chunk-NKINOJY6.mjs";import{a as h}from"./chunk-BK7UG4U4.mjs";import"./chunk-7GVG4HLE.mjs";import"./chunk-WAW7PQYM.mjs";import{a as m,c as o}from"./chunk-S7CSCIW4.mjs";import{a as P}from"./chunk-OKUDTS22.mjs";import{useCallback as L,useMemo as j,useState as tt}from"react";import{UniformText as ot}from"@uniformdev/next-app-router/component";import{UniformSlot as w}from"@uniformdev/next-app-router/component";import{jsx as r,jsxs as K}from"react/jsx-runtime";var I=({isOpen:t,backgroundColor:a,slots:e,border:s,hasRightContent:i})=>r("div",{className:o("absolute z-10 w-max left-1/2 -translate-x-1/2 pt-4",{hidden:!t,block:t,"w-full md:w-[460px]":!i,"w-full md:w-[460px] xl:w-[768px]":i}),children:r("div",{className:o("p-8",{[`bg-${a}`]:!!a,[m(s,"{value}")]:s}),children:K(b,{columnsCount:"2",gapX:"4",children:[r(g,{children:r("div",{className:"flex flex-col gap-y-4",children:r(w,{slot:e.navigationFlyoutLeftContent})})}),r(g,{children:r(w,{slot:e.navigationFlyoutRightContent})})]})})});import{useEffect as Q,useState as Y}from"react";import{UniformSlot as B}from"@uniformdev/next-app-router/component";import{jsx as p,jsxs as R}from"react/jsx-runtime";var Z=()=>{let[t,a]=Y(0);return Q(()=>{let e=document.getElementById("mobile-header");e&&a(e.offsetHeight)},[]),t},H=({isOpen:t,backgroundColor:a,slots:e,onClose:s})=>{let i=Z();return R("div",{style:{top:i},className:o("fixed left-0 right-0 bottom-0 z-10 w-full pt-4",{[`bg-${a}`]:!!a,hidden:!t,block:t}),children:[p("button",{onClick:s,className:"w-max rotate-180 px-4",children:p(x,{})}),R("div",{className:"flex flex-col items-center justify-center gap-y-8 p-4",children:[p(B,{slot:e.navigationFlyoutLeftContent}),p(B,{slot:e.navigationFlyoutRightContent})]})]})};var M=({isOpen:t})=>o("transition transform hidden md:block",{"rotate-180":t,"rotate-0":!t}),G=({color:t})=>o("flex items-center gap-x-2",{[`text-${t}`]:!!t});import{jsx as n,jsxs as O}from"react/jsx-runtime";var et=({icon:t,caretIcon:a,backgroundColor:e,border:s,size:i,tag:D,color:v,weight:S,font:U,transform:$,decoration:A,letterSpacing:T,alignment:W,component:c,context:d,slots:l,hoverEffect:f="",className:E,parameters:V})=>{let[u,C]=tt(!1),_=L(()=>C(!0),[]),y=L(()=>C(!1),[]),z=j(()=>!!l?.navigationFlyoutRightContent?.items?.filter(J=>!J?._id.startsWith("placeholder_"))?.length,[l]),N=o("transition-all duration-150",{[m(f,"group-hover:{value}")]:!!f}),[X]=a||[],{url:F,title:q=""}=X||{};return O("div",{className:"relative",onMouseLeave:y,children:[O("button",{onMouseEnter:_,className:G({color:v}),children:[n(k,{icon:t,className:o("group",E),iconClassName:N,textClassName:N,size:i,tag:D,color:v,weight:S,font:U,transform:$,decoration:A,letterSpacing:T,alignment:W,children:n(ot,{placeholder:"Text goes here",parameter:V.text,component:c})}),F&&n("div",{className:o("relative size-[1em]",M({isOpen:u}),{[`text-${i}`]:!!i}),children:n(h,{src:F,alt:q,fill:!0})})]}),n("div",{className:"hidden md:block",children:n(I,{hasRightContent:z,isOpen:u,backgroundColor:e,context:d,slots:l,border:s,component:c})}),n("div",{className:"block md:hidden",children:n(H,{onClose:y,isOpen:u,backgroundColor:e,context:d,slots:l,border:s,component:c})})]})},Ht=P(et);export{Ht as default};

package/dist/navigation-group-client-Y72BOPIH.mjs

@@ -0,0 +1 @@
+"use client";import{a as x}from"./chunk-6CKVLOIH.mjs";import{a as h}from"./chunk-6TUDWIYU.mjs";import{a as b}from"./chunk-BK7UG4U4.mjs";import"./chunk-WAW7PQYM.mjs";import{a as n,c as t}from"./chunk-S7CSCIW4.mjs";import{a as G}from"./chunk-OKUDTS22.mjs";import{useCallback as I,useState as Q}from"react";import{UniformText as X}from"@uniformdev/next-app-router/component";import{UniformSlot as V}from"@uniformdev/next-app-router/component";import{jsx as p}from"react/jsx-runtime";var k=({isOpen:o,backgroundColor:e,slots:a,border:i})=>p("div",{className:t("absolute left-0 max-w-64 z-10 pt-4",{hidden:!o,block:o}),children:p("div",{className:t({[`bg-${e}`]:!!e,[n(i,"{value}")]:i}),children:p("div",{className:"flex flex-col gap-y-4 p-4",children:p(V,{slot:a.links})})})});import{useEffect as W,useState as z}from"react";import{UniformSlot as q}from"@uniformdev/next-app-router/component";import{jsx as l,jsxs as K}from"react/jsx-runtime";var J=()=>{let[o,e]=z(0);return W(()=>{let a=document.getElementById("mobile-header");a&&e(a.offsetHeight)},[]),o},y=({isOpen:o,backgroundColor:e,slots:a,onClose:i})=>{let s=J();return K("div",{style:{top:s},className:t("fixed left-0 right-0 bottom-0 z-10 w-full pt-4",{[`bg-${e}`]:!!e,hidden:!o,block:o}),children:[l("button",{onClick:i,className:"w-max rotate-180 px-4",children:l(h,{})}),l("div",{className:"flex flex-col items-center gap-y-4 p-4",children:l(q,{slot:a.links})})]})};var F=({isOpen:o})=>t("transition transform hidden md:block",{"rotate-180":o,"rotate-0":!o}),B=({color:o})=>t("flex items-center gap-x-2",{[`text-${o}`]:!!o});import{jsx as r,jsxs as w}from"react/jsx-runtime";var Y=({icon:o,caretIcon:e,backgroundColor:a,border:i,size:s,tag:H,color:c,weight:M,font:O,transform:D,decoration:R,letterSpacing:S,alignment:U,component:$,context:u,slots:v,hoverEffect:d="",className:A,parameters:L})=>{let[m,g]=Q(!1),f=I(()=>g(!0),[]),N=I(()=>g(!1),[]),C=t("transition-all duration-150",{[n(d,"group-hover:{value}")]:!!d}),[T]=e||[],{url:P,title:E=""}=T||{};return w("div",{className:"relative",onMouseLeave:N,children:[w("button",{onMouseEnter:f,onClick:f,className:B({color:c}),children:[r(x,{icon:o,className:t("group",A),iconClassName:C,textClassName:C,size:s,tag:H,color:c,weight:M,font:O,transform:D,decoration:R,letterSpacing:S,alignment:U,children:r(X,{placeholder:"Text goes here",parameter:L.text,component:$})}),P&&r("div",{className:t("relative size-[1em]",F({isOpen:m}),{[`text-${s}`]:!!s}),children:r(b,{src:P,alt:E,fill:!0})})]}),r("div",{className:"hidden md:block",children:r(k,{isOpen:m,backgroundColor:a,context:u,slots:v,border:i})}),r("div",{className:"block md:hidden",children:r(y,{onClose:N,isOpen:m,backgroundColor:a,context:u,slots:v})})]})},xo=G(Y);export{xo as default};