@uniformdev/csk-components 6.1.57 → 6.1.64-alpha.1

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-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-vyIO0XN2.d.mts

@@ -0,0 +1,90 @@
+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 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"
+}
+type ButtonProps = PropsWithChildren<{
+    variant?: ButtonVariant;
+    href?: string;
+    border?: string | ViewPort<string>;
+    size?: string;
+    className?: string;
+    textColor?: string;
+    textSize?: string | ViewPort<string>;
+    textWeight?: string;
+    textFont?: 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
+    textTransform?: string;
+    buttonColor?: string;
+    isActive?: boolean;
+    onClick?: () => void;
+    icon?: ReactNode;
+    iconPosition?: 'left' | 'right';
+    hoverButtonColor?: string;
+    hoverTextColor?: string;
+}>;
+
+type FooterProps = Omit<ContainerProps, 'height' | 'content'> & {
+    logo?: ReactNode;
+    copyright?: ReactNode;
+    content?: ReactNode;
+};
+
+type HeaderProps = PropsWithChildren & Omit<ContainerProps, 'fluidContent' | 'height'> & {
+    leftSection?: ReactNode;
+    rightSection?: ReactNode;
+    color?: string;
+    sticky?: boolean;
+};
+
+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 _, type BannerProps as a, ButtonVariant as b, ContentAlignment as c };

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-3PDY7RJC.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};

package/dist/parameters-B8w5Q6Pp.d.mts

@@ -0,0 +1,29 @@
+import { SpaceType, ViewPort } from './types/cskTypes.mjs';
+import { T as TextProps } from './index-CrBZatTs.mjs';
+
+type HeightType = 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit';
+type ContainerParameters = {
+    displayName?: string;
+    anchor?: string;
+    backgroundColor?: string;
+    spacing?: SpaceType | ViewPort<SpaceType>;
+    border?: string | ViewPort<string>;
+    fluidContent?: boolean;
+    height?: HeightType | ViewPort<HeightType>;
+};
+
+type TextParameters = {
+    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'];
+    lineCountRestrictions?: string;
+};
+
+export type { ContainerParameters as C, TextParameters as T };

package/dist/tabs-VMFTATOP.mjs

@@ -0,0 +1 @@
+"use client";import{b as d,c as T}from"./chunk-OY6ZJNCE.mjs";import{a as c}from"./chunk-7GVG4HLE.mjs";import"./chunk-S7CSCIW4.mjs";import{Fragment as E,useCallback as p,useState as P}from"react";import{flattenValues as A}from"@uniformdev/canvas";import{UniformSlot as B,UniformText as F}from"@uniformdev/next-app-router/component";import{jsx as o,jsxs as R}from"react/jsx-runtime";var u="text",k="text",Y=({slots:C,color:a,backgroundColor:g,spacing:b,border:f,fluidContent:_,height:x,variant:n,slotData:v,context:s})=>{let i=v?.tabItems?.map(t=>({...A(t),id:t?._id||""})),[m,r]=P(i?.[0]?.id||""),I=p(t=>{let e=t.target.id;r(e)},[]),M=p(t=>{let e=t.target.id;s.isContextualEditing&&r(e)},[s.isContextualEditing]);return R(c,{className:"flex flex-col gap-5",backgroundColor:g,spacing:b,border:f,fluidContent:_,height:x,children:[o("div",{className:d({color:a,variant:n}),children:i?.map(({id:t,[u]:e})=>o("button",{id:t,onClick:I,className:T({color:a,variant:n,isActiveTab:t===m}),children:o(F,{id:t,placeholder:"Text goes here",onFocus:M,parameter:{parameterId:u,type:k,value:e,_contextualEditing:{isEditable:!0}},component:{_id:t}})},t))}),o(B,{slot:C.tabItems,children:({child:t,_id:e,key:l})=>e===m?o(E,{children:t},l):o(E,{},l)})]})};export{Y as Tabs};

package/dist/theme-switcher-QTX46Z7E.mjs

