thread-ui 0.1.5 → 0.1.7

package/dist/client/index.d.ts

@@ -0,0 +1,3 @@
+export * from './make-styles';
+export * from './theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/client/index.js

@@ -0,0 +1,3 @@
+export * from './make-styles';
+export * from './theme';
+//# sourceMappingURL=index.js.map

package/dist/client/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/client/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}

package/dist/client/make-styles/index.d.ts

@@ -0,0 +1,2 @@
+export { makeStyles, makeStyleObject, useThreadStyles, useThreadStyleObjects, transformStyles, transformStyleObjects, } from './make-styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/client/make-styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/make-styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,GACrB,MAAM,eAAe,CAAC"}

package/dist/client/make-styles/index.js

@@ -0,0 +1,2 @@
+export { makeStyles, makeStyleObject, useThreadStyles, useThreadStyleObjects, transformStyles, transformStyleObjects, } from './make-styles';
+//# sourceMappingURL=index.js.map

package/dist/client/make-styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/make-styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,eAAe,EACf,eAAe,EACf,qBAAqB,EACrB,eAAe,EACf,qBAAqB,GACrB,MAAM,eAAe,CAAC"}

package/dist/{functions → client}/make-styles/make-styles.d.ts

@@ -22,33 +22,37 @@ type MakeStylesProps = ResponsiveStyles & {
     hover?: CSSPropertiesWithCustomValues;
     dark?: MakeStylesProps;
 };
+export declare const transformStyles: (styles: MakeStylesProps) => Record<string, any>;
+export declare const transformStyleObjects: (styles: Record<string, MakeStylesProps>) => {
+    [k: string]: Record<string, any>;
+};
 /**
  * Generate CSS Classes through Emotion CSS
  * @param styles Responsive CSSProperties with optional dark mode support
  * @returns CSS Class Name
  */
-export declare const makeStyles: (styles: MakeStylesProps) => string;
+export declare const makeStyles: (styles: MakeStylesProps) => any;
 /**
  * Generate object CSS Classes through Emotion CSS
  * @param styles Responsive CSSProperties
  * @returns Dictionary of CSS Class Names
  */
 export declare const makeStyleObject: (styles: Record<string, MakeStylesProps>) => {
-    [k: string]: string;
+    [k: string]: any;
 };
 /**
  * Generate memoized CSS Classes through Emotion CSS
  * @param styles Responsive CSSProperties
  * @returns CSS Class Name
  */
-export declare const useThreadStyles: (styles: MakeStylesProps) => string;
+export declare const useThreadStyles: (styles: MakeStylesProps) => any;
 /**
  * Generate memoized object CSS Classes through Emotion CSS
  * @param styles Responsive CSSProperties
  * @returns Dictionary of CSS Class Names
  */
 export declare const useThreadStyleObjects: (styles: Record<string, MakeStylesProps>) => {
-    [k: string]: string;
+    [k: string]: any;
 };
 export {};
 //# sourceMappingURL=make-styles.d.ts.map

package/dist/client/make-styles/make-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-styles.d.ts","sourceRoot":"","sources":["../../../src/client/make-styles/make-styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAW,MAAM,OAAO,CAAC;AAY/C,KAAK,eAAe,CAAC,CAAC,IAAI;IACzB,EAAE,EAAE,CAAC,CAAC;IACN,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,GAAG,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAGF,KAAK,6BAA6B,GAAG;KACnC,CAAC,IAAI,MAAM,aAAa,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM;CAC9D,CAAC;AAEF;;GAEG;AACH,KAAK,gBAAgB,GAAG;KACtB,CAAC,IAAI,MAAM,aAAa,CAAC,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;CACnG,CAAC;AAEF;;GAEG;AACH,KAAK,eAAe,GAAG,gBAAgB,GAAG;IACzC,KAAK,CAAC,EAAE,6BAA6B,CAAC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;CACvB,CAAC;AAmEF,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe,wBAoBtD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;CAE5E,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,QAAQ,eAAe,QAWjD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;CAEtE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,QAAQ,eAAe,QAEtD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC;;CAI5E,CAAC"}

