@salsita-ai/sdk 0.0.0-stage → 0.49.0-develop.cbee856178

package/dist/ui-sdk/icons/__generated/index.d.ts

@@ -0,0 +1,214 @@
+import Alarm from './Alarm.js';
+import ArrowClockwise from './ArrowClockwise.js';
+import ArrowCounterClockwise from './ArrowCounterClockwise.js';
+import ArrowLeft from './ArrowLeft.js';
+import ArrowRight from './ArrowRight.js';
+import ArrowRightBold from './ArrowRightBold.js';
+import ArrowsHorizontal from './ArrowsHorizontal.js';
+import ArrowsIn from './ArrowsIn.js';
+import ArrowsOut from './ArrowsOut.js';
+import ArrowsOutCardinal from './ArrowsOutCardinal.js';
+import Basketball from './Basketball.js';
+import BoundingBox from './BoundingBox.js';
+import BracketsCurly from './BracketsCurly.js';
+import BuildingBold from './BuildingBold.js';
+import CameraRotate from './CameraRotate.js';
+import CaretDown from './CaretDown.js';
+import CaretLeft from './CaretLeft.js';
+import CaretLeftBold from './CaretLeftBold.js';
+import CaretRight from './CaretRight.js';
+import CaretRightBold from './CaretRightBold.js';
+import Check from './Check.js';
+import CheckCircle from './CheckCircle.js';
+import CheckCircleDuotone from './CheckCircleDuotone.js';
+import Circle from './Circle.js';
+import Cloud from './Cloud.js';
+import CloudArrowUp from './CloudArrowUp.js';
+import CopySimpleBold from './CopySimpleBold.js';
+import Cube from './Cube.js';
+import CubeDuotone from './CubeDuotone.js';
+import CurrencyDollar from './CurrencyDollar.js';
+import CurrencyEur from './CurrencyEur.js';
+import CursorClick from './CursorClick.js';
+import CustomAiAssistant from './CustomAiAssistant.js';
+import CustomAiAssistantBold from './CustomAiAssistantBold.js';
+import CustomAr from './CustomAr.js';
+import CustomBigAiAssistant from './CustomBigAiAssistant.js';
+import CustomMeasureCm from './CustomMeasureCm.js';
+import CustomMeasureFt from './CustomMeasureFt.js';
+import CustomMeasureIn from './CustomMeasureIn.js';
+import CustomMeasureM from './CustomMeasureM.js';
+import CustomMeasureMm from './CustomMeasureMm.js';
+import DotsSixVerticalBold from './DotsSixVerticalBold.js';
+import DotsThreeVertical from './DotsThreeVertical.js';
+import DotsThreeVerticalBold from './DotsThreeVerticalBold.js';
+import Export from './Export.js';
+import EyeBold from './EyeBold.js';
+import EyeClosedBold from './EyeClosedBold.js';
+import FileArrowUp from './FileArrowUp.js';
+import FilePlus from './FilePlus.js';
+import FileText from './FileText.js';
+import FireBold from './FireBold.js';
+import Flame from './Flame.js';
+import FolderOpen from './FolderOpen.js';
+import FolderStarBold from './FolderStarBold.js';
+import Gear from './Gear.js';
+import GridFour from './GridFour.js';
+import HardDrives from './HardDrives.js';
+import House from './House.js';
+import Image from './Image.js';
+import ImageSquareBold from './ImageSquareBold.js';
+import Info from './Info.js';
+import InfoBold from './InfoBold.js';
+import Key from './Key.js';
+import List from './List.js';
+import ListBullets from './ListBullets.js';
+import ListChecks from './ListChecks.js';
+import Lock from './Lock.js';
+import MagicWand from './MagicWand.js';
+import MagnifyingGlassBold from './MagnifyingGlassBold.js';
+import NavigationArrow from './NavigationArrow.js';
+import PaintBrush from './PaintBrush.js';
+import Palette from './Palette.js';
+import PaletteBold from './PaletteBold.js';
+import PaperPlaneRightBold from './PaperPlaneRightBold.js';
+import PaperPlaneTilt from './PaperPlaneTilt.js';
+import PauseBold from './PauseBold.js';
+import PencilSimpleBold from './PencilSimpleBold.js';
+import PlayBold from './PlayBold.js';
+import Plus from './Plus.js';
+import PlusBold from './PlusBold.js';
+import PlusCircle from './PlusCircle.js';
+import PlusCircleBold from './PlusCircleBold.js';
+import PushPin from './PushPin.js';
+import PushPinSlash from './PushPinSlash.js';
+import Question from './Question.js';
+import QuestionDuotone from './QuestionDuotone.js';
+import RocketLaunchBold from './RocketLaunchBold.js';
+import SalsitaLogo from './SalsitaLogo.js';
+import Scan from './Scan.js';
+import ShoppingCartSimple from './ShoppingCartSimple.js';
+import SignOut from './SignOut.js';
+import SignOutBold from './SignOutBold.js';
+import SlidersBold from './SlidersBold.js';
+import SlidersHorizontal from './SlidersHorizontal.js';
+import SubsetOfRaw from './SubsetOfRaw.js';
+import TagBold from './TagBold.js';
+import Trash from './Trash.js';
+import TrashSimpleBold from './TrashSimpleBold.js';
+import UsersBold from './UsersBold.js';
+import Warning from './Warning.js';
+import WarningCircle from './WarningCircle.js';
+import WarningCircleBold from './WarningCircleBold.js';
+import WarningCircleDuotone from './WarningCircleDuotone.js';
+import WarningDuotone from './WarningDuotone.js';
+import X from './X.js';
+import XBold from './XBold.js';
+export declare const Icon: {
+    readonly Alarm: typeof Alarm;
+    readonly ArrowClockwise: typeof ArrowClockwise;
+    readonly ArrowCounterClockwise: typeof ArrowCounterClockwise;
+    readonly ArrowLeft: typeof ArrowLeft;
+    readonly ArrowRight: typeof ArrowRight;
+    readonly ArrowRightBold: typeof ArrowRightBold;
+    readonly ArrowsHorizontal: typeof ArrowsHorizontal;
+    readonly ArrowsIn: typeof ArrowsIn;
+    readonly ArrowsOut: typeof ArrowsOut;
+    readonly ArrowsOutCardinal: typeof ArrowsOutCardinal;
+    readonly Basketball: typeof Basketball;
+    readonly BoundingBox: typeof BoundingBox;
+    readonly BracketsCurly: typeof BracketsCurly;
+    readonly BuildingBold: typeof BuildingBold;
+    readonly CameraRotate: typeof CameraRotate;
+    readonly CaretDown: typeof CaretDown;
+    readonly CaretLeft: typeof CaretLeft;
+    readonly CaretLeftBold: typeof CaretLeftBold;
+    readonly CaretRight: typeof CaretRight;
+    readonly CaretRightBold: typeof CaretRightBold;
+    readonly Check: typeof Check;
+    readonly CheckCircle: typeof CheckCircle;
+    readonly CheckCircleDuotone: typeof CheckCircleDuotone;
+    readonly Circle: typeof Circle;
+    readonly Cloud: typeof Cloud;
+    readonly CloudArrowUp: typeof CloudArrowUp;
+    readonly CopySimpleBold: typeof CopySimpleBold;
+    readonly Cube: typeof Cube;
+    readonly CubeDuotone: typeof CubeDuotone;
+    readonly CurrencyDollar: typeof CurrencyDollar;
+    readonly CurrencyEur: typeof CurrencyEur;
+    readonly CursorClick: typeof CursorClick;
+    readonly CustomAiAssistant: typeof CustomAiAssistant;
+    readonly CustomAiAssistantBold: typeof CustomAiAssistantBold;
+    readonly CustomAr: typeof CustomAr;
+    readonly CustomBigAiAssistant: typeof CustomBigAiAssistant;
+    readonly CustomMeasureCm: typeof CustomMeasureCm;
+    readonly CustomMeasureFt: typeof CustomMeasureFt;
+    readonly CustomMeasureIn: typeof CustomMeasureIn;
+    readonly CustomMeasureM: typeof CustomMeasureM;
+    readonly CustomMeasureMm: typeof CustomMeasureMm;
+    readonly DotsSixVerticalBold: typeof DotsSixVerticalBold;
+    readonly DotsThreeVertical: typeof DotsThreeVertical;
+    readonly DotsThreeVerticalBold: typeof DotsThreeVerticalBold;
+    readonly Export: typeof Export;
+    readonly EyeBold: typeof EyeBold;
+    readonly EyeClosedBold: typeof EyeClosedBold;
+    readonly FileArrowUp: typeof FileArrowUp;
+    readonly FilePlus: typeof FilePlus;
+    readonly FileText: typeof FileText;
+    readonly FireBold: typeof FireBold;
+    readonly Flame: typeof Flame;
+    readonly FolderOpen: typeof FolderOpen;
+    readonly FolderStarBold: typeof FolderStarBold;
+    readonly Gear: typeof Gear;
+    readonly GridFour: typeof GridFour;
+    readonly HardDrives: typeof HardDrives;
+    readonly House: typeof House;
+    readonly Image: typeof Image;
+    readonly ImageSquareBold: typeof ImageSquareBold;
+    readonly Info: typeof Info;
+    readonly InfoBold: typeof InfoBold;
+    readonly Key: typeof Key;
+    readonly List: typeof List;
+    readonly ListBullets: typeof ListBullets;
+    readonly ListChecks: typeof ListChecks;
+    readonly Lock: typeof Lock;
+    readonly MagicWand: typeof MagicWand;
+    readonly MagnifyingGlassBold: typeof MagnifyingGlassBold;
+    readonly NavigationArrow: typeof NavigationArrow;
+    readonly PaintBrush: typeof PaintBrush;
+    readonly Palette: typeof Palette;
+    readonly PaletteBold: typeof PaletteBold;
+    readonly PaperPlaneRightBold: typeof PaperPlaneRightBold;
+    readonly PaperPlaneTilt: typeof PaperPlaneTilt;
+    readonly PauseBold: typeof PauseBold;
+    readonly PencilSimpleBold: typeof PencilSimpleBold;
+    readonly PlayBold: typeof PlayBold;
+    readonly Plus: typeof Plus;
+    readonly PlusBold: typeof PlusBold;
+    readonly PlusCircle: typeof PlusCircle;
+    readonly PlusCircleBold: typeof PlusCircleBold;
+    readonly PushPin: typeof PushPin;
+    readonly PushPinSlash: typeof PushPinSlash;
+    readonly Question: typeof Question;
+    readonly QuestionDuotone: typeof QuestionDuotone;
+    readonly RocketLaunchBold: typeof RocketLaunchBold;
+    readonly SalsitaLogo: typeof SalsitaLogo;
+    readonly Scan: typeof Scan;
+    readonly ShoppingCartSimple: typeof ShoppingCartSimple;
+    readonly SignOut: typeof SignOut;
+    readonly SignOutBold: typeof SignOutBold;
+    readonly SlidersBold: typeof SlidersBold;
+    readonly SlidersHorizontal: typeof SlidersHorizontal;
+    readonly SubsetOfRaw: typeof SubsetOfRaw;
+    readonly TagBold: typeof TagBold;
+    readonly Trash: typeof Trash;
+    readonly TrashSimpleBold: typeof TrashSimpleBold;
+    readonly UsersBold: typeof UsersBold;
+    readonly Warning: typeof Warning;
+    readonly WarningCircle: typeof WarningCircle;
+    readonly WarningCircleBold: typeof WarningCircleBold;
+    readonly WarningCircleDuotone: typeof WarningCircleDuotone;
+    readonly WarningDuotone: typeof WarningDuotone;
+    readonly X: typeof X;
+    readonly XBold: typeof XBold;
+};

