plass-ui 1.6.0 → 1.8.0

package/dist/components/typography/PlTypography.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useRender } from '@base-ui/react/use-render';
-import type { PlassColor } from '../../types.js';
+import type { PlassColor, PlassHeadingLevel } from '../../types.js';
 /**
  * What a piece of text *is*, which decides both its type scale and the element
  * it renders as.
@@ -15,7 +15,8 @@ export type PlTypographyWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 export interface PlTypographyProps extends Omit<React.ComponentPropsWithoutRef<'p'>, 'color' | 'children'> {
     /**
      * The type scale, and the element that carries it. `h1`–`h6` render the
-     * matching heading, `lead`/`body` a `<p>`, `caption`/`overline` a `<span>`.
+     * matching heading, `lead`/`body` a `<p>`, `caption`/`overline` a `<span>`,
+     * unless `headingLevel` or `render` names another element.
      * @default 'body'
      */
     level?: PlTypographyLevel;
@@ -40,9 +41,20 @@ export interface PlTypographyProps extends Omit<React.ComponentPropsWithoutRef<'
      */
     gutter?: boolean;
     /**
-     * Renders a different element without changing the type scale — an `h2`-sized
-     * line that is semantically a `<p>`, or the other way round. Base UI's own
-     * escape hatch.
+     * The level of the heading the text is, `1` to `6`, without changing the type
+     * scale `level` picks.
+     *
+     * A heading has to sit one level under the one above it, or the page's
+     * outline skips a step, and the size that suits a heading is not always its
+     * place in the outline. An `h3`-sized title directly under the page's `<h1>`
+     * wants `2`. Any level takes one: `level="body"` with `headingLevel={2}` is an
+     * `<h2>` at body size. `render` wins when both are given.
+     */
+    headingLevel?: PlassHeadingLevel;
+    /**
+     * Renders a different element without changing the type scale — an `h3`-sized
+     * line that is semantically a `<p>`. Base UI's own escape hatch, and it wins
+     * over `headingLevel`, which is the way to change only a heading's level.
      */
     render?: useRender.RenderProp;
     children?: React.ReactNode;
@@ -56,8 +68,9 @@ export interface PlTypographyProps extends Omit<React.ComponentPropsWithoutRef<'
  * its own, so a page can use it without wrapping its prose in a card.
  *
  * `level` sets the scale *and* the element, which is the common case. When they
- * have to differ — a subheading that should not enter the document outline, a
- * `<p>` that has to look like an `h3` — `render` breaks the tie.
+ * have to differ, `headingLevel` moves a heading to another level of the
+ * outline, and `render` breaks the tie for anything else — a subheading that
+ * should not enter the document outline, a `<p>` that has to look like an `h3`.
  *
  * There is no `variant` and no `elevation`, and there is no `size` either.
  * `level` is the size: a `size` prop alongside it would let a caller ask for an

package/dist/components/typography/PlTypography.js