@@ -0,0 +1 @@
+"use client";import{c as o}from"./chunk-S7CSCIW4.mjs";import{setCookie as h}from"cookies-next";import{useTheme as i}from"next-themes";import{jsx as C}from"react/jsx-runtime";var l=()=>C("svg",{width:"15",height:"15",viewBox:"0 0 15 15",className:"size-[1.2rem] fill-current",children:C("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fillRule:"evenodd",clipRule:"evenodd"})}),s=()=>C("svg",{width:"15",height:"15",viewBox:"0 0 15 15",className:"size-[1.2rem] fill-current",children:C("path",{d:"M2.89998 0.499976C2.89998 0.279062 2.72089 0.0999756 2.49998 0.0999756C2.27906 0.0999756 2.09998 0.279062 2.09998 0.499976V1.09998H1.49998C1.27906 1.09998 1.09998 1.27906 1.09998 1.49998C1.09998 1.72089 1.27906 1.89998 1.49998 1.89998H2.09998V2.49998C2.09998 2.72089 2.27906 2.89998 2.49998 2.89998C2.72089 2.89998 2.89998 2.72089 2.89998 2.49998V1.89998H3.49998C3.72089 1.89998 3.89998 1.72089 3.89998 1.49998C3.89998 1.27906 3.72089 1.09998 3.49998 1.09998H2.89998V0.499976ZM5.89998 3.49998C5.89998 3.27906 5.72089 3.09998 5.49998 3.09998C5.27906 3.09998 5.09998 3.27906 5.09998 3.49998V4.09998H4.49998C4.27906 4.09998 4.09998 4.27906 4.09998 4.49998C4.09998 4.72089 4.27906 4.89998 4.49998 4.89998H5.09998V5.49998C5.09998 5.72089 5.27906 5.89998 5.49998 5.89998C5.72089 5.89998 5.89998 5.72089 5.89998 5.49998V4.89998H6.49998C6.72089 4.89998 6.89998 4.72089 6.89998 4.49998C6.89998 4.27906 6.72089 4.09998 6.49998 4.09998H5.89998V3.49998ZM1.89998 6.49998C1.89998 6.27906 1.72089 6.09998 1.49998 6.09998C1.27906 6.09998 1.09998 6.27906 1.09998 6.49998V7.09998H0.499976C0.279062 7.09998 0.0999756 7.27906 0.0999756 7.49998C0.0999756 7.72089 0.279062 7.89998 0.499976 7.89998H1.09998V8.49998C1.09998 8.72089 1.27906 8.89997 1.49998 8.89997C1.72089 8.89997 1.89998 8.72089 1.89998 8.49998V7.89998H2.49998C2.72089 7.89998 2.89998 7.72089 2.89998 7.49998C2.89998 7.27906 2.72089 7.09998 2.49998 7.09998H1.89998V6.49998ZM8.54406 0.98184L8.24618 0.941586C8.03275 0.917676 7.90692 1.1655 8.02936 1.34194C8.17013 1.54479 8.29981 1.75592 8.41754 1.97445C8.91878 2.90485 9.20322 3.96932 9.20322 5.10022C9.20322 8.37201 6.82247 11.0878 3.69887 11.6097C3.45736 11.65 3.20988 11.6772 2.96008 11.6906C2.74563 11.702 2.62729 11.9535 2.77721 12.1072C2.84551 12.1773 2.91535 12.2458 2.98667 12.3128L3.05883 12.3795L3.31883 12.6045L3.50684 12.7532L3.62796 12.8433L3.81491 12.9742L3.99079 13.089C4.11175 13.1651 4.23536 13.2375 4.36157 13.3059L4.62496 13.4412L4.88553 13.5607L5.18837 13.6828L5.43169 13.7686C5.56564 13.8128 5.70149 13.8529 5.83857 13.8885C5.94262 13.9155 6.04767 13.9401 6.15405 13.9622C6.27993 13.9883 6.40713 14.0109 6.53544 14.0298L6.85241 14.0685L7.11934 14.0892C7.24637 14.0965 7.37436 14.1002 7.50322 14.1002C11.1483 14.1002 14.1032 11.1453 14.1032 7.50023C14.1032 7.25044 14.0893 7.00389 14.0623 6.76131L14.0255 6.48407C13.991 6.26083 13.9453 6.04129 13.8891 5.82642C13.8213 5.56709 13.7382 5.31398 13.6409 5.06881L13.5279 4.80132L13.4507 4.63542L13.3766 4.48666C13.2178 4.17773 13.0353 3.88295 12.8312 3.60423L12.6782 3.40352L12.4793 3.16432L12.3157 2.98361L12.1961 2.85951L12.0355 2.70246L11.8134 2.50184L11.4925 2.24191L11.2483 2.06498L10.9562 1.87446L10.6346 1.68894L10.3073 1.52378L10.1938 1.47176L9.95488 1.3706L9.67791 1.2669L9.42566 1.1846L9.10075 1.09489L8.83599 1.03486L8.54406 0.98184ZM10.4032 5.30023C10.4032 4.27588 10.2002 3.29829 9.83244 2.40604C11.7623 3.28995 13.1032 5.23862 13.1032 7.50023C13.1032 10.593 10.596 13.1002 7.50322 13.1002C6.63646 13.1002 5.81597 12.9036 5.08355 12.5522C6.5419 12.0941 7.81081 11.2082 8.74322 10.0416C8.87963 10.2284 9.10028 10.3497 9.34928 10.3497C9.76349 10.3497 10.0993 10.0139 10.0993 9.59971C10.0993 9.24256 9.84965 8.94373 9.51535 8.86816C9.57741 8.75165 9.63653 8.63334 9.6926 8.51332C9.88358 8.63163 10.1088 8.69993 10.35 8.69993C11.0403 8.69993 11.6 8.14028 11.6 7.44993C11.6 6.75976 11.0406 6.20024 10.3505 6.19993C10.3853 5.90487 10.4032 5.60464 10.4032 5.30023Z",fillRule:"evenodd",clipRule:"evenodd"})}),V=({iconColor:L,onChange:r})=>{let{setTheme:m,resolvedTheme:t}=i();return C("button",{"aria-label":"Theme selector",onClick:()=>{let e=t==="dark"?"light":"dark";m(e),h("theme",e),r?.(e)},className:o({[`text-${L}`]:!!L}),children:t==="dark"?C(s,{}):C(l,{})})};export{V as ThemeSwitcher};

package/dist/theme-switcher-RGY4D3KL.mjs

@@ -0,0 +1 @@
+"use client";import{a as t}from"./chunk-OKUDTS22.mjs";import m from"next/dynamic";import{useUniformContext as h}from"@uniformdev/next-app-router/component";import{jsx as s}from"react/jsx-runtime";var n=m(()=>import("./ThemeSwitcher-EUDUX3QI.mjs").then(e=>e.default),{ssr:!1}),i=({iconColor:e})=>{let{context:r}=h();return s(n,{iconColor:e,onChange:o=>{r?.update({quirks:{theme:o}})}})},T=t(i);export{i as ThemeSwitcher,T as default};

package/dist/types/cskTypes.d.mts

@@ -1,17 +1,35 @@
-import { HTMLAttributes } from 'react';
-import { ComponentInstance } from '@uniformdev/canvas';
+import * as _uniformdev_next_app_router_component from '@uniformdev/next-app-router/component';
+import { ComponentProps as ComponentProps$1, HTMLAttributes } from 'react';
+import { AssetParamValueItem } from '@uniformdev/canvas';
+import { UniformComposition } from '@uniformdev/next-app-router';
+import { ComponentParameter } from '@uniformdev/next-app-router-shared';
 
-type ResolveEmptyPlaceholderOptions = {
-    parentComponent: ComponentInstance | undefined;
-    component: ComponentInstance;
-    slotName: string;
-    slotIndex: number;
-};
+type ResolveEmptyPlaceholderFunction = NonNullable<ComponentProps$1<typeof UniformComposition>['resolveEmptyPlaceholder']>;
+type ResolveEmptyPlaceholderOptions = Parameters<ResolveEmptyPlaceholderFunction>[0];
 type ViewPort<T> = {
     desktop?: T;
     tablet?: T;
     mobile?: T;
 };
 type SpaceType = Pick<NonNullable<HTMLAttributes<HTMLDivElement>['style']>, 'marginTop' | 'marginLeft' | 'paddingTop' | 'marginRight' | 'paddingLeft' | 'marginBottom' | 'paddingRight' | 'paddingBottom'>;
+type ToComponentParameters<T> = {
+    [K in keyof T]: ComponentParameter<T[K]>;
+};
+type ComponentProps<T, S extends string = string> = _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];
+};
+type ResolvedAssetFromItem<T extends AssetParamValueItem> = RenameKey<FlattenFields<T>, 'id', 'file'> & {
+    id: T['_id'];
+};
+type ReplaceFieldsWithAssets<T, K extends keyof T> = Omit<T, K> & {
+    [P in K]?: ResolvedAssetFromItem<AssetParamValueItem>[];
+};
 
-export type { ResolveEmptyPlaceholderOptions, SpaceType, ViewPort };
+export type { ComponentProps, ReplaceFieldsWithAssets, ResolveEmptyPlaceholderOptions, ResolvedAssetFromItem, SpaceType, ViewPort };

package/dist/utils/assets.d.mts

@@ -1,26 +1,17 @@
-import { AssetParamValue } from '@uniformdev/assets';
+import { AssetParamValue, AssetParamValueItem } from '@uniformdev/assets';
+import { ResolvedAssetFromItem } from '../types/cskTypes.mjs';
+import '@uniformdev/next-app-router/component';
+import 'react';
+import '@uniformdev/canvas';
+import '@uniformdev/next-app-router';
+import '@uniformdev/next-app-router-shared';
 
-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;
-    };
-};
 /**
  * Resolves a list of assets, filtering out any entries without a valid URL.
  *
  * @param {AssetParamValue | undefined} image - The list of assets to resolve.
  * @returns {ResolvedAsset[]} - An array of resolved assets with valid URLs.
  */