package/dist/{functions → client}/make-styles/make-styles.js

@@ -63,12 +63,7 @@ const processStyles = (styles) => {
     }
     return emotionStyleObject;
 };
-/**
- * Generate CSS Classes through Emotion CSS
- * @param styles Responsive CSSProperties with optional dark mode support
- * @returns CSS Class Name
- */
-export const makeStyles = (styles) => {
+export const transformStyles = (styles) => {
     const { dark, ...lightStyles } = styles;
     // Process light mode styles
     const emotionStyleObject = processStyles(lightStyles);
@@ -82,8 +77,26 @@ export const makeStyles = (styles) => {
             ':root:not([data-theme]) &': darkStyleObject,
         };
     }
+    return emotionStyleObject;
+};
+export const transformStyleObjects = (styles) => {
+    return Object.fromEntries(Object.entries(styles).map(([key, value]) => [key, transformStyles(value)]));
+};
+const cache = new WeakMap();
+/**
+ * Generate CSS Classes through Emotion CSS
+ * @param styles Responsive CSSProperties with optional dark mode support
+ * @returns CSS Class Name
+ */
+export const makeStyles = (styles) => {
+    if (cache.has(styles)) {
+        console.log('CACHE:', styles);
+        return cache.get(styles);
+    }
+    const emotionStyleObject = transformStyles(styles);
     // Generate the className using Emotion's css function
     const className = css(emotionStyleObject);
+    cache.set(styles, className);
     return className;
 };
 /**

package/dist/client/make-styles/make-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-styles.js","sourceRoot":"","sources":["../../../src/client/make-styles/make-styles.ts"],"names":[],"mappings":"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"}

package/dist/{functions → client}/theme/index.d.ts

@@ -1,4 +1,3 @@
-export { ThreadTheme } from './thread-theme';
 export { ThemeProvider, useTheme, useThemeToggle } from './theme-provider/theme-provider';
 export type { ThemeContextType, ThemeProviderProps } from './theme-provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/client/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC1F,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/{functions → client}/theme/index.js

@@ -1,3 +1,2 @@
-export { ThreadTheme } from './thread-theme';
 export { ThemeProvider, useTheme, useThemeToggle } from './theme-provider/theme-provider';
 //# sourceMappingURL=index.js.map

package/dist/client/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/client/theme/theme-provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/client/theme/theme-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/client/theme/theme-provider/set-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-theme.d.ts","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/set-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC;;;;GAIG;AACH,eAAO,MAAM,QAAQ,GAAI,WAAW,WAAW,WA2D9C,CAAC"}

package/dist/{functions → client}/theme/theme-provider/set-theme.js

@@ -1,4 +1,4 @@
-import { ThreadTheme, DarkModeVariables } from '../thread-theme';
+import { ThreadTheme, DarkModeVariables } from '../../../theme/thread-theme';
 /**
  * Override default Thread Theme with custom inputs
  * @param userTheme Partial of Theme Object

package/dist/client/theme/theme-provider/set-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-theme.js","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/set-theme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAE7E;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAsB,EAAE,EAAE;IAClD,MAAM,cAAc,GAAa,EAAE,CAAC;IACpC,MAAM,aAAa,GAAa,EAAE,CAAC;IAEnC,MAAM,mBAAmB,GAAG,CAAC,UAAe,EAAE,WAAgB,EAAE,WAAqB,EAAE,EAAE;QACxF,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACnD,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,UAAU;gBAAE,OAAO;YAExB,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAC1E,mBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC;YACrD,CAAC;iBAAM,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAClE,WAAW,CAAC,IAAI,CAAC,GAAG,UAAU,KAAK,KAAK,EAAE,CAAC,CAAC;YAC7C,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,SAAS,CAAC;IAE7C,+BAA+B;IAC/B,mBAAmB,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC;IAE5D,+DAA+D;IAC/D,IAAI,QAAQ,EAAE,CAAC;QACd,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,EAAE,aAAa,CAAC,CAAC;IACjE,CAAC;IAED,0CAA0C;IAC1C,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/B,SAAS,IAAI,WAAW,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IACzD,CAAC;IAED,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC9B,SAAS,IAAI,8BAA8B,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;IAC3E,CAAC;IAED,gBAAgB;IAChB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACrC,IAAI,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC;QACrE,IAAI,CAAC,YAAY,EAAE,CAAC;YACnB,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAC/C,YAAY,CAAC,EAAE,GAAG,wBAAwB,CAAC;YAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACzC,CAAC;QACD,YAAY,CAAC,WAAW,GAAG,SAAS,CAAC;QAErC,uBAAuB;QACvB,IAAI,CAAC;YACJ,YAAY,CAAC,OAAO,CAAC,wBAAwB,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;QAC3E,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACZ,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC;QAC7C,CAAC;IACF,CAAC;IAED,OAAO,SAAS,CAAC;AAClB,CAAC,CAAC"}

package/dist/client/theme/theme-provider/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/theme-provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,KAAK,gBAAgB,GAAG;IACvB,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAyEF,UAAU,kBAAkB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAsB,EAAE,EAAE,kBAAkB,2CAoG5F;AAGD,wBAAgB,QAAQ,qBAMvB;AAGD,wBAAgB,cAAc,UAhMX,IAAI,CAmMtB;AAGD,wBAAgB,cAAc;4BAEJ,WAAW;;EAkBpC"}

package/dist/client/theme/theme-provider/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/theme-provider.tsx"],"names":[],"mappings":"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"}

package/dist/client/theme/theme-provider/theme-provider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.types.d.ts","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/theme-provider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,KAAK,IAAI,CAAC;IACrD,UAAU,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC1C,CAAC"}

package/dist/client/theme/theme-provider/theme-provider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.types.js","sourceRoot":"","sources":["../../../../src/client/theme/theme-provider/theme-provider.types.ts"],"names":[],"mappings":""}

package/dist/client/theme/theme.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../../src/client/theme/theme.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,KAAK,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG;IAEnB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,WAAW,CAAC;IACvB,QAAQ,EAAE,WAAW,CAAC;IAGtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,WAAW,CAAC;IAGlB,OAAO,EAAE,WAAW,CAAC;IACrB,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,WAAW,CAAC;IACnB,IAAI,EAAE,WAAW,CAAC;IAGlB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;IAGjB,YAAY,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAE5B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAGlB,IAAI,EAAE,UAAU,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG;IACrC,QAAQ,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC"}

package/dist/client/theme/theme.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.types.js","sourceRoot":"","sources":["../../../src/client/theme/theme.types.ts"],"names":[],"mappings":""}

package/dist/components/layouts/column-layout/column-layout.d.ts

@@ -1,14 +1,6 @@
 import { ColumnLayoutProps } from './column-layout.types';
 /**
  * A layout component that displays content in a responsive column grid with optional title and caption.
- *
- * @component
- * @param {string} title - Optional title displayed at the top of the layout
- * @param {string} caption - Optional caption displayed below the title
- * @param {number} mdcol - Number of columns to display at medium viewport sizes
- * @param {number} lgcol - Number of columns to display at large viewport sizes
- * @param {ColumnItem[]} items - Array of items to display in the grid
- * @returns {JSX.Element} The column layout component
  */
 export declare const ColumnLayout: ({ title, caption, mdcol, lgcol, items }: ColumnLayoutProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=column-layout.d.ts.map

package/dist/components/layouts/column-layout/column-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,4CAA6C,iBAAiB,4CA0DtF,CAAC"}
+{"version":3,"file":"column-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAI1D;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,yCAAiD,iBAAiB,4CAsE9F,CAAC"}

package/dist/components/layouts/column-layout/column-layout.js

@@ -1,49 +1,44 @@
-'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { renderImage } from '../../../internal-components';
 import { ColumnSkeleton } from './column-skeleton';
 import { H2, H3, Text } from '../../../components';
-import { useThreadStyleObjects } from '../../../functions';
+import { css } from '../../../styled-system/css';
 /**
  * A layout component that displays content in a responsive column grid with optional title and caption.
- *
- * @component
- * @param {string} title - Optional title displayed at the top of the layout
- * @param {string} caption - Optional caption displayed below the title
- * @param {number} mdcol - Number of columns to display at medium viewport sizes
- * @param {number} lgcol - Number of columns to display at large viewport sizes
- * @param {ColumnItem[]} items - Array of items to display in the grid
- * @returns {JSX.Element} The column layout component
  */
-export const ColumnLayout = ({ title, caption, mdcol, lgcol, items }) => {
-    const styles = useThreadStyleObjects({
-        section: {
-            width: '100%',
-            marginRight: 'auto',
-            marginLeft: 'auto',
-            maxWidth: { sm: 'none', md: mdcol < 2 ? '800px' : 'none', lg: 'none' },
-            paddingRight: '2rem',
-            paddingLeft: '2rem',
-            paddingTop: { sm: '2.5rem', md: '2rem', lg: '1.5rem' },
-            paddingBottom: { sm: '2.5rem', md: '2rem', lg: '1.5rem' },
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'center',
-            flex: { sm: '1 1 0%', lg: 'none' },
-        },
-        gridItem: {
-            borderRadius: '0.25rem',
-            marginBottom: '1.5rem',
-            width: '100%',
-            height: 'auto',
-            overflow: 'hidden',
-        },
-        gridPhoto: {
-            width: '100%',
-            height: 'auto',
-            borderRadius: '0.25rem',
+export const ColumnLayout = ({ title, caption, mdcol = 2, lgcol = 4, items }) => {
+    const sectionStyles = css({
+        width: '100%',
+        marginRight: 'auto',
+        marginLeft: 'auto',
+        maxWidth: {
+            base: 'none',
+            md: 'var(--max-width, none)',
+            lg: 'none',
         },
+        paddingRight: '2rem',
+        paddingLeft: '2rem',
+        paddingTop: { base: '2.5rem', md: '2rem', lg: '1.5rem' },
+        paddingBottom: { base: '2.5rem', md: '2rem', lg: '1.5rem' },
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        flex: { base: '1 1 0%', lg: 'none' },
+    });
+    const gridItemStyles = css({
+        borderRadius: '0.25rem',
+        marginBottom: '1.5rem',
+        width: '100%',
+        height: 'auto',
+        overflow: 'hidden',
+    });
+    const gridPhotoStyles = css({
+        width: '100%',
+        height: 'auto',
+        borderRadius: '0.25rem',
     });
-    return (_jsxs("section", { className: styles.section, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol || 2, lgcol: lgcol || 4, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: styles.gridItem, children: renderImage(item.content, undefined, styles.gridPhoto) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, index))) })] }));
+    return (_jsxs("section", { className: sectionStyles, style: {
+            '--max-width': mdcol < 2 ? '800px' : 'none',
+        }, children: [(title || caption) && (_jsx("div", { children: title && (_jsx(_Fragment, { children: _jsxs(H2, { children: [title, caption && _jsx(Text, { children: caption })] }) })) })), _jsx(ColumnSkeleton, { mdcol: mdcol, lgcol: lgcol, children: items.map((item, index) => (_jsxs("div", { children: [_jsx("div", { className: gridItemStyles, children: renderImage(item.content, undefined, gridPhotoStyles) }), (item.title || item.description) && (_jsxs(_Fragment, { children: [item.title && _jsx(H3, { children: item.title }), item.description && _jsx(Text, { children: item.description })] }))] }, index))) })] }));
 };
 //# sourceMappingURL=column-layout.js.map