package/dist/ui-sdk/icons/__generated/index.js

@@ -0,0 +1 @@
+import o from"./Alarm.js";import r from"./ArrowClockwise.js";import m from"./ArrowCounterClockwise.js";import t from"./ArrowLeft.js";import i from"./ArrowRight.js";import s from"./ArrowRightBold.js";import p from"./ArrowsHorizontal.js";import f from"./ArrowsIn.js";import j from"./ArrowsOut.js";import e from"./ArrowsOutCardinal.js";import l from"./Basketball.js";import a from"./BoundingBox.js";import n from"./BracketsCurly.js";import u from"./BuildingBold.js";import C from"./CameraRotate.js";import d from"./CaretDown.js";import B from"./CaretLeft.js";import c from"./CaretLeftBold.js";import g from"./CaretRight.js";import A from"./CaretRightBold.js";import h from"./Check.js";import P from"./CheckCircle.js";import w from"./CheckCircleDuotone.js";import S from"./Circle.js";import k from"./Cloud.js";import D from"./CloudArrowUp.js";import y from"./CopySimpleBold.js";import F from"./Cube.js";import L from"./CubeDuotone.js";import M from"./CurrencyDollar.js";import R from"./CurrencyEur.js";import I from"./CursorClick.js";import T from"./CustomAiAssistant.js";import O from"./CustomAiAssistantBold.js";import W from"./CustomAr.js";import x from"./CustomBigAiAssistant.js";import b from"./CustomMeasureCm.js";import E from"./CustomMeasureFt.js";import H from"./CustomMeasureIn.js";import G from"./CustomMeasureM.js";import U from"./CustomMeasureMm.js";import V from"./DotsSixVerticalBold.js";import v from"./DotsThreeVertical.js";import z from"./DotsThreeVerticalBold.js";import Q from"./Export.js";import X from"./EyeBold.js";import q from"./EyeClosedBold.js";import K from"./FileArrowUp.js";import N from"./FilePlus.js";import J from"./FileText.js";import Y from"./FireBold.js";import Z from"./Flame.js";import $ from"./FolderOpen.js";import _ from"./FolderStarBold.js";import oo from"./Gear.js";import or from"./GridFour.js";import om from"./HardDrives.js";import ot from"./House.js";import oi from"./Image.js";import os from"./ImageSquareBold.js";import op from"./Info.js";import of from"./InfoBold.js";import oj from"./Key.js";import oe from"./List.js";import ol from"./ListBullets.js";import oa from"./ListChecks.js";import on from"./Lock.js";import ou from"./MagicWand.js";import oC from"./MagnifyingGlassBold.js";import od from"./NavigationArrow.js";import oB from"./PaintBrush.js";import oc from"./Palette.js";import og from"./PaletteBold.js";import oA from"./PaperPlaneRightBold.js";import oh from"./PaperPlaneTilt.js";import oP from"./PauseBold.js";import ow from"./PencilSimpleBold.js";import oS from"./PlayBold.js";import ok from"./Plus.js";import oD from"./PlusBold.js";import oy from"./PlusCircle.js";import oF from"./PlusCircleBold.js";import oL from"./PushPin.js";import oM from"./PushPinSlash.js";import oR from"./Question.js";import oI from"./QuestionDuotone.js";import oT from"./RocketLaunchBold.js";import oO from"./SalsitaLogo.js";import oW from"./Scan.js";import ox from"./ShoppingCartSimple.js";import ob from"./SignOut.js";import oE from"./SignOutBold.js";import oH from"./SlidersBold.js";import oG from"./SlidersHorizontal.js";import oU from"./SubsetOfRaw.js";import oV from"./TagBold.js";import ov from"./Trash.js";import oz from"./TrashSimpleBold.js";import oQ from"./UsersBold.js";import oX from"./Warning.js";import oq from"./WarningCircle.js";import oK from"./WarningCircleBold.js";import oN from"./WarningCircleDuotone.js";import oJ from"./WarningDuotone.js";import oY from"./X.js";import oZ from"./XBold.js";export const Icon={Alarm:o,ArrowClockwise:r,ArrowCounterClockwise:m,ArrowLeft:t,ArrowRight:i,ArrowRightBold:s,ArrowsHorizontal:p,ArrowsIn:f,ArrowsOut:j,ArrowsOutCardinal:e,Basketball:l,BoundingBox:a,BracketsCurly:n,BuildingBold:u,CameraRotate:C,CaretDown:d,CaretLeft:B,CaretLeftBold:c,CaretRight:g,CaretRightBold:A,Check:h,CheckCircle:P,CheckCircleDuotone:w,Circle:S,Cloud:k,CloudArrowUp:D,CopySimpleBold:y,Cube:F,CubeDuotone:L,CurrencyDollar:M,CurrencyEur:R,CursorClick:I,CustomAiAssistant:T,CustomAiAssistantBold:O,CustomAr:W,CustomBigAiAssistant:x,CustomMeasureCm:b,CustomMeasureFt:E,CustomMeasureIn:H,CustomMeasureM:G,CustomMeasureMm:U,DotsSixVerticalBold:V,DotsThreeVertical:v,DotsThreeVerticalBold:z,Export:Q,EyeBold:X,EyeClosedBold:q,FileArrowUp:K,FilePlus:N,FileText:J,FireBold:Y,Flame:Z,FolderOpen:$,FolderStarBold:_,Gear:oo,GridFour:or,HardDrives:om,House:ot,Image:oi,ImageSquareBold:os,Info:op,InfoBold:of,Key:oj,List:oe,ListBullets:ol,ListChecks:oa,Lock:on,MagicWand:ou,MagnifyingGlassBold:oC,NavigationArrow:od,PaintBrush:oB,Palette:oc,PaletteBold:og,PaperPlaneRightBold:oA,PaperPlaneTilt:oh,PauseBold:oP,PencilSimpleBold:ow,PlayBold:oS,Plus:ok,PlusBold:oD,PlusCircle:oy,PlusCircleBold:oF,PushPin:oL,PushPinSlash:oM,Question:oR,QuestionDuotone:oI,RocketLaunchBold:oT,SalsitaLogo:oO,Scan:oW,ShoppingCartSimple:ox,SignOut:ob,SignOutBold:oE,SlidersBold:oH,SlidersHorizontal:oG,SubsetOfRaw:oU,TagBold:oV,Trash:ov,TrashSimpleBold:oz,UsersBold:oQ,Warning:oX,WarningCircle:oq,WarningCircleBold:oK,WarningCircleDuotone:oN,WarningDuotone:oJ,X:oY,XBold:oZ};

