@stackshift-ui/system 6.1.0-beta.0 → 6.1.0-beta.3

package/dist/chunk-ERVYSKOW.mjs

@@ -0,0 +1,16 @@
+// src/system.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var ComponentContext = createContext({});
+var StackShiftUIProvider = ({
+  components = {},
+  children
+}) => {
+  return /* @__PURE__ */ jsx(ComponentContext.Provider, { value: components, children });
+};
+var useStackShiftUIComponents = () => useContext(ComponentContext);
+
+export {
+  StackShiftUIProvider,
+  useStackShiftUIComponents
+};

package/dist/chunk-I4UO43BV.mjs

@@ -0,0 +1,19 @@
+// src/sanity-link.ts
+function buildSanityLink(link) {
+  if (!link) return { href: "/page-not-found" };
+  if (link.type === "linkInternal" && !link.referenceType) {
+    return { href: `/${link.internalLink}`, target: "_self", rel: "noopener noreferrer" };
+  }
+  if (link.type === "linkInternal" && link.referenceType) {
+    const prefix = link.referenceType.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+    return { href: `/${prefix}/${link.internalLink}`, target: "_self", rel: "noopener noreferrer" };
+  }
+  if (link.type === "linkExternal") {
+    return { href: `${link.externalLink}`, target: "_blank", rel: "noopener noreferrer" };
+  }
+  return { href: "/page-not-found" };
+}
+
+export {
+  buildSanityLink
+};

package/dist/chunk-L42GWH2C.mjs

@@ -0,0 +1,15 @@
+// src/default-component.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var DefaultComponent = React.forwardRef(
+  (props, ref) => {
+    const { as, ...restProps } = props;
+    const Component = as || "div";
+    return /* @__PURE__ */ jsx(Component, { ref, ...restProps });
+  }
+);
+DefaultComponent.displayName = "DefaultComponent";
+
+export {
+  DefaultComponent
+};

package/dist/chunk-NWXTC57V.mjs

@@ -0,0 +1,10 @@
+// src/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/chunk-THYLEZFE.mjs

@@ -0,0 +1 @@
+function t(e){return e?e.type==="linkInternal"&&!e.referenceType?{href:`/${e.internalLink}`,target:"_self",rel:"noopener noreferrer"}:e.type==="linkInternal"&&e.referenceType?{href:`/${e.referenceType.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}/${e.internalLink}`,target:"_self",rel:"noopener noreferrer"}:e.type==="linkExternal"?{href:`${e.externalLink}`,target:"_blank",rel:"noopener noreferrer"}:{href:"/page-not-found"}:{href:"/page-not-found"}}export{t as a};

package/dist/chunk-Y5IQBZ3V.mjs

@@ -0,0 +1 @@
+import*as e from"react";import{jsx as m}from"react/jsx-runtime";var a=e.forwardRef((t,o)=>{let{as:n,...p}=t;return m(n||"div",{ref:o,...p})});a.displayName="DefaultComponent";export{a};

package/dist/chunk-ZZCEB2NX.mjs

@@ -0,0 +1 @@
+import{clsx as e}from"clsx";import{twMerge as t}from"tailwind-merge";function s(...r){return t(e(r))}export{s as a};

package/dist/cn.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/cn.js

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

package/dist/cn.mjs

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

package/dist/default-component.d.ts

@@ -1,2 +1,6 @@
-import type { HTMLProps } from "react";
-export declare const DefaultComponent: <T extends keyof JSX.IntrinsicElements>(props: HTMLProps<T>) => JSX.Element;
+import * as React from "react";
+type PolymorphicProps<T extends React.ElementType, P = {}> = P & {
+    as?: T;
+} & Omit<React.ComponentPropsWithRef<T>, keyof P | "as">;
+export declare const DefaultComponent: React.ForwardRefExoticComponent<Omit<PolymorphicProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>, {}>, "ref"> & React.RefAttributes<any>>;
+export {};

package/dist/default-component.js

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var d=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},i=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of a(t))!c.call(e,n)&&n!==o&&p(e,n,{get:()=>t[n],enumerable:!(s=m(t,n))||s.enumerable});return e};var T=e=>i(p({},"__esModule",{value:!0}),e);var l={};d(l,{DefaultComponent:()=>f});module.exports=T(l);var r=require("react/jsx-runtime"),f=e=>{let{as:t="div",...o}=e;return(0,r.jsx)(t,{...o,"data-testid":t})};0&&(module.exports={DefaultComponent});
+"use strict";var l=Object.create;var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var P=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var i=(e,t)=>{for(var o in t)a(e,o,{get:t[o],enumerable:!0})},m=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of y(t))!R.call(e,n)&&n!==o&&a(e,n,{get:()=>t[n],enumerable:!(p=c(t,n))||p.enumerable});return e};var T=(e,t,o)=>(o=e!=null?l(P(e)):{},m(t||!e||!e.__esModule?a(o,"default",{value:e,enumerable:!0}):o,e)),d=e=>m(a({},"__esModule",{value:!0}),e);var C={};i(C,{DefaultComponent:()=>r});module.exports=d(C);var s=T(require("react")),f=require("react/jsx-runtime"),r=s.forwardRef((e,t)=>{let{as:o,...p}=e;return(0,f.jsx)(o||"div",{ref:t,...p})});r.displayName="DefaultComponent";0&&(module.exports={DefaultComponent});

