@stackshift-ui/portfolio 7.0.0-beta.7 → 7.0.0-beta.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stackshift-ui/portfolio",
   "description": "",
-  "version": "7.0.0-beta.7",
+  "version": "7.0.0-beta.8",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -34,23 +34,23 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "@stackshift-ui/system": "6.1.0-beta.3",
-    "@stackshift-ui/button": "6.1.0-beta.5",
-    "@stackshift-ui/heading": "7.0.0-beta.3",
-    "@stackshift-ui/section": "7.0.0-beta.3",
-    "@stackshift-ui/image": "6.1.0-beta.4",
-    "@stackshift-ui/container": "7.0.0-beta.3",
-    "@stackshift-ui/text": "7.0.0-beta.3",
-    "@stackshift-ui/link": "6.1.0-beta.3",
-    "@stackshift-ui/flex": "7.0.0-beta.3",
-    "@stackshift-ui/scripts": "6.1.0-beta.2"
+    "@stackshift-ui/scripts": "7.0.0-beta.3",
+    "@stackshift-ui/button": "7.0.0-beta.6",
+    "@stackshift-ui/system": "7.0.0-beta.4",
+    "@stackshift-ui/heading": "7.0.0-beta.4",
+    "@stackshift-ui/text": "7.0.0-beta.4",
+    "@stackshift-ui/container": "7.0.0-beta.4",
+    "@stackshift-ui/flex": "7.0.0-beta.4",
+    "@stackshift-ui/section": "7.0.0-beta.4",
+    "@stackshift-ui/image": "7.0.0-beta.5",
+    "@stackshift-ui/link": "7.0.0-beta.4"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",
     "next": "10 - 14",
     "react": "16.8 - 19",
     "react-dom": "16.8 - 19",
