@stackshift-ui/system 6.1.0-beta.1 → 7.0.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackshift-ui/system",
-  "version": "6.1.0-beta.1",
+  "version": "7.0.0-beta.4",
   "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/typescript-config": "6.0.10",
-    "@stackshift-ui/eslint-config": "6.0.10"
+    "@stackshift-ui/eslint-config": "6.0.10",
+    "@stackshift-ui/typescript-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": "7.0.0-beta.3"
   },
   "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-7XY5RGCQ.mjs

@@ -1 +0,0 @@
-import{createContext as n,useContext as r}from"react";import{jsx as p}from"react/jsx-runtime";var o=n({}),s=({components:e={},children:t})=>p(o.Provider,{value:e,children:t}),i=()=>r(o);export{s as a,i as b};

package/dist/chunk-IV3CAAWU.mjs

@@ -1 +0,0 @@
-function n(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{n as a};

package/dist/chunk-JVS3FWLZ.mjs

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

package/dist/chunk-ZZCEB2NX.mjs

@@ -1 +0,0 @@
-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

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

package/dist/cn.js

@@ -1 +0,0 @@
-"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

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

package/dist/default-component.d.ts

@@ -1,2 +0,0 @@
-import type { HTMLProps } from "react";
-export declare const DefaultComponent: <T extends keyof JSX.IntrinsicElements>(props: HTMLProps<T>) => JSX.Element;

package/dist/default-component.js

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

package/dist/default-component.mjs

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

package/dist/index.d.ts

@@ -1,4 +0,0 @@
-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 +0,0 @@
-"use client";
-"use strict";var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var L=Object.prototype.hasOwnProperty;var k=(e,n)=>{for(var r in n)i(e,r,{get:n[r],enumerable:!0})},S=(e,n,r,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of g(n))!L.call(e,t)&&t!==r&&i(e,t,{get:()=>n[t],enumerable:!(p=d(n,t))||p.enumerable});return e};var h=e=>S(i({},"__esModule",{value:!0}),e);var T={};k(T,{DefaultComponent:()=>c,StackShiftUIProvider:()=>C,buildSanityLink:()=>m,cn:()=>s,useStackShiftUIComponents:()=>y});module.exports=h(T);var a=require("clsx"),f=require("tailwind-merge");function s(...e){return(0,f.twMerge)((0,a.clsx)(e))}var l=require("react/jsx-runtime"),c=e=>{let{as:n="div",...r}=e;return(0,l.jsx)(n,{...r})};function m(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 o=require("react"),u=(0,o.createContext)({}),C=({components:e={},children:n})=>(0,l.jsx)(u.Provider,{value:e,children:n}),y=()=>(0,o.useContext)(u);0&&(module.exports={DefaultComponent,StackShiftUIProvider,buildSanityLink,cn,useStackShiftUIComponents});

package/dist/index.mjs

@@ -1,2 +0,0 @@
-"use client";
-"use strict";import{a as o}from"./chunk-ZZCEB2NX.mjs";import{a as t}from"./chunk-JVS3FWLZ.mjs";import{a as e}from"./chunk-IV3CAAWU.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

@@ -1,17 +0,0 @@
-type LinkType = "linkInternal" | "linkExternal" | string;
-interface LabeledRoute {
-    type: LinkType;
-    internalLink?: string;
-    externalLink?: string;
-    referenceType?: 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

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

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

package/dist/system.d.ts

@@ -1,11 +0,0 @@
-import { ReactNode } from "react";
-interface Components {
-    [key: string]: React.ComponentType<any>;
-}
-interface ComponentProviderProps {
-    components?: Components;
-    children: ReactNode;
-}
-export declare const StackShiftUIProvider: React.FC<ComponentProviderProps>;
-export declare const useStackShiftUIComponents: () => Components;
-export {};

package/dist/system.js

@@ -1 +0,0 @@
-"use strict";var p=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var d=(e,o)=>{for(var n in o)p(e,n,{get:o[n],enumerable:!0})},P=(e,o,n,C)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of m(o))!a.call(e,t)&&t!==n&&p(e,t,{get:()=>o[t],enumerable:!(C=i(o,t))||C.enumerable});return e};var v=e=>P(p({},"__esModule",{value:!0}),e);var R={};d(R,{StackShiftUIProvider:()=>f,useStackShiftUIComponents:()=>x});module.exports=v(R);var r=require("react"),s=require("react/jsx-runtime"),c=(0,r.createContext)({}),f=({components:e={},children:o})=>(0,s.jsx)(c.Provider,{value:e,children:o}),x=()=>(0,r.useContext)(c);0&&(module.exports={StackShiftUIProvider,useStackShiftUIComponents});

package/dist/system.mjs

@@ -1 +0,0 @@
-import{a,b}from"./chunk-7XY5RGCQ.mjs";export{a as StackShiftUIProvider,b as useStackShiftUIComponents};