package/dist/default-component.mjs

@@ -1 +1 @@
-import{a}from"./chunk-NSQCDIQU.mjs";export{a as DefaultComponent};
+import{a}from"./chunk-Y5IQBZ3V.mjs";export{a as DefaultComponent};

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+export { cn } from "./cn";
 export { DefaultComponent } from "./default-component";
+export { buildSanityLink } from "./sanity-link";
 export { StackShiftUIProvider, useStackShiftUIComponents } from "./system";

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var S=Object.prototype.hasOwnProperty;var v=(t,o)=>{for(var e in o)s(t,e,{get:o[e],enumerable:!0})},x=(t,o,e,p)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of P(o))!S.call(t,n)&&n!==e&&s(t,n,{get:()=>o[n],enumerable:!(p=f(o,n))||p.enumerable});return t};var l=t=>x(s({},"__esModule",{value:!0}),t);var u={};v(u,{DefaultComponent:()=>m,StackShiftUIProvider:()=>C,useStackShiftUIComponents:()=>a});module.exports=l(u);var c=require("react/jsx-runtime"),m=t=>{let{as:o="div",...e}=t;return(0,c.jsx)(o,{...e,"data-testid":o})};var r=require("react"),i=(0,r.createContext)({}),C=({components:t={},children:o})=>(0,c.jsx)(i.Provider,{value:t,children:o}),a=()=>(0,r.useContext)(i);0&&(module.exports={DefaultComponent,StackShiftUIProvider,useStackShiftUIComponents});
+"use strict";var R=Object.create;var i=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var h=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var T=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},l=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of h(t))!P.call(e,r)&&r!==n&&i(e,r,{get:()=>t[r],enumerable:!(o=L(t,r))||o.enumerable});return e};var b=(e,t,n)=>(n=e!=null?R(k(e)):{},l(t||!e||!e.__esModule?i(n,"default",{value:e,enumerable:!0}):n,e)),S=e=>l(i({},"__esModule",{value:!0}),e);var v={};T(v,{DefaultComponent:()=>p,StackShiftUIProvider:()=>g,buildSanityLink:()=>y,cn:()=>u,useStackShiftUIComponents:()=>C});module.exports=S(v);var s=require("clsx"),f=require("tailwind-merge");function u(...e){return(0,f.twMerge)((0,s.clsx)(e))}var m=b(require("react")),c=require("react/jsx-runtime"),p=m.forwardRef((e,t)=>{let{as:n,...o}=e;return(0,c.jsx)(n||"div",{ref:t,...o})});p.displayName="DefaultComponent";function y(e){return e?e.type==="linkInternal"&&!e.referenceType?{href:`/${e.internalLink}`,target:"_self",rel:"noopener noreferrer"}:e.type==="linkInternal"&&e.referenceType?{href:`/${e.referenceType.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}/${e.internalLink}`,target:"_self",rel:"noopener noreferrer"}:e.type==="linkExternal"?{href:`${e.externalLink}`,target:"_blank",rel:"noopener noreferrer"}:{href:"/page-not-found"}:{href:"/page-not-found"}}var a=require("react"),d=(0,a.createContext)({}),g=({components:e={},children:t})=>(0,c.jsx)(d.Provider,{value:e,children:t}),C=()=>(0,a.useContext)(d);0&&(module.exports={DefaultComponent,StackShiftUIProvider,buildSanityLink,cn,useStackShiftUIComponents});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as t}from"./chunk-NSQCDIQU.mjs";import{a as e,b as o}from"./chunk-7XY5RGCQ.mjs";export{t as DefaultComponent,e as StackShiftUIProvider,o as useStackShiftUIComponents};
+"use strict";import{a as o}from"./chunk-ZZCEB2NX.mjs";import{a as t}from"./chunk-Y5IQBZ3V.mjs";import{a as e}from"./chunk-THYLEZFE.mjs";import{a as r,b as n}from"./chunk-7XY5RGCQ.mjs";export{t as DefaultComponent,r as StackShiftUIProvider,e as buildSanityLink,o as cn,n as useStackShiftUIComponents};

package/dist/sanity-link.d.ts