-declare const resolveAsset: (image?: AssetParamValue) => ResolvedAsset[];
+declare const resolveAsset: (image?: AssetParamValue) => ResolvedAssetFromItem<AssetParamValueItem>[];
 
 export { resolveAsset };

package/dist/utils/assets.mjs

@@ -1 +1 @@
-import{a}from"../chunk-2YTACEBA.mjs";import"../chunk-YEKQJ4YC.mjs";export{a as resolveAsset};
+import{a}from"../chunk-XYU3TGOU.mjs";export{a as resolveAsset};

package/dist/utils/createComponentResolver.d.mts

@@ -1,12 +1,6 @@
-import * as _uniformdev_canvas_next_rsc_shared from '@uniformdev/canvas-next-rsc-shared';
-import { ComponentInstance } from '@uniformdev/canvas';
-import { ResolveComponentResult } from '@uniformdev/canvas-next-rsc/component';
+import { ResolveComponentResult, ResolveComponentFunction } from '@uniformdev/next-app-router';
 
-type ComponentMapping = Record<string, ResolveComponentResult>;
-declare const createComponentResolver: (mappings: ComponentMapping) => ({ component }: {
-    component: ComponentInstance;
-}) => ResolveComponentResult | {
-    component: ({ component }: _uniformdev_canvas_next_rsc_shared.ComponentProps) => React.JSX.Element | null;
-};
+type ComponentMapping = Record<string, ResolveComponentResult['component']>;
+declare const createComponentResolver: (mappings: ComponentMapping) => ResolveComponentFunction;
 
 export { type ComponentMapping, createComponentResolver as default };