package/dist/ui-sdk/icons/icons-registry.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Custom icons
+ * Thanks for maintaining the alphabetical order! 🙇‍♂️
+ */
+export declare const CustomIcons: readonly ['custom-ai-assistant', 'custom-ai-assistant-bold', 'custom-ar', 'custom-big-ai-assistant', 'custom-measure-cm', 'custom-measure-ft', 'custom-measure-in', 'custom-measure-m', 'custom-measure-mm', 'SalsitaLogo', 'subset-of-raw'];
+/**
+ * Phosphor icons, https://phosphoricons.com/
+ */
+declare const PhosphorIconStyle: {
+    readonly REGULAR: 'regular';
+    readonly THIN: 'thin';
+    readonly LIGHT: 'light';
+    readonly BOLD: 'bold';
+    readonly FILL: 'fill';
+    readonly DUOTONE: 'duotone';
+};
+type PhosphorIconStyleType = (typeof PhosphorIconStyle)[keyof typeof PhosphorIconStyle];
+/** Thanks for maintaining the alphabetical order! 🙇‍♂️ */
+export declare const PhosphorIcons: Partial<Record<PhosphorIconStyleType, string[]>>;
+export {};

package/dist/ui-sdk/icons/icons-registry.js

@@ -0,0 +1 @@
+export const CustomIcons=["custom-ai-assistant","custom-ai-assistant-bold","custom-ar","custom-big-ai-assistant","custom-measure-cm","custom-measure-ft","custom-measure-in","custom-measure-m","custom-measure-mm","SalsitaLogo","subset-of-raw"];export const PhosphorIcons={bold:["arrow-right","building","caret-left","caret-right","copy-simple","dots-six-vertical","dots-three-vertical","eye-closed","eye","fire","folder-star","image-square","info","magnifying-glass","palette","paper-plane-right","pause","pencil-simple","play","plus","plus-circle","rocket-launch","sign-out","sliders","tag","trash-simple","users","warning-circle","x"],duotone:["check-circle","cube","question","warning-circle","warning"],regular:["alarm","arrow-clockwise","arrow-counter-clockwise","arrow-left","arrow-left","arrow-right","arrows-horizontal","arrows-in","arrows-out","arrows-out-cardinal","basketball","bounding-box","brackets-curly","camera-rotate","caret-down","caret-left","caret-right","check","check-circle","circle","cloud","cloud-arrow-up","cube","currency-dollar","currency-eur","cursor-click","dots-three-vertical","export","file-arrow-up","file-plus","file-text","flame","gear","folder-open","grid-four","hard-drives","house","image","info","key","list","list-bullets","list-checks","lock","magic-wand","navigation-arrow","paint-brush","palette","paper-plane-tilt","plus","plus-circle","push-pin","push-pin-slash","question","scan","shopping-cart-simple","sign-out","sliders-horizontal","trash","warning","warning-circle","x"]};