@@ -0,0 +1,41 @@
+export interface LabeledRoute extends ConditionalLink {
+    ariaLabel?: string;
+    label?: string;
+    linkTarget?: string;
+    linkType?: string;
+    _type?: string;
+    linkInternal?: any;
+    linkExternal?: any;
+    referenceType?: string;
+    multipleRoutes?: LabeledRouteWithKey[];
+    multipleInnerRoutes?: LabeledRouteWithKey[];
+}
+export interface ConditionalLink {
+    type?: string;
+    internalLink?: string | null;
+    externalLink?: string | null;
+}
+export interface LabeledRouteWithKey extends LabeledRoute {
+    _key?: string;
+    image?: string;
+    alt?: string;
+    multipleRoutes?: LabeledRouteWithKey[];
+    featuredRoute?: {
+        featuredLink: LabeledRoute;
+        mainImage: {
+            image: string;
+            alt: string;
+        };
+    };
+    routeType?: string;
+}
+interface SanityLink {
+    href: string;
+    target?: string;
+    rel?: string;
+}
+/**
+ * Builds a href attribute from a Sanity LabeledRoute object.
+ */
+export declare function buildSanityLink(link: LabeledRoute): SanityLink;
+export {};

package/dist/sanity-link.js

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var o=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var g=(e,r)=>{for(var n in r)i(e,n,{get:r[n],enumerable:!0})},u=(e,r,n,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of o(r))!f.call(e,t)&&t!==n&&i(e,t,{get:()=>r[t],enumerable:!(a=l(r,t))||a.enumerable});return e};var s=e=>u(i({},"__esModule",{value:!0}),e);var y={};g(y,{buildSanityLink:()=>p});module.exports=s(y);function p(e){return e?e.type==="linkInternal"&&!e.referenceType?{href:`/${e.internalLink}`,target:"_self",rel:"noopener noreferrer"}:e.type==="linkInternal"&&e.referenceType?{href:`/${e.referenceType.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}/${e.internalLink}`,target:"_self",rel:"noopener noreferrer"}:e.type==="linkExternal"?{href:`${e.externalLink}`,target:"_blank",rel:"noopener noreferrer"}:{href:"/page-not-found"}:{href:"/page-not-found"}}0&&(module.exports={buildSanityLink});

package/dist/sanity-link.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackshift-ui/system",
-  "version": "6.1.0-beta.0",
+  "version": "6.1.0-beta.3",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -25,8 +25,8 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/eslint-config": "6.0.10",
-    "@stackshift-ui/typescript-config": "6.0.10"
+    "@stackshift-ui/typescript-config": "6.0.10",
+    "@stackshift-ui/eslint-config": "6.0.10"
   },
   "dependencies": {
     "nextjs-darkmode": "^1.0.4",
@@ -36,7 +36,7 @@
     "react18-loaders": "latest",
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.5.4",
-    "@stackshift-ui/scripts": "6.1.0-beta.0"
+    "@stackshift-ui/scripts": "6.1.0-beta.2"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/default-component.tsx

@@ -1,10 +1,21 @@
-import type { HTMLProps } from "react";
+import * as React from "react";
 
-export const DefaultComponent = <T extends keyof JSX.IntrinsicElements>(
-  props: HTMLProps<T>,
-): JSX.Element => {
-  const { as = "div", ...rest } = props;
-  const Component = as;
+type PolymorphicProps<T extends React.ElementType, P = {}> = P & { as?: T } & Omit<
+    React.ComponentPropsWithRef<T>,
+    keyof P | "as"
+  >;
 
-  return <Component {...rest} />;
-};
+type DefaultElement = "div";
+
+export const DefaultComponent = React.forwardRef(
+  <T extends React.ElementType = DefaultElement>(
+    props: PolymorphicProps<T>,
+    ref: React.Ref<any>,
+  ) => {
+    const { as, ...restProps } = props;
+    const Component = as || "div";
+    return <Component ref={ref} {...restProps} />;
+  },
+);
+
+DefaultComponent.displayName = "DefaultComponent";

package/src/sanity-link.ts

@@ -1,10 +1,34 @@
-type LinkType = "linkInternal" | "linkExternal" | string;
-
-interface LabeledRoute {
-  type: LinkType;
-  internalLink?: string;
-  externalLink?: string;
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+  linkExternal?: any;
   referenceType?: string;
+  multipleRoutes?: LabeledRouteWithKey[];
+  multipleInnerRoutes?: LabeledRouteWithKey[];
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+  image?: string;
+  alt?: string;
+  multipleRoutes?: LabeledRouteWithKey[];
+  featuredRoute?: {
+    featuredLink: LabeledRoute;
+    mainImage: {
+      image: string;
+      alt: string;
+    };
+  };
+  routeType?: string;
 }
 
 interface SanityLink {

package/dist/chunk-NSQCDIQU.mjs

@@ -1 +0,0 @@
-import{jsx as n}from"react/jsx-runtime";var p=e=>{let{as:t="div",...o}=e;return n(t,{...o,"data-testid":t})};export{p as a};