package/dist/components/layouts/column-layout/column-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC1F,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,OAAO,EAAE;YACR,KAAK,EAAE,MAAM;YACb,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,MAAM;YAClB,QAAQ,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE;YACtE,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACtD,aAAa,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACzD,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,IAAI,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;SAClC;QACD,QAAQ,EAAE;YACT,YAAY,EAAE,SAAS;YACvB,YAAY,EAAE,QAAQ;YACtB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;SAClB;QACD,SAAS,EAAE;YACV,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,SAAS;SACvB;KACD,CAAC,CAAC;IACH,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,OAAO,aAChC,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC,YAClD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,GAAO,EAC9F,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KAPQ,KAAK,CAQT,CACN,CAAC,GACc,IACR,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"column-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE1C;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAqB,EAAE,EAAE;IAClG,MAAM,aAAa,GAAG,GAAG,CAAC;QACzB,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,MAAM;QAClB,QAAQ,EAAE;YACT,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,wBAAwB;YAC5B,EAAE,EAAE,MAAM;SACV;QACD,YAAY,EAAE,MAAM;QACpB,WAAW,EAAE,MAAM;QACnB,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QACxD,aAAa,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;QAC3D,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,QAAQ;QACxB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE;KACpC,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,GAAG,CAAC;QAC1B,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,QAAQ;QACtB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;KAClB,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,GAAG,CAAC;QAC3B,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,SAAS;KACvB,CAAC,CAAC;IAEH,OAAO,CACN,mBACC,SAAS,EAAE,aAAa,EACxB,KAAK,EACJ;YACC,aAAa,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACpB,aAGxB,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACtB,wBACE,KAAK,IAAI,CACT,4BACC,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,IAAI,cAAE,OAAO,GAAQ,IAC9B,GACH,CACH,GACI,CACN,EACD,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,YACxC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,0BACC,cAAK,SAAS,EAAE,cAAc,YAAG,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,eAAe,CAAC,GAAO,EAC5F,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CACpC,8BACE,IAAI,CAAC,KAAK,IAAI,KAAC,EAAE,cAAE,IAAI,CAAC,KAAK,GAAM,EACnC,IAAI,CAAC,WAAW,IAAI,KAAC,IAAI,cAAE,IAAI,CAAC,WAAW,GAAQ,IAClD,CACH,KAPQ,KAAK,CAQT,CACN,CAAC,GACc,IACR,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/layouts/column-layout/column-layout.types.d.ts