package/dist/ui-sdk/icons/index.d.ts

@@ -0,0 +1,2 @@
+export type { PhxIconName, PhxIconProps, CreatePhoenixIconSet } from './PhoenixIcon.js';
+export { PhxIconNames, PhxIcon, createPhoenixIconSet, createThemeWithPhoenixIcons } from './PhoenixIcon.js';

package/dist/ui-sdk/icons/index.js

@@ -0,0 +1 @@
+export{PhxIconNames,PhxIcon,createPhoenixIconSet,createThemeWithPhoenixIcons}from"./PhoenixIcon.js";

package/dist/ui-sdk/icons/scripts/generate-index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui-sdk/icons/scripts/generate-index.js

@@ -0,0 +1,4 @@
+import e from"fs/promises";import r from"path";import o from"../svgr/index-template.cjs";async function i(t,c=""){try{let i=r.resolve(t,"index.ts");await e.unlink(i).catch(e=>{if("ENOENT"!==e.code)throw e});let s=(await e.readdir(t)).map(e=>({path:r.join(t,e)})),n=o(s,c);await e.writeFile(r.join(t,"index.ts"),n,"utf8"),console.log(`✅ Directory index generated successfully
+  👉 ${t}`)}catch(e){console.error(`🤬 Directory index generation ${t} failed
+  👉 ${t}`,e)}}let[t,c]=process.argv.slice(2);t||(console.error(`🚧 Directory index generation failed
+  👉 Source directory is missing`),process.exit(1)),i(t,c).catch(console.error);