@@ -1 +1 @@
-"use client";import*as e from"react";import{useRender as t}from"@base-ui/react/use-render";const r={h1:"text-[1.875rem]/[2.25rem] tracking-[-0.02em]",h2:"text-[1.5rem]/[1.875rem] tracking-[-0.015em]",h3:"text-[1.25rem]/[1.625rem] tracking-[-0.01em]",h4:"text-[1.0625rem]/[1.5rem]",h5:"text-[0.9375rem]/[1.375rem]",h6:"text-[0.8125rem]/[1.25rem]",lead:"text-[1.0625rem]/[1.75rem]",body:"text-[0.8125rem]/[1.375rem]",caption:"text-[0.75rem]/[1.125rem]",overline:"text-[0.6875rem]/[1rem] tracking-[0.08em] uppercase"},m={h1:"semibold",h2:"semibold",h3:"semibold",h4:"semibold",h5:"semibold",h6:"semibold",lead:"regular",body:"regular",caption:"regular",overline:"medium"},l={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",lead:"p",body:"p",caption:"span",overline:"span"},n=new Set(["caption","overline"]),o={h1:"mb-4",h2:"mb-3.5",h3:"mb-3",h4:"mb-2.5",h5:"mb-2",h6:"mb-2",lead:"mb-4",body:"mb-3",caption:"mb-2",overline:"mb-2"},a={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},s={start:"text-start",center:"text-center",end:"text-end",justify:"text-justify"};function clampClasses(e){return 1===e?"block truncate":"line-clamp-(--p-lines)"}export const PlTypography=/* @__PURE__ */e.forwardRef(function PlTypography({level:i="body",color:c,weight:h,align:d,lines:p,gutter:b=!1,render:u,className:x,style:f,children:g,...y},v){const k=p&&p>=1?Math.floor(p):void 0,j=["m-0",r[i],a[h??m[i]],d?s[d]:"",k?clampClasses(k):"",b?o[i]:"",c?"text-(--p-accent)":n.has(i)?"text-(--plass-muted-fg)":"text-(--plass-fg)",x??""].filter(Boolean).join(" ");return t({render:u??e.createElement(l[i]),ref:v,props:{className:j,style:c||k&&k>1?{...c?{"--p-accent":`var(--plass-${c}-accent)`}:null,...k&&k>1?{"--p-lines":k}:null,...f}:f,children:g,...y}})});
+"use client";import*as e from"react";import{useRender as t}from"@base-ui/react/use-render";const r={h1:"text-[1.875rem]/[2.25rem] tracking-[-0.02em]",h2:"text-[1.5rem]/[1.875rem] tracking-[-0.015em]",h3:"text-[1.25rem]/[1.625rem] tracking-[-0.01em]",h4:"text-[1.0625rem]/[1.5rem]",h5:"text-[0.9375rem]/[1.375rem]",h6:"text-[0.8125rem]/[1.25rem]",lead:"text-[1.0625rem]/[1.75rem]",body:"text-[0.8125rem]/[1.375rem]",caption:"text-[0.75rem]/[1.125rem]",overline:"text-[0.6875rem]/[1rem] tracking-[0.08em] uppercase"},m={h1:"semibold",h2:"semibold",h3:"semibold",h4:"semibold",h5:"semibold",h6:"semibold",lead:"regular",body:"regular",caption:"regular",overline:"medium"},l={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",lead:"p",body:"p",caption:"span",overline:"span"},n=new Set(["caption","overline"]),o={h1:"mb-4",h2:"mb-3.5",h3:"mb-3",h4:"mb-2.5",h5:"mb-2",h6:"mb-2",lead:"mb-4",body:"mb-3",caption:"mb-2",overline:"mb-2"},a={regular:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},i={start:"text-start",center:"text-center",end:"text-end",justify:"text-justify"};function clampClasses(e){return 1===e?"block truncate":"line-clamp-(--p-lines)"}export const PlTypography=/* @__PURE__ */e.forwardRef(function PlTypography({level:s="body",color:h,weight:c,align:d,lines:p,gutter:b=!1,headingLevel:u,render:f,className:x,style:g,children:y,...v},k){const j=p&&p>=1?Math.floor(p):void 0,w="number"==typeof u&&Number.isInteger(u)&&u>=1&&u<=6?u:void 0,N=w?`h${w}`:l[s],C=["m-0",r[s],a[c??m[s]],d?i[d]:"",j?clampClasses(j):"",b?o[s]:"",h?"text-(--p-accent)":n.has(s)?"text-(--plass-muted-fg)":"text-(--plass-fg)",x??""].filter(Boolean).join(" ");return t({render:f??e.createElement(N),ref:k,props:{className:C,style:h||j&&j>1?{...h?{"--p-accent":`var(--plass-${h}-accent)`}:null,...j&&j>1?{"--p-lines":j}:null,...g}:g,children:y,...v}})});

package/dist/components/visually-hidden/PlVisuallyHidden.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { useRender } from '@base-ui/react/use-render';
+import type { PlassHeadingLevel } from '../../types.js';
 export interface PlVisuallyHiddenProps extends React.ComponentPropsWithoutRef<'span'> {
     /**
      * Brings the content back into the page while anything inside it has the
@@ -20,8 +21,16 @@ export interface PlVisuallyHiddenProps extends React.ComponentPropsWithoutRef<'s
      */
     focusable?: boolean;
     /**
-     * Renders something other than a `<span>`: `render={<div />}`,
-     * `render={<h2 />}`. Base UI's own escape hatch.
+     * Renders a heading at this level, `1` to `6`, in place of the `<span>`: a
+     * heading that structures the page for a screen reader without appearing in
+     * the design. It is clipped like any other content, and `focusable` still
+     * applies. `render` wins when both are given.
+     */
+    headingLevel?: PlassHeadingLevel;
+    /**
+     * Renders something other than a `<span>`, such as the `<div>` a live region
+     * wants. Base UI's own escape hatch, and it wins over `headingLevel`, which is
+     * the way to render a heading.
      */
     render?: useRender.RenderProp;
     children?: React.ReactNode;
@@ -43,4 +52,4 @@ export interface PlVisuallyHiddenProps extends React.ComponentPropsWithoutRef<'s
  * inside a dozen components; this is the same rule, spelled once, for the
  * caller's own markup.
  */
-export declare const PlVisuallyHidden: React.ForwardRefExoticComponent<PlVisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const PlVisuallyHidden: React.ForwardRefExoticComponent<PlVisuallyHiddenProps & React.RefAttributes<HTMLElement>>;

package/dist/components/visually-hidden/PlVisuallyHidden.js

@@ -1 +1 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import*as i from"react";import{useRender as r}from"@base-ui/react/use-render";import{cx as s,srOnlyClasses as n}from"../../internal/styles.js";const o=/* @__PURE__ */["focus-within:static focus-within:size-auto","focus-within:overflow-visible focus-within:whitespace-normal","focus-within:[clip-path:none]"].join(" ");export const PlVisuallyHidden=/* @__PURE__ */i.forwardRef(function PlVisuallyHidden({focusable:i=!1,render:t,className:a,children:c,...l},f){return r({render:t??e("span",{}),ref:f,props:{className:s(n,i?o:"",a),children:c,...l}})});
+"use client";import*as e from"react";import{useRender as i}from"@base-ui/react/use-render";import{headingLevelOf as n}from"../../internal/heading.js";import{cx as r,srOnlyClasses as s}from"../../internal/styles.js";const t=/* @__PURE__ */["focus-within:static focus-within:size-auto","focus-within:overflow-visible focus-within:whitespace-normal","focus-within:[clip-path:none]"].join(" ");export const PlVisuallyHidden=/* @__PURE__ */e.forwardRef(function PlVisuallyHidden({focusable:o=!1,headingLevel:a,render:c,className:l,children:f,...u},d){const h=n(a),m=h?`h${h}`:"span";return i({render:c??e.createElement(m),ref:d,props:{className:r(s,o?t:"",l),children:f,...u}})});

package/dist/components/window-pane/PlWindowPane.d.ts

@@ -58,6 +58,9 @@ export interface PlWindowPaneProps extends Omit<React.ComponentPropsWithoutRef<'
      * Anything above `0` also turns the acrylic on, so the page underneath is
      * blurred rather than merely visible. `1` is a window that is nothing but its
      * edge and its chrome.
+     *
+     * A reader who has asked their system for less transparency gets an opaque
+     * window with no blur, whatever this says.
      * @default 0
      */
     transparency?: number;
@@ -94,7 +97,11 @@ export interface PlWindowPaneProps extends Omit<React.ComponentPropsWithoutRef<'
      * @default 'static'
      */
     position?: PlWindowPanePosition;
-    /** Lets the title bar be dragged. @default false */
+    /**
+     * Lets the title bar be dragged. The bar also becomes a stop in the tab
+     * order, where the arrow keys move the window.
+     * @default false
+     */
     draggable?: boolean;
     /** Lets the edges and corners be dragged. @default false */
     resizable?: boolean;
@@ -104,7 +111,10 @@ export interface PlWindowPaneProps extends Omit<React.ComponentPropsWithoutRef<'
     height?: number | string;
     /** How small it may be dragged, in pixels. @default 180 */
     minWidth?: number;
-    /** The same downward. Defaults to the title bar's own height. */
+    /**
+     * The same downward. Never less than the title bar and the frame round it,
+     * which is also the default.
+     */
     minHeight?: number;
     /** How far it has been dragged from where the layout put it. */
     offset?: PlWindowOffset;
@@ -130,7 +140,8 @@ export interface PlWindowPaneProps extends Omit<React.ComponentPropsWithoutRef<'
     onMinimizedChange?: (minimized: boolean) => void;
     /**
      * Whether the window fills whatever is holding it. Its corners go square
-     * while it does, as they do on every system.
+     * while it does, as they do on every system. A window that is also
+     * `minimized` fills it across and is rolled up to its bar.
      */
     maximized?: boolean;
     /** @default false */
@@ -150,6 +161,8 @@ export interface PlWindowPaneProps extends Omit<React.ComponentPropsWithoutRef<'
     restoreLabel?: string;
     closeLabel?: string;
     resizeLabel?: string;
+    /** What the title bar of a `draggable` window is called where the keyboard reaches it. */
+    moveLabel?: string;
     /** Renders something other than a `<div>`: `render={<section />}`. */
     render?: useRender.RenderProp;
     /** What is in the window. */

package/dist/components/window-pane/PlWindowPane.js

@@ -1 +1 @@
-"use client";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as i from"react";import{useRender as o}from"@base-ui/react/use-render";import{beginPointerDrag as r}from"../../internal/drag.js";import{useLabels as s}from"../../internal/labels.js";import{cx as a,glassClasses as l,hasContent as c,iconClasses as d}from"../../internal/styles.js";import{PlWindowControls as u,orderControls as m,windowChrome as h,windowMetrics as f,windowSlots as g}from"../../internal/window.js";import{useDefaults as w}from"../../internal/defaults.js";import{inertProps as p}from"../../internal/inert.js";import{focusablesIn as b}from"../../internal/focusable.js";function useLatched(e,t,n){const[o,r]=i.useState(t),s=void 0!==e;return[s?e:o,i.useCallback(e=>{s||r(e),n?.(e)},[s,n])]}const v=[{edge:"n",className:"inset-x-3 top-0 h-1.5 cursor-ns-resize"},{edge:"s",className:"inset-x-3 bottom-0 h-1.5 cursor-ns-resize"},{edge:"w",className:"inset-y-3 left-0 w-1.5 cursor-ew-resize"},{edge:"e",className:"inset-y-3 right-0 w-1.5 cursor-ew-resize"},{edge:"nw",className:"top-0 left-0 size-3 cursor-nwse-resize"},{edge:"ne",className:"top-0 right-0 size-3 cursor-nesw-resize"},{edge:"sw",className:"bottom-0 left-0 size-3 cursor-nesw-resize"},{edge:"se",className:"right-0 bottom-0 size-3 cursor-nwse-resize"}];export const PlWindowPane=/* @__PURE__ */i.forwardRef(function PlWindowPane(x,z){const{os:y="macos",title:N,icon:E,actions:L,controls:M=!0,size:S,color:C,accent:k=!1,transparency:T=0,active:I,elevation:j=2,position:R="static",draggable:D=!1,resizable:P=!1,width:O,height:W,minWidth:B=180,minHeight:H,offset:A,defaultOffset:G,onOffsetChange:X,onResize:$,open:_,defaultOpen:F=!0,onOpenChange:U,minimized:Y,defaultMinimized:q=!1,onMinimizedChange:K,maximized:J,defaultMaximized:Q=!1,onMaximizedChange:V,scroll:Z=!0,minimizeLabel:ee,maximizeLabel:te,restoreLabel:ne,closeLabel:ie,resizeLabel:oe,render:re,className:se,style:ae,children:le,...ce}=x,de=w(),ue=S??de.size??"md",me=C??de.color??"primary",he=s(),fe=h(y),ge=f(y,ue),we=i.useId(),[pe,be]=useLatched(_,F,U),[ve,xe]=useLatched(Y,q,K),[ze,ye]=useLatched(J,Q,V),[Ne,Ee]=useLatched(A,G??{x:0,y:0},X),[Le,Me]=i.useState(null),[Se,Ce]=i.useState(!0),ke=I??Se,[Te,Ie]=i.useState(null),[je,Re]=i.useState(null),[De,Pe]=i.useState(!1),[Oe,We]=i.useState(!1),[Be,He]=i.useState(pe);Be!==pe&&(He(pe),We(!pe)),i.useEffect(()=>{if(!Oe)return;const e=window.setTimeout(()=>We(!1),260);return()=>window.clearTimeout(e)},[Oe]);const Ae=i.useRef(null),Ge=i.useCallback(e=>{Ae.current=e,"function"==typeof z?z(e):z&&(z.current=e)},[z]),Xe=i.useRef(null),$e=pe||Oe;i.useEffect(()=>{const e=Ae.current;if(!$e||!e)return;const arrive=t=>{const n=t.relatedTarget;n instanceof Node&&e.contains(n)||(Xe.current=n instanceof HTMLElement?n:null)};return e.addEventListener("focusin",arrive),()=>e.removeEventListener("focusin",arrive)},[$e]),i.useLayoutEffect(()=>{const e=Ae.current,t=document.activeElement;if(pe||!e||!(t instanceof HTMLElement)||!e.contains(t))return;const n=Xe.current;if(n?.isConnected&&!e.contains(n)&&!n.closest("[inert]")&&(n.focus({preventScroll:!0}),document.activeElement===n))return;const i=b(document).filter(t=>!e.contains(t)),o=i.find(t=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)??i.at(-1);o?o.focus({preventScroll:!0}):t.blur()},[pe]),i.useEffect(()=>{if(void 0!==I)return;const e=Ae.current;if(!e)return;const notice=t=>{const n=t.target;if(!(n instanceof Node))return;if(e.contains(n))return void Ce(!0);const i=n instanceof Element?n:n.parentElement;i?.closest(".plass-window")&&Ce(!1)};return document.addEventListener("pointerdown",notice,!0),document.addEventListener("focusin",notice,!0),()=>{document.removeEventListener("pointerdown",notice,!0),document.removeEventListener("focusin",notice,!0)}},[I]);const _e=i.useRef(null);function beginGesture(e,t){if(0!==e.button)return;_e.current?.();const n=e.currentTarget,i=e.clientX,o=e.clientY;Pe(!0);const finish=()=>{_e.current=null,Pe(!1)},s=r({target:n,pointerId:e.pointerId,onMove:e=>t(e.clientX-i,e.clientY-o),onEnd:finish});_e.current=()=>{s(),finish()}}i.useEffect(()=>()=>_e.current?.(),[]);const Fe={width:Math.max(0,B),height:Math.max(ge.bar,H??ge.bar)};function resizeTo(e){Me(e),$?.(e)}const Ue=m(y,!0===M?["minimize","maximize","close"]:!1===M?[]:M),Ye=Ue.includes("maximize");i.useEffect(()=>{if(ve||null===je)return;const e=window.setTimeout(()=>Re(null),400);return()=>window.clearTimeout(e)},[ve,je]);const qe={minimize:ee??he.minimize,maximize:te??he.maximize,restore:ne??he.restore,close:ie??he.close},Ke=e(u,{os:y,metrics:ge,controls:Ue,maximized:ze,active:ke,labels:qe,onCommand:function command(e){"close"===e?be(!1):"minimize"===e?function rollUp(e){const t=Ae.current,n=t?.firstElementChild;if(t&&n instanceof HTMLElement&&Ie(n.offsetHeight+(t.offsetHeight-t.clientHeight)),e&&void 0===(Le?.height??W)&&t)return Re(t.getBoundingClientRect().height),void requestAnimationFrame(()=>xe(!0));xe(e)}(!ve):ye(!ze)}}),Je=c(N)?e("span",{id:we,className:"min-w-0 truncate",children:N}):null,Qe=c(E)?e("span",{className:"flex shrink-0 items-center",children:E}):null,Ve=t("div",{className:a("relative flex shrink-0 items-center select-none",d,D&&!ze?"cursor-grab touch-none active:cursor-grabbing":""),style:{height:ge.bar,textShadow:"var(--p-window-bar-shadow)",fontWeight:ge.weight,paddingInlineStart:ge.padX,paddingInlineEnd:ge.padEnd,gap:Math.round(.7*ge.title),fontSize:ge.title,backgroundColor:"var(--p-window-bar)",backgroundImage:"var(--p-window-bar-image)",color:"var(--p-window-bar-fg)",borderBlockEnd:fe.rule?"1px solid var(--p-window-line)":void 0},onPointerDown:function beginDrag(e){if(!D||ze)return;const t={...Ne};beginGesture(e,(e,n)=>Ee({x:t.x+e,y:t.y+n}))},onDoubleClick:Ye?()=>ye(!ze):void 0,children:["start"===fe.controlsSide?Ke:null,"center"===fe.titleAlign?e("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 flex items-center justify-center",style:{paddingInline:ge.controlsWidth(Ue.length)+2*ge.padX},children:t("span",{className:"flex min-w-0 items-center",style:{gap:Math.round(.5*ge.title)},children:[Qe,Je]})}):t(n,{children:[Qe,Je]}),e("span",{className:"flex-1"}),c(L)?e("span",{className:"flex shrink-0 items-center",style:{gap:Math.round(.5*ge.title)},onPointerDown:e=>e.stopPropagation(),children:L}):null,"end"===fe.controlsSide?Ke:null]}),Ze=ze?{left:0,top:0,width:"100%",height:"100%"}:{left:Ne.x,top:Ne.y,width:Le?.width??O,height:ve?Te??ge.bar:Le?.height??W??je??void 0},et=o({render:re,ref:Ge,props:{role:"group","aria-labelledby":Je?we:void 0,className:a("plass-window relative flex min-w-0 flex-col overflow-hidden",T>0?l:"",fe.glass&&0===T?"[backdrop-filter:var(--plass-blur)]":"","[transition-property:left,top,width,height,opacity,box-shadow,background-color,border-color,border-radius]","[transition-duration:var(--plass-duration-slow)]","[transition-timing-function:var(--plass-ease)]","motion-reduce:[transition-duration:0ms]","data-[gesture]:[transition-property:none]",se),"data-gesture":De?"":void 0,...p(!pe),style:{opacity:pe?void 0:0,...g({os:y,color:me,accent:k,transparency:T,active:ke,elevation:j}),position:"static"===R?"relative":R,...Ze,borderRadius:ze?0:`${ge.radius}px ${ge.radius}px ${ge.radiusBottom}px ${ge.radiusBottom}px`,borderStyle:"solid",borderWidth:ge.frame,borderColor:"var(--p-window-line)",backgroundColor:"var(--p-window-band)",boxShadow:"var(--p-window-shadow), var(--plass-gloss-glass)",...ae},children:t(n,{children:[Ve,e("div",{className:a("min-h-0 flex-1",Z?"overflow-auto":"overflow-hidden"),style:{backgroundColor:"var(--p-window-body)",marginInline:ge.band.side,marginBottom:ge.band.bottom,boxShadow:ge.band.side>0?"inset 0 0 0 1px rgb(0 0 0 / 0.12)":void 0},...p(ve),children:le}),!P||ze||ve?null:v.map(t=>{const n="se"===t.edge;return e("div",{role:n?"button":void 0,tabIndex:n?0:void 0,"aria-label":n?oe??he.resizeWindow:void 0,"aria-hidden":n?void 0:"true",className:a("absolute z-10 touch-none",t.className,n?"focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]":""),onPointerDown:e=>function beginResize(e,t){const n=Ae.current;if(!n||ze)return;const i=n.getBoundingClientRect(),o={width:i.width,height:i.height,x:Ne.x,y:Ne.y},r=e.includes("e"),s=e.includes("w"),a=e.includes("n"),l=e.includes("s");beginGesture(t,(e,t)=>{let{width:n,height:i}=o,{x:c,y:d}=o;r&&(n=Math.max(Fe.width,o.width+e)),l&&(i=Math.max(Fe.height,o.height+t)),s&&(n=Math.max(Fe.width,o.width-e),c=o.x+(o.width-n)),a&&(i=Math.max(Fe.height,o.height-t),d=o.y+(o.height-i)),resizeTo({width:n,height:i}),(s||a)&&Ee({x:c,y:d})})}(t.edge,e),onKeyDown:n?e=>{const t={ArrowRight:[16,0],ArrowLeft:[-16,0],ArrowDown:[0,16],ArrowUp:[0,-16]}[e.key];t&&(e.preventDefault(),function nudge(e,t){const n=Ae.current;if(!n)return;const i=n.getBoundingClientRect();resizeTo({width:Math.max(Fe.width,i.width+e),height:Math.max(Fe.height,i.height+t)})}(t[0],t[1]))}:void 0},t.edge)})]}),...ce}});return pe||Oe?et:null});
+"use client";import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import*as i from"react";import{useRender as r}from"@base-ui/react/use-render";import{beginPointerDrag as o}from"../../internal/drag.js";import{layoutBox as s}from"../../internal/layout-box.js";import{useLabels as a}from"../../internal/labels.js";import{cx as l,glassClasses as c,hasContent as d,iconClasses as u}from"../../internal/styles.js";import{PlWindowControls as m,orderControls as f,windowChrome as p,windowMetrics as h,windowSlots as w}from"../../internal/window.js";import{useDefaults as g}from"../../internal/defaults.js";import{inertProps as b}from"../../internal/inert.js";import{focusablesIn as v}from"../../internal/focusable.js";function useLatched(e,t,n){const[r,o]=i.useState(t),s=void 0!==e;return[s?e:r,i.useCallback(e=>{s||o(e),n?.(e)},[s,n])]}const x={ArrowRight:[1,0],ArrowLeft:[-1,0],ArrowDown:[0,1],ArrowUp:[0,-1]};function stepWithin({step:e,start:t,end:n,limit:i}){return e>0?Math.min(e,Math.max(0,i-n)):-Math.min(-e,Math.max(0,t))}const y=[{edge:"n",className:"inset-x-3 top-0 h-1.5 cursor-ns-resize"},{edge:"s",className:"inset-x-3 bottom-0 h-1.5 cursor-ns-resize"},{edge:"w",className:"inset-y-3 left-0 w-1.5 cursor-ew-resize"},{edge:"e",className:"inset-y-3 right-0 w-1.5 cursor-ew-resize"},{edge:"nw",className:"top-0 left-0 size-3 cursor-nwse-resize"},{edge:"ne",className:"top-0 right-0 size-3 cursor-nesw-resize"},{edge:"sw",className:"bottom-0 left-0 size-3 cursor-nesw-resize"},{edge:"se",className:"right-0 bottom-0 size-3 cursor-nwse-resize"}];export const PlWindowPane=/* @__PURE__ */i.forwardRef(function PlWindowPane(z,N){const{os:M="macos",title:E,icon:L,actions:S,controls:k=!0,size:C,color:P,accent:D=!1,transparency:I=0,active:R,elevation:T=2,position:W="static",draggable:j=!1,resizable:A=!1,width:O,height:$,minWidth:B=180,minHeight:K,offset:_,defaultOffset:F,onOffsetChange:G,onResize:H,open:U,defaultOpen:X=!0,onOpenChange:Y,minimized:q,defaultMinimized:J=!1,onMinimizedChange:Q,maximized:V,defaultMaximized:Z=!1,onMaximizedChange:ee,scroll:te=!0,minimizeLabel:ne,maximizeLabel:ie,restoreLabel:re,closeLabel:oe,resizeLabel:se,moveLabel:ae,render:le,className:ce,style:de,children:ue,...me}=z,fe=g(),pe=C??fe.size??"md",he=P??fe.color??"primary",we=a(),ge=p(M),be=h(M,pe),ve=i.useId(),[xe,ye]=useLatched(U,X,Y),[ze,Ne]=useLatched(q,J,Q),[Me,Ee]=useLatched(V,Z,ee),[Le,Se]=useLatched(_,F??{x:0,y:0},G),[ke,Ce]=i.useState(null),[Pe,De]=i.useState(!0),Ie=R??Pe,[Re,Te]=i.useState(null),[We,je]=i.useState(!1),[Ae,Oe]=i.useState(!1),[$e,Be]=i.useState(xe);$e!==xe&&(Be(xe),Oe(!xe)),i.useEffect(()=>{if(!Ae)return;const e=window.setTimeout(()=>Oe(!1),260);return()=>window.clearTimeout(e)},[Ae]);const Ke=i.useRef(null),_e=i.useCallback(e=>{Ke.current=e,"function"==typeof N?N(e):N&&(N.current=e)},[N]),Fe=i.useRef(null),Ge=i.useRef(null),He=xe||Ae;i.useEffect(()=>{const e=Ke.current;if(!He||!e)return;const arrive=t=>{const n=t.relatedTarget;n instanceof Node&&e.contains(n)||(Ge.current=n instanceof HTMLElement?n:null)};return e.addEventListener("focusin",arrive),()=>e.removeEventListener("focusin",arrive)},[He]),i.useLayoutEffect(()=>{const e=Ke.current,t=document.activeElement;if(xe||!e||!(t instanceof HTMLElement)||!e.contains(t))return;const n=Ge.current;if(n?.isConnected&&!e.contains(n)&&!n.closest("[inert]")&&(n.focus({preventScroll:!0}),document.activeElement===n))return;const i=v(document).filter(t=>!e.contains(t)),r=i.find(t=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)??i.at(-1);r?r.focus({preventScroll:!0}):t.blur()},[xe]),i.useEffect(()=>{if(void 0!==R)return;const e=Ke.current;if(!e)return;const notice=t=>{const n=t.target;if(!(n instanceof Node))return;if(e.contains(n))return void De(!0);const i=n instanceof Element?n:n.parentElement;i?.closest(".plass-window")&&De(!1)};return document.addEventListener("pointerdown",notice,!0),document.addEventListener("focusin",notice,!0),()=>{document.removeEventListener("pointerdown",notice,!0),document.removeEventListener("focusin",notice,!0)}},[R]);const Ue=i.useRef(null);function beginGesture(e,t){const n=Ke.current;if(0!==e.button||!n)return;Ue.current?.();const i=e.currentTarget,r=e.clientX,a=e.clientY,l=s(n,!0).perPixel,c=s(n,!1).perPixel;je(!0);const finish=()=>{Ue.current=null,je(!1)},d=o({target:i,pointerId:e.pointerId,onMove:e=>t((e.clientX-r)*l,(e.clientY-a)*c),onEnd:finish});Ue.current=()=>{d(),finish()}}i.useEffect(()=>()=>Ue.current?.(),[]);const Xe=be.bar+2*be.frame,Ye={width:Math.max(0,B),height:Math.max(Xe,K??Xe)};function resizeTo(e){Ce(e),H?.(e)}const qe=f(M,!0===k?["minimize","maximize","close"]:!1===k?[]:k),Je=qe.includes("maximize");i.useEffect(()=>{if(ze||null===Re)return;const e=window.setTimeout(()=>Te(null),400);return()=>window.clearTimeout(e)},[ze,Re]);const Qe={minimize:ne??we.minimize,maximize:ie??we.maximize,restore:re??we.restore,close:oe??we.close},Ve=e(m,{os:M,metrics:be,controls:qe,maximized:Me,active:Ie,labels:Qe,onCommand:function command(e){"close"===e?ye(!1):"minimize"===e?function rollUp(e){const t=Ke.current;if(e&&void 0===(ke?.height??$)&&!Me&&t)return Te(s(t,!1).size),void requestAnimationFrame(()=>Ne(!0));Ne(e)}(!ze):Ee(!Me)}}),Ze=d(E)?e("span",{id:ve,className:"min-w-0 truncate",children:E}):null,et=d(L)?e("span",{className:"flex shrink-0 items-center",children:L}):null,tt=j&&!Me,nt=Math.max(0,be.radius-be.frame),it=ze?Math.max(0,be.radiusBottom-be.frame):0,rt=tt?e("span",{role:"button",tabIndex:0,"aria-label":ae??we.moveWindow,className:"pointer-events-none absolute inset-0 focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]",style:{borderRadius:`${nt}px ${nt}px ${it}px ${it}px`},onKeyDown:function step(e){const t=x[e.key],n=Ke.current,i=Fe.current;if(!t||!n||!i||e.altKey||e.ctrlKey||e.metaKey)return;e.preventDefault();const r=e.shiftKey?64:16,o=n.getBoundingClientRect(),a=i.getBoundingClientRect().bottom,l=document.documentElement,c=getComputedStyle(n),d=s(n,!0).perPixel,u=s(n,!1).perPixel,lag=(e,t)=>{const n=parseFloat(e);return Number.isNaN(n)?0:t-n},m=lag(c.left,Le.x),f=lag(c.top,Le.y),p=stepWithin({step:t[0]*r,start:o.left*d+m,end:o.right*d+m,limit:l.clientWidth*d}),h=stepWithin({step:t[1]*r,start:o.top*u+f,end:a*u+f,limit:l.clientHeight*u});0===p&&0===h||Se({x:Le.x+p,y:Le.y+h})}}):null,ot=t("div",{ref:Fe,className:l("relative flex shrink-0 items-center select-none",u,tt?"cursor-grab touch-none active:cursor-grabbing":""),style:{height:be.bar,textShadow:"var(--p-window-bar-shadow)",fontWeight:be.weight,paddingInlineStart:be.padX,paddingInlineEnd:be.padEnd,gap:Math.round(.7*be.title),fontSize:be.title,backgroundColor:"var(--p-window-bar)",backgroundImage:"var(--p-window-bar-image)",color:"var(--p-window-bar-fg)",borderBlockEnd:ge.rule?"1px solid var(--p-window-line)":void 0},onPointerDown:function beginDrag(e){if(!j||Me)return;const t={...Le};beginGesture(e,(e,n)=>Se({x:t.x+e,y:t.y+n}))},onDoubleClick:Je?()=>Ee(!Me):void 0,children:[rt,"start"===ge.controlsSide?Ve:null,"center"===ge.titleAlign?e("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 flex items-center justify-center",style:{paddingInline:be.controlsWidth(qe.length)+2*be.padX},children:t("span",{className:"flex min-w-0 items-center",style:{gap:Math.round(.5*be.title)},children:[et,Ze]})}):t(n,{children:[et,Ze]}),e("span",{className:"flex-1"}),d(S)?e("span",{className:"flex shrink-0 cursor-default items-center",style:{gap:Math.round(.5*be.title)},onPointerDown:e=>e.stopPropagation(),onDoubleClick:e=>e.stopPropagation(),children:S}):null,"end"===ge.controlsSide?Ve:null]}),st=Me?{left:0,top:0,width:"100%",height:ze?Xe:"100%"}:{left:Le.x,top:Le.y,width:ke?.width??O,height:ze?Xe:ke?.height??$??Re??void 0},at=r({render:le,ref:_e,props:{role:"group","aria-labelledby":Ze?ve:void 0,className:l("plass-window relative flex min-w-0 flex-col overflow-hidden",I>0?`${c} [@media(prefers-reduced-transparency:reduce)]:[--p-window-keep:100%]`:"",ge.glass&&0===I?"[backdrop-filter:var(--plass-blur)]":"",ge.glass?"[@media(prefers-reduced-transparency:reduce)]:[background-image:linear-gradient(var(--p-window-band),var(--p-window-band)),linear-gradient(var(--plass-surface),var(--plass-surface))]":"","[transition-property:left,top,width,height,opacity,box-shadow,background-color,border-color,border-radius]","[transition-duration:var(--plass-duration-slow)]","[transition-timing-function:var(--plass-ease)]","motion-reduce:[transition-duration:0ms]","data-[gesture]:[transition-property:none]",ce),"data-gesture":We?"":void 0,...b(!xe),style:{opacity:xe?void 0:0,...w({os:M,color:he,accent:D,transparency:I,active:Ie,elevation:T}),position:"static"===W?"relative":W,...st,borderRadius:Me?0:`${be.radius}px ${be.radius}px ${be.radiusBottom}px ${be.radiusBottom}px`,borderStyle:"solid",borderWidth:be.frame,borderColor:"var(--p-window-line)",backgroundColor:"var(--p-window-band)",boxShadow:"var(--p-window-shadow), var(--plass-gloss-glass)",...de},children:t(n,{children:[ot,e("div",{className:l("min-h-0 flex-1",te?"overflow-auto":"overflow-hidden"),style:{backgroundColor:"var(--p-window-body)",marginInline:be.band.side,marginBottom:be.band.bottom,boxShadow:be.band.side>0?"inset 0 0 0 1px rgb(0 0 0 / 0.12)":void 0},...b(ze),children:ue}),!A||Me||ze?null:y.map(t=>{const n="se"===t.edge;return e("div",{role:n?"button":void 0,tabIndex:n?0:void 0,"aria-label":n?se??we.resizeWindow:void 0,"aria-hidden":n?void 0:"true",className:l("absolute z-10 touch-none",t.className,n?"focus-visible:[outline:2px_solid_var(--p-ring)] focus-visible:[outline-offset:-2px]":""),onPointerDown:e=>function beginResize(e,t){const n=Ke.current;if(!n||Me)return;const i={width:s(n,!0).size,height:s(n,!1).size,x:Le.x,y:Le.y},r=e.includes("e"),o=e.includes("w"),a=e.includes("n"),l=e.includes("s");beginGesture(t,(e,t)=>{let{width:n,height:s}=i,{x:c,y:d}=i;r&&(n=Math.max(Ye.width,i.width+e)),l&&(s=Math.max(Ye.height,i.height+t)),o&&(n=Math.max(Ye.width,i.width-e),c=i.x+(i.width-n)),a&&(s=Math.max(Ye.height,i.height-t),d=i.y+(i.height-s)),resizeTo({width:n,height:s}),(o||a)&&Se({x:c,y:d})})}(t.edge,e),onKeyDown:n?e=>{const t={ArrowRight:[16,0],ArrowLeft:[-16,0],ArrowDown:[0,16],ArrowUp:[0,-16]}[e.key];t&&(e.preventDefault(),function nudge(e,t){const n=Ke.current;if(!n)return;const i=s(n,!0).size,r=s(n,!1).size,o=Math.max(Ye.width,i+e),a=Math.max(Ye.height,r+t);o===i&&a===r||resizeTo({width:o,height:a})}(t[0],t[1]))}:void 0},t.edge)})]}),...me}});return xe||Ae?at:null});

package/dist/css/accordion.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <accordion>. Needs `plass-ui/css/base.css` first. */
 @source '../components/accordion';
+@source '../internal/defaults.js';
+@source '../internal/heading.js';
+@source '../internal/icons.js';
+@source '../internal/styles.js';

package/dist/css/alert.css

@@ -1,2 +1,7 @@
 /* Scan manifest for <alert>. Needs `plass-ui/css/base.css` first. */
 @source '../components/alert';
+@source '../internal/defaults.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';

package/dist/css/anchor.css

@@ -1,2 +1,8 @@
 /* Scan manifest for <anchor>. Needs `plass-ui/css/base.css` first. */
 @source '../components/anchor';
+@source '../internal/defaults.js';
+@source '../internal/labels.js';
+@source '../internal/layout-box.js';
+@source '../internal/loading.js';
+@source '../internal/scroll-target.js';
+@source '../internal/styles.js';

package/dist/css/animate-appear.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-appear>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-appear';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-blink.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-blink>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-blink';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-counter.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <animate-counter>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-counter';
+@source '../internal/animate.js';
+@source '../internal/defaults.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-fade.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-fade>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-fade';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-float.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-float>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-float';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-grow.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-grow>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-grow';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-headline.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-headline>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-headline';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-lighting.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <animate-lighting>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-lighting';
+@source '../internal/animate.js';
+@source '../internal/defaults.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-marquee.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <animate-marquee>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-marquee';
+@source '../internal/animate.js';
+@source '../internal/inert.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-reveal.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-reveal>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-reveal';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-rotate.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-rotate>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-rotate';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-scramble.css

@@ -1,2 +1,7 @@
 /* Scan manifest for <animate-scramble>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-scramble';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/scramble.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/animate-shake.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-shake>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-shake';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-slide.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-slide>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-slide';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/animate-split.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <animate-split>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-split';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/animate-typing.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <animate-typing>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-typing';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/animate-zoom.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <animate-zoom>. Needs `plass-ui/css/base.css` first. */
 @source '../components/animate-zoom';
+@source '../internal/animate.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/app-logo.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <app-logo>. Needs `plass-ui/css/base.css` first. */
 @source '../components/app-logo';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/area-chart.css

@@ -1,3 +1,15 @@
 /* Scan manifest for <area-chart>. Needs `plass-ui/css/base.css` first. */
 @source '../components/area-chart';
 @source '../components/box';
+@source '../hooks/usePlElementSize.js';
+@source '../internal/chart-frame.js';
+@source '../internal/chart-line.js';
+@source '../internal/chart.js';
+@source '../internal/defaults.js';
+@source '../internal/format.js';
+@source '../internal/labels.js';
+@source '../internal/layout-box.js';
+@source '../internal/loading.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/aspect-ratio.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <aspect-ratio>. Needs `plass-ui/css/base.css` first. */
 @source '../components/aspect-ratio';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/avatar.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <avatar>. Needs `plass-ui/css/base.css` first. */
 @source '../components/avatar';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/back-top.css

@@ -2,3 +2,14 @@
 @source '../components/back-top';
 @source '../components/button';
 @source '../components/icon-button';
+@source '../internal/button-group.js';
+@source '../internal/defaults.js';
+@source '../internal/focusable.js';
+@source '../internal/form.js';
+@source '../internal/glow.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/loading.js';
+@source '../internal/media.js';
+@source '../internal/scroll-target.js';
+@source '../internal/styles.js';

package/dist/css/badge.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <badge>. Needs `plass-ui/css/base.css` first. */
 @source '../components/badge';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/bar-chart.css

@@ -1,3 +1,13 @@
 /* Scan manifest for <bar-chart>. Needs `plass-ui/css/base.css` first. */
 @source '../components/bar-chart';
 @source '../components/box';
+@source '../hooks/usePlElementSize.js';
+@source '../internal/chart-frame.js';
+@source '../internal/chart.js';
+@source '../internal/defaults.js';
+@source '../internal/format.js';
+@source '../internal/labels.js';
+@source '../internal/layout-box.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/base.css

@@ -1,4 +1,3 @@
-/* The tokens, plus the classes every component shares.
- * Import this once, then one `plass-ui/css/<component>.css` per component. */
+/* The tokens. Import this once, then one `plass-ui/css/<component>.css` per
+ * component, which scans everything that component reaches. */
 @import '../tokens.css';
-@source '../internal';

package/dist/css/blockquote.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <blockquote>. Needs `plass-ui/css/base.css` first. */
 @source '../components/blockquote';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/bottom-navigation.css

@@ -1,2 +1,6 @@
 /* Scan manifest for <bottom-navigation>. Needs `plass-ui/css/base.css` first. */
 @source '../components/bottom-navigation';
+@source '../internal/bottom-bar.js';
+@source '../internal/defaults.js';
+@source '../internal/layout-box.js';
+@source '../internal/styles.js';

package/dist/css/box.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <box>. Needs `plass-ui/css/base.css` first. */
 @source '../components/box';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/breadcrumb.css

@@ -1,2 +1,8 @@
 /* Scan manifest for <breadcrumb>. Needs `plass-ui/css/base.css` first. */
 @source '../components/breadcrumb';
+@source '../internal/defaults.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/button-group.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <button-group>. Needs `plass-ui/css/base.css` first. */
 @source '../components/button-group';
+@source '../internal/button-group.js';
+@source '../internal/styles.js';

package/dist/css/button.css

@@ -1,2 +1,9 @@
 /* Scan manifest for <button>. Needs `plass-ui/css/base.css` first. */
 @source '../components/button';
+@source '../internal/button-group.js';
+@source '../internal/defaults.js';
+@source '../internal/form.js';
+@source '../internal/glow.js';
+@source '../internal/icons.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';

package/dist/css/calendar.css

@@ -1,3 +1,20 @@
 /* Scan manifest for <calendar>. Needs `plass-ui/css/base.css` first. */
 @source '../components/calendar';
 @source '../components/button';
+@source '../internal/button-group.js';
+@source '../internal/calendar.js';
+@source '../internal/date.js';
+@source '../internal/defaults.js';
+@source '../internal/form.js';
+@source '../internal/format.js';
+@source '../internal/glow.js';
+@source '../internal/icons.js';
+@source '../internal/inert.js';
+@source '../internal/labels.js';
+@source '../internal/layout-box.js';
+@source '../internal/loading.js';
+@source '../internal/notch.js';
+@source '../internal/picker.js';
+@source '../internal/sizer.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/card.css

@@ -1,2 +1,4 @@
 /* Scan manifest for <card>. Needs `plass-ui/css/base.css` first. */
 @source '../components/card';
+@source '../internal/defaults.js';
+@source '../internal/styles.js';

package/dist/css/carousel.css

@@ -2,3 +2,13 @@
 @source '../components/carousel';
 @source '../components/button';
 @source '../components/icon-button';
+@source '../internal/button-group.js';
+@source '../internal/defaults.js';
+@source '../internal/form.js';
+@source '../internal/glow.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/layout-box.js';
+@source '../internal/loading.js';
+@source '../internal/media.js';
+@source '../internal/styles.js';

package/dist/css/chat-bubble.css

@@ -1,2 +1,8 @@
 /* Scan manifest for <chat-bubble>. Needs `plass-ui/css/base.css` first. */
 @source '../components/chat-bubble';
+@source '../internal/defaults.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/link.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';

package/dist/css/checkbox.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <checkbox>. Needs `plass-ui/css/base.css` first. */
 @source '../components/checkbox';
+@source '../internal/defaults.js';
+@source '../internal/form.js';
+@source '../internal/styles.js';

package/dist/css/chip.css

@@ -1,2 +1,10 @@
 /* Scan manifest for <chip>. Needs `plass-ui/css/base.css` first. */
 @source '../components/chip';
+@source '../internal/defaults.js';
+@source '../internal/form.js';
+@source '../internal/glow.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';

package/dist/css/code-block.css

@@ -1,2 +1,8 @@
 /* Scan manifest for <code-block>. Needs `plass-ui/css/base.css` first. */
 @source '../components/code-block';
+@source '../internal/defaults.js';
+@source '../internal/highlight.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/loading.js';
+@source '../internal/styles.js';

package/dist/css/collapsible.css

@@ -1,2 +1,5 @@
 /* Scan manifest for <collapsible>. Needs `plass-ui/css/base.css` first. */
 @source '../components/collapsible';
+@source '../internal/defaults.js';
+@source '../internal/icons.js';
+@source '../internal/styles.js';

package/dist/css/color-picker.css

@@ -1,3 +1,20 @@
 /* Scan manifest for <color-picker>. Needs `plass-ui/css/base.css` first. */
 @source '../components/color-picker';
 @source '../components/button';
+@source '../internal/button-group.js';
+@source '../internal/calendar.js';
+@source '../internal/color.js';
+@source '../internal/date.js';
+@source '../internal/defaults.js';
+@source '../internal/form.js';
+@source '../internal/format.js';
+@source '../internal/glow.js';
+@source '../internal/icons.js';
+@source '../internal/labels.js';
+@source '../internal/layout-box.js';
+@source '../internal/loading.js';
+@source '../internal/notch.js';
+@source '../internal/picker.js';
+@source '../internal/sizer.js';
+@source '../internal/styles.js';
+@source '../internal/text.js';