@@ -11,8 +11,8 @@ import { ImageProps } from '../../../types';
 export type ColumnLayoutProps = {
     title?: string;
     caption?: string;
-    mdcol: number;
-    lgcol: number;
+    mdcol: 1 | 2 | 3;
+    lgcol: 3 | 4 | 5;
     items: ColumnItem[];
 };
 /**

package/dist/components/layouts/column-layout/column-layout.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;CACpB,CAAC"}
+{"version":3,"file":"column-layout.types.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/column-layout/column-layout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,KAAK,EAAE,UAAU,EAAE,CAAC;CACpB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,UAAU,CAAC;CACpB,CAAC"}

package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAG9D,yCAAyC;AACzC,eAAO,MAAM,cAAc,+BAAgC,mBAAmB,4CAW7E,CAAC"}
+{"version":3,"file":"column-skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AA0B9D,yCAAyC;AACzC,eAAO,MAAM,cAAc,GAAI,4BAA4B,mBAAmB,4CAE7E,CAAC"}

package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js

@@ -1,16 +1,30 @@
-'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useThreadStyles } from '../../../../functions';
+import { cva } from '../../../../styled-system/css';
+const gridStyles = cva({
+    base: {
+        display: 'grid',
+        gap: { base: '3rem', lg: '1.5rem' },
+    },
+    variants: {
+        mdcol: {
+            1: { gridTemplateColumns: { md: 'repeat(1, minmax(0, 1fr))' } },
+            2: { gridTemplateColumns: { md: 'repeat(2, minmax(0, 1fr))' } },
+            3: { gridTemplateColumns: { md: 'repeat(3, minmax(0, 1fr))' } },
+        },
+        lgcol: {
+            3: { gridTemplateColumns: { lg: 'repeat(3, minmax(0, 1fr))' } },
+            4: { gridTemplateColumns: { lg: 'repeat(4, minmax(0, 1fr))' } },
+            5: { gridTemplateColumns: { lg: 'repeat(5, minmax(0, 1fr))' } },
+            6: { gridTemplateColumns: { lg: 'repeat(6, minmax(0, 1fr))' } },
+        },
+    },
+    defaultVariants: {
+        mdcol: 2,
+        lgcol: 3,
+    },
+});
 /** Internal Column Skeleton Component */
 export const ColumnSkeleton = ({ mdcol, lgcol, children }) => {
-    const getColumnCSS = (colNum) => {
-        return `repeat(${colNum}, minmax(0, 1fr))`;
-    };
-    const styles = useThreadStyles({
-        display: 'grid',
-        gridTemplateColumns: { sm: getColumnCSS(1), md: getColumnCSS(mdcol), lg: getColumnCSS(lgcol) },
-        gap: { sm: '3rem', lg: '1.5rem' },
-    });
-    return _jsx("div", { className: styles, children: children });
+    return _jsx("div", { className: gridStyles({ mdcol, lgcol }), children: children });
 };
 //# sourceMappingURL=column-skeleton.js.map