package/dist/ui-sdk/icons/scripts/get-icon-paths.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ui-sdk/icons/scripts/get-icon-paths.js

@@ -0,0 +1 @@
+import o from"path";import{CustomIcons as s,PhosphorIcons as r}from"../icons-registry.js";[...s.map(s=>o.join("./src/ui-sdk/icons/custom",`${s}.svg`)),...Object.entries(r).flatMap(([s,r])=>r.map(r=>{let e="regular"===s?`${r}.svg`:`${r}-${s}.svg`;return o.join("./node_modules","@phosphor-icons","core","assets",s,e)}))].forEach(o=>{console.log(o)});

package/dist/ui-sdk/index.d.ts

@@ -0,0 +1,7 @@
+export * from './animations/index.js';
+export * from './common/index.js';
+export * from './components/index.js';
+export * from './icons/index.js';
+export * from './responsive-application/index.js';
+export * from './theme/index.js';
+export * from './themes/index.js';

package/dist/ui-sdk/index.js

@@ -0,0 +1 @@
+export*from"./animations/index.js";export*from"./common/index.js";export*from"./components/index.js";export*from"./icons/index.js";export*from"./responsive-application/index.js";export*from"./theme/index.js";export*from"./themes/index.js";

package/dist/ui-sdk/responsive-application/ResponsiveApplicationProvider.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+export interface ResponsiveApplicationProviderProps extends PropsWithChildren {
+    containerZIndex: number;
+}
+/**
+ * Root provider managing responsive app state and viewport.
+ * Prevents body scroll when expanded.
+ */
+export declare const ResponsiveApplicationProvider: (props: ResponsiveApplicationProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui-sdk/responsive-application/ResponsiveApplicationProvider.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{GlobalStyles as i,styled as r}from"@mui/material";import{useObservableEagerState as n}from"observable-hooks";import{useEffect as a,useRef as s}from"react";import{useResizeObserver as l}from"usehooks-ts";import{attrf as d,commonStyles as p}from"../common/index.js";import{ResponsiveContext as m,useResponsiveInfo as c}from"./ResponsiveProvider.js";let v="animating",f="expanded",y="hidden",u=e(i,{styles:({palette:e,typography:o})=>({":host":{all:"initial",interpolateSize:"allow-keywords",blockSize:"100%",boxSizing:"border-box",display:"block",overscrollBehavior:"contain",":where(*, *::after, *::before)":{boxSizing:"border-box"},backgroundColor:e.background.default,color:e.text.primary,fontFamily:o.fontFamily,...o.body1,MozOsxFontSmoothing:"grayscale",WebkitFontSmoothing:"antialiased",WebkitTextSizeAdjust:"100%"}})}),x=r("div")(()=>({...p.transition.fadeIn,blockSize:"100%",containerName:"app",containerType:"inline-size",contentVisibility:"auto",display:"grid",overflow:"auto",position:"relative",[`&[data-responsive-app*="${v}"]`]:{overflow:"clip"},[`&[data-responsive-app*="${f}"]`]:{inset:0,position:"fixed",zIndex:"var(--phx-app-index)"},[`&[data-responsive-app*="${y}"]`]:{contentVisibility:"hidden"}})),b=r("div")(()=>({position:"relative"}));export const ResponsiveApplicationProvider=i=>{let{children:r,containerZIndex:p}=i,h=s(null),w=c(h);l({ref:h,onResize:()=>{w.update()}});let{isAnimating:g,isExpanded:k,isHidden:z}=w,{height:S}=n(w.viewport$);return a(()=>{if(!k)return;let e=document.documentElement.style.overflow,o=document.body.style.overflow;return document.documentElement.style.setProperty("overflow","hidden"),document.body.style.setProperty("overflow","hidden"),()=>{document.documentElement.style.setProperty("overflow",e),document.body.style.setProperty("overflow",o)}},[k]),o(t,{children:[u,e(m.Provider,{value:w,children:e(x,{ref:h,"data-responsive-app":d({state:{[`${v}`]:g,[`${f}`]:k,[`${y}`]:z}}),inert:z?"":void 0,sx:{"--phx-app-index":p},children:e(b,{sx:{"--phx-app-height":S+"px"},children:r})})})]})};

package/dist/ui-sdk/responsive-application/ResponsiveProvider.d.ts

@@ -0,0 +1,146 @@
+import { type PropsWithChildren } from 'react';
+import { BehaviorSubject } from 'rxjs';
+export interface CanvasPadding {
+    readonly top: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly left: number;
+}
+export interface ResponsiveInfo {
+    readonly isPhone: boolean;
+    readonly isMobile: boolean;
+    readonly isTablet: boolean;
+    readonly isDesktop: boolean;
+    readonly isLandscape: boolean;
+    readonly isPortrait: boolean;
+    readonly isMobileAndMobileLandscape: boolean;
+    readonly isDesktopExceptMobileLandscape: boolean;
+    readonly viewport$: BehaviorSubject<{
+        width: number;
+        height: number;
+    }>;
+    readonly canvasPadding: CanvasPadding;
+    readonly getCanvasPadding: () => CanvasPadding;
+    readonly setCanvasPadding: (padding: CanvasPadding) => void;
+    readonly update: () => void;
+    readonly expand: () => void;
+    readonly collapse: () => void;
+    readonly hide: () => void;
+    readonly show: () => void;
+    /**
+     * Whether a layout animation is currently in flight inside the app.
+     *
+     * Set by smart wrappers (e.g. `DesktopPreview`) around motion `layout` / `layoutId`
+     * transitions; consumed by `ResponsiveAppContainer` to switch `overflow` to `clip`
+     * so transient FLIP-transform overshoot doesn't flash scrollbars on the host.
+     */
+    readonly isAnimating: boolean;
+    readonly setAnimating: (value: boolean) => void;
+}
+export declare const ResponsiveContext: import("react").Context<ResponsiveInfo | null>;
+/**
+ * Provides responsiveness info, based on the root container
+ */
+export declare const useResponsive: () => ResponsiveInfo;
+/**
+ * Generates responsiveness info, based on the provided container. Should be used only once in the app.
+ * @param elementRef reference to the root container
+ * @returns
+ */
+export declare const useResponsiveInfo: (elementRef: React.MutableRefObject<HTMLElement | null>) => {
+    isExpanded: boolean;
+    isHidden: boolean;
+    expand: () => void;
+    collapse: () => void;
+    hide: () => void;
+    show: () => void;
+    /**
+     * @default
+     * width < theme.breakpoints.values.sm
+     */
+    isPhone: boolean;
+    /**
+     * @default
+     * width <= theme.breakpoints.values.md
+     */
+    isMobile: boolean;
+    /**
+     * @default
+     * width < theme.breakpoints.values.lg && width >= theme.breakpoints.values.sm
+     */
+    isTablet: boolean;
+    /**
+     * @default
+     * width > theme.breakpoints.values.md
+     */
+    isDesktop: boolean;
+    /**
+     * @default
+     * window.matchMedia('(orientation: landscape)').matches
+     */
+    isLandscape: boolean;
+    /**
+     * @default
+     * window.matchMedia('(orientation: portrait)').matches
+     */
+    isPortrait: boolean;
+    /**
+     * @todo
+     * pending revision in CON-1199
+     *
+     * @deprecated
+     * A temporary solution to display mobile layout correctly.
+     */
+    isMobileAndMobileLandscape: boolean;
+    /**
+     * @todo
+     * pending revision in CON-1199
+     *
+     * @deprecated
+     * A temporary solution to display mobile layout correctly.
+     */
+    isDesktopExceptMobileLandscape: boolean;
+    viewport$: BehaviorSubject<{
+        width: number;
+        height: number;
+    }>;
+    canvasPadding: CanvasPadding;
+    getCanvasPadding: () => CanvasPadding;
+    setCanvasPadding: import("react").Dispatch<import("react").SetStateAction<CanvasPadding>>;
+    update: () => void;
+    isAnimating: boolean;
+    setAnimating: (value: boolean) => void;
+};
+declare const Phone: ({ children }: PropsWithChildren) => import("react").ReactNode;
+declare const Mobile: ({ children }: PropsWithChildren) => import("react").ReactNode;
+declare const Tablet: ({ children }: PropsWithChildren) => import("react").ReactNode;
+declare const Desktop: ({ children }: PropsWithChildren) => import("react").ReactNode;
+declare const Landscape: ({ children }: PropsWithChildren) => import("react").ReactNode;
+declare const Portrait: ({ children }: PropsWithChildren) => import("react").ReactNode;
+/**
+ * @todo
+ * pending revision in CON-1199
+ *
+ * @deprecated
+ * Temporarily added to display mobile layout correctly.
+ */
+declare const MobileAndMobileLandscape: ({ children }: PropsWithChildren) => import("react").ReactNode;
+/**
+ * @todo
+ * pending revision in CON-1199
+ *
+ * @deprecated
+ * Temporarily added to display mobile layout correctly.
+ */
+declare const DesktopExceptMobileLandscape: ({ children }: PropsWithChildren) => import("react").ReactNode;
+export declare const Responsive: {
+    Desktop: typeof Desktop;
+    Mobile: typeof Mobile;
+    Phone: typeof Phone;
+    Tablet: typeof Tablet;
+    Landscape: typeof Landscape;
+    Portrait: typeof Portrait;
+    MobileAndMobileLandscape: typeof MobileAndMobileLandscape;
+    DesktopExceptMobileLandscape: typeof DesktopExceptMobileLandscape;
+};
+export {};

package/dist/ui-sdk/responsive-application/ResponsiveProvider.js

@@ -0,0 +1 @@
+import{useTheme as e}from"@mui/material";import{createContext as t,useCallback as s,useContext as n,useLayoutEffect as r,useRef as o,useState as i}from"react";import{isMobileOnly as l}from"react-device-detect";import{BehaviorSubject as u}from"rxjs";import{useResizeObserver as p}from"usehooks-ts";let a={top:0,right:0,bottom:0,left:0};export const ResponsiveContext=t(null);export const useResponsive=()=>{let e=n(ResponsiveContext);if(!e)throw Error("Context for useResponsive was not provided. Use this hook inside the ResponsiveContext provider.");return e};export const useResponsiveInfo=t=>{let[n,c]=i(!1),[v,d]=i(!1),[m,h]=i(!1),[b,R]=i(!1),[k,x]=i(!1),[M,f]=i(!1),[w,g]=i(!1),[C,L]=i(!1),[D,E]=i(!1),[A,P]=i(a),j=o(A);j.current=A;let y=s(()=>j.current,[]),z=o(new u({width:0,height:0})),B=e(),I=s(e=>{let{width:t,height:s}=e.getBoundingClientRect();c(t<B.breakpoints.values.sm),d(t<=B.breakpoints.values.md),h(t<B.breakpoints.values.lg&&t>B.breakpoints.values.sm),R(t>B.breakpoints.values.md),x(window.matchMedia("(orientation: landscape)").matches),f(window.matchMedia("(orientation: portrait)").matches),z.current.next({width:Math.ceil(t),height:Math.ceil(s)})},[B.breakpoints.values.lg,B.breakpoints.values.md,B.breakpoints.values.sm]),O=s(()=>{t.current&&I(t.current)},[t,I]);p({ref:t,onResize:()=>{null!=t.current&&I(t.current)}}),r(()=>{null!=t.current&&I(t.current)},[t,I]);let T=s(()=>{g(!0)},[g]),U=s(()=>{g(!1)},[g]),$=s(()=>{L(!0)},[L]),q=s(()=>{L(!1)},[L]),F=s(e=>{E(e)},[]);return{isExpanded:w,isHidden:C,expand:T,collapse:U,hide:$,show:q,isPhone:n,isMobile:v,isTablet:m,isDesktop:b,isLandscape:k,isPortrait:M,isMobileAndMobileLandscape:v||k&&m&&l,isDesktopExceptMobileLandscape:b&&!(k&&m&&l),viewport$:z.current,canvasPadding:A,getCanvasPadding:y,setCanvasPadding:P,update:O,isAnimating:D,setAnimating:F}};export const Responsive={Desktop:({children:e})=>{let{isDesktop:t}=useResponsive();return t?e:null},Mobile:({children:e})=>{let{isMobile:t}=useResponsive();return t?e:null},Phone:({children:e})=>{let{isPhone:t}=useResponsive();return t?e:null},Tablet:({children:e})=>{let{isTablet:t}=useResponsive();return t?e:null},Landscape:({children:e})=>{let{isLandscape:t}=useResponsive();return t?e:null},Portrait:({children:e})=>{let{isPortrait:t}=useResponsive();return t?e:null},MobileAndMobileLandscape:({children:e})=>{let{isMobileAndMobileLandscape:t}=useResponsive();return t?e:null},DesktopExceptMobileLandscape:({children:e})=>{let{isDesktopExceptMobileLandscape:t}=useResponsive();return t?e:null}};

package/dist/ui-sdk/responsive-application/index.d.ts

@@ -0,0 +1,2 @@
+export { ResponsiveApplicationProvider, type ResponsiveApplicationProviderProps, } from './ResponsiveApplicationProvider.js';
+export { type CanvasPadding, Responsive, useResponsiveInfo, useResponsive, ResponsiveContext, type ResponsiveInfo, } from './ResponsiveProvider.js';

package/dist/ui-sdk/responsive-application/index.js

@@ -0,0 +1 @@
+export{ResponsiveApplicationProvider}from"./ResponsiveApplicationProvider.js";export{Responsive,useResponsiveInfo,useResponsive,ResponsiveContext}from"./ResponsiveProvider.js";

package/dist/ui-sdk/theme/create-scaled-theme.d.ts

@@ -0,0 +1,20 @@
+import type { ThemeOptions } from '@mui/material';
+/**
+ * Creates a MUI theme with shared Phoenix platform-wide defaults, scaled to the host page's font
+ * size. "Scaled" refers to `typography.htmlFontSize`: pixel values in the shared theme are
+ * converted to rem against it, so an embedding page with a non-default root font size renders the
+ * UI at the intended physical size.
+ *
+ * This utility merges theme options using a custom merge strategy that:
+ * 1. Takes shared platform-wide theme settings (`createSharedThemeOptions`),
+ * 2. Merges project-specific overrides from `options`,
+ * 3. Handles function-based styleOverrides by composing them with shared styles,
+ * 4. Creates a single MUI theme from the merged result.
+ *
+ * The merge strategy preserves shared styles even when projects use function-based
+ * styleOverrides, eliminating the need to manually repeat shared theme values.
+ *
+ * Used for any Phoenix-styled surface, not just the configurator (admin, editor chrome,
+ * storybook themes) — hence the platform-neutral name.
+ */
+export declare const createScaledPhoenixTheme: (options?: ThemeOptions) => import("@mui/material").Theme;

package/dist/ui-sdk/theme/create-scaled-theme.js

@@ -0,0 +1 @@
+import{createTheme as o}from"@mui/material";import e from"lodash-es/mergeWith.js";import{createThemeWithPhoenixIcons as t}from"../icons/index.js";import{createSharedThemeOptions as r}from"./shared-theme.js";let i=(o,e)=>"function"!=typeof e||"object"!=typeof o||Array.isArray(o)?"function"==typeof e&&"function"==typeof o?t=>({...o(t),...e(t)}):void 0:t=>({...o,...e(t)});export const createScaledPhoenixTheme=(m={})=>{let f=m.typography;return o(t(e({},r((f&&"object"==typeof f?f.htmlFontSize:void 0)??16),m,i)))};

package/dist/ui-sdk/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { createScaledPhoenixTheme } from './create-scaled-theme.js';
+export { phoenixTheme } from './phoenix-theme.js';
+export { breakpoints } from './shared-theme.js';
+export { desktopStyles, hoverStyles } from './queries.js';
+export { pxToRem } from './typography.js';
+export type {} from './types.js';

package/dist/ui-sdk/theme/index.js

@@ -0,0 +1 @@
+export{createScaledPhoenixTheme}from"./create-scaled-theme.js";export{phoenixTheme}from"./phoenix-theme.js";export{breakpoints}from"./shared-theme.js";export{desktopStyles,hoverStyles}from"./queries.js";export{pxToRem}from"./typography.js";

package/dist/ui-sdk/theme/phoenix-theme.d.ts

@@ -0,0 +1,18 @@
+import type { ThemeOptions } from '@mui/material';
+/**
+ * Phoenix Base Theme
+ *
+ * This theme reflects the default visual styles of the Phoenix design system.
+ * Update this theme when Figma design tokens or component styles diverge from MUI defaults.
+ *
+ * __How to use this?__
+ *
+ * When creating a new project's theme, use this as the starting point by copying and extending it.
+ *
+ * __Why is this useful?__
+ *
+ * Using a shared base theme ensures visual consistency across projects and helps prevent
+ * unintended visual regressions. While it doesn't guard against API-level breaking changes,
+ * it does provide a reliable foundation for consistent UI behavior and appearance.
+ */
+export declare const phoenixTheme: ThemeOptions;

package/dist/ui-sdk/theme/phoenix-theme.js

@@ -0,0 +1 @@
+export const phoenixTheme={components:{},palette:{mode:"light"},shape:{},typography:{}};

package/dist/ui-sdk/theme/queries.d.ts

@@ -0,0 +1,37 @@
+import type { CSSObject } from '@mui/material';
+/**
+ * Wraps CSS styles in a container query for desktop screens.
+ * Uses the platform's custom breakpoints to generate the correct container query string.
+ *
+ * @param styles – The CSS styles to apply on desktop
+ * @returns Object with desktop container query and CSS styles
+ *
+ * @example
+ * ```typescript
+ * const mixedStyles = desktopStyles({
+ *   backgroundColor: 'primary.main',
+ *   borderRadius: 1,
+ *   '&:hover': {
+ *     backgroundColor: 'primary.dark'
+ *   }
+ * })
+ * ```
+ */
+export declare const desktopStyles: (styles: CSSObject) => Record<string, CSSObject>;
+/**
+ * Wraps CSS styles in a hover media query to scope them to devices with hover support.
+ * Prevents hover styles from being applied on touch-only devices.
+ *
+ * @param styles – The CSS styles to apply on hover-capable devices
+ * @returns Object with hover media query and CSS styles
+ *
+ * @example
+ * ```typescript
+ * const styles = hoverStyles({
+ *   '&:hover': {
+ *     backgroundColor: 'primary.dark',
+ *   },
+ * })
+ * ```
+ */
+export declare const hoverStyles: (styles: CSSObject) => Record<string, CSSObject>;

package/dist/ui-sdk/theme/queries.js

@@ -0,0 +1 @@
+import{breakpoints as e}from"./shared-theme.js";export const desktopStyles=o=>({[`@container app (width >= ${e.values.md}px)`]:o});export const hoverStyles=e=>({"@media (hover: hover)":e});

package/dist/ui-sdk/theme/shared-theme.d.ts

@@ -0,0 +1,17 @@
+import type { ThemeOptions } from '@mui/material';
+/**
+ * WARNING: DO NOT CHANGE UNLESS YOU KNOW WHAT YOU ARE DOING.
+ *
+ * This affects ALL themes across the platform. For one-off changes,
+ * use project-specific theme definitions instead.
+ */
+export declare const breakpoints: {
+    values: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+};
+export declare const createSharedThemeOptions: (htmlFontSize: number) => ThemeOptions;

package/dist/ui-sdk/theme/shared-theme.js

@@ -0,0 +1,4 @@
+import{createTheme as t}from"@mui/material";import{buttonVariants as e}from"../components/button/button-variants.js";import{dialogComponents as i}from"../components/dialog/dialog-overrides.js";import{fabVariants as o}from"../components/fab/fab-variants.js";import{iconButtonVariants as n}from"../components/icon-button/icon-button-variants.js";import{desktopStyles as r}from"./queries.js";import{pxToRem as a}from"./typography.js";export const breakpoints={values:{xs:0,sm:480,md:768,lg:1024,xl:1536}};let{shadows:l}=t({breakpoints}),p=`
+  0 2px 8px -1px hsl(from black h s l / 10%),
+  0 1px 4px -2px hsl(from black h s l / 10%)
+`,h=[l[0],...Array(23).fill(p),l[24]];export const createSharedThemeOptions=t=>({breakpoints,components:{...i,MuiButton:{styleOverrides:{root:{maxInlineSize:"100%",overflow:"hidden",whiteSpace:"nowrap","&:is(*, #chucknorris)":{boxShadow:"none"}}},variants:[...e]},MuiFab:{defaultProps:{color:"light"},variants:[...o,{props:{variant:"extended"},style:({theme:{spacing:t}})=>({gap:t(1),maxInlineSize:"100%",overflow:"hidden",whiteSpace:"nowrap"})}]},MuiIconButton:{variants:[...n]},MuiTextField:{defaultProps:{variant:"filled"}},MuiTooltip:{defaultProps:{disableInteractive:!0,placement:"top"}}},palette:{background:{scene:"#F0F0F0"}},shadows:h,typography:{htmlFontSize:t,h1:{fontSize:a(46,t),fontWeight:300,letterSpacing:0,lineHeight:1.17,...r({fontSize:a(96,t),fontWeight:300,lineHeight:1.167})},h2:{fontSize:a(40,t),fontWeight:300,letterSpacing:0,lineHeight:1.1,...r({fontSize:a(60,t),fontWeight:300,lineHeight:1.2})},h3:{fontSize:a(36,t),fontWeight:300,letterSpacing:0,lineHeight:1.1,...r({fontSize:a(48,t),fontWeight:400,lineHeight:1.167})},h4:{fontSize:a(28,t),fontWeight:400,letterSpacing:0,lineHeight:1.2,...r({fontSize:a(34,t),fontWeight:400,lineHeight:1.235})},h5:{fontSize:a(22,t),fontWeight:500,letterSpacing:0,lineHeight:1.25,...r({fontSize:a(24,t),fontWeight:500,lineHeight:1.334})},h6:{fontSize:a(18,t),fontWeight:500,letterSpacing:0,lineHeight:1.45,...r({fontSize:a(20,t),fontWeight:500,lineHeight:1.6})}}});