-    "@stackshift-ui/system": ">=6.1.0-beta.3"
+    "@stackshift-ui/system": ">=7.0.0-beta.4"
   },
   "peerDependenciesMeta": {
     "next": {

package/src/portfolio_a.tsx

@@ -3,12 +3,9 @@ import { Container } from "@stackshift-ui/container";
 import { Flex } from "@stackshift-ui/flex";
 import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
-import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { buildSanityLink } from "@stackshift-ui/system";
 import { PortfolioProps } from ".";
 import { Content, LabeledRoute, PortfoliosWithCategories } from "./types";
 
@@ -17,6 +14,7 @@ export default function Portfolio_A({
   title,
   portfoliosWithCategory,
   length = 8,
+  primaryButton,
 }: PortfolioProps): React.JSX.Element {
   const portfolioLength = length; //set initial number of portfolios to display for this variant
   const [activeTab, setActiveTab] = React.useState(portfoliosWithCategory?.[0]?.category); //set the first index category as initial value
@@ -39,7 +37,7 @@ export default function Portfolio_A({
           portfolios={portfoliosPerCategory?.content}
           portfolioLength={portfolioLength}
         />
-        <PrimaryButton button={portfoliosPerCategory?.primaryButton} />
+        <PrimaryButton button={primaryButton} />
       </Container>
     </Section>
   );
@@ -67,14 +65,10 @@ function CaptionAndTitleText({
 function PrimaryButton({ button }: { button?: LabeledRoute | null }) {
   if (!button?.label) return null;
 
-  const link = buildSanityLink(button);
-
   return (
     <div className="text-center">
-      <Button asChild aria-label={button?.label}>
-        <Link href={link.href} target={link.target} rel={link.rel}>
-          {button?.label}
-        </Link>
+      <Button as="link" link={button}>
+        {button?.label}
       </Button>
     </div>
   );
@@ -119,36 +113,31 @@ function PortfolioContent({
 
   return (
     <Flex wrap className="mb-8">
-      {portfolios?.slice(0, portfolioLength)?.map((content, index: number) => {
-        const link = buildSanityLink(content.primaryButton as LabeledRoute);
-
-        return (
-          <Flex className="w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4" key={content?._key}>
-            <div className="relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md">
-              {content?.mainImage?.image && (
-                <Image
-                  className="object-cover w-full h-full"
-                  src={content?.mainImage?.image}
-                  alt={content?.mainImage?.alt ?? `portfolio-image-${index}`}
-                />
+      {portfolios?.slice(0, portfolioLength)?.map((content, index: number) => (
+        <Flex className="w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4" key={content?._key}>
+          <div className="relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md">
+            {content?.mainImage?.image && (
+              <Image
+                className="object-cover w-full h-full"
+                src={content?.mainImage?.image}
+                alt={content?.mainImage?.alt ?? `portfolio-image-${index}`}
+              />
+            )}
+            <div className="absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75">
+              {content?.primaryButton?.label && (
+                <Button
+                  as="link"
+                  link={content?.primaryButton}
+                  variant="outline"
+                  aria-abel={content?.primaryButton?.label}
+                  className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
+                  {content?.primaryButton?.label}
+                </Button>
               )}
-              <div className="absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75">
-                {content?.primaryButton?.label && (
-                  <Button
-                    asChild
-                    variant="outline"
-                    aria-abel={content?.primaryButton?.label}
-                    className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
-                    <Link href={link.href} target={link.target} rel={link.rel}>
-                      {content?.primaryButton?.label}
-                    </Link>
-                  </Button>
-                )}
-              </div>
             </div>
-          </Flex>
-        );
-      })}
+          </div>
+        </Flex>
+      ))}
     </Flex>
   );
 }

package/src/portfolio_b.tsx

@@ -6,11 +6,8 @@ import { Image } from "@stackshift-ui/image";
 import { Section } from "@stackshift-ui/section";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { Link } from "@stackshift-ui/link";
-import { buildSanityLink } from "@stackshift-ui/system";
 import { PortfolioProps } from ".";
-import { Content, LabeledRoute } from "./types";
+import { Content } from "./types";
 
 export default function Portfolio_B({
   caption,
@@ -21,8 +18,6 @@ export default function Portfolio_B({
 }: PortfolioProps): React.JSX.Element {
   const portfolioLength = length; //set initial number of portfolios to display for this variant
 
-  const link = buildSanityLink(primaryButton as LabeledRoute);
-
   return (
     <Section className="py-20 bg-background">
       <Container maxWidth={1280}>
@@ -30,10 +25,8 @@ export default function Portfolio_B({
           <CaptionAndTitleText caption={caption} title={title} />
           <div className="hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0">
             {primaryButton?.label && (
-              <Button asChild aria-label={primaryButton?.label} variant="link">
-                <Link href={link.href} target={link.target} rel={link.rel}>
-                  {primaryButton?.label}
-                </Link>
+              <Button as="link" link={primaryButton} variant="link">
+                {primaryButton?.label}
               </Button>
             )}
           </div>
@@ -41,10 +34,8 @@ export default function Portfolio_B({
         <PortfolioContent portfolios={portfolios} portfolioLength={portfolioLength} />
         <div className="block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0">
           {primaryButton?.label && (
-            <Button asChild aria-label={primaryButton?.label} variant="link">
-              <Link href={link.href} target={link.target} rel={link.rel}>
-                {primaryButton?.label}
-              </Link>
+            <Button as="link" link={primaryButton} variant="link">
+              {primaryButton?.label}
             </Button>
           )}
         </div>
@@ -73,8 +64,6 @@ function CaptionAndTitleText({
 }
 
 function ProjectItem({ content }: { content: Content }) {
-  const link = buildSanityLink(content.primaryButton as LabeledRoute);
-
   return (
     <div className="w-full px-4 mb-4 md:w-1/2 lg:w-1/3">
       <div className="relative mx-auto overflow-hidden rounded-md md:mb-5">
@@ -102,13 +91,11 @@ function ProjectItem({ content }: { content: Content }) {
           )}
           {content?.primaryButton?.label && (
             <Button
-              asChild
+              as="link"
+              link={content?.primaryButton}
               variant="outline"
-              aria-label={content?.primaryButton?.label}
               className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
-              <Link href={link.href} target={link.target} rel={link.rel}>
-                {content?.primaryButton?.label}
-              </Link>
+              {content?.primaryButton?.label}
             </Button>
           )}
         </Flex>
@@ -128,9 +115,9 @@ function PortfolioContent({
 
   return (
     <Flex wrap className="mb-4 ">
-      {portfolios
-        ?.slice(0, portfolioLength)
-        .map(content => <ProjectItem content={content} key={content._key} />)}
+      {portfolios?.slice(0, portfolioLength).map(content => (
+        <ProjectItem content={content} key={content._key} />
+      ))}
     </Flex>
   );
 }

package/src/portfolio_c.tsx

@@ -5,9 +5,8 @@ import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
 import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
-import { Text } from "@stackshift-ui/text";
-
 import { buildSanityLink } from "@stackshift-ui/system";
+import { Text } from "@stackshift-ui/text";
 import { PortfolioProps } from ".";
 import { Content, LabeledRoute } from "./types";
 
@@ -19,9 +18,6 @@ export default function Portfolio_C({
   length = 6,
 }: PortfolioProps) {
   const portfolioLength = length; //set initial number of portfolios to display for this variant
-
-  const link = buildSanityLink(primaryButton as LabeledRoute);
-
   return (
     <Section className="py-20 bg-background">
       <Container maxWidth={1280}>
@@ -29,10 +25,8 @@ export default function Portfolio_C({
           <CaptionAndTitleText caption={caption} title={title} />
           <div className="hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0">
             {primaryButton?.label && (
-              <Button asChild aria-label={primaryButton?.label}>
-                <Link href={link.href} target={link.target} rel={link.rel}>
-                  {primaryButton?.label}
-                </Link>
+              <Button as="link" link={primaryButton}>
+                {primaryButton?.label}
               </Button>
             )}
           </div>
@@ -40,10 +34,8 @@ export default function Portfolio_C({
         <PortfolioContent portfolios={portfolios} portfolioLength={portfolioLength} />
         <div className="block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0">
           {primaryButton?.label && (
-            <Button asChild aria-label={primaryButton?.label}>
-              <Link href={link.href} target={link.target} rel={link.rel}>
-                {primaryButton?.label}
-              </Link>
+            <Button as="link" link={primaryButton}>
+              {primaryButton?.label}
             </Button>
           )}
         </div>
@@ -72,8 +64,6 @@ function CaptionAndTitleText({
 }
 
 function ProjectItem({ content }: { content: Content }) {
-  const link = buildSanityLink(content.primaryButton as LabeledRoute);
-
   return (
     <div className="relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3">
       {content?.mainImage?.image && (
@@ -96,13 +86,11 @@ function ProjectItem({ content }: { content: Content }) {
             )}
             {content?.primaryButton?.label && (
               <Button
-                asChild
+                as="link"
+                link={content?.primaryButton}
                 variant="link"
-                aria-label={content?.primaryButton?.label}
                 className="font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0">
-                <Link href={link.href} target={link.target} rel={link.rel}>
-                  {content?.primaryButton?.label}
-                </Link>
+                {content?.primaryButton?.label}
               </Button>
             )}
           </div>
@@ -123,9 +111,9 @@ function PortfolioContent({
 
   return (
     <Flex wrap className="mb-4">
-      {portfolios
-        ?.slice(0, portfolioLength)
-        .map(content => <ProjectItem content={content} key={content._key} />)}
+      {portfolios?.slice(0, portfolioLength).map(content => (
+        <ProjectItem content={content} key={content._key} />
+      ))}
     </Flex>
   );
 }

package/src/portfolio_d.tsx

@@ -5,10 +5,9 @@ import { Heading } from "@stackshift-ui/heading";
 import { Image } from "@stackshift-ui/image";
 import { Link } from "@stackshift-ui/link";
 import { Section } from "@stackshift-ui/section";
+import { buildSanityLink } from "@stackshift-ui/system";
 import { Text } from "@stackshift-ui/text";
 import React from "react";
-
-import { buildSanityLink } from "@stackshift-ui/system";
 import { PortfolioProps } from ".";
 import { useMediaQuery } from "./helper";
 import { Content, LabeledRoute, PortfoliosWithCategories } from "./types";
@@ -18,6 +17,7 @@ export default function Portfolio_D({
   title,
   portfoliosWithCategory,
   length = 6,
+  primaryButton,
 }: PortfolioProps) {
   const portfoliosPerPage = length;
   const count = 0; // default number of portfolios per category
@@ -39,25 +39,25 @@ export default function Portfolio_D({
         </Container>
         <div className="mb-12 sm:flex">
           <Flex wrap className="w-full mb-8 lg:mb-0 lg:w-1/2">
-            {portfoliosPerCategory?.content
-              ?.slice(count, count + 2)
-              ?.map(content => <ProjectItem size={"sm"} content={content} key={content._key} />)}
-            {portfoliosPerCategory?.content
-              ?.slice(count + 2, count + 3)
-              ?.map(content => <ProjectItem size={"lg"} content={content} key={content._key} />)}
+            {portfoliosPerCategory?.content?.slice(count, count + 2)?.map(content => (
+              <ProjectItem size={"sm"} content={content} key={content._key} />
+            ))}
+            {portfoliosPerCategory?.content?.slice(count + 2, count + 3)?.map(content => (
+              <ProjectItem size={"lg"} content={content} key={content._key} />
+            ))}
           </Flex>
           <div className="w-full lg:w-1/2">
-            {portfoliosPerCategory?.content
-              ?.slice(count + 3, count + 4)
-              ?.map(content => <ProjectItem size={"lg"} content={content} key={content._key} />)}
+            {portfoliosPerCategory?.content?.slice(count + 3, count + 4)?.map(content => (
+              <ProjectItem size={"lg"} content={content} key={content._key} />
+            ))}
             <div className="flex flex-wrap">
-              {portfoliosPerCategory?.content
-                ?.slice(count + 4, portfoliosPerPage)
-                ?.map(content => <ProjectItem size={"sm"} content={content} key={content._key} />)}
+              {portfoliosPerCategory?.content?.slice(count + 4, portfoliosPerPage)?.map(content => (
+                <ProjectItem size={"sm"} content={content} key={content._key} />
+              ))}
             </div>
           </div>
         </div>
-        <PrimaryButton button={portfoliosPerCategory?.primaryButton} />
+        <PrimaryButton button={primaryButton} />
       </Container>
     </Section>
   );
@@ -85,14 +85,10 @@ function CaptionAndTitleText({
 function PrimaryButton({ button }: { button?: LabeledRoute | null }) {
   if (!button?.label) return null;
 
-  const link = buildSanityLink(button);
-
   return (
     <div className="text-center">
-      <Button asChild aria-label={button?.label}>
-        <Link href={link.href} target={link.target} rel={link.rel}>
-          {button?.label}
-        </Link>
+      <Button as="link" link={button}>
+        {button?.label}
       </Button>
     </div>
   );
@@ -130,8 +126,6 @@ function ProjectItem({ size, content }: { size?: string | null; content?: Conten
   const breakpoints = useMediaQuery("639");
   const maxLength = breakpoints ? 40 : 90;
 
-  const link = buildSanityLink(content?.primaryButton as LabeledRoute);
-
   return (
     <div className={`w-full px-4 mb-8 ${size === "lg" ? "w-full" : "lg:w-1/2"}`}>
       {content?.mainImage?.image && (
@@ -171,13 +165,11 @@ function ProjectItem({ size, content }: { size?: string | null; content?: Conten
                 )}
                 {content?.primaryButton?.label && (
                   <Button
-                    asChild
+                    as="link"
+                    link={content?.primaryButton}
                     variant="outline"
-                    aria-label={content?.primaryButton?.label}
                     className="w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4">
-                    <Link href={link.href} target={link.target} rel={link.rel}>
-                      {content?.primaryButton?.label}
-                    </Link>
+                    {content?.primaryButton?.label}
                   </Button>
                 )}
               </div>

package/dist/chunk-3YRBUX6P.mjs

@@ -1 +0,0 @@
-import{Button as p}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as g}from"@stackshift-ui/flex";import{Heading as L}from"@stackshift-ui/heading";import{Image as R}from"@stackshift-ui/image";import{Link as N}from"@stackshift-ui/link";import{Section as S}from"@stackshift-ui/section";import{Text as T}from"@stackshift-ui/text";import k from"react";import{buildSanityLink as B}from"@stackshift-ui/system";import{jsx as e,jsxs as b}from"react/jsx-runtime";function P({caption:r,title:i,portfoliosWithCategory:l,length:a=8}){var f;let s=a,[m,x]=k.useState((f=l==null?void 0:l[0])==null?void 0:f.category),u=l==null?void 0:l.find(d=>(d==null?void 0:d.category)===m);return e(S,{className:"py-20 bg-background",children:b(w,{maxWidth:1280,children:[b(w,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[e(A,{caption:r,title:i}),e(I,{categories:l,activeTab:m,onClickFn:x})]}),e(_,{portfolios:u==null?void 0:u.content,portfolioLength:s}),e(F,{button:u==null?void 0:u.primaryButton})]})})}function A({caption:r,title:i}){return!r||!i?null:b(k.Fragment,{children:[e(T,{weight:"semibold",children:r}),e(L,{className:"mb-6",fontSize:"2xl",children:i})]})}function F({button:r}){if(!(r!=null&&r.label))return null;let i=B(r);return e("div",{className:"text-center",children:e(p,{asChild:!0,"aria-label":r==null?void 0:r.label,children:e(N,{href:i.href,target:i.target,rel:i.rel,children:r==null?void 0:r.label})})})}function I({categories:r,activeTab:i,onClickFn:l}){return!r||(r==null?void 0:r.length)===0?null:e(g,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:r==null?void 0:r.map((a,s)=>{var m;return e(p,{variant:"ghost","aria-label":(m=a==null?void 0:a.category)!=null?m:`Category button ${s+1}`,className:"my-1 data-[active=true]:text-primary","data-active":i===(a==null?void 0:a.category),onClick:()=>l==null?void 0:l(a==null?void 0:a.category),children:a==null?void 0:a.category},a==null?void 0:a._key)})})}function _({portfolios:r,portfolioLength:i}){var l;return!r||(r==null?void 0:r.length)===0?null:e(g,{wrap:!0,className:"mb-8",children:(l=r==null?void 0:r.slice(0,i))==null?void 0:l.map((a,s)=>{var x,u,f,d,v,h,y;let m=B(a.primaryButton);return e(g,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:b("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((x=a==null?void 0:a.mainImage)==null?void 0:x.image)&&e(R,{className:"object-cover w-full h-full",src:(u=a==null?void 0:a.mainImage)==null?void 0:u.image,alt:(d=(f=a==null?void 0:a.mainImage)==null?void 0:f.alt)!=null?d:`portfolio-image-${s}`}),e("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((v=a==null?void 0:a.primaryButton)==null?void 0:v.label)&&e(p,{asChild:!0,variant:"outline","aria-abel":(h=a==null?void 0:a.primaryButton)==null?void 0:h.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:e(N,{href:m.href,target:m.target,rel:m.rel,children:(y=a==null?void 0:a.primaryButton)==null?void 0:y.label})})})]})},a==null?void 0:a._key)})})}export{P as a};

package/dist/chunk-77S7T6ST.mjs

@@ -1 +0,0 @@
-import{a as $}from"./chunk-NFO6QLL6.mjs";import{Button as S}from"@stackshift-ui/button";import{Container as R}from"@stackshift-ui/container";import{Flex as _}from"@stackshift-ui/flex";import{Heading as z}from"@stackshift-ui/heading";import{Image as F}from"@stackshift-ui/image";import{Link as I}from"@stackshift-ui/link";import{Section as H}from"@stackshift-ui/section";import{Text as L}from"@stackshift-ui/text";import j from"react";import{buildSanityLink as A}from"@stackshift-ui/system";import{jsx as l,jsxs as u}from"react/jsx-runtime";function P({caption:a,title:i,portfoliosWithCategory:d,length:m=6}){var f,g,p,v,h,y,w,N,k;let x=m,e=0,[b,B]=j.useState((f=d==null?void 0:d[0])==null?void 0:f.category),r=d==null?void 0:d.find(s=>(s==null?void 0:s.category)===b);return l(H,{className:"py-20 bg-background",children:u(R,{maxWidth:1280,children:[u(R,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[l(D,{caption:a,title:i}),l(Q,{categories:d,activeTab:b,onClickFn:B})]}),u("div",{className:"mb-12 sm:flex",children:[u(_,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(p=(g=r==null?void 0:r.content)==null?void 0:g.slice(e,e+2))==null?void 0:p.map(s=>l(T,{size:"sm",content:s},s._key)),(h=(v=r==null?void 0:r.content)==null?void 0:v.slice(e+2,e+3))==null?void 0:h.map(s=>l(T,{size:"lg",content:s},s._key))]}),u("div",{className:"w-full lg:w-1/2",children:[(w=(y=r==null?void 0:r.content)==null?void 0:y.slice(e+3,e+4))==null?void 0:w.map(s=>l(T,{size:"lg",content:s},s._key)),l("div",{className:"flex flex-wrap",children:(k=(N=r==null?void 0:r.content)==null?void 0:N.slice(e+4,x))==null?void 0:k.map(s=>l(T,{size:"sm",content:s},s._key))})]})]}),l(M,{button:r==null?void 0:r.primaryButton})]})})}function D({caption:a,title:i}){return!a||!i?null:u(j.Fragment,{children:[l(L,{weight:"semibold",children:a}),l(z,{className:"mb-6",fontSize:"2xl",children:i})]})}function M({button:a}){if(!(a!=null&&a.label))return null;let i=A(a);return l("div",{className:"text-center",children:l(S,{asChild:!0,"aria-label":a==null?void 0:a.label,children:l(I,{href:i.href,target:i.target,rel:i.rel,children:a==null?void 0:a.label})})})}function Q({categories:a,activeTab:i,onClickFn:d}){return!a||(a==null?void 0:a.length)===0?null:l(_,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((m,x)=>{var e;return l(S,{variant:"ghost","aria-label":(e=m==null?void 0:m.category)!=null?e:`Category button ${x+1}`,className:"my-1 data-[active=true]:text-primary","data-active":i===(m==null?void 0:m.category),onClick:()=>d==null?void 0:d(m==null?void 0:m.category),children:m==null?void 0:m.category},m==null?void 0:m._key)})})}function T({size:a,content:i}){var e,b,B,r,f,g,p,v,h,y,w,N,k;let m=$("639")?40:90,x=A(i==null?void 0:i.primaryButton);return l("div",{className:`w-full px-4 mb-8 ${a==="lg"?"w-full":"lg:w-1/2"}`,children:((e=i==null?void 0:i.mainImage)==null?void 0:e.image)&&u("div",{className:"relative overflow-hidden rounded-md",children:[l(F,{className:`object-cover w-full ${a==="lg"?"h-128":"h-64"}`,src:(b=i==null?void 0:i.mainImage)==null?void 0:b.image,alt:(r=(B=i==null?void 0:i.mainImage)==null?void 0:B.alt)!=null?r:`portfolio-image-${i==null?void 0:i._key}`}),l("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:u("div",{className:"max-w-md my-auto text-xs",children:[(i==null?void 0:i.subtitle)&&l(L,{className:"text-sm text-primary",weight:"bold",children:((f=i==null?void 0:i.subtitle)==null?void 0:f.length)>26?`${(g=i==null?void 0:i.subtitle)==null?void 0:g.substring(0,26)}...`:i==null?void 0:i.subtitle}),(i==null?void 0:i.title)&&l(z,{weight:"bold",className:`my-5 text-white ${a==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((p=i==null?void 0:i.title)==null?void 0:p.length)>38?`${(v=i==null?void 0:i.title)==null?void 0:v.substring(0,38)}...`:i==null?void 0:i.title}),u("div",{className:"max-w-xs my-5",children:[(i==null?void 0:i.description)&&l(L,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((h=i==null?void 0:i.description)==null?void 0:h.length)>m?`${(y=i==null?void 0:i.description)==null?void 0:y.substring(0,m)}...`:i==null?void 0:i.description}),((w=i==null?void 0:i.primaryButton)==null?void 0:w.label)&&l(S,{asChild:!0,variant:"outline","aria-label":(N=i==null?void 0:i.primaryButton)==null?void 0:N.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:l(I,{href:x.href,target:x.target,rel:x.rel,children:(k=i==null?void 0:i.primaryButton)==null?void 0:k.label})})]})]})})]})})}export{P as a};

package/dist/chunk-EM2WNMO2.mjs

@@ -1 +0,0 @@
-import{Button as b}from"@stackshift-ui/button";import{Container as L}from"@stackshift-ui/container";import{Flex as w}from"@stackshift-ui/flex";import{Heading as u}from"@stackshift-ui/heading";import{Image as P}from"@stackshift-ui/image";import{Link as r}from"@stackshift-ui/link";import{Section as T}from"@stackshift-ui/section";import{Text as h}from"@stackshift-ui/text";import{buildSanityLink as C}from"@stackshift-ui/system";import{jsx as i,jsxs as g}from"react/jsx-runtime";function I({caption:l,title:a,portfolios:m,primaryButton:e,length:s=6}){let f=s,d=C(e);return i(T,{className:"py-20 bg-background",children:g(L,{maxWidth:1280,children:[g(w,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[i(S,{caption:l,title:a}),i("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{asChild:!0,"aria-label":e==null?void 0:e.label,children:i(r,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]}),i(F,{portfolios:m,portfolioLength:f}),i("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(e==null?void 0:e.label)&&i(b,{asChild:!0,"aria-label":e==null?void 0:e.label,children:i(r,{href:d.href,target:d.target,rel:d.rel,children:e==null?void 0:e.label})})})]})})}function S({caption:l,title:a}){return!l||!a?null:g("div",{className:"text-center lg:text-left",children:[i(h,{weight:"semibold",children:l}),i(u,{className:"mb-6",fontSize:"2xl",children:a})]})}function j({content:l}){var m,e,s,f,d,x,v,k,N;let a=C(l.primaryButton);return i("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&g("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[i(P,{className:"object-cover w-full h-80",src:(e=l==null?void 0:l.mainImage)==null?void 0:e.image,width:480,height:320,alt:(f=(s=l==null?void 0:l.mainImage)==null?void 0:s.alt)!=null?f:"portfolio-image"}),g("div",{className:"p-6",children:[i(h,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&i(h,{weight:"bold",fontSize:"xl",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,31)}...`:l==null?void 0:l.title}),((v=l==null?void 0:l.primaryButton)==null?void 0:v.label)&&i(b,{asChild:!0,variant:"link","aria-label":(k=l==null?void 0:l.primaryButton)==null?void 0:k.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:i(r,{href:a.href,target:a.target,rel:a.rel,children:(N=l==null?void 0:l.primaryButton)==null?void 0:N.label})})]})]})})}function F({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:i(w,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(m=>i(j,{content:m},m._key))})}export{I as a};

package/dist/chunk-FLYHWMQD.mjs

@@ -1 +0,0 @@
-import{Button as b}from"@stackshift-ui/button";import{Container as w}from"@stackshift-ui/container";import{Flex as x}from"@stackshift-ui/flex";import{Heading as N}from"@stackshift-ui/heading";import{Image as L}from"@stackshift-ui/image";import{Section as C}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import{Link as h}from"@stackshift-ui/link";import{buildSanityLink as t}from"@stackshift-ui/system";import{jsx as a,jsxs as s}from"react/jsx-runtime";function P({caption:e,title:i,portfolios:r,primaryButton:l,length:m=6}){let g=m,d=t(l);return a(C,{className:"py-20 bg-background",children:s(w,{maxWidth:1280,children:[s(x,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[a(T,{caption:e,title:i}),a("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(l==null?void 0:l.label)&&a(b,{asChild:!0,"aria-label":l==null?void 0:l.label,variant:"link",children:a(h,{href:d.href,target:d.target,rel:d.rel,children:l==null?void 0:l.label})})})]}),a(R,{portfolios:r,portfolioLength:g}),a("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(l==null?void 0:l.label)&&a(b,{asChild:!0,"aria-label":l==null?void 0:l.label,variant:"link",children:a(h,{href:d.href,target:d.target,rel:d.rel,children:l==null?void 0:l.label})})})]})})}function T({caption:e,title:i}){return!e||!i?null:s("div",{className:"text-center lg:text-left",children:[a(f,{weight:"semibold",children:e}),a(N,{className:"mb-6",fontSize:"2xl",children:i})]})}function I({content:e}){var r,l,m,g,d,v,u,k,o;let i=t(e.primaryButton);return a("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:s("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((r=e==null?void 0:e.mainImage)==null?void 0:r.image)&&a(L,{className:"object-cover w-full h-80",src:(l=e==null?void 0:e.mainImage)==null?void 0:l.image,width:480,height:320,alt:(g=(m=e==null?void 0:e.mainImage)==null?void 0:m.alt)!=null?g:"portfolio-image"}),s(x,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[a(f,{className:"text-secondary",children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&a(f,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((d=e==null?void 0:e.title)==null?void 0:d.length)>80?`${(v=e==null?void 0:e.title)==null?void 0:v.substring(0,80)}...`:e==null?void 0:e.title}),((u=e==null?void 0:e.primaryButton)==null?void 0:u.label)&&a(b,{asChild:!0,variant:"outline","aria-label":(k=e==null?void 0:e.primaryButton)==null?void 0:k.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:a(h,{href:i.href,target:i.target,rel:i.rel,children:(o=e==null?void 0:e.primaryButton)==null?void 0:o.label})})]})]})})}function R({portfolios:e,portfolioLength:i}){return!e||(e==null?void 0:e.length)===0?null:a(x,{wrap:!0,className:"mb-4 ",children:e==null?void 0:e.slice(0,i).map(r=>a(I,{content:r},r._key))})}export{P as a};

package/dist/chunk-KOBQCNWZ.mjs

@@ -1 +0,0 @@
-import{a as g}from"./chunk-3YRBUX6P.mjs";import{a as y}from"./chunk-FLYHWMQD.mjs";import{a as h}from"./chunk-EM2WNMO2.mjs";import{a as C}from"./chunk-77S7T6ST.mjs";import{jsx as R}from"react/jsx-runtime";var i={variant_a:g,variant_b:y,variant_c:h,variant_d:C},W="Portfolio",B=({data:o})=>{var n,e,s,f,l,p,m,P,c,u,v;let r=o==null?void 0:o.variant,t=r&&(i==null?void 0:i[r]),b={caption:(e=(n=o==null?void 0:o.variants)==null?void 0:n.subtitle)!=null?e:void 0,title:(f=(s=o==null?void 0:o.variants)==null?void 0:s.title)!=null?f:void 0,portfoliosWithCategory:(p=(l=o==null?void 0:o.variants)==null?void 0:l.portfoliosWithCategories)!=null?p:void 0,portfolios:(P=(m=o==null?void 0:o.variants)==null?void 0:m.portfolios)!=null?P:void 0,primaryButton:(u=(c=o==null?void 0:o.variants)==null?void 0:c.primaryButton)!=null?u:void 0,length:(v=o==null?void 0:o.variants)==null?void 0:v.length};return t?R(t,{...b}):null};B.displayName=W;export{B as a};

package/dist/chunk-NFO6QLL6.mjs

@@ -1 +0,0 @@
-import a from"react";var i=s=>{let[n,t]=a.useState(!1),r=a.useCallback(e=>{e.matches?t(!0):t(!1)},[]);return a.useEffect(()=>{let e=window.matchMedia(`(max-width: ${s}px)`);return e.addEventListener("change",r),e.matches&&t(!0),()=>e.removeEventListener("change",r)},[]),n};export{i as a};

package/dist/helper/index.d.ts

@@ -1 +0,0 @@
-export declare const useMediaQuery: (width: string) => boolean;

package/dist/helper/index.js

@@ -1 +0,0 @@
-"use strict";var d=Object.create;var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var f=(e,t)=>{for(var a in t)n(e,a,{get:t[a],enumerable:!0})},i=(e,t,a,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of o(t))!m.call(e,r)&&r!==a&&n(e,r,{get:()=>t[r],enumerable:!(s=u(t,r))||s.enumerable});return e};var g=(e,t,a)=>(a=e!=null?d(h(e)):{},i(t||!e||!e.__esModule?n(a,"default",{value:e,enumerable:!0}):a,e)),l=e=>i(n({},"__esModule",{value:!0}),e);var v={};f(v,{useMediaQuery:()=>p});module.exports=l(v);var c=g(require("react")),p=e=>{let[t,a]=c.default.useState(!1),s=c.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return c.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${e}px)`);return r.addEventListener("change",s),r.matches&&a(!0),()=>r.removeEventListener("change",s)},[]),t};0&&(module.exports={useMediaQuery});

package/dist/helper/index.mjs

@@ -1 +0,0 @@
-import{a}from"../chunk-NFO6QLL6.mjs";export{a as useMediaQuery};

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./portfolio";
-export * from "./portfolio_a";
-export * from "./portfolio_b";
-export * from "./portfolio_c";
-export * from "./portfolio_d";

package/dist/index.js

@@ -1,2 +0,0 @@
-"use client";
-"use strict";var Pe=Object.create;var R=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var oe=Object.getOwnPropertyNames;var Re=Object.getPrototypeOf,Se=Object.prototype.hasOwnProperty;var ye=(e,l)=>{for(var a in l)R(e,a,{get:l[a],enumerable:!0})},ie=(e,l,a,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of oe(l))!Se.call(e,r)&&r!==a&&R(e,r,{get:()=>l[r],enumerable:!(i=Te(l,r))||i.enumerable});return e};var V=(e,l,a)=>(a=e!=null?Pe(Re(e)):{},ie(l||!e||!e.__esModule?R(a,"default",{value:e,enumerable:!0}):a,e)),Ce=e=>ie(R({},"__esModule",{value:!0}),e);var Ve={};ye(Ve,{Portfolio:()=>ke,Portfolio_A:()=>C,Portfolio_B:()=>z,Portfolio_C:()=>E,Portfolio_D:()=>X});module.exports=Ce(Ve);var y=require("@stackshift-ui/button"),q=require("@stackshift-ui/container"),S=require("@stackshift-ui/flex"),ae=require("@stackshift-ui/heading"),re=require("@stackshift-ui/image"),G=require("@stackshift-ui/link"),me=require("@stackshift-ui/section"),se=require("@stackshift-ui/text"),K=V(require("react")),O=require("@stackshift-ui/system"),b=require("react/jsx-runtime");function C({caption:e,title:l,portfoliosWithCategory:a,length:i=8}){var f;let r=i,[m,d]=K.default.useState((f=a==null?void 0:a[0])==null?void 0:f.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===m);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Ie,{caption:e,title:l}),(0,b.jsx)(Fe,{categories:a,activeTab:m,onClickFn:d})]}),(0,b.jsx)($e,{portfolios:x==null?void 0:x.content,portfolioLength:r}),(0,b.jsx)(_e,{button:x==null?void 0:x.primaryButton})]})})}function Ie({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)(K.default.Fragment,{children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function _e({button:e}){if(!(e!=null&&e.label))return null;let l=(0,O.buildSanityLink)(e);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(y.Button,{asChild:!0,"aria-label":e==null?void 0:e.label,children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:e==null?void 0:e.label})})})}function Fe({categories:e,activeTab:l,onClickFn:a}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:e==null?void 0:e.map((i,r)=>{var m;return(0,b.jsx)(y.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function $e({portfolios:e,portfolioLength:l}){var a;return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{wrap:!0,className:"mb-8",children:(a=e==null?void 0:e.slice(0,l))==null?void 0:a.map((i,r)=>{var d,x,f,h,v,w,N;let m=(0,O.buildSanityLink)(i.primaryButton);return(0,b.jsx)(S.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,b.jsx)(re.Image,{className:"object-cover w-full h-full",src:(x=i==null?void 0:i.mainImage)==null?void 0:x.image,alt:(h=(f=i==null?void 0:i.mainImage)==null?void 0:f.alt)!=null?h:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"outline","aria-abel":(w=i==null?void 0:i.primaryButton)==null?void 0:w.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:m.href,target:m.target,rel:m.rel,children:(N=i==null?void 0:i.primaryButton)==null?void 0:N.label})})})]})},i==null?void 0:i._key)})})}function z({caption:e,title:l,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,O.buildSanityLink)(i);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)($.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(ze,{caption:e,title:l}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(je,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function ze({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Ae({content:e}){var a,i,r,m,d,x,f,h,v;let l=(0,O.buildSanityLink)(e.primaryButton);return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((a=e==null?void 0:e.mainImage)==null?void 0:a.image)&&(0,b.jsx)(re.Image,{className:"object-cover w-full h-80",src:(i=e==null?void 0:e.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=e==null?void 0:e.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)($.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)(se.Text,{className:"text-secondary",children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&(0,b.jsx)(se.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((d=e==null?void 0:e.title)==null?void 0:d.length)>80?`${(x=e==null?void 0:e.title)==null?void 0:x.substring(0,80)}...`:e==null?void 0:e.title}),((f=e==null?void 0:e.primaryButton)==null?void 0:f.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"outline","aria-label":(h=e==null?void 0:e.primaryButton)==null?void 0:h.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:(v=e==null?void 0:e.primaryButton)==null?void 0:v.label})})]})]})})}function je({portfolios:e,portfolioLength:l}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)($.Flex,{wrap:!0,className:"mb-4 ",children:e==null?void 0:e.slice(0,l).map(a=>(0,b.jsx)(Ae,{content:a},a._key))})}function E({caption:e,title:l,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,O.buildSanityLink)(i);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(S.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(He,{caption:e,title:l}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(De,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(y.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(G.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function He({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Ee({content:e}){var a,i,r,m,d,x,f,h,v;let l=(0,O.buildSanityLink)(e.primaryButton);return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=e==null?void 0:e.mainImage)==null?void 0:a.image)&&(0,b.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(re.Image,{className:"object-cover w-full h-80",src:(i=e==null?void 0:e.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=e==null?void 0:e.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(se.Text,{muted:!0,children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&(0,b.jsx)(se.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((d=e==null?void 0:e.title)==null?void 0:d.length)>31?`${(x=e==null?void 0:e.title)==null?void 0:x.substring(0,31)}...`:e==null?void 0:e.title}),((f=e==null?void 0:e.primaryButton)==null?void 0:f.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"link","aria-label":(h=e==null?void 0:e.primaryButton)==null?void 0:h.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:(v=e==null?void 0:e.primaryButton)==null?void 0:v.label})})]})]})})}function De({portfolios:e,portfolioLength:l}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{wrap:!0,className:"mb-4",children:e==null?void 0:e.slice(0,l).map(a=>(0,b.jsx)(Ee,{content:a},a._key))})}var n=V(require("react"));var D=V(require("react")),pe=e=>{let[l,a]=D.default.useState(!1),i=D.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return D.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${e}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),l};function X({caption:e,title:l,portfoliosWithCategory:a,length:i=6}){var h,v,w,N,k,L,P,T,o;let r=i,m=0,[d,x]=n.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),f=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===d);return(0,b.jsx)(me.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(q.Container,{maxWidth:1280,children:[(0,b.jsxs)(q.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Me,{caption:e,title:l}),(0,b.jsx)(Qe,{categories:a,activeTab:d,onClickFn:x})]}),(0,b.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,b.jsxs)(S.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(w=(v=f==null?void 0:f.content)==null?void 0:v.slice(m,m+2))==null?void 0:w.map(p=>(0,b.jsx)(M,{size:"sm",content:p},p._key)),(k=(N=f==null?void 0:f.content)==null?void 0:N.slice(m+2,m+3))==null?void 0:k.map(p=>(0,b.jsx)(M,{size:"lg",content:p},p._key))]}),(0,b.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(L=f==null?void 0:f.content)==null?void 0:L.slice(m+3,m+4))==null?void 0:P.map(p=>(0,b.jsx)(M,{size:"lg",content:p},p._key)),(0,b.jsx)("div",{className:"flex flex-wrap",children:(o=(T=f==null?void 0:f.content)==null?void 0:T.slice(m+4,r))==null?void 0:o.map(p=>(0,b.jsx)(M,{size:"sm",content:p},p._key))})]})]}),(0,b.jsx)(Je,{button:f==null?void 0:f.primaryButton})]})})}function Me({caption:e,title:l}){return!e||!l?null:(0,b.jsxs)(n.default.Fragment,{children:[(0,b.jsx)(se.Text,{weight:"semibold",children:e}),(0,b.jsx)(ae.Heading,{className:"mb-6",fontSize:"2xl",children:l})]})}function Je({button:e}){if(!(e!=null&&e.label))return null;let l=(0,O.buildSanityLink)(e);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(y.Button,{asChild:!0,"aria-label":e==null?void 0:e.label,children:(0,b.jsx)(G.Link,{href:l.href,target:l.target,rel:l.rel,children:e==null?void 0:e.label})})})}function Qe({categories:e,activeTab:l,onClickFn:a}){return!e||(e==null?void 0:e.length)===0?null:(0,b.jsx)(S.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:e==null?void 0:e.map((i,r)=>{var m;return(0,b.jsx)(y.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":l===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function M({size:e,content:l}){var m,d,x,f,h,v,w,N,k,L,P,T,o;let i=pe("639")?40:90,r=(0,O.buildSanityLink)(l==null?void 0:l.primaryButton);return(0,b.jsx)("div",{className:`w-full px-4 mb-8 ${e==="lg"?"w-full":"lg:w-1/2"}`,children:((m=l==null?void 0:l.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,b.jsx)(re.Image,{className:`object-cover w-full ${e==="lg"?"h-128":"h-64"}`,src:(d=l==null?void 0:l.mainImage)==null?void 0:d.image,alt:(f=(x=l==null?void 0:l.mainImage)==null?void 0:x.alt)!=null?f:`portfolio-image-${l==null?void 0:l._key}`}),(0,b.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,b.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(l==null?void 0:l.subtitle)&&(0,b.jsx)(se.Text,{className:"text-sm text-primary",weight:"bold",children:((h=l==null?void 0:l.subtitle)==null?void 0:h.length)>26?`${(v=l==null?void 0:l.subtitle)==null?void 0:v.substring(0,26)}...`:l==null?void 0:l.subtitle}),(l==null?void 0:l.title)&&(0,b.jsx)(ae.Heading,{weight:"bold",className:`my-5 text-white ${e==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((w=l==null?void 0:l.title)==null?void 0:w.length)>38?`${(N=l==null?void 0:l.title)==null?void 0:N.substring(0,38)}...`:l==null?void 0:l.title}),(0,b.jsxs)("div",{className:"max-w-xs my-5",children:[(l==null?void 0:l.description)&&(0,b.jsx)(se.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((k=l==null?void 0:l.description)==null?void 0:k.length)>i?`${(L=l==null?void 0:l.description)==null?void 0:L.substring(0,i)}...`:l==null?void 0:l.description}),((P=l==null?void 0:l.primaryButton)==null?void 0:P.label)&&(0,b.jsx)(y.Button,{asChild:!0,variant:"outline","aria-label":(T=l==null?void 0:l.primaryButton)==null?void 0:T.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(G.Link,{href:r.href,target:r.target,rel:r.rel,children:(o=l==null?void 0:l.primaryButton)==null?void 0:o.label})})]})]})})]})})}var le={variant_a:C,variant_b:z,variant_c:E,variant_d:X},Xe="Portfolio",ke=({data:e})=>{var r,m,d,x,f,h,v,w,N,k,L;let l=e==null?void 0:e.variant,a=l&&(le==null?void 0:le[l]),i={caption:(m=(r=e==null?void 0:e.variants)==null?void 0:r.subtitle)!=null?m:void 0,title:(x=(d=e==null?void 0:e.variants)==null?void 0:d.title)!=null?x:void 0,portfoliosWithCategory:(h=(f=e==null?void 0:e.variants)==null?void 0:f.portfoliosWithCategories)!=null?h:void 0,portfolios:(w=(v=e==null?void 0:e.variants)==null?void 0:v.portfolios)!=null?w:void 0,primaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(L=e==null?void 0:e.variants)==null?void 0:L.length};return a?(0,b.jsx)(a,{...i}):null};ke.displayName=Xe;0&&(module.exports={Portfolio,Portfolio_A,Portfolio_B,Portfolio_C,Portfolio_D});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as f}from"./chunk-KOBQCNWZ.mjs";import{a as o}from"./chunk-3YRBUX6P.mjs";import{a as r}from"./chunk-FLYHWMQD.mjs";import{a as e}from"./chunk-EM2WNMO2.mjs";import{a as t}from"./chunk-77S7T6ST.mjs";import"./chunk-NFO6QLL6.mjs";export{f as Portfolio,o as Portfolio_A,r as Portfolio_B,e as Portfolio_C,t as Portfolio_D};

package/dist/portfolio.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import { LabeledRoute, Portfolios, PortfoliosWithCategories, SectionsProps } from "./types";
-export interface PortfolioProps {
-    caption?: string;
-    title?: string;
-    portfoliosWithCategory?: PortfoliosWithCategories[];
-    portfolios?: Portfolios[];
-    primaryButton?: LabeledRoute;
-    length?: number;
-}
-export declare const Portfolio: React.FC<SectionsProps>;

package/dist/portfolio.js

@@ -1 +0,0 @@
-"use strict";var Pl=Object.create;var S=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var Rl=Object.getOwnPropertyNames;var Sl=Object.getPrototypeOf,yl=Object.prototype.hasOwnProperty;var ol=(l,e)=>{for(var a in e)S(l,a,{get:e[a],enumerable:!0})},il=(l,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Rl(e))!yl.call(l,r)&&r!==a&&S(l,r,{get:()=>e[r],enumerable:!(i=Tl(e,r))||i.enumerable});return l};var M=(l,e,a)=>(a=l!=null?Pl(Sl(l)):{},il(e||!l||!l.__esModule?S(a,"default",{value:l,enumerable:!0}):a,l)),Cl=l=>il(S({},"__esModule",{value:!0}),l);var Vl={};ol(Vl,{Portfolio:()=>kl});module.exports=Cl(Vl);var o=require("@stackshift-ui/button"),J=require("@stackshift-ui/container"),y=require("@stackshift-ui/flex"),al=require("@stackshift-ui/heading"),rl=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),ml=require("@stackshift-ui/section"),sl=require("@stackshift-ui/text"),X=M(require("react")),V=require("@stackshift-ui/system"),b=require("react/jsx-runtime");function q({caption:l,title:e,portfoliosWithCategory:a,length:i=8}){var f;let r=i,[m,d]=X.default.useState((f=a==null?void 0:a[0])==null?void 0:f.category),x=a==null?void 0:a.find(h=>(h==null?void 0:h.category)===m);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(J.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Il,{caption:l,title:e}),(0,b.jsx)(Fl,{categories:a,activeTab:m,onClickFn:d})]}),(0,b.jsx)($l,{portfolios:x==null?void 0:x.content,portfolioLength:r}),(0,b.jsx)(_l,{button:x==null?void 0:x.primaryButton})]})})}function Il({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(X.default.Fragment,{children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function _l({button:l}){if(!(l!=null&&l.label))return null;let e=(0,V.buildSanityLink)(l);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(o.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Fl({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var m;return(0,b.jsx)(o.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function $l({portfolios:l,portfolioLength:e}){var a;return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{wrap:!0,className:"mb-8",children:(a=l==null?void 0:l.slice(0,e))==null?void 0:a.map((i,r)=>{var d,x,f,h,v,w,N;let m=(0,V.buildSanityLink)(i.primaryButton);return(0,b.jsx)(y.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,b.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((d=i==null?void 0:i.mainImage)==null?void 0:d.image)&&(0,b.jsx)(rl.Image,{className:"object-cover w-full h-full",src:(x=i==null?void 0:i.mainImage)==null?void 0:x.image,alt:(h=(f=i==null?void 0:i.mainImage)==null?void 0:f.alt)!=null?h:`portfolio-image-${r}`}),(0,b.jsx)("div",{className:"absolute inset-0 Q-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((v=i==null?void 0:i.primaryButton)==null?void 0:v.label)&&(0,b.jsx)(o.Button,{asChild:!0,variant:"outline","aria-abel":(w=i==null?void 0:i.primaryButton)==null?void 0:w.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(Q.Link,{href:m.href,target:m.target,rel:m.rel,children:(N=i==null?void 0:i.primaryButton)==null?void 0:N.label})})})]})},i==null?void 0:i._key)})})}function K({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,V.buildSanityLink)(i);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(y.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(zl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(o.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(jl,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)(o.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,variant:"link",children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function zl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Al({content:l}){var a,i,r,m,d,x,f,h,v;let e=(0,V.buildSanityLink)(l.primaryButton);return(0,b.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,b.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&(0,b.jsx)(rl.Image,{className:"object-cover w-full h-80",src:(i=l==null?void 0:l.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=l==null?void 0:l.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)(y.Flex,{direction:"col",align:"start",className:"absolute inset-0 Q-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,b.jsx)(sl.Text,{className:"text-secondary",children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(sl.Text,{weight:"bold",className:"mb-auto text-white md:text-al lg:text-2xl",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>80?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,80)}...`:l==null?void 0:l.title}),((f=l==null?void 0:l.primaryButton)==null?void 0:f.label)&&(0,b.jsx)(o.Button,{asChild:!0,variant:"outline","aria-label":(h=l==null?void 0:l.primaryButton)==null?void 0:h.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label})})]})]})})}function jl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{wrap:!0,className:"mb-4 ",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(Al,{content:a},a._key))})}function Y({caption:l,title:e,portfolios:a,primaryButton:i,length:r=6}){let m=r,d=(0,V.buildSanityLink)(i);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(y.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,b.jsx)(Hl,{caption:l,title:e}),(0,b.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)($.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]}),(0,b.jsx)(Dl,{portfolios:a,portfolioLength:m}),(0,b.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden al:mt-0",children:(i==null?void 0:i.label)&&(0,b.jsx)($.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,b.jsx)(Q.Link,{href:d.href,target:d.target,rel:d.rel,children:i==null?void 0:i.label})})})]})})}function Hl({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)("div",{className:"text-center lg:text-left",children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function El({content:l}){var a,i,r,m,d,x,f,h,v;let e=(0,V.buildSanityLink)(l.primaryButton);return(0,b.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((a=l==null?void 0:l.mainImage)==null?void 0:a.image)&&(0,b.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,b.jsx)(rl.Image,{className:"object-cover w-full h-80",src:(i=l==null?void 0:l.mainImage)==null?void 0:i.image,width:480,height:320,alt:(m=(r=l==null?void 0:l.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,b.jsxs)("div",{className:"p-6",children:[(0,b.jsx)(sl.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,b.jsx)(sl.Text,{weight:"bold",fontSize:"al",className:"mb-4",children:((d=l==null?void 0:l.title)==null?void 0:d.length)>31?`${(x=l==null?void 0:l.title)==null?void 0:x.substring(0,31)}...`:l==null?void 0:l.title}),((f=l==null?void 0:l.primaryButton)==null?void 0:f.label)&&(0,b.jsx)($.Button,{asChild:!0,variant:"link","aria-label":(h=l==null?void 0:l.primaryButton)==null?void 0:h.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:(v=l==null?void 0:l.primaryButton)==null?void 0:v.label})})]})]})})}function Dl({portfolios:l,portfolioLength:e}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,e).map(a=>(0,b.jsx)(El,{content:a},a._key))})}var c=M(require("react"));var j=M(require("react")),pl=l=>{let[e,a]=j.default.useState(!1),i=j.default.useCallback(r=>{r.matches?a(!0):a(!1)},[]);return j.default.useEffect(()=>{let r=window.matchMedia(`(max-width: ${l}px)`);return r.addEventListener("change",i),r.matches&&a(!0),()=>r.removeEventListener("change",i)},[]),e};function ll({caption:l,title:e,portfoliosWithCategory:a,length:i=6}){var h,v,w,N,k,L,P,T,R;let r=i,m=0,[d,x]=c.default.useState((h=a==null?void 0:a[0])==null?void 0:h.category),f=a==null?void 0:a.find(p=>(p==null?void 0:p.category)===d);return(0,b.jsx)(ml.Section,{className:"py-20 bg-background",children:(0,b.jsxs)(J.Container,{maxWidth:1280,children:[(0,b.jsxs)(J.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,b.jsx)(Ml,{caption:l,title:e}),(0,b.jsx)(Ql,{categories:a,activeTab:d,onClickFn:x})]}),(0,b.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,b.jsxs)(y.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(w=(v=f==null?void 0:f.content)==null?void 0:v.slice(m,m+2))==null?void 0:w.map(p=>(0,b.jsx)(H,{size:"sm",content:p},p._key)),(k=(N=f==null?void 0:f.content)==null?void 0:N.slice(m+2,m+3))==null?void 0:k.map(p=>(0,b.jsx)(H,{size:"lg",content:p},p._key))]}),(0,b.jsxs)("div",{className:"w-full lg:w-1/2",children:[(P=(L=f==null?void 0:f.content)==null?void 0:L.slice(m+3,m+4))==null?void 0:P.map(p=>(0,b.jsx)(H,{size:"lg",content:p},p._key)),(0,b.jsx)("div",{className:"flex flex-wrap",children:(R=(T=f==null?void 0:f.content)==null?void 0:T.slice(m+4,r))==null?void 0:R.map(p=>(0,b.jsx)(H,{size:"sm",content:p},p._key))})]})]}),(0,b.jsx)(Jl,{button:f==null?void 0:f.primaryButton})]})})}function Ml({caption:l,title:e}){return!l||!e?null:(0,b.jsxs)(c.default.Fragment,{children:[(0,b.jsx)(sl.Text,{weight:"semibold",children:l}),(0,b.jsx)(al.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function Jl({button:l}){if(!(l!=null&&l.label))return null;let e=(0,V.buildSanityLink)(l);return(0,b.jsx)("div",{className:"text-center",children:(0,b.jsx)(o.Button,{asChild:!0,"aria-label":l==null?void 0:l.label,children:(0,b.jsx)(Q.Link,{href:e.href,target:e.target,rel:e.rel,children:l==null?void 0:l.label})})})}function Ql({categories:l,activeTab:e,onClickFn:a}){return!l||(l==null?void 0:l.length)===0?null:(0,b.jsx)(y.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:l==null?void 0:l.map((i,r)=>{var m;return(0,b.jsx)(o.Button,{variant:"ghost","aria-label":(m=i==null?void 0:i.category)!=null?m:`Category button ${r+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(i==null?void 0:i.category),onClick:()=>a==null?void 0:a(i==null?void 0:i.category),children:i==null?void 0:i.category},i==null?void 0:i._key)})})}function H({size:l,content:e}){var m,d,x,f,h,v,w,N,k,L,P,T,R;let i=pl("639")?40:90,r=(0,V.buildSanityLink)(e==null?void 0:e.primaryButton);return(0,b.jsx)("div",{className:`w-full px-4 mb-8 ${l==="lg"?"w-full":"lg:w-1/2"}`,children:((m=e==null?void 0:e.mainImage)==null?void 0:m.image)&&(0,b.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,b.jsx)(rl.Image,{className:`object-cover w-full ${l==="lg"?"h-128":"h-64"}`,src:(d=e==null?void 0:e.mainImage)==null?void 0:d.image,alt:(f=(x=e==null?void 0:e.mainImage)==null?void 0:x.alt)!=null?f:`portfolio-image-${e==null?void 0:e._key}`}),(0,b.jsx)("div",{className:"absolute inset-0 Q-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,b.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(e==null?void 0:e.subtitle)&&(0,b.jsx)(sl.Text,{className:"text-sm text-primary",weight:"bold",children:((h=e==null?void 0:e.subtitle)==null?void 0:h.length)>26?`${(v=e==null?void 0:e.subtitle)==null?void 0:v.substring(0,26)}...`:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,b.jsx)(al.Heading,{weight:"bold",className:`my-5 text-white ${l==="lg"?"text-sm md:text-al":"text-sm"}`,children:((w=e==null?void 0:e.title)==null?void 0:w.length)>38?`${(N=e==null?void 0:e.title)==null?void 0:N.substring(0,38)}...`:e==null?void 0:e.title}),(0,b.jsxs)("div",{className:"max-w-xs my-5",children:[(e==null?void 0:e.description)&&(0,b.jsx)(sl.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((k=e==null?void 0:e.description)==null?void 0:k.length)>i?`${(L=e==null?void 0:e.description)==null?void 0:L.substring(0,i)}...`:e==null?void 0:e.description}),((P=e==null?void 0:e.primaryButton)==null?void 0:P.label)&&(0,b.jsx)(o.Button,{asChild:!0,variant:"outline","aria-label":(T=e==null?void 0:e.primaryButton)==null?void 0:T.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,b.jsx)(Q.Link,{href:r.href,target:r.target,rel:r.rel,children:(R=e==null?void 0:e.primaryButton)==null?void 0:R.label})})]})]})})]})})}var el={variant_a:q,variant_b:K,variant_c:Y,variant_d:ll},Xl="Portfolio",kl=({data:l})=>{var r,m,d,x,f,h,v,w,N,k,L;let e=l==null?void 0:l.variant,a=e&&(el==null?void 0:el[e]),i={caption:(m=(r=l==null?void 0:l.variants)==null?void 0:r.subtitle)!=null?m:void 0,title:(x=(d=l==null?void 0:l.variants)==null?void 0:d.title)!=null?x:void 0,portfoliosWithCategory:(h=(f=l==null?void 0:l.variants)==null?void 0:f.portfoliosWithCategories)!=null?h:void 0,portfolios:(w=(v=l==null?void 0:l.variants)==null?void 0:v.portfolios)!=null?w:void 0,primaryButton:(k=(N=l==null?void 0:l.variants)==null?void 0:N.primaryButton)!=null?k:void 0,length:(L=l==null?void 0:l.variants)==null?void 0:L.length};return a?(0,b.jsx)(a,{...i}):null};kl.displayName=Xl;0&&(module.exports={Portfolio});

package/dist/portfolio.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-KOBQCNWZ.mjs";import"./chunk-3YRBUX6P.mjs";import"./chunk-FLYHWMQD.mjs";import"./chunk-EM2WNMO2.mjs";import"./chunk-77S7T6ST.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio};

package/dist/portfolio_a.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { PortfolioProps } from ".";
-export default function Portfolio_A({ caption, title, portfoliosWithCategory, length, }: PortfolioProps): React.JSX.Element;
-export { Portfolio_A };

package/dist/portfolio_a.js

@@ -1 +0,0 @@
-"use strict";var F=Object.create;var b=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var H=(a,e)=>{for(var i in e)b(a,i,{get:e[i],enumerable:!0})},L=(a,e,i,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of _(e))!z.call(a,m)&&m!==i&&b(a,m,{get:()=>e[m],enumerable:!(r=I(e,m))||r.enumerable});return a};var $=(a,e,i)=>(i=a!=null?F(j(a)):{},L(e||!a||!a.__esModule?b(i,"default",{value:a,enumerable:!0}):i,a)),D=a=>L(b({},"__esModule",{value:!0}),a);var G={};H(G,{Portfolio_A:()=>A,default:()=>A});module.exports=D(G);var p=require("@stackshift-ui/button"),v=require("@stackshift-ui/container"),g=require("@stackshift-ui/flex"),R=require("@stackshift-ui/heading"),S=require("@stackshift-ui/image"),h=require("@stackshift-ui/link"),T=require("@stackshift-ui/section"),P=require("@stackshift-ui/text"),y=$(require("react")),w=require("@stackshift-ui/system"),l=require("react/jsx-runtime");function A({caption:a,title:e,portfoliosWithCategory:i,length:r=8}){var f;let m=r,[u,x]=y.default.useState((f=i==null?void 0:i[0])==null?void 0:f.category),d=i==null?void 0:i.find(s=>(s==null?void 0:s.category)===u);return(0,l.jsx)(T.Section,{className:"py-20 bg-background",children:(0,l.jsxs)(v.Container,{maxWidth:1280,children:[(0,l.jsxs)(v.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,l.jsx)(E,{caption:a,title:e}),(0,l.jsx)(X,{categories:i,activeTab:u,onClickFn:x})]}),(0,l.jsx)(q,{portfolios:d==null?void 0:d.content,portfolioLength:m}),(0,l.jsx)(J,{button:d==null?void 0:d.primaryButton})]})})}function E({caption:a,title:e}){return!a||!e?null:(0,l.jsxs)(y.default.Fragment,{children:[(0,l.jsx)(P.Text,{weight:"semibold",children:a}),(0,l.jsx)(R.Heading,{className:"mb-6",fontSize:"2xl",children:e})]})}function J({button:a}){if(!(a!=null&&a.label))return null;let e=(0,w.buildSanityLink)(a);return(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(p.Button,{asChild:!0,"aria-label":a==null?void 0:a.label,children:(0,l.jsx)(h.Link,{href:e.href,target:e.target,rel:e.rel,children:a==null?void 0:a.label})})})}function X({categories:a,activeTab:e,onClickFn:i}){return!a||(a==null?void 0:a.length)===0?null:(0,l.jsx)(g.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:a==null?void 0:a.map((r,m)=>{var u;return(0,l.jsx)(p.Button,{variant:"ghost","aria-label":(u=r==null?void 0:r.category)!=null?u:`Category button ${m+1}`,className:"my-1 data-[active=true]:text-primary","data-active":e===(r==null?void 0:r.category),onClick:()=>i==null?void 0:i(r==null?void 0:r.category),children:r==null?void 0:r.category},r==null?void 0:r._key)})})}function q({portfolios:a,portfolioLength:e}){var i;return!a||(a==null?void 0:a.length)===0?null:(0,l.jsx)(g.Flex,{wrap:!0,className:"mb-8",children:(i=a==null?void 0:a.slice(0,e))==null?void 0:i.map((r,m)=>{var x,d,f,s,N,k,B;let u=(0,w.buildSanityLink)(r.primaryButton);return(0,l.jsx)(g.Flex,{className:"w-full space-x-5 px-4 mb-8 sm:w-1/2 lg:w-1/4",children:(0,l.jsxs)("div",{className:"relative mx-auto h-[256px] w-[332px] overflow-hidden rounded-md",children:[((x=r==null?void 0:r.mainImage)==null?void 0:x.image)&&(0,l.jsx)(S.Image,{className:"object-cover w-full h-full",src:(d=r==null?void 0:r.mainImage)==null?void 0:d.image,alt:(s=(f=r==null?void 0:r.mainImage)==null?void 0:f.alt)!=null?s:`portfolio-image-${m}`}),(0,l.jsx)("div",{className:"absolute inset-0 z-10 flex items-center justify-center duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-75",children:((N=r==null?void 0:r.primaryButton)==null?void 0:N.label)&&(0,l.jsx)(p.Button,{asChild:!0,variant:"outline","aria-abel":(k=r==null?void 0:r.primaryButton)==null?void 0:k.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,l.jsx)(h.Link,{href:u.href,target:u.target,rel:u.rel,children:(B=r==null?void 0:r.primaryButton)==null?void 0:B.label})})})]})},r==null?void 0:r._key)})})}0&&(module.exports={Portfolio_A});

package/dist/portfolio_a.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-3YRBUX6P.mjs";export{a as Portfolio_A,a as default};

package/dist/portfolio_b.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { PortfolioProps } from ".";
-export default function Portfolio_B({ caption, title, portfolios, primaryButton, length, }: PortfolioProps): React.JSX.Element;
-export { Portfolio_B };

package/dist/portfolio_b.js

@@ -1 +0,0 @@
-"use strict";var x=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var S=(e,i)=>{for(var d in i)x(e,d,{get:i[d],enumerable:!0})},j=(e,i,d,a)=>{if(i&&typeof i=="object"||typeof i=="function")for(let r of I(i))!R.call(e,r)&&r!==d&&x(e,r,{get:()=>i[r],enumerable:!(a=T(i,r))||a.enumerable});return e};var F=e=>j(x({},"__esModule",{value:!0}),e);var _={};S(_,{Portfolio_B:()=>P,default:()=>P});module.exports=F(_);var g=require("@stackshift-ui/button"),w=require("@stackshift-ui/container"),h=require("@stackshift-ui/flex"),N=require("@stackshift-ui/heading"),L=require("@stackshift-ui/image"),C=require("@stackshift-ui/section"),b=require("@stackshift-ui/text"),f=require("@stackshift-ui/link"),v=require("@stackshift-ui/system"),l=require("react/jsx-runtime");function P({caption:e,title:i,portfolios:d,primaryButton:a,length:r=6}){let m=r,s=(0,v.buildSanityLink)(a);return(0,l.jsx)(C.Section,{className:"py-20 bg-background",children:(0,l.jsxs)(w.Container,{maxWidth:1280,children:[(0,l.jsxs)(h.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,l.jsx)(z,{caption:e,title:i}),(0,l.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(a==null?void 0:a.label)&&(0,l.jsx)(g.Button,{asChild:!0,"aria-label":a==null?void 0:a.label,variant:"link",children:(0,l.jsx)(f.Link,{href:s.href,target:s.target,rel:s.rel,children:a==null?void 0:a.label})})})]}),(0,l.jsx)(H,{portfolios:d,portfolioLength:m}),(0,l.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(a==null?void 0:a.label)&&(0,l.jsx)(g.Button,{asChild:!0,"aria-label":a==null?void 0:a.label,variant:"link",children:(0,l.jsx)(f.Link,{href:s.href,target:s.target,rel:s.rel,children:a==null?void 0:a.label})})})]})})}function z({caption:e,title:i}){return!e||!i?null:(0,l.jsxs)("div",{className:"text-center lg:text-left",children:[(0,l.jsx)(b.Text,{weight:"semibold",children:e}),(0,l.jsx)(N.Heading,{className:"mb-6",fontSize:"2xl",children:i})]})}function A({content:e}){var d,a,r,m,s,u,k,o,t;let i=(0,v.buildSanityLink)(e.primaryButton);return(0,l.jsx)("div",{className:"w-full px-4 mb-4 md:w-1/2 lg:w-1/3",children:(0,l.jsxs)("div",{className:"relative mx-auto overflow-hidden rounded-md md:mb-5",children:[((d=e==null?void 0:e.mainImage)==null?void 0:d.image)&&(0,l.jsx)(L.Image,{className:"object-cover w-full h-80",src:(a=e==null?void 0:e.mainImage)==null?void 0:a.image,width:480,height:320,alt:(m=(r=e==null?void 0:e.mainImage)==null?void 0:r.alt)!=null?m:"portfolio-image"}),(0,l.jsxs)(h.Flex,{direction:"col",align:"start",className:"absolute inset-0 z-10 items-start p-6 duration-300 bg-slate-900 rounded opacity-0 hover:opacity-75",children:[(0,l.jsx)(b.Text,{className:"text-secondary",children:e==null?void 0:e.dateAdded}),(e==null?void 0:e.title)&&(0,l.jsx)(b.Text,{weight:"bold",className:"mb-auto text-white md:text-xl lg:text-2xl",children:((s=e==null?void 0:e.title)==null?void 0:s.length)>80?`${(u=e==null?void 0:e.title)==null?void 0:u.substring(0,80)}...`:e==null?void 0:e.title}),((k=e==null?void 0:e.primaryButton)==null?void 0:k.label)&&(0,l.jsx)(g.Button,{asChild:!0,variant:"outline","aria-label":(o=e==null?void 0:e.primaryButton)==null?void 0:o.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,l.jsx)(f.Link,{href:i.href,target:i.target,rel:i.rel,children:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label})})]})]})})}function H({portfolios:e,portfolioLength:i}){return!e||(e==null?void 0:e.length)===0?null:(0,l.jsx)(h.Flex,{wrap:!0,className:"mb-4 ",children:e==null?void 0:e.slice(0,i).map(d=>(0,l.jsx)(A,{content:d},d._key))})}0&&(module.exports={Portfolio_B});

package/dist/portfolio_b.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-FLYHWMQD.mjs";export{a as Portfolio_B,a as default};

package/dist/portfolio_c.d.ts

@@ -1,3 +0,0 @@
-import { PortfolioProps } from ".";
-export default function Portfolio_C({ caption, title, portfolios, primaryButton, length, }: PortfolioProps): import("react/jsx-runtime").JSX.Element;
-export { Portfolio_C };

package/dist/portfolio_c.js

@@ -1 +0,0 @@
-"use strict";var h=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var H=(l,a)=>{for(var d in a)h(l,d,{get:a[d],enumerable:!0})},R=(l,a,d,i)=>{if(a&&typeof a=="object"||typeof a=="function")for(let m of j(a))!F.call(l,m)&&m!==d&&h(l,m,{get:()=>a[m],enumerable:!(i=S(a,m))||i.enumerable});return l};var z=l=>R(h({},"__esModule",{value:!0}),l);var $={};H($,{Portfolio_C:()=>I,default:()=>I});module.exports=z($);var f=require("@stackshift-ui/button"),L=require("@stackshift-ui/container"),x=require("@stackshift-ui/flex"),u=require("@stackshift-ui/heading"),P=require("@stackshift-ui/image"),b=require("@stackshift-ui/link"),T=require("@stackshift-ui/section"),r=require("@stackshift-ui/text"),v=require("@stackshift-ui/system"),e=require("react/jsx-runtime");function I({caption:l,title:a,portfolios:d,primaryButton:i,length:m=6}){let s=m,g=(0,v.buildSanityLink)(i);return(0,e.jsx)(T.Section,{className:"py-20 bg-background",children:(0,e.jsxs)(L.Container,{maxWidth:1280,children:[(0,e.jsxs)(x.Flex,{wrap:!0,align:"center",justify:"center",className:"mb-16 md:justify-between",children:[(0,e.jsx)(A,{caption:l,title:a}),(0,e.jsx)("div",{className:"hidden mt-5 text-right md:mt-0 lg:mt-0 lg:block xl:mt-0",children:(i==null?void 0:i.label)&&(0,e.jsx)(f.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,e.jsx)(b.Link,{href:g.href,target:g.target,rel:g.rel,children:i==null?void 0:i.label})})})]}),(0,e.jsx)(W,{portfolios:d,portfolioLength:s}),(0,e.jsx)("div",{className:"block mt-5 text-center md:mt-0 lg:mt-0 lg:hidden xl:mt-0",children:(i==null?void 0:i.label)&&(0,e.jsx)(f.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,e.jsx)(b.Link,{href:g.href,target:g.target,rel:g.rel,children:i==null?void 0:i.label})})})]})})}function A({caption:l,title:a}){return!l||!a?null:(0,e.jsxs)("div",{className:"text-center lg:text-left",children:[(0,e.jsx)(r.Text,{weight:"semibold",children:l}),(0,e.jsx)(u.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function _({content:l}){var d,i,m,s,g,k,N,w,C;let a=(0,v.buildSanityLink)(l.primaryButton);return(0,e.jsx)("div",{className:"relative w-full px-4 mb-8 md:w-1/2 lg:w-1/3",children:((d=l==null?void 0:l.mainImage)==null?void 0:d.image)&&(0,e.jsxs)("div",{className:"h-full overflow-hidden bg-white rounded-md",style:{maxHeight:"600px"},children:[(0,e.jsx)(P.Image,{className:"object-cover w-full h-80",src:(i=l==null?void 0:l.mainImage)==null?void 0:i.image,width:480,height:320,alt:(s=(m=l==null?void 0:l.mainImage)==null?void 0:m.alt)!=null?s:"portfolio-image"}),(0,e.jsxs)("div",{className:"p-6",children:[(0,e.jsx)(r.Text,{muted:!0,children:l==null?void 0:l.dateAdded}),(l==null?void 0:l.title)&&(0,e.jsx)(r.Text,{weight:"bold",fontSize:"xl",className:"mb-4",children:((g=l==null?void 0:l.title)==null?void 0:g.length)>31?`${(k=l==null?void 0:l.title)==null?void 0:k.substring(0,31)}...`:l==null?void 0:l.title}),((N=l==null?void 0:l.primaryButton)==null?void 0:N.label)&&(0,e.jsx)(f.Button,{asChild:!0,variant:"link","aria-label":(w=l==null?void 0:l.primaryButton)==null?void 0:w.label,className:"font-bold no-underline text-primary transition-200 hover:text-primary/50 px-0",children:(0,e.jsx)(b.Link,{href:a.href,target:a.target,rel:a.rel,children:(C=l==null?void 0:l.primaryButton)==null?void 0:C.label})})]})]})})}function W({portfolios:l,portfolioLength:a}){return!l||(l==null?void 0:l.length)===0?null:(0,e.jsx)(x.Flex,{wrap:!0,className:"mb-4",children:l==null?void 0:l.slice(0,a).map(d=>(0,e.jsx)(_,{content:d},d._key))})}0&&(module.exports={Portfolio_C});

package/dist/portfolio_c.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-EM2WNMO2.mjs";export{a as Portfolio_C,a as default};

package/dist/portfolio_d.d.ts

@@ -1,3 +0,0 @@
-import { PortfolioProps } from ".";
-export default function Portfolio_D({ caption, title, portfoliosWithCategory, length, }: PortfolioProps): import("react/jsx-runtime").JSX.Element;
-export { Portfolio_D };

package/dist/portfolio_d.js

@@ -1 +0,0 @@
-"use strict";var Q=Object.create;var T=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var O=(i,a)=>{for(var e in a)T(i,e,{get:a[e],enumerable:!0})},E=(i,a,e,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let m of G(a))!K.call(i,m)&&m!==e&&T(i,m,{get:()=>a[m],enumerable:!(r=q(a,m))||r.enumerable});return i};var F=(i,a,e)=>(e=i!=null?Q(J(i)):{},E(a||!i||!i.__esModule?T(e,"default",{value:i,enumerable:!0}):e,i)),U=i=>E(T({},"__esModule",{value:!0}),i);var Z={};O(Z,{Portfolio_D:()=>D,default:()=>D});module.exports=U(Z);var S=require("@stackshift-ui/button"),$=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),z=require("@stackshift-ui/heading"),M=require("@stackshift-ui/image"),I=require("@stackshift-ui/link"),P=require("@stackshift-ui/section"),R=require("@stackshift-ui/text"),j=F(require("react")),A=require("@stackshift-ui/system");var B=F(require("react")),H=i=>{let[a,e]=B.default.useState(!1),r=B.default.useCallback(m=>{m.matches?e(!0):e(!1)},[]);return B.default.useEffect(()=>{let m=window.matchMedia(`(max-width: ${i}px)`);return m.addEventListener("change",r),m.matches&&e(!0),()=>m.removeEventListener("change",r)},[]),a};var l=require("react/jsx-runtime");function D({caption:i,title:a,portfoliosWithCategory:e,length:r=6}){var f,g,b,p,v,h,w,y,k;let m=r,u=0,[x,N]=j.default.useState((f=e==null?void 0:e[0])==null?void 0:f.category),s=e==null?void 0:e.find(d=>(d==null?void 0:d.category)===x);return(0,l.jsx)(P.Section,{className:"py-20 bg-background",children:(0,l.jsxs)($.Container,{maxWidth:1280,children:[(0,l.jsxs)($.Container,{maxWidth:512,className:"mb-8 text-center md:mb-16",children:[(0,l.jsx)(V,{caption:i,title:a}),(0,l.jsx)(Y,{categories:e,activeTab:x,onClickFn:N})]}),(0,l.jsxs)("div",{className:"mb-12 sm:flex",children:[(0,l.jsxs)(_.Flex,{wrap:!0,className:"w-full mb-8 lg:mb-0 lg:w-1/2",children:[(b=(g=s==null?void 0:s.content)==null?void 0:g.slice(u,u+2))==null?void 0:b.map(d=>(0,l.jsx)(L,{size:"sm",content:d},d._key)),(v=(p=s==null?void 0:s.content)==null?void 0:p.slice(u+2,u+3))==null?void 0:v.map(d=>(0,l.jsx)(L,{size:"lg",content:d},d._key))]}),(0,l.jsxs)("div",{className:"w-full lg:w-1/2",children:[(w=(h=s==null?void 0:s.content)==null?void 0:h.slice(u+3,u+4))==null?void 0:w.map(d=>(0,l.jsx)(L,{size:"lg",content:d},d._key)),(0,l.jsx)("div",{className:"flex flex-wrap",children:(k=(y=s==null?void 0:s.content)==null?void 0:y.slice(u+4,m))==null?void 0:k.map(d=>(0,l.jsx)(L,{size:"sm",content:d},d._key))})]})]}),(0,l.jsx)(X,{button:s==null?void 0:s.primaryButton})]})})}function V({caption:i,title:a}){return!i||!a?null:(0,l.jsxs)(j.default.Fragment,{children:[(0,l.jsx)(R.Text,{weight:"semibold",children:i}),(0,l.jsx)(z.Heading,{className:"mb-6",fontSize:"2xl",children:a})]})}function X({button:i}){if(!(i!=null&&i.label))return null;let a=(0,A.buildSanityLink)(i);return(0,l.jsx)("div",{className:"text-center",children:(0,l.jsx)(S.Button,{asChild:!0,"aria-label":i==null?void 0:i.label,children:(0,l.jsx)(I.Link,{href:a.href,target:a.target,rel:a.rel,children:i==null?void 0:i.label})})})}function Y({categories:i,activeTab:a,onClickFn:e}){return!i||(i==null?void 0:i.length)===0?null:(0,l.jsx)(_.Flex,{className:"inline-flex px-2 py-1 text-sm bg-white rounded",wrap:!0,children:i==null?void 0:i.map((r,m)=>{var u;return(0,l.jsx)(S.Button,{variant:"ghost","aria-label":(u=r==null?void 0:r.category)!=null?u:`Category button ${m+1}`,className:"my-1 data-[active=true]:text-primary","data-active":a===(r==null?void 0:r.category),onClick:()=>e==null?void 0:e(r==null?void 0:r.category),children:r==null?void 0:r.category},r==null?void 0:r._key)})})}function L({size:i,content:a}){var u,x,N,s,f,g,b,p,v,h,w,y,k;let r=H("639")?40:90,m=(0,A.buildSanityLink)(a==null?void 0:a.primaryButton);return(0,l.jsx)("div",{className:`w-full px-4 mb-8 ${i==="lg"?"w-full":"lg:w-1/2"}`,children:((u=a==null?void 0:a.mainImage)==null?void 0:u.image)&&(0,l.jsxs)("div",{className:"relative overflow-hidden rounded-md",children:[(0,l.jsx)(M.Image,{className:`object-cover w-full ${i==="lg"?"h-128":"h-64"}`,src:(x=a==null?void 0:a.mainImage)==null?void 0:x.image,alt:(s=(N=a==null?void 0:a.mainImage)==null?void 0:N.alt)!=null?s:`portfolio-image-${a==null?void 0:a._key}`}),(0,l.jsx)("div",{className:"absolute inset-0 z-10 justify-center p-6 duration-300 bg-slate-900 rounded-md opacity-0 hover:opacity-80",children:(0,l.jsxs)("div",{className:"max-w-md my-auto text-xs",children:[(a==null?void 0:a.subtitle)&&(0,l.jsx)(R.Text,{className:"text-sm text-primary",weight:"bold",children:((f=a==null?void 0:a.subtitle)==null?void 0:f.length)>26?`${(g=a==null?void 0:a.subtitle)==null?void 0:g.substring(0,26)}...`:a==null?void 0:a.subtitle}),(a==null?void 0:a.title)&&(0,l.jsx)(z.Heading,{weight:"bold",className:`my-5 text-white ${i==="lg"?"text-sm md:text-xl":"text-sm"}`,children:((b=a==null?void 0:a.title)==null?void 0:b.length)>38?`${(p=a==null?void 0:a.title)==null?void 0:p.substring(0,38)}...`:a==null?void 0:a.title}),(0,l.jsxs)("div",{className:"max-w-xs my-5",children:[(a==null?void 0:a.description)&&(0,l.jsx)(R.Text,{fontSize:"xs",muted:!0,className:"mb-6 text-white",children:((v=a==null?void 0:a.description)==null?void 0:v.length)>r?`${(h=a==null?void 0:a.description)==null?void 0:h.substring(0,r)}...`:a==null?void 0:a.description}),((w=a==null?void 0:a.primaryButton)==null?void 0:w.label)&&(0,l.jsx)(S.Button,{asChild:!0,variant:"outline","aria-label":(y=a==null?void 0:a.primaryButton)==null?void 0:y.label,className:"w-fit h-fit flex items-center justify-center bg-transparent border-secondary outline text-white hover:bg-secondary/20 hover:border-secondary/20 rounded-global hover:text-secondary-foreground font-bold transition duration-200 px-3 py-4",children:(0,l.jsx)(I.Link,{href:m.href,target:m.target,rel:m.rel,children:(k=a==null?void 0:a.primaryButton)==null?void 0:k.label})})]})]})})]})})}0&&(module.exports={Portfolio_D});

package/dist/portfolio_d.mjs

@@ -1 +0,0 @@
-import{a}from"./chunk-77S7T6ST.mjs";import"./chunk-NFO6QLL6.mjs";export{a as Portfolio_D,a as default};

package/dist/types.d.ts

@@ -1,362 +0,0 @@
-export type StyleVariants<T extends string> = Record<T, string>;
-export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
-export interface MainImage {
-    image: string;
-    alt?: string;
-}
-export interface LabeledRoute extends ConditionalLink {
-    ariaLabel?: string;
-    label?: string;
-    linkTarget?: string;
-    linkType?: string;
-    _type?: string;
-    linkInternal?: any;
-}
-export interface ConditionalLink {
-    type?: string;
-    internalLink?: string | null;
-    externalLink?: string | null;
-}
-export interface StatItems {
-    label?: string;
-    mainImage?: MainImage;
-    value?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface Logo extends ConditionalLink {
-    alt?: string;
-    linkTarget?: string;
-    image?: string;
-}
-export interface Images {
-    image?: string;
-    _key?: string;
-    _type?: string;
-    alt?: string;
-}
-export interface ContactDetails {
-    addressInfo?: string;
-    contactInfo?: string;
-    emailInfo?: string;
-    _key?: string;
-}
-export interface SocialLink {
-    socialMedia?: string | null;
-    socialMediaLink?: string | null;
-    _key?: string | null;
-    _type?: string | null;
-    socialMediaIcon?: {
-        alt?: string;
-        image?: string;
-    } | null;
-    socialMediaPlatform?: string | null;
-}
-export interface LabeledRouteWithKey extends LabeledRoute {
-    _key?: string;
-}
-export interface ArrayOfImageTitleAndText {
-    mainImage?: {
-        alt?: string;
-        image?: string;
-    };
-    plainText?: string;
-    title?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface FeaturedItem {
-    description?: string;
-    mainImage?: MainImage;
-    title?: string;
-    subtitle?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface ArrayOfTitleAndText {
-    _key?: string;
-    plainText?: string;
-    title?: string;
-}
-export interface BlogPost extends SanityBody {
-    authors?: Author[] | null;
-    body?: any;
-    categories?: Category[] | null;
-    excerpt?: string | null;
-    link?: string | null;
-    mainImage?: string | null;
-    publishedAt?: string;
-    seo?: Seo | null;
-    slug?: SanitySlug | null;
-    title?: string;
-}
-export interface Seo {
-    _type?: string;
-    seoTitle?: string;
-    seoDescription?: string;
-    seoImage?: string;
-    seoKeywords?: string;
-    seoSynonyms?: string;
-}
-export interface SanitySlug {
-    current?: string;
-    _type?: "slug";
-}
-export interface SanityBody {
-    _createdAt?: string;
-    _id?: string;
-    _rev?: string;
-    _type?: string;
-    _updatedAt?: string;
-}
-export interface Author extends SanityBody {
-    link?: string | null;
-    bio?: string | null;
-    name?: string | null;
-    slug?: SanitySlug | null;
-    image?: string | null;
-    profile?: {
-        alt: string;
-        image: string;
-    } | null;
-}
-export interface Category extends SanityBody {
-    title?: string;
-}
-export interface Form {
-    id?: string | null;
-    buttonLabel?: string | null;
-    name?: string | null;
-    subtitle?: string | null;
-    fields?: FormFields[] | null;
-    thankYouPage?: ThankYouPage | null;
-}
-export interface FormFields {
-    name?: string;
-    placeholder?: string;
-    pricingType?: string;
-    type?: FormTypes;
-    _key?: string;
-    _type?: string;
-    isRequired?: boolean;
-    label?: string;
-    items?: string[];
-}
-export type FormTypes = "inputText" | "inputEmail" | "inputPassword" | "inputNumber" | "textarea" | "inputFile" | "inputRadio" | "inputCheckbox" | "inputSelect";
-export interface ThankYouPage {
-    externalLink?: string | null;
-    internalLink?: string | null;
-    linkInternal?: any;
-    linkTarget?: string;
-    linkType?: string;
-    type?: string;
-}
-export interface SectionsProps {
-    template?: Template;
-    data?: Sections;
-    variant?: string | null | undefined;
-    schema?: Variants;
-}
-export interface Sections extends SanityBody {
-    label?: string;
-    variant?: string;
-    variants?: Variants;
-    _key?: string;
-}
-export interface Variants {
-    template?: Template;
-    multipleMenus?: any;
-    arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
-    logo?: Logo | null;
-    primaryButton?: LabeledRoute | null;
-    secondaryButton?: LabeledRoute | null;
-    routes?: LabeledRouteWithKey[] | null;
-    menu?: LabeledRouteWithKey[] | null;
-    plans?: Plans[] | null;
-    formLinks?: LabeledRouteWithKey[] | null;
-    portfolios?: Portfolios[] | null;
-    portfoliosWithCategories?: PortfoliosWithCategories[] | null;
-    length?: number;
-    signInLink?: LabeledRoute | null;
-    signinLink?: LabeledRoute | null;
-    tags?: string[] | null;
-    posts?: BlogPost[] | null;
-    blogsPerPage?: number | null;
-    form?: Form | null;
-    collections?: Collection | null;
-    products?: CollectionProduct | null;
-    allProducts?: Collection[];
-    subtitle?: string | null;
-    caption?: string | null;
-    title?: string | null;
-    plainText?: string | null;
-    contactDescription?: string | null;
-    officeInformation?: string | null;
-    contactEmail?: string | null;
-    contactNumber?: string | null;
-    socialLinks?: SocialLink[] | null;
-    block?: any;
-    heading?: string | null;
-    acceptButtonLabel?: string | null;
-    declineButtonLabel?: string | null;
-    faqsWithCategories?: FaqsWithCategory[] | null;
-    faqs?: AskedQuestion[] | null;
-    arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
-    description?: string | null;
-    featuredItems?: FeaturedItem[] | null;
-    images?: Images[] | null;
-    contactDetails?: ContactDetails[] | null;
-    copyright?: string | null;
-    mainImage?: MainImage | null;
-    youtubeLink?: string | null;
-    banner?: any;
-    stats?: StatItems[] | null;
-    teams?: Team[] | null;
-    testimonials?: Testimonial[] | null;
-    selectStripeAccount?: string;
-    annualBilling?: string;
-    monthlyBilling?: string;
-    productDetails?: ProductDetail[];
-    btnLabel?: string;
-    selectAccount?: string;
-    hashtags?: string[];
-    numberOfPosts?: number;
-    text?: string;
-    button?: LabeledRoute;
-    features?: string[];
-    config?: {
-        enableAnalytics: boolean;
-        cookiePolicy?: {
-            siteName: string;
-            cookiePolicyPage: Reference;
-        };
-        consentModalPosition?: string;
-    };
-    contactLink?: LabeledRoute;
-}
-export interface Template {
-    bg?: string;
-    color?: string;
-}
-export type Plans = {
-    _key?: string | null;
-    _type?: "planItems" | null;
-    checkoutButtonName?: string | null;
-    description?: string | null;
-    monthlyPrice?: string | null;
-    planType?: string | null;
-    yearlyPrice?: string | null;
-    planIncludes?: string[] | null;
-    primaryButton?: LabeledRoute | null;
-} & Record<string, string>;
-export interface Portfolios {
-    dateAdded?: string | null;
-    mainImage?: {
-        image?: string | null;
-        alt?: string | null;
-    } | null;
-    primaryButton?: LabeledRoute | null;
-    title?: string | null;
-    _key?: string | null;
-    _type?: string | null;
-}
-export interface PortfoliosWithCategories {
-    category?: string | null;
-    content?: Content[] | null;
-    primaryButton?: LabeledRoute | null;
-    _key?: string | null;
-    _type?: string | null;
-}
-export interface Content extends Portfolios {
-    description?: string | null;
-    subtitle?: string | null;
-}
-export interface Collection extends SanityBody {
-    collectionInfoVariant?: {
-        variant?: string;
-    } | null;
-    name?: string | null;
-    products?: CollectionProduct[] | null;
-    sections?: any;
-    seo?: Seo | null;
-    slug?: SanitySlug | null;
-}
-export interface CollectionProduct extends SanityBody {
-    compareToPrice?: number | null;
-    description?: string | null;
-    ecwidProductId?: number | null;
-    name?: string | null;
-    price?: number | null;
-    productInfo?: ProductInfo | null;
-    productInfoVariant?: {
-        variant?: string;
-    } | null;
-    sections?: any;
-    seo?: Seo | null;
-    slug?: SanitySlug | null;
-}
-interface ProductInfo {
-    btnLabel?: string | null;
-    images?: ProductInfoImage[] | null;
-    productDetails?: ProductDetail[] | null;
-    socialLinks?: SocialLink[] | null;
-    subtitle?: string | null;
-}
-export interface ProductDetail {
-    blockContent?: any;
-    contentType?: string;
-    tabName?: string;
-    _key?: string;
-    [key: string]: any;
-}
-interface ProductInfoImage {
-    alt?: string | null;
-    _key: string;
-    _type: string;
-    image?: string | null;
-}
-export interface FaqsWithCategory {
-    askedQuestions?: AskedQuestion[] | null;
-    category?: string | null;
-    _key?: string;
-    _type?: string;
-}
-export interface AskedQuestion {
-    answer?: string | null;
-    question?: string | null;
-    hidden?: boolean;
-    _key?: string;
-    _type?: string;
-}
-export interface Team {
-    jobTitle?: string;
-    mainImage?: MainImage;
-    name?: string;
-    plainText?: string;
-    _key?: string;
-    _type?: string;
-}
-export interface Testimonial {
-    jobTitle?: string;
-    mainImage?: MainImage;
-    name?: string;
-    rating?: string;
-    testimony?: string;
-    _key?: string;
-    _type?: string;
-}
-export declare interface Reference {
-    _type: string;
-    _ref: string;
-    _key?: string;
-    _weak?: boolean;
-    _strengthenOnPublish?: {
-        type: string;
-        weak?: boolean;
-        template?: {
-            id: string;
-            params: Record<string, string | number | boolean>;
-        };
-    };
-}
-export {};

package/dist/types.js

@@ -1 +0,0 @@
-"use strict";var l=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var o=Object.prototype.hasOwnProperty;var g=(n,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of a(t))!o.call(n,e)&&e!==r&&l(n,e,{get:()=>t[e],enumerable:!(i=s(t,e))||i.enumerable});return n};var u=n=>g(l({},"__esModule",{value:!0}),n);var c={};module.exports=u(c);