package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACvC,OAAO,UAAU,MAAM,mBAAmB,CAAC;IAC5C,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,eAAe,CAAC;QAC9B,OAAO,EAAE,MAAM;QACf,mBAAmB,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,CAAC,EAAE;QAC9F,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;KACjC,CAAC,CAAC;IACH,OAAO,cAAK,SAAS,EAAE,MAAM,YAAG,QAAQ,GAAO,CAAC;AACjD,CAAC,CAAC"}
+{"version":3,"file":"column-skeleton.js","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAG1C,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;KACnC;IACD,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;QACD,KAAK,EAAE;YACN,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;YAC/D,CAAC,EAAE,EAAE,mBAAmB,EAAE,EAAE,EAAE,EAAE,2BAA2B,EAAE,EAAE;SAC/D;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;KACR;CACD,CAAC,CAAC;AAEH,yCAAyC;AACzC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAuB,EAAE,EAAE;IACjF,OAAO,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,YAAG,QAAQ,GAAO,CAAC;AACvE,CAAC,CAAC"}

package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 export type ColumnSkeletonProps = {
-    mdcol: number;
-    lgcol: number;
+    mdcol: 1 | 2 | 3;
+    lgcol: 3 | 4 | 5;
     children: ReactNode;
 };
 //# sourceMappingURL=column-skeleton.types.d.ts.map