package/dist/utils/createComponentResolver.mjs

@@ -1 +1 @@
-import{a}from"../chunk-56OQGKRM.mjs";import"../chunk-YEKQJ4YC.mjs";export{a as default};
+import{a}from"../chunk-47YB4P2Q.mjs";import"../chunk-CZ4X5ZBK.mjs";import"../chunk-OKUDTS22.mjs";export{a as default};

package/dist/utils/createEmptyPlaceholderResolver.d.mts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 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.mjs';
 import '@uniformdev/canvas';
+import '@uniformdev/next-app-router';
+import '@uniformdev/next-app-router-shared';
 
 declare const DEFAULT_EMPTY_PLACEHOLDER: {
     component: () => react_jsx_runtime.JSX.Element;
@@ -10,7 +12,7 @@ declare const DEFAULT_EMPTY_PLACEHOLDER: {
 type EmptyPlaceholderMapping = Record<string, (props: ResolveEmptyPlaceholderOptions) => {
     component: ComponentType<ComponentProps<any, any>> | null;
 }>;
-declare const createEmptyPlaceholderResolver: (mappings: EmptyPlaceholderMapping) => ({ parentComponent, ...restProps }: ResolveEmptyPlaceholderOptions) => {
+declare const createEmptyPlaceholderResolver: (mappings: EmptyPlaceholderMapping) => (props: ResolveEmptyPlaceholderOptions) => {
     component: () => react_jsx_runtime.JSX.Element;
 } | {
     component: ComponentType<ComponentProps<any, any>> | null;

package/dist/utils/createEmptyPlaceholderResolver.mjs

@@ -1 +1 @@
-import{a,b}from"../chunk-MSXDLSXH.mjs";import"../chunk-YEKQJ4YC.mjs";export{a as DEFAULT_EMPTY_PLACEHOLDER,b as default};
+import{a,b}from"../chunk-LPAOEOU4.mjs";export{a as DEFAULT_EMPTY_PLACEHOLDER,b as default};