package/dist/components/layouts/column-layout/column-skeleton/column-skeleton.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"column-skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"column-skeleton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/column-layout/column-skeleton/column-skeleton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}

package/dist/components/layouts/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAM7C,eAAO,MAAM,MAAM,0FAA2F,WAAW,4CAsExH,CAAC"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,uFAAuF,WAAW,4CAkExH,CAAC"}

package/dist/components/layouts/footer/footer.js

@@ -1,31 +1,28 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CONTAINER_STYLES } from '../../../defaults';
 import { Divider, Subtitle } from '../../../components';
-import { useThreadStyleObjects, ThreadTheme } from '../../../functions';
+import { ThreadTheme } from '../../../theme';
 import { FacebookLogo, GithubLogo, InstagramLogo, LinkedinLogo, TwitterLogo } from '@phosphor-icons/react';
+import { css, cx } from '../../../styled-system/css';
+import { container } from '../../../styled-system/patterns';
 export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink, githubLink, linkedInLink }) => {
-    const styles = useThreadStyleObjects({
-        footer: {
-            ...CONTAINER_STYLES,
-            marginLeft: 'auto',
-            marginRight: 'auto',
-        },
-        footerContents: {
+    const styles = {
+        footer: cx(container(), css({ marginLeft: 'auto', marginRight: 'auto' })),
+        footerContents: css({
             display: 'flex',
             flexDirection: 'column',
             justifyContent: 'center',
             alignItems: 'center',
-        },
-        logoBlock: {
+        }),
+        logoBlock: css({
             display: 'flex',
             flexDirection: 'row',
             gap: '4px',
             width: '100%',
             justifyContent: 'center',
             alignItems: 'center',
-        },
-        circleStyle: {
+        }),
+        circleStyle: css({
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'center',
@@ -33,11 +30,11 @@ export const Footer = ({ logo, caption, facebookLink, instagramLink, twitterLink
             borderRadius: '50%',
             width: '48px',
             height: '48px',
-        },
-        links: {
+        }),
+        links: css({
             color: ThreadTheme.text.standard,
-        },
-    });
+        }),
+    };
     return (_jsxs("footer", { className: styles.footer, children: [_jsx(Divider, {}), _jsxs("div", { className: styles.footerContents, children: [logo && logo, caption && _jsx(Subtitle, { children: caption }), _jsxs("div", { className: styles.logoBlock, children: [facebookLink && (_jsx("a", { className: styles.links, href: facebookLink, children: _jsx(FacebookLogo, { size: 32, weight: "fill" }) })), instagramLink && (_jsx("a", { className: styles.links, href: instagramLink, children: _jsx(InstagramLogo, { size: 32, weight: "fill" }) })), twitterLink && (_jsx("a", { className: styles.links, href: twitterLink, children: _jsx(TwitterLogo, { size: 32, weight: "fill" }) })), githubLink && (_jsx("a", { className: styles.links, href: githubLink, children: _jsx(GithubLogo, { size: 32, weight: "fill" }) })), linkedInLink && (_jsx("a", { className: styles.links, href: linkedInLink, children: _jsx(LinkedinLogo, { size: 32, weight: "fill" }) }))] })] })] }));
 };
 //# sourceMappingURL=footer.js.map

package/dist/components/layouts/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE3G,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAe,EAAE,EAAE;IAC5H,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,MAAM,EAAE;YACP,GAAG,gBAAgB;YACnB,UAAU,EAAE,MAAM;YAClB,WAAW,EAAE,MAAM;SACnB;QACD,cAAc,EAAE;YACf,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACpB;QACD,SAAS,EAAE;YACV,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;YACb,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACpB;QACD,WAAW,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,OAAO;YACxB,YAAY,EAAE,KAAK;YACnB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACd;QACD,KAAK,EAAE;YACN,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ;SAChC;KACD,CAAC,CAAC;IACH,OAAO,CACN,kBAAQ,SAAS,EAAE,MAAM,CAAC,MAAM,aAC/B,KAAC,OAAO,KAAG,EACX,eAAK,SAAS,EAAE,MAAM,CAAC,cAAc,aACnC,IAAI,IAAI,IAAI,EACZ,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,EAC1C,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC9B,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACrC,CACJ,EACA,aAAa,IAAI,CACjB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,aAAa,YAC9C,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACtC,CACJ,EACA,WAAW,IAAI,CACf,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,YAC5C,KAAC,WAAW,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACpC,CACJ,EACA,UAAU,IAAI,CACd,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,YAC3C,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACnC,CACJ,EACA,YAAY,IAAI,CAChB,YAAG,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,YAAY,YAC7C,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG,GACrC,CACJ,IACI,IACD,IACE,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"footer.js","sourceRoot":"","sources":["../../../../src/components/layouts/footer/footer.tsx"],"names":[],"mappings":"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"}

package/dist/components/layouts/masonry-layout/masonry-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,eAAO,MAAM,aAAa,mCAAoC,kBAAkB,4CAkC/E,CAAC"}
+{"version":3,"file":"masonry-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAI5D,eAAO,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAkC/E,CAAC"}

package/dist/components/layouts/masonry-layout/masonry-layout.js

@@ -1,23 +1,22 @@
-'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CONTAINER_STYLES } from '../../../defaults';
-import { useThreadStyleObjects } from '../../../functions';
 import { H3, Subtitle } from '../../../components';
+import { container } from '../../../styled-system/patterns';
+import { css, cx } from '../../../styled-system/css';
 export const MasonryLayout = ({ title, caption, components }) => {
-    const styles = useThreadStyleObjects({
-        container: CONTAINER_STYLES,
-        list: {
+    const styles = {
+        container: cx(container()),
+        list: css({
             marginTop: '8px',
-            columnCount: { sm: 2, md: 3, lg: 4 },
+            columnCount: { base: 2, md: 3, lg: 4 },
             columnGap: '8px',
-        },
-        item: {
+        }),
+        item: css({
             width: '100%',
             display: 'inline-block',
             borderRadius: '4px',
             overflow: 'hidden',
-        },
-    });
+        }),
+    };
     return (_jsxs("section", { className: styles.container, children: [title && (_jsxs(H3, { children: [title, caption && _jsx(Subtitle, { children: caption })] })), _jsx("div", { children: _jsx("ol", { className: styles.list, children: components.map((component, index) => (_jsx("li", { className: styles.item, children: component }, index))) }) })] }));
 };
 //# sourceMappingURL=masonry-layout.js.map

package/dist/components/layouts/masonry-layout/masonry-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG,qBAAqB,CAAC;QACpC,SAAS,EAAE,gBAAgB;QAC3B,IAAI,EAAE;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACpC,SAAS,EAAE,KAAK;SAChB;QACD,IAAI,EAAE;YACL,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,QAAQ;SAClB;KACD,CAAC,CAAC;IACH,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,SAAS,aAClC,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,wBACC,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,GACA,IACG,CACV,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"masonry-layout.js","sourceRoot":"","sources":["../../../../src/components/layouts/masonry-layout/masonry-layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAE9C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAsB,EAAE,EAAE;IACnF,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,CAAC;QAC1B,IAAI,EAAE,GAAG,CAAC;YACT,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE;YACtC,SAAS,EAAE,KAAK;SAChB,CAAC;QACF,IAAI,EAAE,GAAG,CAAC;YACT,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,cAAc;YACvB,YAAY,EAAE,KAAK;YACnB,QAAQ,EAAE,QAAQ;SAClB,CAAC;KACF,CAAC;IACF,OAAO,CACN,mBAAS,SAAS,EAAE,MAAM,CAAC,SAAS,aAClC,KAAK,IAAI,CACT,MAAC,EAAE,eACD,KAAK,EACL,OAAO,IAAI,KAAC,QAAQ,cAAE,OAAO,GAAY,IACtC,CACL,EACD,wBACC,aAAI,SAAS,EAAE,MAAM,CAAC,IAAI,YACxB,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,aAAgB,SAAS,EAAE,MAAM,CAAC,IAAI,YACpC,SAAS,IADF,KAAK,CAET,CACL,CAAC,GACE,GACA,IACG,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/media/image-panel/image-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAsCtD,eAAO,MAAM,UAAU,0FASpB,eAAe,4CAkDjB,CAAC"}
+{"version":3,"file":"image-panel.d.ts","sourceRoot":"","sources":["../../../../src/components/media/image-panel/image-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAuCtD,eAAO,MAAM,UAAU,GAAI,uFASxB,eAAe,4CAmEjB,CAAC"}